/*General*/
body.generic-page,
body.custom-nats-join {
padding-top: 5em;
}

/*Tables*/
table.tflex td
{font-size: 14px;
  height: 78px;
  width: 100%;
}

.shadow-sm {
  transition: all 0.35s ease-out;
-webkit-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
}

.shadow-sm:hover {
box-shadow: 0 0.425rem 0.65rem rgba(49, 94, 246,0.14) !important;
-webkit-box-shadow: 0 0.425rem 0.65rem rgba(49, 94, 246,0.14) !important;
-moz-box-shadow: 0 0.425rem 0.65rem rgba(49, 94, 246,0.14) !important;
-ms-box-shadow: 0 0.425rem 0.65rem rgba(49, 94, 246,0.14) !important;
-o-box-shadow: 0 0.425rem 0.65rem rgba(49, 94, 246,0.14) !important;
}

/*links*/
a.nav-link:active{
  color:blue;
}


/* MARKETING CONTENT
-------------------------------------------------- */

.marketing h2 {
  font-weight: 400;
}

.jumbotron {
    padding: 3rem 0rem 0em;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 4rem 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.05rem;
}



/*Images*/
img.img-fluid, img.img-fluid.rounded {
    margin-bottom: 1em;
}

/*logo*/
img.logo {
max-width: 250px;
margin: 0 auto;
width: 100%;
}

img.logo-login {
max-width: 250px;
margin: 0 auto;
width: 100%;
}

/*video content cover image*/
.main-video-dimensions {
    margin: 0 auto;
    width: 100%;
    height: 261px;
    max-width: 501px;
}

/*Headings*/
h1, h2, h3, h4, h5, h6 {
color: #315ef6 !important;
}

/*footer*/

/*Colors*/
.bcblue-text {color: #315ef6}
.bcblue-bg {background-color: #315ef6; color: #ffffff;}

.bg-light {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
.bg-darker {
    background-color: #000000 !important;
    transition: background-color 0.5s ease;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    color: #333333 !important;
}

body.bg-darker h1, body.bg-darker h2, body.bg-darker h3, body.bg-darker h4, body.bg-darker h5, body.bg-darker h6 {
    color: rgba(49, 94, 246, 0.43) !important;
}

.bg-darker footer#footer.bg-dark {
    background-color: #050505 !important;
}

.bg-darker footer#footer.bg-dark, 
.bg-darker footer#footer.bg-dark p, 
.bg-darker footer#footer.bg-dark a {
    color: #333333 !important;
}

small, .small {
    letter-spacing: 1px;
}

/*Card Overrides*/


.card-body.alt-bod {
    padding: 0.35rem 4px 0px 4px !important;
}

.card-body {
    padding: 1.25rem 10px !important;
}

p.card-text {
    line-height: 1.8;
    font-size: 13px;
}

div#contnt-one-up-2-being-called p.card-text, 
div#contnt-one-up-3-being-called p.card-text {
    margin-bottom: 5px;
}

body.bg-darker .card.bg-light {
  background-color: transparent !important;
  border-color: transparent !important;
}

body.bg-darker #comment_msg.form-control {
      transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
  background-color:#111111 !important;
  border-color:#111111;
}

/*Stars*/
div#star {
    display: inline-block;
    margin-left: 3px;
    top: 5px;
    position: relative;
    padding: 3px 6px 6px 11px;
    background: #000000;
    border-radius: 40px;
}

/*Navbar*/
.navbar-text.no-top-padding {padding-top:0 !important;}

/*nav pagination*/
ul.hide-mobile {}

ul.hide-lg {
  display: none;
}

/*a.active.page-link {*/
/*    background-color: #315ef6;*/
/*    color: #fefefe;*/
/*}*/

/*Page Header*/
h5.card-title.page-title.float-left {
    top: 0.35em;
    position: relative;
}

.page-link {
    padding: .6rem 0.36rem !important;
    font-size: 11px;
}

/* About Us Responsive CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}


/*Extra small devices (portrait phones, less than 576px)*/

/*No media query for xs since this is the default in Bootstrap*/

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}

@media screen and (max-width: 991px) {
  .featurette-divider {
     margin: 1rem 0;
    border-color: #ecf0f1;
  }

  ul.hide-mobile {
    display: none;
  }
  ul.hide-lg {
    display: flex !important;
  }
  

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
  .hide-desktop {
    display: none;
  }
}

@media screen and (max-width: 992px) {
.navbar-text.no-top-padding {padding-top:0.5rem !important;}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {}