/* ==== Module Imports ==== */
/* Top Customer Footer */
@import url("modules/top-footer.css");
/* New Slider side-by-side */
@import url("modules/hero-slider.css");
/* Inset CTA Background video option module */
@import url("modules/inset-cta-bg-video.css");
/* New flip cards module */
@import url("modules/flip-cards.css");
/* New parallax block module */
@import url("modules/parallax-block.css");
/* New Text Image Callout 4 module */
@import url("modules/text-image-callout-4.css");
/* Promo Navigation */
@import url("modules/promo-navigation.css");
/* Categories Promo */
@import url("modules/categories-promo.css");
/* New Full-width dynamic magazine story/cta module */
@import url("modules/magazine-cta.css");
/* New text block can be full-width or centered text module */
@import url("modules/text-block-new.css");
/* New news and in-media module */
@import url("modules/news-in-media.css");
/* New Events with Featured module */
@import url("modules/events-with-featured.css");
/* Testimonials module */
@import url("modules/testimonials.css");
/* Spotlight Cards module */
@import url("modules/spotlight-cards.css");




/* ==== Events CSS Imports ==== */
/* Alumni Awards */
@import url("events/alumni-awards.css");
/* Alumni Appreciation Nights */
@import url("events/appreciation-nights.css");
/* Alumni Appreciation Nights */
@import url("events/alumni-weekend.css");
 
/* ==== Custom CSS Imports ==== */
/* Board of Directors */
@import url("custom/board-of-directors.css");
/* Outline Containers */
@import url("custom/outline-containers.css");
/* Custom Background Containers */
@import url("custom/background-containers.css");
/* Regional Club Container */
@import url("custom/club-container.css");
/* Callout Container */
@import url("custom/callout-container.css");
/* Offset Shadow Container */
@import url("custom/offset-solid-container.css");

/* ===== SITE CUSTOM STYLESHEET ====== */

/* BEGIN override nav width for dektop */
.layout-container,
.navbar-default .container {
    max-width: 1440px !important;
    width: 100% !important;
}
#main-content .pull-right {
    margin-bottom: 0;
    padding-bottom: 0;
}    
/* ADDED TO MAKE LINE ART BACKGROUNDS ALIGN */
#heroslider {
    width: 100vw;
    margin-left: calc(-50vw + 50%) !important;
}
/* END override nav width for dektop */
/* Main nav sticky */
 .navbar-default.sticky {
	 position: fixed;
	 top: 0px;
	 left: 0px;
	 right: 0px;
	 width: 100%;
	 max-width: 100%;
	 z-index: 999;
}

/* ==== TEST ==== */
.featured-categories {
    margin: 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: url(/_images/img-homepage/vt-turquoise-grit.jpg) bottom no-repeat;
    background-size: cover;
}
.fc-container {
    display: flex;
    justify-content: center;
    align-items: stretch;
    margin: 0;
    height: 300px;
}
.expanding {
    flex: 1;
    transition: flex 0.3s ease;
    overflow: hidden;
    position: relative;
    transform: skewX(-20deg); 
}
.expanding.is-expanded {
   flex: 3;  
}
.featured-categories img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    filter: grayscale(100%); 
    transition: filter 0.5s ease;
}
.expanding > a {
    transform: skewX(20deg) translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}
.is-expanded img {
    filter: grayscale(0%);
}
.expanding a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.expanding .content {
    background-color: rgba(0,0,0,0.7);
    border-radius: 14px;
    padding: 10px 30px;
    color: #fff;
}
.expanding .content h2 {
  margin: 0 0 10px 0;
  color: #fff;
  font-family: 'Roboto', helvetica, Arial;
  font-size:1.5rem;
}
.expanding .content p {
  margin: 0;
  display: none;
}
.is-expanded .content p {
    display: block;
}

/* featured and events listing */
.jumbotron-fl-events {
    background-color: #fff;
}
.jumbotron-fl-events h2 {
    text-align: center;
    margin-bottom: 2.5rem;
}
.jumbotron-fl-events .fe-alumni {
    background-color: #182b49;
    color: #fff;
    padding: 2rem 3rem 1rem 2rem;
    border-radius: 14px;
    text-align: center;
}
.fe-alumni h3 {
    color: #fff;
    font-size: 2rem;
    letter-spacing: 1px;
    margin: 0 0 10px 0;
}
.fe-alumni p:first-of-type {
    font-size: 1.5rem;
}


