/* Main stylesheet for SC GREEN Charter */

:root{
  --white: #fff;
  --black: #000;
  --light-green: #C6D53A;
  --green: #6EA956;
  --off-green: #B0CD9F;
  --dark-green: #417156;
  --darker-green: #373A36;
  --light-gray: #F9F9F9;
  --light-gray-rgba: rgba(249, 249, 249, .9);
  --gray: #D8D9DA;
  --heading-font: 'Oswald', sans-serif;
  --body-font: 'Lato', sans-serif;
  --empower-font: 'Lora', sans-serif;
  --cursive-font: 'Parisienne', sans-serif;
}

body { font-family: var(--body-font) }
h1 { font-size: 52px; text-transform: uppercase; font-weight: 500; font-family: var(--heading-font) }
h2 { font-size: 46px; text-transform: uppercase; font-weight: 500; font-family: var(--heading-font) }
h3 { font-size: 36px; text-transform: uppercase; font-weight: 400; font-family: var(--heading-font) }
h4 { font-size: 22px; text-transform: uppercase; font-weight: 400; font-family: var(--heading-font) }
h5 { font-size: 16px; text-transform: uppercase; font-weight: 400; font-family: var(--body-font) }
p { font-size: 16px; font-weight: 400; line-height: 1.5; }
a { text-decoration: underline; color: var(--green); }
a:hover { text-decoration: underline; cursor: pointer; color: var(--green); }

.width-100 { width: 100px; }
.width-200 { width: 200px; }
.width-300 { width: 300px; }
.width-fc { width: fit-content; }
.bold { font-weight: bold; }
.show-mobile-768, .show-mobile-991 { display: none; }
.hide-mobile-768, .hide-mobile-991 { display: block; }

.white-bg {	background: var(--white); }
.white-bg h1,.white-bg h2,.white-bg h3,.white-bg h4 { color: var(--green); }
.white-bg h5 { font-size: 16px; font-weight: 400; color: var(--black); text-transform: initial; }
.white-bg p { color: var(--black); font-weight: 300; line-height: 1.8; }
.white-bg a { text-decoration: underline; color: var(--dark-green); }
.white-bg a:hover { text-decoration: underline; cursor: pointer; color: var(--dark-green); }

.green-bg {	background: var(--dark-green); }
.green-bg h1,.green-bg h2,.green-bg h3,.green-bg h4 { color: var(--white); }
.green-bg h5 { font-weight: 400; font-size: 16px; color: var(--green); text-transform: initial; }
.green-bg p { color: var(--white); font-weight: 300; line-height: 1.8; }
.green-bg a { text-decoration: underline; color: var(--white); }
.green-bg a:hover { text-decoration: underline; cursor: pointer; color: var(--white); }

/* Navigation */
.top-nav { background: var(--dark-green); font-family: var(--heading-font); padding: 0px 0px .5px 0px!important; z-index: 5; }
.top-nav .navbar { padding: 0px !important; }
.top-nav li { margin: 0px 10px; }
.top-nav a { font-size: 15px; color: var(--off-green); }
.top-nav a:hover { text-decoration: none; }
.top-nav .nav-link { color: var(--off-green); font-weight: 400; font-size: 15px; }
.top-nav .nav-link:hover{ color: var(--off-green); text-decoration: underline; }
.top-nav .dropdown-item { color: var(--off-green); }
.top-nav .dropdown-item:hover { color: var(--off-green); text-decoration: underline; }
.top-nav .dropdown-item:active { background-color: var(--light-gray); } 
.top-nav .dropdown-menu { background-color: var(--light-gray); z-index: 10; }
.top-nav .dropdown-menu a { color: var(--dark-green); } 
.top-nav .dropdown-menu a:hover { color: var(--dark-green); } 
.top-nav .nav-item .active { text-decoration: underline; }
.top-nav .phone { color: var(--gray); }
.top-nav .phone h6 { margin-bottom:0px; font-weight: 400; font-size: 15px !important; }
.top-nav .fb-icon { color: var(--green); position: relative; /*top: -5px*/ }
.top-nav .fb-icon i { font-size: 20px; }

.main-nav { background: var(--light-gray-rgba); font-family: var(--heading-font); padding: 7px 0px 8px 0px !important; z-index: 4; }
.main-nav .navbar { padding: 0px !important; }
//.main-nav li { margin: 0px 10px; }
.main-nav a { font-size: 16px; color: var(--dark-green); }
.main-nav a:hover { text-decoration: none; }
.main-nav .nav-link { color: var(--dark-green); font-weight: 400; font-size: 16px; padding: 0 1rem; }
.main-nav .nav-link:hover { color: var(--dark-green); text-decoration: underline; }
.main-nav .dropdown-menu { background-color: var(--light-gray); z-index: 10; }
.main-nav .dropdown-item { color: var(--dark-green); }
.main-nav .dropdown-item:hover { color: var(--dark-green); text-decoration: underline; }
.main-nav .dropdown-item:active { background-color: var(--light-gray); } 
.main-nav .nav-item .active { text-decoration: underline; }
.main-nav .search-icon { position: relative; top: 0px; }
.main-nav .search-icon a { font-size: 26px; }

