/* styles.css */

/* COLORS
   #365D94    Scrubs blue
   #11A197    Scrubs green
   #003471    Dk blue in DreamSafe - basic font color
   #7A87A9    Picture border color
   #E9EBEC    offwhite  - soft background color for most text
*/
/* lato  Thin(100)Thin Italic   Light(300)Light Italic  Regular(400)  Regular Italic   Bold(700)Bold Italic
*/

html, body {
  margin: 0;
  padding: 0;
  font-family: 'Lato', sans-serif;
  color: #003471;
  font-weight: normal;
  background: #E9EBEC;  /**offwhite*/
}
@media screen and (max-width: 576px) {
  html, body {
    background: white;
  }
}
.div-line {
  padding-top: -5rem;
}

/* MODAL DIALOG -------------------  */

.modal-header {
    background-color: #365D94;
    padding:16px 16px;
    color:#FFF;
    border-bottom:2px dashed #337AB7;
 }

.aprilName {
  background-image: url("../images/DS DividerLine1600x150.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: .75px .75px white;
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.aprilFont {
  font-weight: 700!important;
}
.aprilBackground {
/*  background-image:  url("../images/FAQ_AnesBlurred.jpg"); */
  background-image:  url("../images/bkgdClinicRobot.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -.9rem;
}
.aprilCard a {
  text-decoration: underline;
  font-style: oblique;
  color: orange;
}
.aprilCard a:hover {
  color: black;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
/* Data Toggle icons for Cards */
[data-toggle="collapse"].collapsed .fa:before {
  content: "\f0fe";   /* PLUS sign */
}
[data-toggle="collapse"] .fa:before {
  content: "\f146";  /* MINUS sign */
}
.card {
    background-color: #E9EBEC; /**offwhite*/
}
@media screen and (max-width: 576px) {
  .card {
    background: white;
  }
}
.card-header {
  background-color: #E9EBEC; /**offwhite*/
}
@media screen and (max-width: 576px) {
  .card-header {
    background: white;
  }
}
.card-body  {
  font-size: 1.1rem;
}
/* TESTIMONIALS   ===================  */
.card1 {
  background-color: #11a197;
  color: #003471;
}
.card1 a {
  text-decoration: underline;
  font-style: oblique;
}
.card1 a:hover {
  color: black;
}
.card2 {
  background-color: #365D94;
  color: white;
}
.card2 a {
  text-decoration: underline;
  font-style: oblique;
}
.card2 a:hover {
  color: black;
}
.card-columns {
  column-count: 3;
}
@media screen and (max-width: 576px) {
  .card-columns {
    column-count: 1
  }
}
@media screen and (min-width: 576px) and (max-width: 768px) {
  .card-columns {
    column-count: 2
  }
}

/* END TESTIMONIALS =====================   */
/*  TESTIMONIALS SHOW MORE SHOW LESS CSS  ===== */
#summary {
  /*font-size: 16px; */
  font-weight: normal;
  line-height: 1.5;
}

#summary p.collapse:not(.show) {
    height: 296px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#summary p.collapsing {
    max-height: 296px !important;
}
#summary a.collapsed:after  {
    content: '+ Read More';
    color: white;
    font-size: 1em;
}
#summary a:not(.collapsed):after {
    content: '- Read Less';
    color: white;
    font-size: 1em;
}

/*  BLOGS SHOW MORE SHOW LESS CSS  ===== */
.blog {
  font-size: 12px;
  line-height: 1.5;
}

.blog p.collapse:not(.show) {
    height: 230px !important;
    overflow: hidden;
    display: -webkit-box;
  /*  -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}
.blog p.collapsing {
    min-height: 230px !important;
}
.blog a.collapsed:after  {
    content: '+ Read More';
    color: #11A197;
    font-size: 1.5em;
}
.blog a:not(.collapsed):after {
    content: '- Read Less';
    color: #11A197;
    font-size: 1.5em;
}


.rings {
  max-width: 18rem;

}
.colleague-img {
  max-width: 7rem;
  align-items: center;

}
.main-content{
  margin: 2em 0 2em;
}
.card-columns {
  @include media-breakpoint-only(lg) {
    column-count: 4;
  }
  @include media-breakpoint-only(xl) {
    column-count: 5;
  }
}
.learn {
  width: 400px;
  margin-left: 9rem;
}
.scrubs {
/*  color: #11A197; */
  color: purple;
}
.darkblue {
  color: #003471;
  font-size: 1.4rem;
}
.red {
  color: red;
  font-size: 1.4rem;
}


/*    NAVIGATION   */

.navbar-light{
  background-color: white !important;
}
.navbar .navbar-nav .nav-item .nav-link {
    /* Top menu color and size */
    color: #003471;  /* Menu items and background after clicking on MENU*/
    font-size: 1.1rem;
    font-weight: 600;
}

.navbar .navbar-nav .dropdown-menu .dropdown-item {
    font-size: 1rem;
    font-family: Lato;
    font-weight: 600;
    color: #11A197;   /*submenu text colors  scrubs green */
  }