/* ===== END TEST ====== */

.visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) {
	 position: absolute !important;
	 width: 1px !important;
	 height: 1px !important;
	 padding: 0 !important;
	 margin: -1px !important;
	 overflow: hidden !important;
	 clip: rect(0, 0, 0, 0) !important;
	 white-space: nowrap !important;
	 border: 0 !important;
}
 .tm-bm-0 {
	 margin: 0 !important;
}
 .tm-0 {
	 margin-top: 0 !important;
}
 .bm-0 {
	 margin-bottom: 0 !important;
}
 .full-width.tm-0 {
	 padding-top: 0 !important;
}
 .full-width.bm-0 {
	 padding-bottom: 0 !important;
}
/* Nav Triton Log in */
.tc-login {
    margin: 7px 7px 7px 0;
    padding: 10px 15px;
    background-color: #00629b;
}
.tc-login .btn-default {
    text-decoration: none;
    background-color: #ffcd00;
    color: #182b49;
    border: none;
}
.tc-login .btn-default:hover,
.tc-login .btn-default:active,
.tc-login .btn-default:focus {
    background-color: #fff;
}
.tc-login .person-icon {
    width: 20px;
    height: auto;
    padding-right: 3px;
}
@media only screen and (min-width: 768px) {
    .tc-login {
        padding: 0;
        margin: 8px 7px 7px 0;
    }  
}


.mgTop {
    margin-top: 40px;
    }
h1 {
    margin-top: 60px;
    }
h2 {
    margin-top:40px;
    color: #182B49;
    }
a { 
    color: #00629B;
    text-decoration: underline;
    }

figure img {  
    width: 100%; 
    height: auto;  
    } 
/* Hack allows to go full-width */    
.layout-main .layout-container {
    overflow: unset;
}
.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.jumbotron p {
    font-weight: inherit;
}