.secondary-nav { background: var(--white); font-family: var(--heading-font) }
.secondary-nav li { display: inline-block; margin-top: 10px; }
.secondary-nav a { font-size: 16px; display: block; line-height: 10px; text-decoration: none; border-right: 3px solid var(--green); color: var(--green); }
.secondary-nav li:last-child a { border-right: none; }
.secondary-nav a:hover { text-decoration: none; }
.secondary-nav .nav-link { color: var(--green); font-weight: 400; font-size: 26px; text-transform: uppercase; }
.secondary-nav .nav-link:hover{ color: var(--green); text-decoration: underline; }
.secondary-nav .dropdown-item { color: var(--green); }
.secondary-nav .dropdown-item:hover{ color: var(--green); text-decoration: underline; }
.secondary-nav .nav-item .active { text-decoration: underline; }

.dropdown-menu li { position: relative; display: inline-block; }
.dropdown-menu .dropdown-submenu { background-color: var(--light-gray); color: var(--dark-green); margin-top: 0px; z-index: 10; }
.dropdown-item:hover .dropdown-submenu { color: var(--dark-green); text-decoration: underline; }
.dropdown-item:active .dropdown-submenu { background-color: var(--light-gray); } 
//.navbar-nav .dropdown:hover .dropdown-menu .dropdown-submenu { display: none; }

/* Main Logo */
.flag-container { position: absolute; z-index: 99; display: flex; align-items: center; justify-content: center; top: -20px;}
.logo-container { position: absolute; z-index: 100; }
.home-flag { width: 250px; }
.inner-flag {  width: 175px; }
.home-logo { width: 200px; position: relative; top: -15px; }
.inner-logo {  width: 140px; position: relative; top: -15px; }

/* Banner */
.home-banner { min-height: 750px !important; position: relative; margin-top: -39px; z-index: 1; }
.home-banner h1,.home-banner h2,.home-banner h3 { color: var(--white); }
.home-banner .banner-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(54, 94, 68, .75); }
.home-banner-button { text-transform: uppercase; text-decoration: none !important; font-size: 32px; font-weight: 400; line-height: 1.2; color: var(--light-green) !important; font-family: var(--heading-font) !important; }
.home-banner-button:hover { text-decoration: underline !important; cursor: pointer; color: var(--light-green) !important; }
.home-banner-container { display: flex; justify-content: center; text-align-last: left; font-weight: 400;  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
.home-banner-text { font-weight: 400; word-break: break-word; z-index: 5; }
.home-banner-sub-button { margin-left: 50px; }

.page-banner { min-height: 600px !important; position: relative; margin-top: -44px; z-index: 1; }
.page-banner hr {  border: 3px solid; opacity: 1; width: 350px; border-color: var(--light-green); height: 3px; float: right; }
.page-banner h1,.page-banner h2,.page-banner h3 { color: var(--white); }
.page-banner h1 { margin-bottom: -10px; }
/*.page-banner h1 { border-bottom: 5px solid var(--light-green); width: 120%; }*/
.page-banner .banner-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(54, 94, 68, .75); }
.page-banner-button { text-transform: uppercase; text-decoration: none; font-size: 32px; font-weight: 400; line-height:1.2; color: var(--light-green) !important; font-family: var(--heading-font) !important; }
.page-banner-button:hover { text-decoration: none; cursor: pointer; color: var(--light-green) !important; }
.page-banner-container { display: flex; justify-content: right; align-items: baseline; text-align: right; font-weight: 400; padding-top: 110px; }
.page-banner-text { font-weight: 400; word-break: break-word; z-index: 5; }

