/* CSS for layout colors */

/* light blue */
/*.bs-bg-light-blue {background-color: #e6f0ff !important;}*/
.bs-bg-light-blue {background-color: #f0f5fc !important;}
.bs-bg-light-blue {color: #121c4d;}

/* light grey override */
.bs-bg-light {background-color: #f1f1f1 !important;}
.bs-bg-light {color: #f1f1f1; }

/* dark blue */
.bs-bg-dark-blue {background-color: #121c4d !important;}
.bs-bg-dark-blue {color: #121c4d;}
.bs-bg-dark-blue.field-content {color: #fff;margin-top: 5px;}
.bs-bg-dark-blue .field-content {color: #fff; padding:10px;}

/* orange */
.bs-bg-orange {background-color: #F07D04 !important;}


/* Black Text */
.bs-text-black .bs_tooltip {background-color: #000 !important;}
.bs-text-black h2 {color: #000;}
.bs-text-black h3 {color: #000;}
.bs-text-black h4 {color: #000;}
.bs-text-black h5 {color: #000;}
.bs-text-black h6 {color: #000;}
.bs-text-black p {color: #000;}
.bs-text-white {color: #000;}

/* White Text */
/*.bs-text-white {background-color: #ffffff !important;}*/
.bs-text-white h2 {color: #ffffff;}
.bs-text-white h3 {color: #fff;}
.bs-text-white h4 {color: #fff;}
.bs-text-white h5 {color: #fff;}
.bs-text-white h6 {color: #fff;}
.bs-text-white p {color: #fff;}
.bs-text-white {color: #fff;}

/* Dark Blue Text */
.bs_input-circles .bs-text-dark-blue {background-color: #121c4d !important;}
.bs-text-dark-blue .bs_tooltip {background-color: #121c4d !important;}
.bs-text-dark-blue h2 {color: #121c4d;}
.bs-text-dark-blue h3 {color: #121c4d;}
.bs-text-dark-blue h4 {color: #121c4d;}
.bs-text-dark-blue h5 {color: #121c4d;}
.bs-text-dark-blue h6 {color: #121c4d;}
.bs-text-dark-blue p {color: #121c4d;}
.bs-text-dark-blue {color: #121c4d;}

/* Orange Text */
.bs_input-circles .bs-text-orange {background-color: #f07d04 !important;}
.bs-text-orange .bs_tooltip {background-color: #f07d04 !important;}
.bs-text-orange h2 {color: #f07d04;}
.bs-text-orange h3 {color: #f07d04;}
.bs-text-orange h4 {color: #f07d04;}
.bs-text-orange h5 {color: #f07d04;}
.bs-text-orange h6 {color: #f07d04;}
.bs-text-orange p {color: #f07d04;}
.bs-text-orange {color: #f07d04;}

/* Light Blue Text */
.bs_input-circles .bs-text-light-blue {background-color: #e6f0ff !important;}
.bs-text-light-blue .bs_tooltip {background-color: #e6f0ff !important;}
.bs-text-light-blue h2 {color: #e6f0ff;}
.bs-text-light-blue h3 {color: #e6f0ff;}
.bs-text-light-blue h4 {color: #e6f0ff;}
.bs-text-light-blue h5 {color: #e6f0ff;}
.bs-text-light-blue h6 {color: #e6f0ff;}
.bs-text-light-blue p {color: #e6f0ff;}
.bs-text-light-blue {color: #e6f0ff;}

/* link colors */
a, a hover {color: #121c4d;}
.dark a, a hover {color: #fff; margin-top: 10px; font-size: 24px;}
.light a, a hover {color: #121c4d; margin-top: 10px; font-size: 18px;}

/* tall banner */

.tall-banner {height: 500px !important; display: flex; align-items: center; }
.tall-banner h2 {color: #fff; text-align: center; line-height: 100px; font-size: 80px;}
.tall-banner h3 {color: #fff; text-align: center; font-size: 60px; }
.tall-banner h4 {color: #fff; text-align:center; font-size: 40px;}

/* banner */
@media only screen
     and (width: 390px) 
     and (device-height: 844px)
     and (-webkit-device-pixel-ratio: 3) {
.banner h2 {color: #fff; font-size: 40px; text-align:center; padding-top: 0px; line-height: 40px; text-shadow: 2px 2px 4px #000000; }
.banner p {color: #fff; font-size: 20px; text-align:center; line-height: 20px;}
.banner h4 {color: #fff; font-size: 25px; text-align:center; line-height: 25px;}
.banner {height: 500px;}
}

@media only screen and (min-width: 600px) {
.banner h2 {color: #fff; font-size: 70px; text-align:center; padding-top: 0px; line-height: 80px; text-shadow: 2px 2px 4px #000000; }
.banner p {color: #fff; font-size: 30px; text-align:center; line-height: 24px;}
.banner h4 {color: #fff; font-size: 50px; text-align:center; line-height: 45px;}
.banner { height: 420px;}
}

/* cards */
.cards {height: 300px !important;}
.cards p { font-size: 30px; text-align: center; line-height: 100px;}
.cards h2 {font-size: 50px; text-align: center; line-height: 100px;}

.field--name-field-number {font-family: "Bebas Neue", "Bebas Neue"; font-size: 48px; text-align: center; }
.field--name-field-description {font-family: "Open Sans"; font-size: 30px; text-align: center; }

/* big header */
.big-header h2 {font-size: 70px; color:#fff; font-weight: bold;}

.ck-content{ color:#000!important}
.ck-source-editing-area textarea {height: 100%!important;}