.subtext {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

/* ===== SITE CUSTOM STYLESHEET ====== */
.mgTop {
    margin-top: 40px;
    }
h1 {
    margin-top: 60px;
    }
h2 {
    margin-top:40px;
    color: #182B49;
    }
a { 
    color: #00629B;
    text-decoration: underline;
    }

figure img {  
    width: 100%; 
    height: auto;  
    } 

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.jumbotron p {
    font-weight: inherit;
}

.subtext {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

/* ===== TITLE MARGIN ====== */

.title-margin { margin-top: 50px !important } 

.footer-margin { margin-bottom: 50px; !important }

/* ===== PAGE INTRO MARGIN ====== */

.intro-margin { margin-top: 60px !important } 

.intro-margin h2 { margin: 0px 0px 10px 0px; } 

/* ===== BOTTOM MARGIN ====== */

.bottom-margin { margin-bottom: 60px !important } 

/* ===== ADDITIONAL LIST SPACING ====== */

.li-spacing {
    padding: 5px 0px;
}

/* ===== CUSTOM H1 ====== */
 .custom-title-header {
	 color: #182b49;
	 padding: 4em 0em !important;
	 width: 100vw;
	 margin-top: 0;
	 margin-bottom: 0;
	 margin-left: calc(-50vw + 50%);
	 background-color: #f5f0e6 !important;
	 background-repeat: no-repeat;
	 background-size: 100%;
	 font: normal normal 16px / 1.5 Roboto, sans-serif;
}
 .custom-title-header h1 {
	 color: #00629b;
	 margin-top: 0px;
	 padding-top: 0px;
     font-family: Teko-SemiBold, sans-serif;
     letter-spacing: .5px;
     font-size: 3.5em;
     line-height: 1.1;
}

 @media only screen and (max-width: 768px) {
 .custom-title-header h1 {
     font-size: 2.5em;
     line-height: 1;
}
}

/* ===== CUSTOM H1 JUMBOTRON BACKGROUND COLORS ====== */

/* ===== sand ====== */

.custom-title-header-bg-sand {
    background-image: none !important;
    background-color: #f5f0e6 !important;
    color: #182b49 !important;
}

 .custom-title-header-bg-sand h2 {
	 color: #00629b !important;
	 margin-top: 0px;
	 padding-top: 0px;
     font-family: Teko-SemiBold, sans-serif;
     letter-spacing: .5px;
     font-size: 2.5em;
     line-height: 1;
}

 .custom-title-header-bg-sand p {
	 color: #182b49 !important;
}

/* ===== navy ====== */

.custom-title-header-bg-navy {
    background-image: none !important;
    background-color: #182b49 !important;
    color: #ffffff !important;
}

 .custom-title-header-bg-navy h2 {
	 color: #ffcd00 !important;
	 margin-top: 0px;
	 padding-top: 0px;
     font-family: Teko-SemiBold, sans-serif;
     letter-spacing: .5px;
     font-size: 2.5em;
     line-height: 1;
}

 .custom-title-header-bg-navy p {
	 color: #ffffff !important;
}

/* ===== BLUE BUTTON ====== */
.styled-blue {
    text-decoration: none;
    }
.btn-primary {
	 background-color: #00629b;
	 border-color: #00629b;
	 border-radius: 10px;
	 text-decoration: none;
}
 .btn-primary:hover {
	 background-color: #182b49;
	 border-color: #182b49;
}

/* ===== YELLOW BUTTON WITH NAVY HOVER ====== */
.styled-yellow {
    text-decoration: none;
    color: #182b49 !important;
    }
.styled-yellow:hover {
     color: #ffffff !important;
	 background-color: #182b49;
	 border-color: #182b49;
}


/* ===== YELLOW BUTTON WITH LIGHT HOVER====== */
.styled-yellow-light {
    text-decoration: none;
    background-color: #ffcd00;
    color: #182b49 !important;
    }
.styled-yellow-light:hover {
     color: #182b49 !important;
	 background-color: #FFF1B3;
	 border-color: #FFF1B3;
}

/* ===== GOLD BUTTON ====== */
.styled-gold {
    text-decoration: none !important;
    background-color: #C69214;
    color: #182b49 !important;
    font-size: 20px;
    }
.styled-gold:hover {
	 background-color: #e7b53d;
	 border-color: #e7b53d;
	 color: #182b49 !important;
	 font-size: 20px;
}


/* === TOP NAV ====== */
.navbar-default .navbar-nav > li > a,
.navbar-default .dropdown-menu > li > a {
    text-decoration: none;
}



/* ===== SOCIAL MEDIA ICONS ====== */

.social-thumb {
    display: inline;
    margin: 5px;
}

/* ===== STYLED SAND BOX STYLESHEET ====== */
div.styled {
    background-color: #f5f0e6;
    }
div.styled h2 { 
    color: #182b49;
    font-size: 26px;
    font-weight: bold;
    margin-top: 10px;
}
div.styled h3 {
	font-size: 16px;
    color: #484949;
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 0px; 
    margin-bottom: 0px;
    }
div.styled h4 {
	font-size: 16px;
	color: #484949;
    padding-bottom: 0px; 
    margin-bottom: 0px;
    font-weight: bold;
}
div.styled {
    margin-top: 40px;
}

/* ===== BLACK AND WHITE IMAGE OVERLAY ====== */
 .bw-img {
	 -webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	 filter: grayscale(100%);
}

/* ===== CVENT CUSTOM CALENDAR SETTINGS ====== */
 
 .HeaderStyles__groupHeader___9EIR9 {
     display: none !important;
 }
 
/* ===== JUMBO NEWS BACKGROUND COLOR ====== */

 .jumbotron.jumbotron-gray.jumbotron-news {
    background-color: #ffffff !important;
}

/* ===== HOMEPAGE SIGNATURE FEATURES ====== */

.hp-program-features {
margin-bottom: 20px;
padding-left: 3px;
padding-right: 3px;
  }
.hp-program-features-details {
    padding: 20px;
    background-color: #f5f5f5;
}
    div.hp-program-features-details h3 { 
    color: #00629B;
    font-weight: bold;
    margin-top: 10px;
}
    div.hp-program-features-details a {
    text-decoration: none;
    color: #00629b;
    font-weight: bold;
}

/* ===== REMOVE COL PADDING ====== */

.padding-0{
    padding-right:0;
    padding-left:0;
}

/* ===== STYLED CONTACT FOOTER STYLESHEET ====== */
.styled-footer {
    background-color: #f5f0e6;
    padding: 30px;
    margin: 60px 0px;
}
    div.styled-footer h2 { 
    color: #182B49;
    font-weight: bold;
    margin-top: 20px;
}
 div.styled-footer h3 {
	font-size: 18px;
    color: #484949;
    font-weight: bold;
    margin-top: 20px;
}
 div.styled-footer h4 {
	font-size: 16px;
	color: #484949;
    margin: 0px;
    font-weight: bold;
    padding-bottom: 5px;
}
div.styled-footer {
    margin-top: 40px;
}
/* ===== STYLED GREY INSERT STYLESHEET ====== */
.styled-insert {
    background-color: #f5f0e6;
    padding: 30px;
    margin: 40px 0px;
}
    div.styled-insert h2 { 
    color: #182B49;
    font-weight: bold;
    margin-top: 20px;
}
 div.styled-insert h3 {
	font-size: 18px;
    color: #484949;
    font-weight: bold;
    margin-top: 20px;
}
 div.styled-insert h4 {
	font-size: 16px;
	color: #484949;
    margin: 0px;
    font-weight: bold;
    padding-bottom: 5px;
}
div.styled-insert {
    margin-top: 40px;
}

/* ===== IFRAME CONTAINER ====== */
.iframe-container { 
    position: relative; 
    margin: 30px 0px;
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%;
    border-radius: 15px;
    } 
.iframe-container iframe, .iframe-container object, .iframe-container embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}


/* ===== CALENDAR BORDER STYLESHEET ====== */
.calendar-border {
    background-color: #ffffff;
    padding: 30px;
    margin: 40px 0px;
}
    div.calendar-border h2 { 
    color: #182B49;
    font-weight: bold;
    font-size: 36px;
    margin-top: 20px;
}
 div.calendar-border h3 {
	font-size: 18px;
    color: #484949;
    font-weight: bold;
    margin-top: 20px;
}
 div.calendar-border h4 {
	font-size: 16px;
	color: #484949;
    margin: 0px;
    font-weight: bold;
    padding-bottom: 5px;
}
div.calendar-border {
    margin-top: 40px;
}
    
/* ===== Navy Blue Banner ====== */
    .navy-banner {
    background-color: #182b49;
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 25px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 40px;
    }
/* ===== DRAWERS H2 ====== */
.drawer-wrapper .drawer > div {
	 margin-bottom: 16px;
	 border-left: 1px solid #e3e3e3;
	 border-right: 1px solid #e3e3e3;
	 border-bottom: 1px solid #e3e3e3;
	 background-color: #fcfcfc;
	 padding: 0.5em 70px 0em 1em;
}
/* .drawer-wrapper .drawer > div p {
	 line-height: 1.875em;
}
 */
 .drawer-wrapper .drawer h2 {
	 font-weight: normal;
	 font-size: 18px;
	 line-height: 22px;
	 margin-bottom: 16px;
	 padding-bottom: 0;
	 background-color: #f5f0e6;
	 position: relative;
}
 .drawer-wrapper .drawer h2:after {
	 content: " ";
	 position: absolute;
	 right: 1.3em;
	 top: 1.3em;
	 display: block;
	 width: 30px;
	 height: 25px;
	 background: url(/_images/expand.svg) no-repeat;
}
 .drawer-wrapper .drawer h2.expand {
	 margin-bottom: 0;
}
 .drawer-wrapper .drawer h2.expand:after {
	 content: " ";
	 position: absolute;
	 right: 1.3em;
	 top: 1.3em;
	 display: block;
	 width: 30px;
	 height: 25px;
	 background: url(/_images/collapse.svg) no-repeat;
}
 .drawer-wrapper .drawer h2 a {
	 font-weight: bold;
	 background-color: #e8e8e8;
	 color: #333;
	 line-height: 1.8em;
	 background: none;
	 padding: 1em 70px 1em 1em;
}
 .drawer-wrapper .drawer h2 a:hover {
	 background-color: #f5f0e6;
}

/* ===== VIDEO RIGHT CONTAINER ====== */
    #video {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
    .video-embed {position: relative; padding-top: 56.25%;}
    .news {padding-top: 40px; font-size: 2em;}
    .news-btn {
    padding:0;
    margin-bottom: 30px;
    }
    .video-container {
    }
    .video-container-info {
    margin: 0px;
    }
    
.HeaderStyles__groupHeader___9EIR9 {
    background-color: red;
}    

/* ===== VIDEO EMBED CONTAINER ====== */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
    } 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
}