.logo-flag { background: var(--white); display: inline-block;  height: 150px; margin-left: 80px; position: relative; width: 150px; -webkit-box-shadow: 0px 0px 5px 1px #000000; box-shadow: 0px 0px 5px 1px #000000;  }
.logo-flag:before { border-top: 60px solid var(--white); border-left: 75px solid transparent; border-right: 75px solid transparent; content: ""; height: 0; left: 0; position: absolute; bottom: -60px; width: 0; }

.empower-text { font-family: var(--empower-font); text-transform: lowercase; font-size: 101px; border-bottom: 3px solid var(--light-green); width: fit-content; font-weight:400; color: var(--white); }
#fade-target { opacity: 1; }
.heading-flex-container { display: flex; align-items: baseline; }
.heading-flex-1 { width: 400px; margin-left: 50px; }
.heading-flex-2 { width: 450px; }

/* Footer */
.footer { color: var(--gray); }
.footer-nav { font-size: 16px; font-weight: 600; text-transform: uppercase; text-decoration: none; line-height: 1.1; color: var(--white); }
.footer-nav ul { padding: 0px !important; list-style: none; }
.footer-nav li { margin: 5px 20px 0px 0px ; }
.footer-nav li a { text-decoration: none !important; color: var(--gray)!important; margin-right: 10px; }
.footer-nav li:hover { text-decoration: underline; }
.footer-slogan { font-size: 22px; font-weight: 500; text-transform: uppercase; color: var(--gray); font-family: var(--heading-font);  padding-left: 10px; }
.footer-slogan-spacing { padding-top: 20px; }
.footer-disclaimer p { font-size: 10px; color: var(--gray); }
.footer-nav-container { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; }
.footer-nav-link { flex-shrink: 0; font-size: 16px; font-weight: 400; text-transform: initial;  font-family: var(--heading-font); }
.footer-school-location { font-size: 16px; font-weight: 400; font-family: var(--heading-font); text-transform: uppercase;   }
.footer-school-text p { font-size: 13px; font-weight: 300; line-height: 1.5; margin-bottom:0px!important; font-family: var(--body-font); color: var(--white); }

/* Footer Subsites  */
.subsite-footer { color: var(--gray); }
.subsite-footer-nav { font-size: 16px; font-weight: 600; text-transform: uppercase; text-decoration: none; line-height: 1.1; color: var(--white); }
.subsite-footer-nav ul { padding: 0px !important; list-style: none; }
.subsite-footer-nav li { margin-right: 20px; }
.subsite-footer-nav li a { text-decoration: none !important; color: var(--gray)!important; margin-right: 10px; text-transform:initial; font-family: var(--heading-font); font-weight: 400; line-height:1.5; }
.subsite-footer-nav li:hover { text-decoration: underline; }
.subsite-footer-nav-link { flex-shrink: 0; font-size: 16px; font-weight: 400; text-transform: initial;  font-family: var(--heading-font); }
.subsite-footer-nav-container { display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; }
.subsite-footer-wrapper { padding-top: 35px; text-align: right; }
.subsite-footer-icons a:hover { text-decoration: none; color: var(--green); }
.subsite-footer-icons { font-size: 22px; }
.subsite-footer-icons li { list-style-type: none; display: inline; padding-right:5px; }
.subsite-footer-icons li:hover { text-decoration: underline; }
.subsite-footer-icons a { text-decoration: none; color: var(--green); }

/* Footer Icon Bar for Mobile views */
.footer-icon-bar-static { position: fixed; bottom: 0; width: 100%; z-index: 999; }
.footer-icon-bar { display: flex; align-items: self-end; justify-content: center; height: 100px; }
.footer-icon-bar>* { flex: 1 1 auto; }
.footer-icon-individual { text-align: center; border-right: 1px solid var(--green); }
.footer-icon-individual:nth-child(4) { border-right: none; }
/* Border for footer bar via after
.footer-icon-individual:after { content: ''; height: 100px; width: 1px; position: absolute; right: 0; top: 1; background-color: var(--green); }
*/
.footer-icon-text { font-family: var(--heading-font); color: var(--gray); font-size: 16px; padding-top: 20px; }
.footer-icon-bar a { text-decoration: none; }
.footer-icon-bar a:hover { text-decoration: none; }

/* Buttons */
.green-button { font-size: 16px; font-weight: 400; border: 1px solid var(--green); border-radius: 5px; text-align: center; text-decoration: none !important; text-transform: uppercase; padding: 20px 80px; background: var(--green); color: var(--white) !important; font-family: var(--heading-font); display: inline-block; }
.green-button:hover { background: var(--white); color: var(--green) !important; border: 1px solid var(--green); }

.white-button { font-size: 16px; font-weight: 400; border: 1px solid var(--green); border-radius: 5px; text-align: center; text-decoration: none !important; text-transform: uppercase; padding: 20px 80px; background: var(--white); color: var(--green) !important; font-family: var(--heading-font); display: inline-block; }
.white-button:hover { background: var(--green); color: var(--white) !important; border: 1px solid var(--green); }

.apply-now-button { font-size: 14px !important; font-weight: 400; border: 1px solid var(--green); border-radius: 2px; text-align: center; text-decoration: none; text-transform: initial; padding: 3px 20px; background: var(--green); color: var(--white)!important; font-family: var(--empower-font); position: relative; top: -2px; display: inline-block; }
.apply-now-button:hover { background: var(--white); color: var(--green)!important; border: 1px solid var(--green); }
.read-more-green { font-weight:400; font-size: 20px; text-decoration: none !important; color: var(--green) !important; font-family: var(--heading-font)}
.read-more-green:hover { font-weight:400; text-decoration: underline !important; color:var(--green) !important; font-family: var(--heading-font)}

.buttons-block-green-button { font-size: 16px; font-weight: 400; border: 1px solid var(--green); border-radius: 5px; text-align: center; text-decoration: none !important; text-transform: uppercase; padding: 20px 18px; background: var(--green); color: var(--white) !important; font-family: var(--heading-font); display: inline-block; }
.buttons-block-green-button:hover { background: var(--white); color: var(--green) !important; border: 1px solid var(--green); }

/* Message Block */
.message-information { color: var(--white); }
.message p { word-break: break-word; }
.signature { color: var(--white); font-family: var(--cursive-font); font-size: 32px; font-weight: 400; }
.information-line { border-left: 1px solid var(--green); padding-left: 20px; }
.captions { font-style: italic; font-size: 12px; color: var(--light-gray); text-align: right; }
.message-information p { margin: 0px; }
.message-information a { font-family: var(--heading-font); text-transform: uppercase; color: var(--green); text-decoration: none; font-weight: 400; }
.message-information a:hover { text-decoration: underline; }
.message-information-heading { padding-top: 64px; }

/* Stats Block*/
.stats h4 { font-weight: 400 !important; }
.stat { font-weight: 400 !important; font-size: 76px; min-height: 200px; }
.measurement { font-size: 30px; vertical-align: text-top; }
.stat-border { border-left: 1px solid var(--green); border-right: 1px solid var(--green); /*height: 100%;*/ }

/* Accordion Block */
.accordion h4 { margin-left: 30px; }
.accordion-button { color:var(--green); font-size: 28px; }
.accordion-button:hover { color:var(--green); }
.accordion-button:after { -ms-flex-negative: 0; content: ""; background-image: url(); background-size: 0; }
.accordion-header { background-color: var(--white); border-bottom: 0; }
.accordion-item { border: 0; }
.accordion-button button { border:0; padding: 0 !important; border: 0 !important; background-color: var(--white);}
.accordion-body { margin-left: 50px; }
.accordion-button:not(.collapsed) {	color: var(--green) !important;	background-color: var(--white) !important; box-shadow: unset !important; }
.accordion-button:focus { border-color: var(--light-green) !important; box-shadow: 0 0 0 3px var(--green); }

/* Images Block */
.images-carousel .owl-nav .owl-next,.images-carousel .owl-nav .owl-prev,.images-carousel .owl-dots .owl-dot span { margin: 0px 10px !important; }
.images-carousel .owl-nav .owl-next,.images-carousel .owl-nav .owl-prev,.images-carousel .owl-nav .owl-next i,.images-carousel .owl-nav .owl-prev i { border: 0; outline: none; box-shadow: none; background: transparent; font-size: 30px; color: var(--green); }
.images-carousel .owl-nav .owl-prev:hover,.images-carousel .owl-nav .owl-next:hover { border: 0; outline: none; box-shadow: none;background: transparent !important; color: var(--gray) !important; }

/* Events Block */
.events-carousel .owl-nav .owl-next,.events-carousel .owl-nav .owl-prev,.events-carousel .owl-dots .owl-dot span { margin: 0px 10px !important; }
.events-carousel .owl-nav .owl-next,.events-carousel .owl-nav .owl-prev,.events-carousel .owl-nav .owl-next i,.events-carousel .owl-nav .owl-prev i { border:0 ; outline: none; box-shadow: none; background: transparent; font-size: 30px; color: var(--white); }
.events-carousel .owl-nav .owl-prev:hover,.events-carousel .owl-nav .owl-next:hover { border: 0; outline: none; box-shadow: none;background: transparent !important; color: var(--gray) !important; }
.events-carousel .owl-nav.disabled { display: inline-block !important; }

/*. Center CSS for events carousel
events-carousel .owl-item .center { background-color: #437552; border-left: 1px solid var(--green); border-right: 1px solid var(--green); }
*/
.events-carousel a { text-decoration: none; }
.events-carousel a:hover { text-decoration: none; }
.events-carousel .owl-stage-outer, .events-carousel .owl-stage, .events-carousel .owl-item { height: 100%; }

.events h4 { font-size: 26px; color: var(--green); font-weight: 400; margin: 0px!important; padding:0px!important; }
.events h5 { font-size: 26px; color: var(--white); font-weight: 400; font-family: var(--heading-font); }
.events p { font-size: 16px; font-weight: 200; color: var(--white); line-height: 1.2; }
.events .date { font-size: 48px!important; font-weight: 600; }
.events-container { text-align: center; padding-bottom:30px; height: 100%; /*max-height: 600px; border-right: 1px solid var(--green);*/  }

/* Hover CSS for events container. */
.events-container:hover { background-color: #437552; border-left: 1px solid var(--green); border-right: 1px solid var(--green);  }


/* Featured News Block */
.featured-news h4 { font-weight: 400; text-transform: initial; color: var(--white); }
.featured-news h6 { font-weight: bold; text-transform: initial; }

/* News Block */
.news-carousel .owl-nav .owl-next,.news-carousel .owl-nav .owl-prev,.news-carousel .owl-dots .owl-dot span { margin: 0px 10px !important; }
.news-carousel .owl-nav .owl-next,.news-carousel .owl-nav .owl-prev,.news-carousel .owl-nav .owl-next i,.news-carousel .owl-nav .owl-prev i {border:0;outline: none;box-shadow: none;background: transparent;font-size: 30px;color:var(--green);}
.news-carousel .owl-nav .owl-prev:hover,.news-carousel .owl-nav .owl-next:hover {border:0;outline: none;box-shadow: none;background: transparent !important;color: var(--gray) !important;}

.news h4 { font-weight: 400; text-transform: initial; }
.news h6 { font-weight: bold; text-transform: initial; }
.news-container {}

/* News Entry */
.news-entry h4 { font-weight: 400; text-transform: initial; color: var(--green); }
.news-entry h6 { font-weight: bold; text-transform: initial; }

/* Text Block */
.text p { line-height: 1.5!important; }

/* Grid Block */
.grid h5 { font-family: var(--heading-font); font-size: 22px; }
.grid-spacing { padding-top: 125px; }
.separation-line { border-left: 1px solid var(--green); border-right: 1px solid var(--green); }

.grid-flex { display: flex; }

.grid-image { visibility: visible; transition: transform 1s; }
.grid-hover { overflow: hidden; position: relative; }
.grid-hover:hover {}
.grid-hover:hover .grid-hover-image { visibility: visible; transform: scale(1.75) translateX(-25%) translateY(-10%); }
.grid-hover:hover .grid-hover-text { visibility: visible; transform: scale(1) translateX(-50%) translateY(-55%); }
.grid-hover:hover .grid-hover-image img {}
.grid-hover:hover .grid-image { visibility: hidden; transform: scale(0); }
.grid-hover-image { visibility: hidden; position: absolute; z-index: 0;  position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50%, -50%); transition: transform 1s; }
.grid-hover-text { visibility: hidden; position: absolute; z-index: 0;  position: absolute; z-index: 1; top: 70%; left: 50%; transform: translate(-70% , -50%); -webkit-transform: translate(-50%, -50%); transition: transform 1s; }
.grid-hover-text p { line-height: 1.8; }
.grid-hover-image { opacity: .3; }
.grid-hover-image img {}

/* Numbers Block */
.numbers-heading { color: var(--white); padding: 30px 0px; text-align:center; }

/* Image Boxes */
.image-boxes {}
.image-box img { width: 100%; height: 100%; }
.image-box { position: relative; overflow: hidden; text-align: center; display: block; border-radius: 2px; }
.image-box:hover { cursor: default; }
.image-box-container { padding: 10px 0px; }
/* Image Box green after overlay. Commented out for now since the images were green already.
.image-box::after { display: block; content: " "; width: 100%; height: 100%; opacity: 0.8; z-index: 0; position: absolute; top: 0; left: 0; background: rgba(54, 94, 68, .8); }
*/
.image-box-text { position: absolute; z-index: 1; top: 50%; left: 50%; transform: translate(-50% , -50%); -webkit-transform: translate(-50%, -50%); font-weight: 400; color: var(--white)!important; }
.image-box-link:hover { cursor: pointer; }

/* Features Block */
.features h4 { font-size: 22px; }
.features h5 { text-transform: initial !important; font-family: var(--body-font); font-weight: 500; line-height: 1.5; }
.features img { max-width: 70%; vertical-align: text-top; }
.features hr { height: 1px; opacity: 1; color: var(--green); }
.features-line { border-left: 1px solid var(--green); padding-left: 3.5rem; }
.features-line-mobile { border: none; ; }

/* Logo With Text Block */
.logo-with-text-logo { max-width: 100px; }
.logo-heading { display: flex; flex-wrap: nowrap; align-items: center; }
.logo-with-text h5 { text-transform: initial !important; font-family: var(--body-font) font-weight: 600; }
.logo-with-text p { line-height: 1.5 !important; margin-bottom: 2.5rem !important; }

/* Testimonials Block */
.testimonials-carousel .owl-nav .owl-next,.testimonials-carousel .owl-nav .owl-prev,.testimonials-carousel .owl-dots .owl-dot span { margin: 0px 10px !important; }
.testimonials-carousel .owl-nav .owl-next,.testimonials-carousel .owl-nav .owl-prev,.testimonials-carousel .owl-nav .owl-next i,.testimonials-carousel .owl-nav .owl-prev i { border:0; outline: none; box-shadow: none; background: transparent; font-size: 36px; color:var(--white); }
.testimonials-carousel .owl-nav .owl-next,.testimonials-carousel .owl-nav .owl-prev { width: 15px; height: 100px; position: absolute; top: 50%; transform: translateY(-50%); display: block !important; border:0px solid black; }
.testimonials-carousel .owl-nav .owl-prev { left: 30%; }
.testimonials-carousel .owl-nav .owl-next { right: 30%; }
.testimonials-carousel .owl-nav .owl-prev:hover,.testimonials-carousel .owl-nav .owl-next:hover { border:0; outline: none; box-shadow: none; background: transparent !important; color: var(--gray) !important; }
.testimonials-carousel .owl-nav.disabled { display: inline-block !important; }
.testimonials-carousel .owl-item .testimonial-name { visibility: hidden; }
.testimonials-carousel .center .testimonial-name { visibility: visible !important; }

.testimonial-container { padding-bottom: 20px; }
.testimonials p { padding: 10px 0px 0px 0px; }
.testimonials h2 { color: var(--white); }
.testimonials h6 { font-family: var(--heading-font); font-weight: 400; }
.testimonials h6,.testimonials p { color: var(--white); }
.testimonials-carousel .owl-item { opacity: .4; }
.testimonials-carousel .owl-item.center { opacity: 1; transform: scale(1.1, 1.1); }
.testimonial-name { font-size: 22px; font-weight: 400; text-transform: uppercase !important; }

/* Team Directory */
.team-search-container { display: flex; align-items: center; }
.team-directory-search-input { flex-grow: 1; padding: 10px 25px; font-size: 22px; border: .5px solid var(--gray); border-radius: 3px; color: var(--green); }
.team-directory-search-input::placeholder { color: var(--green); font-family: var(--heading-font); }
.team-directory-search-input:focus-visible { outline-color: var(--green); }
.team-directory-search-button { margin-left:10px; flex-shrink: 0; padding: 10px 15px; font-size: 22px; background: var(--green); color: var(--white); border: 1 solid var(--green); border-radius: 3px; }
.team-directory-email-container { color: var(--green) !important; display: flex; align-items:center; font-size: 16px; }
.team-directory-name { font-family: var(--body-font); font-weight: bold !important; }
.team-directory-email-container p { color: var(--green) !important; font-size: 16px; }
.team-directory-email-text { font-family: var(--heading-font); text-transform: uppercase; margin-left: 10px; }
.team-directory-email-link { text-decoration: none !important; }
.team-directory-email-link:hover { text-decoration: none !important; cursor: pointer; }

/* Pagination */
.paginate-link { color: var(--green); font-family: var(--heading-font); font-size: 24px; font-weight: 400; margin: 0px 5px; text-decoration: none !important; }
.paginate-link-current { color: var(--light-green); font-family: var(--heading-font); font-size: 24px; font-weight: 400; margin: 0px 5px; text-decoration: underline !important;  }

/* Hiring Modal */
.hiring-modal .modal-header { border-bottom: none; justify-content: right; border-radius: 5px; }
.hiring-modal .modal-body { min-height: 500px; text-align: center; border-radius: 5px; }
.hiring-modal-close { background: var(--white); border: none; color: var(--gray); font-size: 36px; }
.hiring-modal-icon { padding-bottom: 60px; }
.hiring-modal .modal-body h4 { color: var(--black); text-transform: initial; font-size: 28px; margin-bottom: 40px; }
.hiring-modal .modal-body p { margin: 0; }

/* Contact Us Info Modal */
.contact-us-info .modal-header { border-bottom: none; justify-content: right; border-radius: 5px; }
.contact-us-info .modal-body { padding-bottom: 50px; text-align: center; border-radius: 5px; }
.contact-us-info-close { background: var(--white); border: none; color: var(--gray); font-size: 36px; }
.contact-us-info-icon { padding-bottom: 60px; }
.contact-us-info .modal-body h4 { color: var(--black); text-transform: initial; font-size: 28px; margin-bottom: 40px; }
.contact-us-info .modal-body p { margin: 0; }

/* Search Page & Search Dropdown Field */
.search-page { min-height: 600px; }
.search-container { display: flex; align-items: center; }
.search-input { flex-grow: 1; padding: 10px 25px; font-size: 22px; border: .5px solid var(--gray); border-radius: 3px; color: var(--green); }
.search-input::placeholder { color: var(--green); font-family: var(--heading-font); }
.search-input:focus-visible { outline-color: var(--green); }
.search-button { margin-left:10px; flex-shrink: 0; padding: 10px 15px; font-size: 22px; background: var(--green); color: var(--white); border: 1 solid var(--green); border-radius: 3px; }
.search-results { padding-top: 50px; }

#search-bar { display: none; margin: 0 auto; right: 0px; width: 100%; text-align: right; height: 55px; background: var(--light-gray-rgba); position: absolute; overflow: hidden; z-index: 3; padding-top: 1px; }
.search-icon { color: var(--dark-green); text-align: center; float: right; cursor: pointer;}
.search-icon i { font-size: 22px; }
.search-icon:hover { color: var(--dark-green); }
.search-box { -webkit-appearance: none; border: 1px solid var(--dark-green); background: var(--light-gray); padding: 10px; text-transform: initial; width: 35%; border-radius: 5px; color: var(--dark-green); }
.search-box input { background: var(--light-gray-rgba);  }
.search-box::placeholder { color: var(--dark-green); font-family: var(--heading-font); }
.search-box:focus-visible { outline-color: var(--green); }
.nav-search-button { margin-left:10px; flex-shrink: 0; padding: 5px 10px; font-size: 22px; background: var(--light-gray); color: var(--dark-green); border: 1 solid var(--light-gray-rgba); border-radius: 5px; position: relative; top: 2px; border: 1px solid var(--dark-green) }

/* Calendar */
.calendar-nav { position: relative; }
.calendar-nav a { text-decoration: none; font-weight: bold;  }
.calendar-nav a:hover { text-decoration: none; }
.calendar-nav .active { text-decoration: underline; }
.calendar-content a { text-decoration: none; }
.calendar-content a:hover { text-decoration: none; }
.calendar-content .badge-warning { background-color: var(--green); color: var(--white); text-transform: capitalize; }
.calendar-content .btn-primary { color: var(--white); background-color: var(--green); border-color: var(--green); }
.calendar-content .btn-primary:hover { color: var(--green); background-color: var(--white); border-color: var(--green); }
.calendar-content .btn-secondary { color: var(--white); background-color: var(--green); border-color: var(--green); }
.calendar-content .btn-secondary:hover { color: var(--green); background-color: var(--white); border-color: var(--green); }
.calendar-content .btn-light { color: var(--green); background-color: var(--white); border-color: var(--light-gray); }
.calendar-content .btn-light:hover { color: var(--green); background-color: var(--light-gray); border-color: var(--light-gray); }
.calendar-content .btn-outline-secondary { color: var(--green); background-color: var(--white); border-color: var(--green); }
.calendar-content .btn-outline-secondary:hover { color: var(--white); background-color: var(--green); border-color: var(--green); }
.calendar-content .page-item .page-link { color: var(--green); background-color: var(--white); border-color: var(--green); }
.calendar-content .page-item .active .page-link { color: var(--white); background-color: var(--green); border-color: var(--green); }

/* Contact Us */
.contact-us span { font-size: 16px; text-transform: uppercase; font-weight: 400; font-family: var(--body-font); color: var(--black); text-transform: initial; }
.map-embed { padding-top: 5px; word-break: break-word; }
.map-embed .gmap_canvas { width: 100%; overflow: hidden; background: none !important; }
.map-embed .mapouter { width: 100%; height: 100%; position:relative; text-align:right; }
.map-embed iframe { width: 100%; height: 100%; }

/* Buttons Block */
.button-blocks-container { display: flex; align-items: center; justify-content: space-evenly; }
.button-blocks-individual { max-width: 25%; }

/* Mobile Optimization */
@media screen and (max-width: 1400px) {
	.secondary-nav .nav-link { font-size: 18px; }
	.secondary-nav a { border-right: 2px solid var(--green); }
	.footer-slogan-spacing { padding-top: 20px; }	
	.grid-hover:hover .grid-hover-text { transform: scale(1) translateX(-50%) translateY(-55%); }
	.grid-hover-text p { line-height: 1.6; font-size: 16px; }
}

@media screen and (max-width: 1200px) {
	.testimonials-carousel .owl-nav .owl-prev { left: -3%; }
	.testimonials-carousel .owl-nav .owl-next { right: -3%; }
	.testimonials p { padding: 0px 50px; }
	.footer-slogan-spacing { padding-top: 15px; }	
	.grid-hover:hover .grid-hover-text { transform: scale(1) translateX(-50%) translateY(-50%); }
}

@media screen and (max-width: 1100px) {
	.footer-slogan-spacing { padding-top: 11px; }
	.grid-hover:hover .grid-hover-text { transform: scale(1) translateX(-50%) translateY(-50%); }
	.grid-hover-text p { line-height: 1.6; font-size: 14px; }
}

@media screen and (max-width: 991px) {
	.secondary-nav a { border: none; }
	.secondary-nav .nav-link { margin: 3px 0px; }
	.footer-slogan-spacing { padding-top: 15px; }
	.grid-hover:hover .grid-hover-text { transform: scale(1) translateX(-50%) translateY(-80%); }
	.grid-hover-text p { line-height: 1.6; font-size: 16px; }
	.map-embed { padding-top: 20px }
}

@media only screen and (min-width: 992px) {
	.navbar-nav .dropdown:hover .dropdown-menu { display: block; margin-top: 0; }
	.navbar-nav li { position: relative; }
	.navbar-nav .dropdown:hover .dropdown-menu .dropdown-submenu { display:none; margin-top: 0; position: absolute; right:100%; top:0px; }
	.navbar-nav .dropdown:hover .dropdown-menu .dropdown-submenu-left { right:100%; left:auto; }
	.navbar-nav .dropdown-menu li:hover > .dropdown-submenu { display: block !important; }
	.dropdown-item:focus, .dropdown-item:hover { background-color: var(--light-gray); }
	.navbar-nav .dropdown-menu li { width: 100%; }
}
@media (min-width: 992px)
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 1rem !important;
	padding-left: 1rem !important;
}
@media screen and (max-width: 991px) {
	h1 { font-size: 46px; }
	h2 { font-size: 40px; }
	h3 { font-size: 34px; }
	.subsite-footer-wrapper { text-align: left; }
	.show-mobile-991 { display: block; }
	.hide-mobile-991 { display: none; }
	.separation-line { border-top: 1px solid var(--green); border-bottom: 1px solid var(--green); border-left: none; border-right: none; }
	.grid-spacing { padding-top: 0px; }
	.features-line { border:none; padding-left: 0; }
	.features-line-mobile { border-top: 1px solid var(--green); border-bottom: 1px solid var(--green) ; }
	.home-banner h1 { font-size: 44px }
	.empower-text {  font-size: 80px; }
	.heading-flex-1 { width: 330px; margin-left: 25px; }
	.heading-flex-2 { width: 355px; }
	.home-banner-sub-button { margin-left: 25px; }
	.home-banner-container { justify-content: left; }
	.home-flag { width: 225px; }
	.home-logo { width: 175px; }
	.inner-flag {  width: 175px; }
	.inner-logo {  width: 125px; }
	.page-banner hr { width: 300px; }
	.mobile-footer-alignment { text-align: center !important; }
	.mobile-footer-logo-size { width: 50%; }
	.subsite-footer-nav li { margin-right: 0px; }
	.footer-nav-container { justify-content: center; }
	.mobile-calendar-nav { text-align: center; }
	.top-nav-ul { margin-bottom: 10px; }
	.top-nav .nav-link { padding: 0px !important; }
	.main-nav .nav-link { padding: 0px !important; }
	.top-nav .navbar-nav li { padding: 3px 0px !important; }
	.main-nav .navbar-nav li { padding: 3px 0px !important; }
	#search-bar { text-align: center; }
	.search-box { width: 50%; }
	.main-nav { padding: 0px !important; }
}