.navbar-toggler {
  margin-right: 20px;
  margin-top: 5px;
}
.navbar-toggler .icon-bar {
      background-color: #888;
}
.navbar-toggler .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      border-radius: 1px;
}
.navbar-toggler .icon-bar + .icon-bar {
      margin-top: 4px;
}
.navbar a.navbar-brand {
  margin-left: 1.5em;
}
.navbar-custom {
    background-color: white;
}
/* END NAVIGATION    */
/* HOME PAGE IMAGES */
.logo {
  max-height: 100px;
}


/* HOME PAGE ================== HOME PAGE ================== */
.sectionBkgd {
  background-color: #11A197;
  background-repeat: repeat-y;
  background-size: cover ;
  margin-left: -2rem;
}
.casesFont {
  font-family: Lato;
  font-size: 1.3rem;
  color: #003471;
  margin-left: 3rem;
}
.thumbnail {
    position: relative;
}
ul.no_bullet {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
li.check {
  font-family: 'FontAwesome';
  content: '\f00c';   /* fa-check */
  margin: .5rem .5rem 0 -1.8rem;
}
.img-cartoon {
    border-color: #B5B5B5;
    border-style: groove;
    border-width: thick;
    border-radius: 8%;
}
.img-cartoon-med {
    height: 200px;
    border-color: #B5B5B5;
    border-style: groove;
    border-width: thick;
    border-radius: 8%;
}
.img-cartoon-small {
    height: 150px;
    border-color: #B5B5B5;
    border-style: groove;
    border-width: medium;
    border-radius: 8%;
}
.homeBullets2 li {
  font-family: Lato;
  font-size: 1.3rem;
  color: #003471;
  margin-left: 3rem;
}
.homeCard {
  border-width: medium;
  border-style: ridge;
  }
.homeCardHeader {
  background-color:#003471;
  color: white;
}
.homeCardBody  {
  color: #003471 !important;
  background-color: inherit;
  font-weight: 600 !important;
  font-family: 'Lato' !important;


}
.homeCardFooter {
  background-color: #003471;
}
.buttonRibbon {
  background-image: url("../images/DS DividerLineGreen1600x150.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  text-shadow: .75px .75px white;
  /*padding-top: .75rem;
  padding-bottom: .75rem; */
}

@media (min-width: 823px) {
  .btn-home {
    height: 3.6rem;
    background: #6C757D;  /*gray*/
    border: none;
    color: white;
    font-weight:450;
    padding-bottom: 20px;
    margin-top: -18px;
    margin-bottom: -16px;
  }
}

@media (min-width: 768px) and (max-width: 822px) {
  .btn-home {
    height: 1rem;
    background: #6C757D;
    border: none;
    color: white;
    font-size: 15px;
    padding-bottom: 30px;
    margin-top: -20px;
    margin-bottom: -10;
  }
}

.btn-home:hover {
  background: #040E32 !important;
  box-shadow: none !important;

}

.btn-home:focus {
  background: #003471 !important;
  box-shadow: none !important;
}

.btn-home:active {
  text-decoration: underline !important;
  background: #003471;
  box-shadow: none !important;
}

.home-caption-sm {
  margin-left: 4rem;
}
.aprilHome {
  margin: 2em 0 2em;
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  border-style: outset;
  border-width: 4px;
  border-color: #365d94;
  border-width: 6px;
  max-height: 250px;
}

.homeBullets {
  font-weight: 600;
  list-style: none;
}
@media screen and (min-width: 576px) {
  .homeBullets {
    margin-top: 3rem;
    font-size: 1.3rem;
    font-weight: 400;
  }
}

.homeBullets li:before {
  color: #003471;
  font-family: 'FontAwesome';
  content: '\f072';   /* fa-plane */
  margin:0 .5rem 0 -1.8rem;
}

.carousel-caption {
  position: relative;
  color: black;
  margin-right: 3rem;
  padding-top: 1.5rem;
}

.navbar-default > ul > li > a:active {
  text-decoration: underline!important;
  text-decoration-color: white;

}

.nav > li > a:active,
.nav > li > a:hover,
.nav > li > a:focus
 {
    text-decoration: underline;
    text-decoration-color: white;
}

.carousel-caption {
  position: relative;
  color: black;
  margin-right: 3rem;
  padding-top: 1.5rem;
}

.carousel-indicators {
  color: black;
}
.carousel-inner > .carousel-item > img,
  .carousel-inner > .carousel-item > a > img {
    width: 50%;
    margin: auto;
}
.build-bkg-fac {
  background-image: url("../images/Background1600x3200.jpg");
  background-repeat: repeat-y;
  background-size: cover ;
}

.build-bkg {
  background-image: url("../images/Background1600x1600.jpg");
  background-repeat: repeat-y;
  background-size: cover ;
}
.build-sm  h4, p {
  color: white;
}
.build-md {
  color: #003471;  /*Dk blue in DreamSafe - basic font color */
}

h1.build {
  text-shadow: .75px .75px white;
  padding-top: .75rem;
  padding-bottom: .75rem;
}
.build-link {
  color: white;
  font-size: 1rem;
}


.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}

.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
/* SCROLLING BACK TO TOP */
.scroll-top {
  width: 50px;
  height: 60px;
  position: fixed;
  bottom: 25px;
  right: 20px;
  display: none;
}
.scroll-top:hover {
  background-color: #11A197;

}
.btn-dark {
  background-color: #003471;
}

.fa-plane {
  -moz-transform: rotate(314deg);
  -webkit-transform: rotate(314deg);
  -o-transform: rotate(314deg);
  -ms-transform: rotate(314deg);
  transform: rotate(314deg);
  margin-right: 1.8rem;

}
.scroll-top i {
  display: inline-block;
  color: #fff;
}
.main {
  text-align: center;

}
.main .btn-default {
  background-color: #ffffff;
  border: none;
  border-radius: 0px;
  padding: .5rem 1rem;
}
.thankyou-head {
  background-color: white;
}
.thankyou h2 {
  color: white;
  text-align: center;
  font-weight: lighter;
  margin-top: 2rem;
}
.thankyou h3 {
  color: white;
  text-align: center;
  font-weight: lighter;
  margin-top: 3rem;
}
.thankyou-img {
  height: 500px;
  background-image: url(../images/thankyouAirplane.jpg);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* CAPTCHA SECTION  ------------------- */
.avtar img {
  height: 17px;
  width: 100%;
}
.g-recaptcha {
  width: 100%;
  margin-left: -3px;
  margin-bottom: 1em;
}
/* END HOME PAGE ================== END HOME PAGE ================== */

/* FACILITY EXPERIENCE PAGE =================== */
.facBullets {
  color: white !important;
}

/* EVALUATION PAGE ======================*/
.radioLg {
  -webkit-appearance:button;
  -moz-appearance:button;
  appearance:button;
  border:4px solid #ccc;
  border-top-color:#bbb;
  border-left-color:#bbb;
  background:#fff;
  width: 25px;
  height: 25px;
  border-radius:50%;
}
.radioLg:checked{
  border:10px solid #11a197;
}
/* AVAILABILITY ============================*/
.blueFont  {
  font-family: Lato;
  font-size: 1.1rem;
  color: #003471;
}

/* ABOUT PAGE =======================*/
.about p {
  color: #003471;
}
/* FAQ PAGE  =========================*/
.faqBackground {
  background-image:  url("../images/bkgdFAQ_AnesBlurred.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -.9rem;
}
.bg-card {
  background-color: #365D94;
}
/* CREDENTIALS  =================  */
.table-head {
  background-color: #003471;
  color: white;
}
.table-row1 {
  background-color: #11a197;
  color: white;
}

.table-row1 a {
  color: white !important;
  text-decoration: underline !important;
}
@media screen and (min-width: 576px) {
  tr:hover td {
    background: #000A2F !important; }
}
.table-bordered3 td {
  border: 1px solid black ;
}
.table-bordered1 {
  border-bottom: 1px solid #11a197 !important;
}

.table-row2 {
  background-color: #365d94;
  color: white;
}
.table-row2 a {
  color: white !important;
  text-decoration: underline;
}
.table-bordered2 {
  border-bottom: 1px solid #365d94 !important;
}
.table-rowGap {
  background-color: #000A2F;
  color: white;
}
.table-rowGap a {
  color: white !important;
  text-decoration: underline;
}
.table-borderedGap {
  border-bottom: 1px solid #000A2F !important;
}
/* FORM SIGN IN  */
.signin {
  padding: 2rem;
  align-items: center;
  background-color: white;
}
.card-signin {
  max-width: 400px;
  margin: auto;
}
.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}
.form-signin .checkbox {
  font-weight: 400;
}
.form-signin .form-control {
  position: relative;
  box-sizing: border-box;
  height: auto;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* PEER REFERENCES PAGE =============== */
.ref-padding {
  padding-top: 2rem;
  padding-left: 8rem;
  padding-right: 8rem;
}

/* RECRUITERS ============================*/
.recruit {
  font-family: Lato;
  font-size: 1.1rem;
  color: white;
}

.custom-control-label::before,
.custom-control-label::after {
  top: .5rem;
  width: 1.75rem;
  height: 1.75rem;
}

/* FOOTERS ===========================*/
.footerTop {
  background-color: #999999;
}
.footer {
  background-color: #4d4d4d;
  color: white;
  text-align: center;
}
.footer-links a {
  color:#003471 !important;
  font-size: 1.1rem;
  list-style-type:
}

li.paperPlane ul li:before {
  font-family: 'FontAwesome';
  content: '\f19d';   /* fa-paper-plane */
  margin: .5rem .5rem 0 -1.8rem;
}
li.fileText ul li:before {
  font-family: 'FontAwesome';
  content: '\f0f6';   /* fa-file-text-o */
  margin: .5rem .5rem 0 -1.8rem;
}

.logoFooter {
  padding: 2rem 0 2rem 2rem;
  max-height: 200px;

}