/* ===== GREY BOX WITH IMAGE ====== */
.spring-container {
margin-bottom: 20px;
  }
.spring-details {
    padding: 20px;
    background-color: #f5f5f5;
}
    div.spring-details h3 { 
    color: #00629B;
    font-weight: bold;
    margin-top: 10px;
}

/* ===== TWE CONTAINER ====== */
.twe-container {
margin-bottom: 20px;
  }
.twe-details {
    padding: 20px;
    background-color: #ffffff;
    color: #494848;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
    div.twe-details h3 { 
    color: #182b49;
    font-weight: bold;
    margin-top: 10px;
}
    div.twe-details a { 
    color: #00629b;
    text-decoration: none;
    font-weight: bold;
}
.twe-headline {
    border-bottom: 5px solid #FFCD00;
    padding-left: 10px;
  }

/* ===== WHITE DROP SHADOW CONTAINER ====== */
.wds-container {
margin-bottom: 20px;
  }
.wds-details {
    padding: 20px;
    background-color: #ffffff;
    color: #494848;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}
    div.wds-details h3 { 
    color: #182b49;
    font-weight: bold;
    margin-top: 10px;
}
    div.wds-details a { 
    color: #00629b;
    text-decoration: none;
    font-weight: bold;
}
 @media only screen and (max-width: 768px) {
    .wds-details {
    padding: 20px;
    background-color: #ffffff;
}
    div.wds-details h3 {
        font-size: 24px;
    color: #182b49;
    font-weight: bold;
    margin-top: 10px;
}
    }
/* ===== COLOR DROP SHADOW CONTAINER ====== */
 .cds-container {
	 margin-bottom: 20px;
}
 .cds-details {
	 padding: 20px;
	 background-color: #ffffff;
	 color: #494848;
	 box-shadow: rgba(24, 43, 73, 0.25) 0px 6px 12px -2px, rgba(24, 43, 73, 0.3) 0px 3px 7px -3px;
}
 div.cds-details h3 {
	 color: #182b49;
	 font-weight: bold;
	 margin-top: 10px;
}
 div.cds-details a {
	 color: #00629b;
	 text-decoration: none;
	 font-weight: bold;
}
 @media only screen and (max-width: 768px) {
    .cds-details {
    padding: 20px;
    background-color: #ffffff;
}
    div.cds-details h3 {
        font-size: 24px;
    color: #182b49;
    font-weight: bold;
    margin-top: 10px;
}
    }
    
/* ===== LIGHT BLUE UNDERLINE CONTAINER ====== */

.light-blue-header {
    border-bottom: 5px solid #00C6D7;
    padding-left: 10px;
  }

/* ===== PAGE INTRO CONTAINER ====== */
.intro-container {
padding: 40px;
background-color: #f5f5f5;
  }
    div.intro-container h2 { 
    font-weight: bold;
    font-size: 32px;
}

/* ===== PAGE INTRO GRIT CONTAINER ====== */
.grit-intro-container {
padding: 30px;
  background-image: url("/_images/img-backgrounds/Navy-Turqoise-Grit-Header-2880x740-v1.jpg");
  background-color: #182b49;
  color: #ffffff;
}

/*  ==== EVENT LISTINGS PAGE ==== */

 .event-listing {
	 padding: 2em 0 1em 0;
	 border-bottom: 1px solid #ddd;
}
 .event-listing figure {
	 margin-bottom: 15px;
}
 .event-listing h2 {
	 margin: 0;
	 font-size: 21px;
	 font-weight: bold;
}
 .event-listing h2 a {
	 text-decoration: none;
}
 .event-listing h2 a:hover {
	 text-decoration: underline;
}
 .event-listing .date-time {
	 margin-bottom: 10px;
}
 .event-listing:last-of-type {
	 border-bottom: none;
}

/* ==== EVENT DETAILS PAGES ==== */

 .event-dtl dt {
	 margin-top: 10px;
}
 .event-info {
	 background-color: #eee;
	 padding: 2em 1em;
	 margin-bottom: 3em;
}
 .event-info a.btn {
	 width: 100%;
}
 .event-info p {
	 font-size: 1.5em;
	 font-weight: 500;
	 margin: 0;
	 padding: 5px 0 10px 0;
}
 .event-info h1 {
	 margin: 0;
	 font-size: 30px;
}
 .event-info h4 {
	 margin-top: 5px;
}
 .event-content h1:first-of-type, .event-content h2:first-of-type, .event-content h3:first-of-type, .event-content h4:first-of-type {
	 margin-top: 0;
}
 .event-content p {
	 font-size: 1em;
}
 .event-content .panel {
	 border: none;
	 box-shadow: none;
}
 .event-content .panel-body {
	 padding: 0;
	 font-weight: 400;
}
 .event-content .panel-body h2 {
	 margin-top: 35px;
}
 @media screen and (min-width: 768px) {
	 .event-info h2 {
		 margin: 6px 0 0 0;
	}
	 .event-info a.btn {
		 margin: 0;
	}
	 .event-info a.btn {
		 width: auto;
	}
	 .flex-container {
		 display: flex;
		 align-items: center;
	}
	 .center {
		 text-align: center;
	}
}
 @media screen and (min-width: 992px) {
	 .event-content .panel {
		 box-shadow: none;
		 border-left: 1px solid #ccc;
	}
	 .event-content .panel-body {
		 padding-left: 30px;
	}
	 .event-content .panel-body h2 {
		 margin-top: 0;
		 font-size: 1.5em;
	}
}

/*======= RESPONSIVE MAP =======*/
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/*======= RESPONSIVE IFRAME =======*/
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*======= BACKGROUND IMAGE DRAWERS =======*/
 .drawer-wrapper .drawer.light-theme.image-theme h2 {
	 padding: 3em 1em;
	 color: #fff;
	 background-position: center;
	 background-repeat: no-repeat;
	 background-size: cover;
}
 .drawer-wrapper .drawer.light-theme.image-theme h2 a {
	 color: #fff;
	 padding-bottom: 0.25em;
	 font-size: 1.45em;
	 line-height: 1.3;
	 padding-left: 0.75em;
	 padding-top: 0;
}
 .drawer-wrapper .drawer.light-theme.image-theme > div {
	 padding-left: 2.25em;
}
 .drawer-wrapper .drawer.light-theme.image-theme h2 a:hover {
	 background-color: transparent;
}
 .drawer-wrapper .drawer.light-theme.image-theme h2:after {
	 top: 42%;
	 background: url(../../_images/expand-white.svg) no-repeat;
}
 .drawer-wrapper .drawer.light-theme.image-theme h2.expand:after {
	 top: 42%;
	 background: url(../../_images/collapse-white.svg) no-repeat;
}
 .image-theme .drawer-blurb {
	 padding: 0 1em 0.5em 1em;
	 width: 75%;
	 display: block;
}
/*======= TABBED CONTENT MODULE =======*/
 .jumbotron-tab {
	 background-color: #fff;
}
 .jumbotron-tab h2 {
	 margin-top: 0;
	 margin-bottom:1em;
}
 .jumbotron-tab .tab-content {
	 background-color:#f5f5f5;
	 color:#484949;
	 padding: 2em 3em;
}
 .jumbotron-tab .tab-content h3, 
 .tab-content h4 {
	 margin-bottom: 1em; 
}
.jumbotron-tab .tab-content h3 {
	font-size: 1.88em;
}
 .jumbotron-tab .tab-content h4 {
	 text-transform:none ;
	 font-size: 1.22em;
}
.jumbotron-tab .tab-content .col-sm-6,
.jumbotron-tab .tab-content .col-sm-5,
.jumbotron-tab .tab-content .col-sm-4 {
    margin-bottom: 2em;
}
.jumbotron-tab .nav-tabs.nav-justified {
    display: flex;
    flex-direction: row;
    justify-content: left;
}
 .jumbotron-tab .nav-tabs > button {
	 margin:0;
	 background:#00629b;
	 transition:all .5s;
	 transition:background-blend-mode .2s;
	 width: 100%; 
	 font-size: 1.5em;
	 font-weight: bold;
	 text-transform: uppercase;
	 border: none;
	 color: #f5f5f5;
}
.jumbotron-tab .nav-tabs > button:focus {
	outline: 1px auto #b6b1a9 !important;
	outline-offset: 0;
}
.jumbotron-tab .nav-tabs > button[aria-selected="true"] {
	 background-blend-mode:normal;
	 opacity:1;
	 -webkit-box-shadow:none;
	 -moz-box-shadow:none;
	 box-shadow:none;
	 transition:all .5s;
	 display:block;
	 min-height:100%;
	 position:relative;
	 top:0;  
	 min-width:4em;
	 color: #fff;
	 border-bottom: 5px solid #ffcd00;
}
 .jumbotron-tab .nav-tabs > button:hover {
	 color: #fff; 
}
 .jumbotron-tab ..nav-tabs > button[aria-selected="true"]:hover {
	 background-color:transparent;
	 background-blend-mode:normal; 
}
 .jumbotron-tab .tab-video-thumb {
	 min-width:100% 
}
 .jumbotron-tab .tab-video {
	 display:none; 
}
@media only screen and (min-width: 768px) {
	.jumbotron-tab .nav-tabs > button {
		background-blend-mode:color;
		height:200px;
		background-color: rgba(255,255,255,.85);
		font-size: 2.5em;
		background-blend-mode:color;
		-webkit-box-shadow:inset 5px 0 5px 0 rgba(0,0,0,.2);
		-moz-box-shadow:inset 5px 0 5px 0 rgba(0,0,0,.2);
		box-shadow:inset 5px 0 5px 0 rgba(0,0,0,.2);
		background-size: cover;
		color: #484949;
	}
	.jumbotron-tab .nav-tabs > button[aria-selected="true"] { 
		border: 0;
		background: rgba(108, 122, 137, 0.8);
		background-blend-mode: multiply; 
        background-size: cover;
	}
	.jumbotron-tab .nav-tabs > button:hover {
		 background-color:rgba(0,106,150,.75);
		 background-blend-mode:multiply;
		 transition:background-blend-mode .2s;
		 color: #fff; 
	}
	.jumbotron-tab .nav-tabs > button[aria-selected="true"]:hover {
		 background: rgba(108, 122, 137, 0.8);
         background-size: cover;
	}
	/* 
		tab images
		here is where you change the images for the tab module
		change class live/learn/fun to new tab names and 
		change image paths to new image backgrounds 
	*/
	.jumbotron-tab .nav-tabs > button.live {
		 background-image: url("../../_images/tab_live.jpg") !important;
	}
	.jumbotron-tab .nav-tabs > button.learn {
		 background-image: url("../../_images/tab_learn.jpg") !important;
	}
	.jumbotron-tab .nav-tabs > button.fun {
		 background-image: url("../../_images/tab_fun.jpg") !important;
	}
}
/* ===== THREE COLUMN CUSTOM MODULE ====== */
.jumbotron-news.jumbotron-3-column .panel .panel-news-date:first-of-type {
	margin: 1em 0 0 0;
}
.jumbotron-news.jumbotron-3-column .panel .panel-news-date {
	margin: 0 0 1em 0;
}
.jumbotron-news.jumbotron-3-column .panel .panel-news-title {
    margin-top: 15px;
}
/* ===== BY THE NUMBERS ====== */
.by-the-numbers {
	margin: 60px 0;
}
.by-the-numbers .heading {
	color: #182b49;
	text-align: center;
	font-weight: bold;
	text-transform: none;
	margin: 0 0 2rem 0;
}
.by-the-numbers .circles {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: baseline;
	gap: 30px;
}
.by-the-numbers .circle {
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	text-align: center;
	padding: 15px;
	display: flex;
	height: 150px;
	width: 150px;
	margin: 0 auto;
}
.by-the-numbers .circle .number {
	font-size: 1.75rem;
	font-weight: bold;
}
.by-the-numbers .text {
	font-weight: bold;
	text-align: center;
	width: 180px;
	margin: 0 auto;
	padding-top: 15px;
	line-height: 22px;
}
.by-the-numbers .circle.blue {
	border: 12px solid #00629b;
}
.by-the-numbers .circle.yellow {
	border: 12px solid #FFCD00;
}
.by-the-numbers .circle.turquoise {
	border: 12px solid #00C6D7;
}
.by-the-numbers .circle.dark-blue {
	border: 12px solid #182b49;
}
.by-the-numbers .circle.gold {
	border: 12px solid #c69214;
}
.by-the-numbers .circle.gray {
	border: 12px solid #747678;
}
.by-the-numbers .circle.blue .number,
.by-the-numbers .text.blue {
	color: #00629b;
}
.by-the-numbers .circle.dark-blue .number,
.by-the-numbers .text.dark-blue {
	color: #182b49;
}
.by-the-numbers .circle.gold .number,
.by-the-numbers .text.gold {
	color: #c69214;
}
.by-the-numbers .circle.yellow .number,
.by-the-numbers .text.yellow {
	color: #00629b;
}
.by-the-numbers .circle.turquoise .number,
.by-the-numbers .text.turquoise {
	color: #182b49;
}
.by-the-numbers .circle.gray .number,
.by-the-numbers .text.gray {
	color: #747678;
}
.by-the-numbers.white {background-color: #ffffff;}
.by-the-numbers.light-gray {background-color: #f7f7f7;}
.by-the-numbers.dark-gray {background-color: #747678;}
.by-the-numbers.light-blue {background-color: #7aa3ce;}
.by-the-numbers.dark-gray .circles .circle-wrapper .circle {border-color: #ffffff;}
.by-the-numbers.dark-gray .circles .circle-wrapper .number {color: #ffffff}
.by-the-numbers.dark-gray .circles .circle-wrapper .text {color: #ffffff}
.by-the-numbers.light-blue .circles .circle-wrapper .circle {border-color: #ffffff;}
.by-the-numbers.light-blue .circles .circle-wrapper .number {color: #ffffff}
.by-the-numbers.light-blue .circles .circle-wrapper .text {color: #ffffff}
.by-the-numbers.filled .circles .circle {
	border: none;
	background-color: #6094C6;
}
.by-the-numbers.filled .circles .circle .number {
	color: #fff;
}
.by-the-numbers.filled .circles .circle-wrapper .text {
	color: #494949;
}

/* ===== HYPHEN CONTAINER ====== */
.block-bar.text-banner {
    padding: 0;
    border-top: 3px dotted #00629b;
    border-bottom: 3px dotted #00629b;
    background: #fff;
    background-color: #FFFFFF;
}
block-bar.text-banner .banner-container {
    padding: 30px 15px;
    color: #000;
    font-weight: normal;
    font-size: 2rem;
    line-height: 38px;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    hyphens: auto;
}

/* ===== BLOCKQUOTE NO BORDER ====== */
blockquote {
  border: none;
  margin: 0;
  padding: 0;
}

/* Dark mode Accessibility Fixes */
@media (prefers-color-scheme: dark) {
    .jumbotron-txt-block-new.custom-bg-image .blurb h1,
    .jumbotron-txt-block-new.custom-bg-image .blurb p,
    .ewf-item-date-card {
        filter: invert(1);
    } 
    .jumbotron-events-with-featured .ewf-item-date-container {
        background: none;
        border: 1px solid #00629b;
    }
}