﻿/*  Color Palette
----------------------------------------------------------*/
PRIMARY-COLORS      { color: #009B95; color: #7DB6B0; color: #25467D; color: #F0EEEE;}
PRIMARY /*75%*/     { color: #40b4af;}
PRIMARY /*50%*/     { color: #91a2bd;}

SECONDARY-COLORS    { color: #A51D41; color: #E7A323; color: #10AC4B; color: #8E489B; color: #9EA6BE; color: #161F26; }

TERTIARY-COLORS     { color: #7A1530; color: #FCDE30; color: #153B1C; color: #E5CDE3; }


/*  Font Families
----------------------------------------------------------*/
PRIMARY-FONT-01 { font-family: montserrat,sans-serif; font-weight: 400; font-style: normal; 
                  font-family: montserrat,sans-serif; font-weight: 400; font-style: italic; 
                  font-family: montserrat,sans-serif; font-weight: 500; font-style: normal; 
                  font-family: montserrat,sans-serif; font-weight: 600; font-style: normal; 
                  font-family: montserrat,sans-serif; font-weight: 700; font-style: normal; 
                  font-family: montserrat,sans-serif; font-weight: 700; font-style: italic; }
PRIMARY-FONT-02 { font-family: baskerville-urw,serif; font-weight: 400; font-style: normal; 
                  font-family: baskerville-urw,serif; font-weight: 400; font-style: italic; 
                  font-family: baskerville-urw,serif; font-weight: 500; font-style: normal; 
                  font-family: baskerville-urw,serif; font-weight: 700; font-style: normal; 
                  font-family: baskerville-urw,serif; font-weight: 800; font-style: normal; }
SECONDAR-FONT-01 { font-family: oswald,sans-serif; font-weight: 200; font-style: normal; 
                   font-family: oswald,sans-serif; font-weight: 400; font-style: normal; 
                   font-family: oswald,sans-serif; font-weight: 700; font-style: normal; }
SECONDAR-FONT-02 { font-family: roboto,sans-serif; font-weight: 300; font-style: normal; 
                   font-family: roboto,sans-serif; font-weight: 400; font-style: normal; 
                   font-family: roboto,sans-serif; font-weight: 400; font-style: italic; 
                   font-family: roboto,sans-serif; font-weight: 500; font-style: normal; 
                   font-family: roboto,sans-serif; font-weight: 700; font-style: normal; }



/* General
----------------------------------------------------------*/
body { font-family: montserrat,sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 1.675em; background-color: rgba(37, 70, 125, 0.15); }
p, div, a, li { font-family: montserrat,sans-serif; font-weight: 400; font-style: normal; font-size: 18px; line-height: 1.522em; color: #161F26; }
h1, h2, h3, h4, h5, h6 { font-style: normal;}
h1 { font-family: oswald,sans-serif;     font-weight: 500; font-size: 82px; line-height: 1.1em;     color: #FFFFFF;  margin-bottom: 1.1rem; }
h2 { font-family: montserrat,sans-serif; font-weight: 500; font-size: 42px; line-height: 1.382em;   color: #009B95; }
h3 { font-family: montserrat,sans-serif; font-weight: 500; font-size: 34px; line-height: 1.44em;    color: #7DB6B0; }
h4 { font-family: montserrat,sans-serif; font-weight: 600; font-size: 26px; line-height: 1.45em;    color: #A51D41; }
h5 { font-family: montserrat,sans-serif; font-weight: 500; font-size: 28px; line-height: 1.488em;   color: #E7A323; }
h6 { font-family: montserrat,sans-serif; font-weight: 400; font-size: 16px; line-height: 1.55em;    color: #8E489B; }
a { color: #A51D41; }
a:hover { color: #7A1530; }

.banner h1 { color: #FFFFFF; }



/* Miscellaneous
----------------------------------------------------------*/
.bold { font-weight: bold; }
.circle { display: inline-block; width: 20px; height: 20px; -moz-border-radius: 50px; border-radius: 50px; border: 1px solid #161F26; }
img.round { border-radius: 50%; }
.goto { height: auto; width: 43px; }
.left { float: left; }
.right { float: right; }
.roundedCorners { border-radius: 8px; }
.roundedCorner_tl { border-top-left-radius: 8px; }
.roundedCorner_tr { border-top-right-radius: 8px; }
.roundedCorner_bl { border-bottom-left-radius: 8px; }
.roundedCorner_br { border-bottom-right-radius: 8px; }
.callout { border-style: none; }
.basePnl { padding-top: 3px; }
.culture a { font-size: 11px; }
.panel, .panel.callout { margin-bottom: 0rem; }
.socialIcons { }
.socialIcons a:hover { text-decoration: none; }
.filterTypes { font-weight: bold; font-size: 11px; line-height: 36px; text-align: center; }
select { color: #161F26; border: 1px solid #cccccc; background-color: #FFFFFF; font-size: 11px; font-weight: bold; }
.duelColumn { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px }
.threeColumn { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px }
.arrow { font-size: 18px; font-weight: bold; }
.camelCase { text-transform: capitalize; }
.errorMsg { color: #7A1530; }
.align-middle { display: flex; align-items: center; flex-direction: row; justify-content: flex-end; }

.blueOverlay { background-color: transparent; }
.blueOverlay .imgHeadingBanner { opacity: 0.2; }
.blueOverlay.mbl { position: relative; }
.blueOverlay.mbl:before { background-color: transparent; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: block; height: 100%; width: 100%; }

.box { background-color: rgba(0, 0, 0, 0.05); display: inline-block; padding: 12px; border-radius: 3px; width: 100%; padding-top: 2em; padding-bottom: 2em; margin-bottom: 1.8em; }
.shadedBg { background-color: rgba(0, 0, 0, 0.05); display: inline-block; padding: 12px; border-radius: 3px; }
.darkDropShadow { text-shadow: 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); }
.gradient_65p { /* Transparent top -> shaded bottom @ 65% */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */ }
.gradient_30p { /* Transparent top -> shaded bottom @ 30% */ background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); /* W3C */ }
.readMore a { font-size: 23px; font-weight: 600; color: #25467D; border-bottom: 1px solid #A51D41; transition: color .25s ease-in-out; text-transform: uppercase; }
.readMore a:hover { color: #A51D41; }
/*// Small screens*/ /* max-width 720px (was 640)*/
@media only screen and (max-width: 40em) {
.simple-pagination { float: left !important; }
}
/*// Medium screens*/ /* min-width 721px (was 641) and max-width 1152px (was 1024) */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.simple-pagination { float: left !important; }
}

.listViews.row .columns { white-space: nowrap; }
.rssFeedPnl { white-space: nowrap; }
.rssFeed, .rssFeed:hover, .rssFeed:active, .rssFeed:focus { font-size: 18px; line-height: 22px; font-weight: 500; color: #9EA6BE; }
.rssFeed img { margin-right: 6px; margin-left: 6px; }
.rssFeed.left { margin-top: 6px; margin-right: 9px; }

.customTbl { }
.customTbl > li { border: 0px solid rgba(0,0,0,0.15); padding-top: 40px; }


/* Small screens */
@media only screen and (max-width: 40em) {
.customTbl > li.border-sm { border-bottom-width: 1px; }
}
/* Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.customTbl > li.border-md { border-bottom-width: 1px; }
}
/* Large screens */
@media only screen and (min-width: 64.063em) {
.customTbl > li.border-lg { border-bottom-width: 1px; }
}






/* Locked Panels
----------------------------------------------------------*/
.panel.locked { background-color: #FFFFFF; border: none; }
.panel.locked h3 { font-size: 32px; line-height: 24px; margin: 0 0 18px 0; }
.panel.locked h5 { font-size: 22px; line-height: 20px; margin: 0 0 18px 0; }
.panel.locked button { margin: 0 0 0 0; }
.panel.locked .readMore { margin: 18px 0 0 0 }
.panel.locked .readMore a { font-size: 23px; font-weight: 600; color: #25467D; border-bottom: 1px solid #A51D41; transition: color .25s ease-in-out; margin: 12px 0 0 0 }
.panel.locked .readMore a:hover { color: #A51D41; }
.pnlValidating img { width: 85px; height: auto; }
.pnlValidUser { background-color: #E7A323; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Floating Banners
----------------------------------------------------------*/
.pnlWithBgImg, .relativePnl { position: relative; }
.floatOnTop { position: absolute; top: 0; }
.floatOnTopCentered { position: absolute; top: 50%; left: 50%; -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); }
.floatOnTopCentered- { position: absolute; top: 50%; left: 50%; -moz-transform: translateY(50%) translateX(-50%); -ms-transform: translateY(50%) translateX(-50%); -o-transform: translateY(50%) translateX(-50%); -webkit-transform: translateY(50%) translateX(-50%); transform: translateY(50%) translateX(-50%); }
.floatOnBottom { position: absolute; bottom: 0; }
.floatOnRight { position: absolute; height: auto; width: 30px; right: 0; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.valignMiddle-- { position: relative; top: 50%; transform: perspective(1px) translateY(0); }
.valignMiddle- { position: relative; top: 50%; transform: perspective(1px) translateY(-50%); }
.valignMiddle  { position: relative; top: 50%; transform: perspective(1px) translateY(50%); }
.valignMiddle_TextBlock { position: relative; transform: perspective(1px) translateY(50%); }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Buttons
----------------------------------------------------------*/
.button { margin: 0; padding: 0; background-color: transparent; border-width: 0; }
.button, .button a { font-size: 20px; font-weight: 400; margin: 0; padding: 0.5rem 2rem; background-color: #40b4af; color: #FFFFFF; border-width: 0px; border-radius: 3px; transition: background-color 300ms ease-out, color 300ms ease-out; text-transform: uppercase;}
.button:hover, .button a:hover { background-color: #a51d41; }

.button.tertiary, .button.tertiary a { background-color: #9EA6BE; }
.button.tertiary:hover, .button.tertiary a:hover { background-color: #E7A323; }
.button.quaternary, .button.quaternary a { background-color: #25467D; }
.button.quaternary:hover, .button.quaternary a:hover { background-color: #a51d41; }
.button.secondary, .button a.secondary { background-color: #9EA6BE; color: #FFFFFF; font-size: 24px; line-height: 28px; font-weight: 600; width: 100%; padding: 0.5rem 0rem; }
.button.secondary:hover, .button a.secondary:hover { background-color: #161F26; color: #FFFFFF; }
.button.open, .button a.open { }
.button.open:hover, .button a.open:hover { }
.button .arrow-left, .button a .arrow-left { font-size: small; float: left; margin-left: 12px; }
.button .arrow-right, .button a .arrow-right { font-size: small; float: right; margin-right: 12px; }
/* Small screens*/
@media only screen and (max-width: 40em) {
.button, .button a { padding: 0.25rem 2rem; }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}






/* Super Navigation
----------------------------------------------------------*/
.superNavigation { background-color: #25467D; }
.superNavigation .columns { padding: 0; }
.superNavigation ul { margin: 0; }
.superNavigation ul li { line-height: 18px; padding-top: 30px; padding-bottom: 30px; background-color: #25467D; border-width: 0 1px 0 0; border-color: #9EA6BE; border-style: solid; padding: 10px 0 12px 0; }
.superNavigation ul li:last-child { border-width: 0; }
.superNavigation ul li a { color: #FFFFFF; text-decoration: none; font-size: 18px; font-weight: 500; }
.superNavigation ul li:hover { background-color: #161F26; }
.superNavigation ul li:hover a { }






/* Minor Navigation
----------------------------------------------------------*/
.NavigationMinor { background-color: rgba(255, 255, 255, 0.50); }
.NavigationMinor a { margin: 0 0; }
.NavigationMinor a > div { display: inline-block; margin: 8px 24px; }
.NavigationMinor a, .NavigationMinor div { font-size: 11px; font-weight: 400; color: #9EA6BE; }
.NavigationMinor a:hover div { text-decoration: underline; }
.NavigationMinor a > div { text-transform: uppercase; }
.NavigationMinor .searchPnl { border-left: 1px solid #9EA6BE; padding: 6px 0; }
.NavigationMinor .searchPnl input[type='text'] { margin: 4px 0 0 0; padding: 0; font-size: 12px; border: none; background-color: transparent; color: #9EA6BE; box-shadow: none; }
.NavigationMinor .searchPnl #imgBtnSearch:hover { cursor: pointer }
.NavigationMinor #imgBtnSearch { margin: 0 0 0 0; height: 24px; width: auto; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Tab Bar (mobile only)
----------------------------------------------------------*/
.tab-bar { background-color: #FFFFFF; }
.tab-bar section { border-color: transparent; }
.tab-bar .tab-bar-section { }
.tab-bar .tab-bar-section .row { display: table-row; }
.tab-bar .tab-bar-section img { margin: 0; /*margin: 3px 0 0 0;*/ }
.tab-bar .menu-icon { }
.tab-bar .menu-icon snap { }
.tab-bar .menu-icon span::after { box-shadow: 0 0 0 1px #161F26, 0 7px 0 1px #161F26, 0 14px 0 1px #161F26 }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Main Navigation
----------------------------------------------------------*/
.NavigationMain { background-color: #FFFFFF; line-height: 0; border-bottom: 1px solid #FFFFFF; }
.NavigationMain button { /*padding:18px ​24px 18px ​24px;*/ padding: .5vw 1.25vw; border: 1px solid transparent; border-top: 3px solid transparent; border-bottom-width: 0; font-weight: 400; background-color: transparent; position: absolute; top: auto; bottom: 0; left: 0; right: 0; margin: auto; color: #c92842; /*font-size: 20px;*/ font-size: 1.04vw; }
.NavigationMain button:hover { border-color: #FFFFFF; border-top-color: #E7A323; }
.NavigationMain img.siteLogo { max-height: 3.6vw; /*max-height: 4.0vw; */width: auto; margin: .75vw 16px; }
.NavigationMain .navMegaMenu img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.NavigationMain a:not(.button) { /*font-size: 20px;*/ /*line-height: 18px;*/ display: block; font-weight: 400; color: #25467D; line-height: normal; font-size: .75vw; }
.NavigationMain .buttonContainer { /*margin-top: 8px;*/ margin-top: .42vw; position: absolute; top: 0; bottom: 0; left: 0; right: 0; }
.NavigationMain .buttonContainer .button { /*padding: .325rem 1rem;*/ /*font-size:20px;*/ padding: .3vw .835vw; /*font-size: 1.04vw;*/ }

.NavigationMain ul { margin: 0; list-style: none; display: inline-block }
.NavigationMain ul > li { white-space: pre-wrap; text-align: center; float: left; position: relative; margin: 0; /*padding: 30px 18px;*/ padding: 1.55vw .94vw; border: 1px solid transparent; border-top: 3px solid transparent; border-bottom-width: 0; }
.NavigationMain ul > li:hover { border-color: #FFFFFF; border-top-color: #A51D41 }
.NavigationMain ul ul { display: none; text-align: left; margin-top: 40px; margin-left: -18px; padding: 12px; border: 1px solid #FFFFFF; background-color: #FFFFFF }
.NavigationMain ul > li:hover ul { display: block; position: absolute; z-index: 1 }
.NavigationMain ul ul li { border: 0 none transparent; min-width: 250px; padding: 8px }
.NavigationMain ul ul li:hover a { color: #7A1530 }

.NavigationMain .main-menu { display: flex !important;flex-direction: row;align-items: center;justify-content: flex-end;align-content: center; }
.NavigationMain .main-menu > ul { display: flex; vertical-align: bottom; align-content: flex-end; align-items: flex-end; }
.NavigationMain .main-menu > ul > li { float: unset !important; }
.NavigationMain .main-menu > ul > li ul { margin-top: 0 !important; top: 100%; transform: translateY(0%); }
.NavigationMain .main-menu > ul > li > ul > li { text-align: left; }
.relative { position: relative; }

.mblMainNav { background-color: #A51D41; }
.mblMainNav a { color: #FFFFFF; font-size: 24px; font-weight: 500; }
.mblMainNav ul li { padding: 8px 0 8px 0; border-right: 1px solid #FFFFFF; }
.mblMainNav ul li:last-child { border-right-width: 0; }
.mblMainNav ul li img.imgBtnSearch { margin: 0 0 3px 6px; }







/*LARGE*/
@media only screen and (min-width: 1441px) and (max-width: 1500px) {
}

@media only screen and (min-width: 1025px) and (max-width: 1440px) {
}


/*MEDIUM*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {

.NavigationMain img.siteLogo { max-height: 11.5vw; }
.NavigationMain .buttonContainer { margin: 0 0 0 0; }
.NavigationMain button { padding: 8px 16px 12px 16px; font-size: 2vw; }
.NavigationMain .navMegaMenu img { margin: 6px 0 0 0; }

.NavigationMain .main-menu > ul { margin: 0 auto; }
.NavigationMain ul > li { padding: .5vw 1vw; }
.NavigationMain a:not(.button) { font-size: 12px; }
.side-nav { min-height: 5vw; }
.NavigationMinor a > div { margin: 16px 10px; }

.NavigationMain .main-menu { display: none !important; }
.NavigationMain .buttonContainer .button { font-size: 2.5vw; }
}

@media only screen and (min-width: 641px) and (max-width: 768px) {
.NavigationMain img.siteLogo { max-height: 11.5vw; }
.NavigationMain .buttonContainer { margin: 0 0 0 0; }
.NavigationMain button { padding: 8px 16px 12px 16px; font-size: 2.5vw; }
.NavigationMain .navMegaMenu img { margin: 6px 0 0 0; }

.NavigationMain .main-menu > ul { margin: 0 auto; }
.NavigationMain ul > li { padding: 6px 4px; }
.NavigationMain a:not(.button) { font-size: 11px; }
.side-nav { min-height: 6vw; }
.NavigationMinor a > div { margin: 16px 4px; }
.NavigationMinor a, .NavigationMinor div { font-size: 10px; }

.NavigationMain .main-menu { display: none !important; }
.NavigationMain .buttonContainer .button { font-size: 3vw; }
}


/*SMALL*/
@media only screen and (max-width: 640px) {
.mblMainNav a { font-size: 20px; }
}









/* Mega Navigation
----------------------------------------------------------*/
.NavigationMain { background-color: #FFFFFF;border-bottom: 1px solid #F0EEEE !important; }
.NavigationMain .navMegaMenu { border-left: 1px solid #FFFFFF; padding-top: 4px; border-top: 3px solid transparent; border-right: 1px solid transparent; }
.NavigationMain .navMegaMenu:hover { cursor: pointer; }
.NavigationMain .navMegaMenu:hover, .NavigationMain .navMegaMenu.active { border-top-color: #A51D41; border-right-color: #FFFFFF; }
.megaMenu { position: relative; z-index: 1; visibility: visible; transition-delay: 0s; }
.megaMenu .row { position: absolute; left: 0; right: 0; margin-top: -1px; }
.megaMenu .row > .columns { padding: 24px 24px 0 24px; background-color: #FFFFFF; border-top: 1px solid #FFFFFF; }
.megaMenu ul { }
.megaMenu ul li { }
.megaMenu ul li div { line-height: initial;}
.megaMenu ul li div a { color: #161F26; font-size: 15px; font-weight: 400; }
.megaMenu ul li div:first-of-type { }
.megaMenu ul li div:first-of-type a { color: #25467D; font-size: 18px; font-weight: 600; }
.megaMenu ul li div a:hover { color: #7A1530; }
.megaMenu.hiddenPnl { visibility: hidden; transition: 0.2s 0.25s; }

/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.NavigationMain .navMegaMenu { border-left-width: 0; }
.NavigationMain .navMegaMenu:hover, .NavigationMain .navMegaMenu.active { border-right-color: transparent; }
}
/* Small screens*/
@media only screen and (max-width: 40em) {
}





/* Footer
----------------------------------------------------------*/
footer { }
footer .socialLinks li { padding-bottom: 0; }
footer .socialLinks img { height: 20px; width: auto; }
footer .upper { background-color: rgba(255, 255, 255, 0.50); padding: 6px 0; }
footer .upper div { color: #9EA6BE; font-size: 14px; font-weight: 700; }
footer .lower { background-color: #FFFFFF; padding: 6px 0; }
footer .lower .minorNav a > div { font-size: 14px; font-weight: 400; display: inline; margin: 0 12px; color: #9EA6BE; }
footer .lower .copyright { font-size: 13px; font-weight: 400; color: #9EA6BE; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Rotating Banners
----------------------------------------------------------*/
.RotatingBanners { }
.RotatingBanners .bgImg { width: 100%; height: auto; }
.RotatingBanners h1 { }
.RotatingBanners h3 { font-size: 18px; font-weight: 400; color: #FFFFFF; margin-bottom: 24px; }
.RotatingBanners .button { text-transform: uppercase;}
.RotatingBanners ul.sideNav { background-color: rgba(0, 0, 0, 0.2); margin: 0; }
.RotatingBanners ul.sideNav > li { border: 1px solid rgba(231, 233, 237, 0.2); margin: 0; padding: 16px 0; /*padding: 0;*/ }
.RotatingBanners ul.sideNav li:hover { background-color: rgba(0, 0, 0, 0.2); cursor: pointer; }
.RotatingBanners ul.sideNav li div { color: #FFFFFF; }
.RotatingBanners ul.sideNav li .title { font-size: 23px; font-weight: 400; color: #FFFFFF; text-transform: uppercase; line-height: 30px; }
.RotatingBanners ul.sideNav li .subtitle { font-size: 12px; font-weight: 400; color: #FFFFFF; text-transform: uppercase; line-height: 12px; }
.RotatingBanners ul.sideNav li.active { background-color: rgba(0, 0, 0, 0.4); }
.RotatingBanners ul.sideNav li .imgContainer { display: block; position: relative; width: 38px; height: 38px; overflow: hidden; }
.RotatingBanners ul.sideNav li .imgContainer img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; }
.RotatingBanners ul.sideNav li:hover .imgContainer img { left: -38px; }
.RotatingBanners ul.sideNav li.active .imgContainer img { left: -38px; }
/* Small screens*/
@media only screen and (max-width: 40em) {
.RotatingBanners .mblBannerLst { }
.RotatingBanners .mblBannerLst .banner { background-size: cover; background-position: center 0; }
.RotatingBanners .mblBannerLst .banner h1 { font-size: 40px; line-height: 40px; margin-bottom: 18px; }
.RotatingBanners .mblBannerLst .banner h3 { font-size: 15px; }
.RotatingBanners .mblBannerLst .banner a.button { font-size: 20px; padding: 0.15rem 1rem; }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.RotatingBanners .mblBannerLst .banner { background-size: cover; background-position: center 0; }
.RotatingBanners .mblBannerLst .banner h1 { font-size: 40px; line-height: 40px; margin-bottom: 18px; }
.RotatingBanners .mblBannerLst .banner h3 { font-size: 15px; }
.RotatingBanners .mblBannerLst .banner a.button { font-size: 20px; padding: 0.15rem 1rem; }
}





/* Quote Banner
----------------------------------------------------------*/
.quoteBanner { background-color: #FFFFFF; background-repeat: no-repeat; border-bottom: 1px solid #eff1f5; }
.quoteBanner h2 { font-size: 26px; font-weight: 600; font-style: normal; color: #25467D; line-height: 26px; }
.quoteBanner h3 { font-size: 34px; font-weight: 500; font-style: normal; color: #161F26; margin-bottom: 24px; }
.quoteBanner .tbl-container { display: table; height: 100%; width: 100% }
.quoteBanner .tbl-vertical-middle { display: table-cell; text-align: center; vertical-align: middle; }
/* Small screens*/
@media only screen and (max-width: 40em) {
.quoteBanner.quoteBanner_Mbl { background-size: cover; background-position: center 0; }
.quoteBanner h2 { font-size: 16px; line-height: 18px; }
.quoteBanner h3 { font-size: 15px; margin-bottom: 12px; }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.quoteBanner h2 { font-size: 24px; }
.quoteBanner h3 { font-size: 26px; }
}





/* Quote Banner
----------------------------------------------------------*/
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts { min-height: 352px; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li { opacity: 1; display: block; background-color: #FFFFFF; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a { color: #009B95; text-decoration: none; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .row { border-bottom: 1px solid #FFFFFF; padding: 12px 0; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventDate { border-left: 4px solid #9EA6BE; border-color: #A51D41; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventDate .month { font-size: 16px; font-weight: 500; text-transform: uppercase; color: #25467D; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventDate .day { font-size: 32px; font-weight: 300; line-height: 28px; color: #25467D; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventDesc { }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventDesc .title { font-size: 16px; color: #25467D; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventDesc .description { font-size: 15px; color: #9EA6BE; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventGo { }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventGo img { margin-top: 13px; vertical-align: middle; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventGo img:first-of-type { display: inline-block; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a .eventGo img:last-of-type { display: none; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a:hover .eventGo img:first-of-type { display: none; }
.lst-podcasts-pnl .lst-podcasts ul.latest-podcasts li a:hover .eventGo img:last-of-type { display: inline-block; }
.lst-podcasts-pnl h4 {margin-top:0;}




/* News Panel
----------------------------------------------------------*/
.newsPanel { background-color: #FFFFFF; }
.newsPanel .pnlTitle { padding: 0; border-top: 1px solid #FFFFFF; }
.newsPanel .pnlTitle h2 { font-size: 18px; font-weight: 600; color: #FFFFFF; background-color: #25467D; display: inline-block; padding: 4px 16px; margin: 0; }
.newsPanel h3 { font-size: 26px; font-weight: 500; color: #161F26; }
.newsPanel h4 { font-size: 18px; font-weight: 500; color: #161F26; }
.newsPanel h5 { font-size: 16px; font-weight: 500; color: #9EA6BE; }
.newsPanel h5 a { font-size: 16px; font-weight: 500; }
.newsPanel h6 { border-bottom: 1px solid #A51D41; display: inline-block; }
.newsPanel h6:hover { border-bottom: 1px solid #25467D; }
.newsPanel h6 a { font-size: 23px; font-weight: 500; color: #25467D; }
.newsPanel img { width: 100%; height: auto; }
.newsPanel .featuredArticle { }
/* Small screens*/
@media only screen and (max-width: 40em) {
.newsPanel .valignMiddle { transform: initial; }
.newsPanel .pnlTitle { border-width: 0; }
.newsPanel .mblNewsPnlLst h3 { font-size: 20px; line-height: 24px; margin: 0 0 0 0; }
.newsPanel .mblNewsPnlLst h5 { }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Custom Panel
----------------------------------------------------------*/
.customPanels { background-color: #FFFFFF; }
.customPanels h3 { font-weight: 600; font-style: normal; color: #FFFFFF; line-height: 1em; text-transform: uppercase; }
.customPanels p { color: #FFFFFF; font-size: 16px; line-height: 20px; font-weight: 400; }
.customPanels h6 { border-bottom: 1px solid rgba(231, 163, 35, 0.50); display: inline-block; }
.customPanels h6:hover { border-bottom: 1px solid #E7A323; }
.customPanels h6 a { font-weight: 500; color: #FFFFFF; }
.customPanels .floatOnBottom { width: 100%; }
.customPanels img { width: 100%; height: auto; }
/* Small screens*/
@media only screen and (max-width: 40em) {
.customPanels .pnlWithBgImg { margin-bottom: 3px; }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.customPanels .pnlWithBgImg { margin-bottom: 3px; }
}





/* Top Upcoming Events
----------------------------------------------------------*/
.topUpcomingEvents { background-color: #FFFFFF; }
.topUpcomingEvents h2 { font-size: 26px; font-weight: 500; font-style: normal; color: #25467D; text-transform: uppercase; }
.topUpcomingEvents h4 { font-size: 22px; font-weight: 500; color: #161F26; }
.topUpcomingEvents h5 { font-size: 18px; font-weight: 500; color: #9EA6BE; }
.topUpcomingEvents img { width: 100%; height: auto; }
/* Small screens*/
@media only screen and (max-width: 40em) {
.topUpcomingEvents h4 { font-size: 20px; line-height: 24px; margin: 0; }
.topUpcomingEvents h5 { font-size: 16px; }
.topUpcomingEvents header h2 { font-size: 18px; margin-top: 0; font-weight: 700; }
.topUpcomingEvents header a { font-size: 14px; color: #25467D; border-bottom: 1px solid rgba(37, 70, 125, 0.40); }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.topUpcomingEvents h4 { font-size: 18px; line-height: 22px; margin-top: 12px; margin-bottom: 0; }
}





/* Call to Action Panel
----------------------------------------------------------*/
.callToAction { background-color: #FFFFFF; }
.callToAction .bgImg { background-position-x: center; background-position-y: center; background-size: cover; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; }
.callToAction h2 { font-size: 40px; font-weight: 600; font-style: normal; color: #161F26; line-height: 43px; }
.callToAction p { font-size: 18px; font-weight: 400; color: #161F26; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Quick Links
----------------------------------------------------------*/
.quicklinks { background-color: #FFFFFF; }
.quicklinks h2 { font-family: oswald,sans-serif; font-size: 45px; font-weight: 400; font-style: normal; color: #FFFFFF; }
.quicklinks h3 { font-family: oswald,sans-serif; font-size: 25px; font-weight: 600; font-style: normal; color: #FFFFFF; }
.quicklinks a .pnlWithBgImg { background-color: #161F26; }
.quicklinks a img { opacity: .65; transition: none; }
.quicklinks a:hover img { opacity: .65; }

/* Small screens*/
@media only screen and (max-width: 40em) {
.quicklinks h2 { font-size: 34px; line-height: 36px; margin-bottom: 0; }
.quicklinks h3 { font-size: 16px; margin-left: 3px; }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.quicklinks h3 { font-size: 16px; }
}




/* Quote Banner with Navigation
----------------------------------------------------------*/
.QuoteBannerWithNav { background-color: #FFFFFF; }
.QuoteBannerWithNav .bgImg { width: 100%; height: auto }
.QuoteBannerWithNav h1 { font-size: 45px; font-weight: 400; color: #FFFFFF; margin: inherit; line-height: 56px; margin-bottom: 40px }
.QuoteBannerWithNav h3 { font-size: 18px; font-weight: 400; color: #FFFFFF; margin: inherit; line-height: inherit }
.QuoteBannerWithNav ul.sideNav { background-color: rgba(0,0,0,0.2); margin: 0 }
.QuoteBannerWithNav ul.sideNav > li { border: 1px solid rgba(231,233,237,0.2); margin: 0 0 -1px; padding: 24px 0 }
.QuoteBannerWithNav ul.sideNav li:hover { background-color: rgba(0,0,0,0.2); cursor: pointer }
.QuoteBannerWithNav ul.sideNav li div { color: #FFFFFF }
.QuoteBannerWithNav ul.sideNav li .title { font-size: 26px; font-weight: 400; color: #FFFFFF; text-transform: uppercase; line-height: 30px }
.QuoteBannerWithNav ul.sideNav li .subtitle { font-size: 12px; font-weight: 400; color: #FFFFFF; text-transform: uppercase; line-height: 12px }
.QuoteBannerWithNav ul.sideNav li.active { background-color: rgba(0,0,0,0.4) }
.QuoteBannerWithNav ul.sideNav li .imgContainer { display: block; position: relative; width: 38px; height: 38px; overflow: hidden }
.QuoteBannerWithNav ul.sideNav li .imgContainer img { position: absolute; top: 0; left: 0; max-width: none; max-height: none }
.QuoteBannerWithNav ul.sideNav li:hover .imgContainer img { left: -38px }
.QuoteBannerWithNav ul.sideNav li.active .imgContainer img { left: -38px }
.QuoteBannerWithNav .quotationMark { position: absolute; transform: perspective(1px) translateY(-50%) translateX(-65%); left: 0; z-index: -1; }
/* Small screens*/
@media only screen and (max-width: 40em) {
.QuoteBannerWithNav h1 { font-size: 16px; line-height: 18px; margin-bottom: 8px; }
.QuoteBannerWithNav h3 { font-size: 12px; }
.QuoteBannerWithNav .quotationMark { transform: inherit; }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.QuoteBannerWithNav h1 { font-size: 32px; line-height: 36px; margin-bottom: 20px; }
.QuoteBannerWithNav ul.sideNav > li { padding: 8px 0 }
}




/* Simple Banner
----------------------------------------------------------*/
.simpleBanner { }
.simpleBanner .pnlWithBgImg { }
.simpleBanner .pnlWithBgImg > img { }
.simpleBanner h1 { font-size: 92px; }
.simpleBanner h2 { font-size: 26px; font-weight: 600; font-style: normal; color: #FFFFFF; line-height: 26px; }
/* Small screens*/
@media only screen and (max-width: 40em) {
.simpleBanner h1 { font-size: 40px; line-height: 44px; margin-bottom: 14px; }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.simpleBanner h1 { font-size: 40px; line-height: 44px; margin-bottom: 14px; }
}




/* Textblock
----------------------------------------------------------*/
.textBlock { background-color: #FFFFFF; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Side Navigation Panel
----------------------------------------------------------*/
.sidePnl ul { list-style: none; margin: 0; padding: 0; }
.sidePnl ul li { background-color: rgba(37, 70, 125, 0.08); border: none; border-bottom: 1px solid rgba(37, 70, 125, 0.2); padding: 0; }
.sidePnl ul li div { padding: 40px 40px 30px 40px; }
.sidePnl ul li:first-of-type { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.sidePnl ul li:last-of-type { border-bottom-color: #FFFFFF; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.sidePnl ul li:hover { background-color: #E7A323; }
.sidePnl ul li:hover div { }
.sidePnl ul li:hover div a { color: #FFFFFF; }
.sidePnl ul li a { font-size: 22px; font-weight: 500; line-height: 16px; margin: 0; padding: 0; color: #25467D; transition: background-color 200ms ease-in-out, color 200ms ease-in-out; }
.sidePnl ul ul { background-color: #FFFFFF; border: 1px solid #FFFFFF; border-width: 0 1px; }
.sidePnl ul ul li { background-color: transparent; border: none; padding: 0; }
.sidePnl ul ul li:first-of-type { border-top-left-radius: 0; border-top-right-radius: 0; }
.sidePnl ul ul li:last-of-type { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.sidePnl ul ul li div { padding: 12px 6px 12px 40px; }
.sidePnl ul ul li:last-of-type { }
.sidePnl ul ul li:hover { background-color: rgba(231, 163, 35, 0.20); }
.sidePnl ul ul li a { color: #25467D; font-size: 18px; font-weight: 400; }
.sidePnl ul li:hover ul a, .sidePnl ul ul li:hover a { color: #25467D; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Certification List
----------------------------------------------------------*/
.certificationList { background-color: #FFFFFF; }




/* Certification Page
----------------------------------------------------------*/
.CertificationPg { background-color: #FFFFFF; }
.CertificationPg h1 { font-size: 30px; line-height: 36px; font-weight: 400; color: #161F26; /*margin-bottom: 26px;*/ }
.CertificationPg h2 { font-size: 26px; line-height: 30px; font-weight: 600; color: #25467D; }
.CertificationPg h2 { }
.CertificationPg h4 { }
.CertificationPg h5 { font-size: 22px; line-height: 26px; font-weight: 400; color: #161F26; margin-top: 18px; }
.CertificationPg h6 { font-size: 18px; line-height: 22px; font-weight: 500; color: #9EA6BE; }
.CertificationPg .instructors img { border-radius: 50%; }
.CertificationPg .instructors .row { margin-bottom: 24px; }
.CertificationPg .toggle { margin: 0; padding: 0; line-height: 0; }
.CertificationPg .toggle li { margin: 0; padding: 0; }
.CertificationPg .toggle input[type="radio"] { opacity: 0; position: absolute; }
.CertificationPg .toggle input[type="radio"] + label { background-color: #9EA6BE; width: 100%; border: 0 none transparent; margin: 0; padding: 3px 0; color: #FFFFFF; text-align: center; font-size: 24px; font-weight: 600; }
.CertificationPg .toggle input[type="radio"]:checked + label { background-color: #25467D; }
.CertificationPg .toggle input[type="radio"]:disabled + label { opacity: 0.3; cursor: not-allowed; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Event Page
----------------------------------------------------------*/
.EventPg { background-color: #FFFFFF; }
.EventPg h1 { font-size: 26px; line-height: 36px; font-weight: 400; color: #161F26; /*margin-bottom: 26px;*/ }
.EventPg h2 { font-size: 24px; line-height: 30px; font-weight: 600; color: #25467D; }
.EventPg h2 { }
.EventPg h4 { }
.EventPg h5 { font-size: 22px; line-height: 26px; font-weight: 400; color: #161F26; margin-top: 18px; }
.EventPg h6 { font-size: 18px; line-height: 22px; font-weight: 500; color: #9EA6BE; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Blog Page
----------------------------------------------------------*/
.BlogPg { background-color: #FFFFFF; }
.BlogPg h1 { font-size: 34px; line-height: 36px; font-weight: 400; color: #161F26; margin-bottom: 10px; }
.BlogPg h2 { font-size: 36px; line-height: 39px; font-weight: 400; color: #25467D; font-style: italic; }
.BlogPg h3 { font-size: 26px; line-height: 30px; font-weight: 400; color: #25467D; }
.BlogPg h4 { font-size: 24px; line-height: 27px; font-weight: 500; color: #9EA6BE; }
.BlogPg h5 { font-size: 22px; line-height: 26px; font-weight: 400; color: #161F26; }
.BlogPg h6 { font-size: 18px; line-height: 22px; font-weight: 500; color: #9EA6BE; margin-bottom: 0px; }
.BlogPg h6 a { font-size: 18px; line-height: 22px; font-weight: 500; color: #A51D41; }
.BlogPg .socialIcons a { }
.BlogPg .socialIcons img { height: 16px; width: auto; margin-left: 32px; margin-top: -6px; }
.BlogPg .featuredImgPnl { position: relative; }
.BlogPg .featuredImgPnl .featuredImg { width: 100%; height: auto; }
.BlogPg .featuredImgPnl .lockedVideoImg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Blog Filters
----------------------------------------------------------*/
.BlogFilter h4 { margin-bottom: 16px; padding-left: 24px; font-size: 24px; line-height: 27px; font-weight: 500; color: #9EA6BE; font-family: montserrat,sans-serif; }
.BlogFilter h6 { font-size: 18px; line-height: 22px; font-weight: 500; color: #9EA6BE; margin-bottom: 0px; }
.BlogFilter a div { color: #25467D; }
.blogFilters .viewAllBlog h3 { color: #25467D; display: block; cursor: pointer; position: relative; margin: 0 0 0 0; font-weight: 500; line-height: 16px; transition: background-color 300ms ease-in-out, color 300ms ease-in-out; border: none; background-image: none; font-size: 26px; background-color: #FFFFFF; padding: 40px 40px 30px 40px; border-radius: 0; outline-width: 0; outline-style: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.blogFilters .viewAllBlog:hover h3 { background-color: #E7A323; border-bottom-color: #E7A323; color: #FFFFFF; }

.blogFilters section.accordion:first-of-type .ui-accordion-header { border-top-left-radius: 4px; border-top-right-radius: 4px; }
.blogFilters section.accordion .emptyDataTemplate { text-align: center; font-size: 19px; padding: 16px 6px 16px 40px; }
.blogFilters section.accordion ul li { padding: 12px 6px 12px 40px; }
.blogFilters section.accordion ul li:hover { background-color: rgba(241, 176, 37, 0.2); }

.blogFilters section.accordion ul li.blog_year { padding: 12px; }
.blogFilters section.accordion ul li.blog_year ul { margin: 0; list-style: none; }
.blogFilters section.accordion ul li.blog_year ul li.blog_month { background-color: inherit; padding: 12px 6px 0px 60px; }
.blogFilters section.accordion ul li.blog_year ul li.blog_month a.blog_month_name { font-weight: 600; }
.blogFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items { padding-left: 20px; }
.blogFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items li.blog_post_item { padding: 0; background-color: inherit; }

.blogFilters section.accordion ul li.blog_year:hover { background-color: inherit; }
.blogFilters section.accordion ul li.blog_year a:hover { background-color: #FFFFFF; color: #25467D; border-bottom-color: #FFFFFF; cursor: default; }
.blogFilters section.accordion ul li.blog_year ul:hover { }
.blogFilters section.accordion ul li.blog_year ul li.blog_month:hover { }
.blogFilters section.accordion ul li.blog_year ul li.blog_month_name:hover { }
.blogFilters section.accordion ul li.blog_year ul li.blog_month a.blog_month_name:hover { background-color: inherit; }
.blogFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items:hover { }
.blogFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items li.blog_post_item:hover { }
.blogFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items li.blog_post_item:hover a { background-color: inherit; color: #A51D41; cursor: pointer; }

.blogFilters #blogSearch { background-color: #FFFFFF; border-radius: 4px; padding: 0; margin: 0; }
.blogFilters #blogSearch #searchFld { padding: 24px 24px 0 24px; }
.blogFilters #blogSearch #searchFld input[type='text'] { margin: 0; margin: 0; border-style: none; background-color: transparent; font-size: 24px; font-weight: 700; box-shadow: none; color: #9EA6BE; }
.blogFilters #blogSearch #searchBtn { border-left: 1px solid #FFFFFF; padding: 30px; text-align: center; transition: background-color 300ms ease-in-out; }
.blogFilters #blogSearch #searchBtn img { transition: filter 300ms ease-in-out, -webkit-filter 300ms ease-in-out; }
.blogFilters #blogSearch #searchBtn:hover { background-color: #E7A323; border-top-right-radius: inherit; border-bottom-right-radius: inherit; cursor: pointer; }
.blogFilters #blogSearch #searchBtn:hover img { -webkit-filter: brightness(3); filter: brightness(3); }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Event Filters
----------------------------------------------------------*/
.eventFilter h4 { font-family: roboto,sans-serif; margin-bottom: 16px; padding-left: 24px; font-size: 22px; line-height: 27px; font-weight: 500; color: #9EA6BE; }
.eventFilter h6 { font-size: 18px; line-height: 22px; font-weight: 500; color: #9EA6BE; margin-bottom: 0px; }
.eventFilter a div { color: #25467D; }
.eventFilters .viewAllBlog h3 { color: #25467D; display: block; cursor: pointer; position: relative; margin: 0 0 0 0; font-weight: 500; line-height: 16px; transition: background-color 300ms ease-in-out, color 300ms ease-in-out; border: none; background-image: none; font-size: 24px; background-color: #FFFFFF; padding: 40px 40px 30px 40px; border-radius: 0; outline-width: 0; outline-style: none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.eventFilters .viewAllBlog:hover h3 { background-color: #E7A323; border-bottom-color: #E7A323; color: #FFFFFF; font-size: 24px; }

.eventFilters section.accordion:first-of-type .ui-accordion-header { border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 24px; }
.eventFilters section.accordion .emptyDataTemplate { text-align: center; font-size: 19px; padding: 10px 6px 10px 36px; }
.eventFilters section.accordion ul li { padding: 12px 6px 12px 40px; }
.eventFilters section.accordion ul li:hover { background-color: rgba(241, 176, 37, 0.2); }

.eventFilters section.accordion ul li.blog_year { padding: 12px; }
.eventFilters section.accordion ul li.blog_year ul { margin: 0; list-style: none; }
.eventFilters section.accordion ul li.blog_year ul li.blog_month { background-color: inherit; padding: 12px 6px 0px 60px; }
.eventFilters section.accordion ul li.blog_year ul li.blog_month a.blog_month_name { font-weight: 600; }
.eventFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items { padding-left: 20px; }
.eventFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items li.blog_post_item { padding: 0; background-color: inherit; }

.eventFilters section.accordion ul li.blog_year:hover { background-color: inherit; }
.eventFilters section.accordion ul li.blog_year a:hover { background-color: #FFFFFF; color: #25467D; border-bottom-color: #FFFFFF; cursor: default; }
.eventFilters section.accordion ul li.blog_year ul:hover { }
.eventFilters section.accordion ul li.blog_year ul li.blog_month:hover { }
.eventFilters section.accordion ul li.blog_year ul li.blog_month_name:hover { }
.eventFilters section.accordion ul li.blog_year ul li.blog_month a.blog_month_name:hover { background-color: inherit; }
.eventFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items:hover { }
.eventFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items li.blog_post_item:hover { }
.eventFilters section.accordion ul li.blog_year ul li.blog_month ul.blog_post_items li.blog_post_item:hover a { background-color: inherit; color: #A51D41; cursor: pointer; }

.eventFilters #blogSearch { background-color: #FFFFFF; border-radius: 4px; padding: 0; margin: 0; }
.eventFilters #blogSearch #searchFld { padding: 24px 24px 0 24px; }
.eventFilters #blogSearch #searchFld input[type='text'] { margin: 0; margin: 0; border-style: none; background-color: transparent; font-size: 24px; font-weight: 700; box-shadow: none; color: #9EA6BE; }
.eventFilters #blogSearch #searchBtn { border-left: 1px solid #FFFFFF; padding: 30px; text-align: center; transition: background-color 300ms ease-in-out; }
.eventFilters #blogSearch #searchBtn img { transition: filter 300ms ease-in-out, -webkit-filter 300ms ease-in-out; }
.eventFilters #blogSearch #searchBtn:hover { background-color: #E7A323; border-top-right-radius: inherit; border-bottom-right-radius: inherit; cursor: pointer; }
.eventFilters #blogSearch #searchBtn:hover img { -webkit-filter: brightness(3); filter: brightness(3); }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* List View Options
----------------------------------------------------------*/
.listViews input[type=radio] { position: absolute; z-index: -1000; left: -1000px; overflow: hidden; clip: rect(0 0 0 0); height: 1px; width: 1px; margin: -1px; padding: 0; border: 0 }
.listViews input[type=radio] + label { font-size: 13px; line-height: 22px; font-weight: 500; color: #9EA6BE; margin-bottom: 0px; }
.listViews input[type=radio] + label span { background-image: url(/Images/Common/icons/ListGridViews.png); background-repeat: no-repeat; width: 41px; height: 41px; display: inline-block; vertical-align: middle; }
.listViews input[type=radio] + label.rbGridView span { background-position: 0 0; }
.listViews input[type=radio]:checked + label.rbGridView span { background-position: 0 -41px; }
.listViews input[type=radio] + label.rbListView span { background-position: -40px 0; }
.listViews input[type=radio]:checked + label.rbListView span { background-position: -40px -41px; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Layout Page
----------------------------------------------------------*/
.layoutContent { background-color: #FFFFFF; }




/* Blog List Page
----------------------------------------------------------*/
.blogList { background-color: #FFFFFF; }




/* Blog List Item
----------------------------------------------------------*/
.blogListItem { }
.blogListItem .listViewItem { }
.blogListItem .listViewItem .articleDate { border-left: 2px solid #E7A323; }
.blogListItem .listViewItem .articleDate .month { color: #9EA6BE; font-size: 16px; line-height: 18px; font-weight: 700; text-transform: uppercase; }
.blogListItem .listViewItem .articleDate .day { color: #161F26; font-size: 40px; line-height: 40px; font-weight: 400; }
.blogListItem .listViewItem .articleDesc h2.title { font-size: 20px; font-weight: 400; color: #161F26; line-height: 26px; }
.blogListItem .listViewItem .articleDesc .date { color: #9EA6BE; font-size: 16px; font-weight: 500; }
.blogListItem .listViewItem .articleDesc .chapter { font-size: 16px; }
.blogListItem .listViewItem .articleDesc .categories a { font-size: 16px; font-weight: 500; color: #A51D41; transition: color .25s ease-in-out; }
.blogListItem .listViewItem .articleDesc .categories a:hover { color: #25467D; }
.blogListItem .listViewItem .articleDesc .readMore a { font-size: 20px; font-weight: 600; color: #25467D; border-bottom: 1px solid #A51D41; transition: color .25s ease-in-out; }
.blogListItem .listViewItem .articleDesc .readMore a:hover { color: #A51D41; }
.blogListItem .gridViewItem { padding: 24px !important; }
.blogListItem .gridViewItem.articleDesc h2.title { font-size: 20px; font-weight: 400; color: #161F26; line-height: 26px; }
.blogListItem .gridViewItem.articleDesc .date { color: #9EA6BE; font-size: 16px; font-weight: 500; }
.blogListItem .gridViewItem.articleDesc .categories a { font-size: 16px; font-weight: 500; color: #A51D41; transition: color .25s ease-in-out; }
.blogListItem .gridViewItem.articleDesc .categories a:hover { color: #25467D; }
.blogListItem .gridViewItem .featuredImg { position: relative; }
.blogListItem .gridViewItem .featuredImg img { }
.blogListItem .gridViewItem .pdfIcon { position: absolute; top: 0; right: 0; padding: 24px; }
.blogListItem .gridViewItem .lockIcon { position: absolute; left: 0; top: 0; padding: 24px; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}




/* Trustee List
----------------------------------------------------------*/
.trusteeList { background-color: #FFFFFF; }
.trusteeList h1 { font-size: 26px; line-height: 16px; font-weight: 500; color: #25467D; }
.trusteeList h2 { font-size: 22px; line-height: 26px; font-weight: 400; color: #161F26; }
.trusteeList h6 { font-size: 18px; line-height: 21px; font-weight: 600; color: #9EA6BE; }
.trusteeList ul li { padding: 24px; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Event List
----------------------------------------------------------*/
.eventList { background-color: #FFFFFF; }
.eventList .articleDate { text-align: center; border-left: 3px solid #9EA6BE; }
.eventList .articleDate .month { font-size: 16px; font-weight: 500; color: #161F26; line-height: 26px; }
.eventList .articleDate .day { font-size: 40px; font-weight: 300; color: #161F26; line-height: 26px; }

.eventList .list ul { list-style-type: none; padding: 0; margin: 0; }
.eventList .list ul li { }
.eventList .list ul li .articleDate { border-color: #E7A323; }
.eventList .list ul li > .row { border-bottom: 1px solid #E5CDE3; padding-bottom: 24px; margin-bottom: 24px; }
.eventList .list ul li:last-of-type > .row { border-width: 0 }

.eventList .timeframe { border-left: 1px solid #FFFFFF; position: relative; }
.eventList .timeframe div div:nth-child(odd) { font-size: 15px; color: #9EA6BE; font-weight: 300; }
.eventList .timeframe div div:nth-child(even) { font-size: 16px; font-weight: 500; }
.eventList .timeframe hr { margin: 0.8rem 0 0.3rem; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Certification List
----------------------------------------------------------*/
.certificationItem { padding: 24px; }
.certificationItem img.featuredImg { width: 100%; height: auto; }
.certificationItem h2 { font-size: 22px; line-height: 26px; font-weight: 400; color: #161F26; }
.certificationItem h3 { font-size: 18px; line-height: 22px; font-weight: 500; color: #9EA6BE; margin-bottom: 0px; }
.certificationItem .summary { font-size: 14px; }
.certificationItem .readMore a { font-size: 23px; font-weight: 600; color: #25467D; border-bottom: 1px solid #A51D41; transition: color .25s ease-in-out; }
.certificationItem .readMore a:hover { color: #A51D41; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Modals
----------------------------------------------------------*/
.reveal-modal { border-width: 0; background-color: transparent; padding: 0; box-shadow: none }
.reveal-modal > .row { top: 50%; transform: translateY(-50%); position: fixed }
.reveal-modal .button { font-size: 32px; width: 100%; padding: 12px 8px; }
.reveal-modal .button.secondary { font-size: 26px; width: 100%; padding: 12px 8px; }
.innerModal { border-radius: 3px; background-color: #FFFFFF; border: solid 1px #9EA6BE; box-shadow: 0 0 10px rgba(0,0,0,0.4) }
.reveal-modal h6, .reveal-modal h6 a { color: #161F26; font-size: 14px; }
.reveal-modal h6 a:hover { text-decoration: underline; }
input[type="text"], .reveal-modal input[type="password"] { font-size: 18px; color: #161F26; }
.reveal-modal .errorMsg { font-size: 14px; color: #7A1530; font-style: italic; }
.reveal-modal .successMsg { font-size: 14px; color: #25467D; font-style: italic; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}
/* Browser Specific */
body.chrome input[type="text"], body.chrome input[type="password"], body.chrome .reveal-modal input[type="password"] { padding: 24px; }






/* Alert Message Panel
----------------------------------------------------------*/
.alertMsgPnl { background-color: #7A1530; position: relative; }
.alertMsgPnl .alertTitle { font-size: 20px; color: #FFFFFF; }
.alertMsgPnl .alertText { font-size: 16px; color: #FFFFFF; }
.alertMsgPnl .alertText a { font-size: 16px; color: #FFFFFF; font-weight: 700; border-bottom: 2px solid #E7A323; }
.alertMsgPnl .alertText a:hover { border-bottom-color: #FCDE30; }
.alertMsgPnl .closePnl { position: absolute; top: 18px; right: 18px; line-height: 20px; font-size: 20px; color: #E7A323; }
.alertMsgPnl .closePnl:hover { color: #FCDE30; cursor: pointer; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Search Page
----------------------------------------------------------*/
.searchPg { background-color: #FFFFFF; }
.searchPg #searchPnl { background-color: #FFFFFF; border-radius: 4px; padding: 0; margin: 0; }
.searchPg #searchPnl #searchFld { padding: 24px 24px 0 24px; }
.searchPg #searchPnl #searchFld input[type='text'] { margin: 0; margin: 0; border-style: none; background-color: inherit; font-size: 24px; font-weight: 700; box-shadow: none; color: #9EA6BE; }
.searchPg #searchPnl #searchBtn { border-left: 1px solid #FFFFFF; padding: 30px; text-align: center; transition: background-color 300ms ease-in-out; }
.searchPg #searchPnl #searchBtn img { transition: filter 300ms ease-in-out, -webkit-filter 300ms ease-in-out; }
.searchPg #searchPnl #searchBtn:hover { background-color: #E7A323; border-top-right-radius: inherit; border-bottom-right-radius: inherit; cursor: pointer; }
.searchPg #searchPnl #searchBtn:hover img { -webkit-filter: brightness(3); filter: brightness(3); }
.searchPg .simple-pagination { float: none; }
.searchPg .lockIcon { height: 24px; width: auto; margin-left: 12px; margin-bottom: 6px; }
.searchPg h2, .searchPg h5 { margin: 0; line-height: initial; }
.searchPg a:hover h2, .searchPg a:hover h5 { color: #25467D; background-color: rgba(37, 70, 125, 0.05); }
.searchPg hr { margin: 32px 0; }

#ddlSection { }
#ddlSection:after { content: '\f078'; font: normal normal normal 17px/1 FontAwesome; color: #9EA6BE; right: 33px; top: 20px; height: 34px; padding: 15px 0 0 8px; position: absolute; pointer-events: none }
#ddlSection #ddlShowType { height: 87px; border-style: none; font-size: 24px; font-weight: 700; box-shadow: none; color: #9EA6BE; background-color: #FFFFFF; padding: 4px 24px 0 24px; margin: 0; background-image: none; border-radius: 4px; }
#ddlSection #ddlShowType option { margin: 0; border-style: none; background-color: inherit; font-size: 18px; font-weight: 700; box-shadow: none; color: #9EA6BE }
#ddlSection #ddlShowType:focus { outline-color: transparent; outline-style: none; outline-width: 0; }
#ddlSection #ddlShowType::-ms-expand { display: none; }
/* IE11 hide native button */

@media only screen and (max-width: 40em) {
#ddlSection #ddlShowType { height: 54px; font-size: 20px; }
#ddlSection:after { top: 4px; }
.searchPg #searchPnl #searchBtn { padding: 16px; }
.searchPg #searchPnl #searchFld { padding: 6px 8px 0 0px; }
.searchPg #searchPnl #searchFld input[type='text'] { font-size: 20px; }
.searchPg h2 { font-size: 1.5rem; }
.searchPg h5 { font-size: 0.75rem; }
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Trustee Page
----------------------------------------------------------*/
.trusteePg { background-color: #FFFFFF; }
.trusteePg h1 { font-size: 22px; font-weight: 400; line-height: 24px; color: #161F26; margin-bottom: 12px; }
.trusteePg h2 { font-size: 18px; font-weight: 600; line-height: 20px; color: #9EA6BE; }
.trusteePg h3 { font-size: 26px; font-weight: 500; line-height: 16px; color: #25467D; }
.trusteePg .imgTrustee { width: 100%; height: auto; }
/* Small screens*/
@media only screen and (max-width: 40em) {
}
/* Medium screens*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}





/* Forms
----------------------------------------------------------*/
.umbraco-forms-page { background-color: #FFFFFF; }
.umbraco-forms-page fieldset { }
.umbraco-forms-page .form-group label { font-weight: bold; /*text-align: right;*/ margin-top: 16px; }
.umbraco-forms-page .form-group input[type="text"], .umbraco-forms-page .form-group textarea { background-color: #FFFFFF; border-radius: 4px; color: #9EA6BE; /*border: 0 none transparent;*/ box-shadow: none; }
.umbraco-forms-page .form-group textarea { font-size: 1rem; }
.umbraco-forms-page .button { font-size: 24px; font-weight: 400; margin: 0; padding: .5rem 3rem; background-color: #A51D41; color: #FFFFFF; border-width: 0; border-radius: 3px; transition: background-color 300ms ease-out,color 300ms ease-out; }
.umbraco-forms-page .button:hover { background-color: #E7A323; }
.umbraco-forms-page .umbracoForms-Indicator { color: #7A1530; }
.umbraco-forms-page .help-block { margin-top: -16px; font-size: 14px; color: #9EA6BE; }
.umbraco-forms-page .field-validation-error { color: #7A1530; margin-top: -18px; margin-bottom: 10px; /*display: block;*/ display: initial; }
.umbraco-forms-page .zurb-form-control.radio { display: inline-block; margin-right: 24px; }
.umbraco-forms-page .checkboxlist { }
.umbraco-forms-page .checkboxlist label { }
.umbraco-forms-page .checkboxlist input { margin: 0; }
.umbraco-forms-fieldset {border: 0 none transparent;}




/* List Updates
----------------------------------------------------------*/
.listViewItem .eventType a { cursor: default; color: #161F26; font-weight: 700; }
.listViewItem .chapters a { cursor: default; color: #161F26; font-weight: 700; }






/*// Small screens*/ /* max-width 720px (was 640)*/
@media only screen and (max-width: 40em) {
}
/*// Medium screens*/ /* min-width 721px (was 641) and max-width 1152px (was 1024) */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}
/* Custom for Header min-width 1260px and max-width 1800px */
@media only screen and (min-width: 70em) and (max-width: 100em) {
}
/*// Large screens*/ /* min-width 1153px (was 1025) and max-width 1620px (was 1440) */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
}
/*// XLarge screens*/ /* min-width 1621px (was 1441) and max-width 2160px (was 1920) */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
}






/*// Small screens*/ /* max-width 720px (was 640)*/
@media only screen and (max-width: 40em) {
}
/*// Medium screens*/ /* min-width 721px (was 641), medium screens */
@media only screen and (min-width: 40.063em) {
}
/*// Large screens*/ /* min-width 1153px (was 1025), large screens */
@media only screen and (min-width: 64.063em) {
}
/*// XLarge screens*/ /* min-width 1621px (was 1441), xlarge screens */
@media only screen and (min-width: 90.063em) {
}
/*// XXLarge screens*/ /* min-width 2161px (was 1921), xxlarge screens */
@media only screen and (min-width: 120.063em) {
}





/*TEMP- Used when displaying JSON in the tag <pre id="json"></pre> */
pre#json { outline: 1px solid #ccc; padding: 5px; margin: 5px; }
#json .string { color: #00ff00; }
#json .number { color: #ff8c00; }
#json .boolean { color: #0000ff; }
#json .null { color: #f0f; }
#json .key { color: #ff0000; }




/* Custom Client Classes- To be used by client within umbraco
----------------------------------------------------------*/
.padding_top > .row { padding: 36px 0 0 0; }
.padding_bottom > .row { padding: 0 0 36px 0; }
.padding_topBottom > .row { padding: 36px 0; }
.innerPadding_top { padding: 36px 0 0 0; }
.innerPadding_bottom { padding: 0 0 36px 0; }
.innerPadding_topBottom { padding: 36px 0; }
.dataEqualizer { }
.equalize { }
