/* CSS for layout colors */

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

/* dark blue */
.bs-bg-dark-blue {background-color: #121c4d !important;}
.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 */
.banner h2 {color: #fff; font-size: 80px; 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;}