@media screen and (max-width: 768px) {
	/*.dropdown-toggle.show::after { border-top: 0; border-bottom: 0.3em solid; }*/
	h1 { font-size: 40px; }
	h2 { font-size: 34px; }
	h3 { font-size: 28px; }
	.team-directory-search-input { padding: 12px 25px; font-size: 18px; }
	.show-mobile-768 { display: block; }
	.hide-mobile-768 { display: none; }
	.stat-border { border-top: 1px solid var(--green); border-bottom: 1px solid var(--green); border-left: none; border-right: none; }
	.home-banner h1 { font-size: 28px }
	.empower-text {  font-size: 48px; }
	.heading-flex-1 { width: 215px; margin-left: 25px; }
	.heading-flex-2 { width: 230px; }
	.footer-slogan-spacing { padding-top: 10px; }
	.home-flag { width: 200px; }
	.home-logo { width: 150px; }
	.inner-flag {  width: 175px; }
	.inner-logo {  width: 125px; }
	.page-banner hr { width: 275px; }
}

@media screen and (max-width: 500px) {
	h1 { font-size: 34px; }
	h2 { font-size: 28px; }
	h3 { font-size: 22px; }
	.home-banner h1 { font-size: 22px }
	.empower-text {  font-size: 40px; }
	.heading-flex-1 { width: 175px; margin-left: 25px; }
	.heading-flex-2 { width: 200px; }
	.home-flag { width: 175px; }
	.home-logo { width: 125px; }
	.inner-flag {  width: 150px; }
	.inner-logo {  width: 100px; }
	.grid-hover-text p { line-height: 1.5; font-size: 14px; }
}
@media screen and (max-width: 425px) {
	h1 { font-size: 28px; }
	h2 { font-size: 22px; }
	h3 { font-size: 16px; }
	.home-banner h1 { font-size: 19px }
	.empower-text {  font-size: 34px; }
	.heading-flex-1 { width: 150px; margin-left: 25px; }
	.heading-flex-2 { width: 175px; }
	.home-flag { width: 150px; }
	.home-logo { width: 100px; }
	.inner-flag {  width: 125px; }
	.inner-logo {  width: 75px; }
	.grid-hover:hover .grid-hover-text { transform: scale(1) translateX(-50%) translateY(-60%); }
	.grid-hover-text p { line-height: 1.6; font-size: 14px; }
}
@media screen and (max-width: 375px) {
	h1 { font-size: 22px; }
	h2 { font-size: 18px; }
	h3 { font-size: 14px; }
	.home-banner h1 { font-size: 16px }
	.empower-text {  font-size: 30px; }
	.heading-flex-1 { width: 125px; margin-left: 25px; }
	.heading-flex-2 { width: 150px; }
	.home-flag { width: 125px; }
	.home-logo { width: 75px; }
	.inner-flag {  width: 100px; }
	.inner-logo {  width: 50px; }
}