/*---------------------------------------------------------------
BRAND COLOR ONE: Light Blue - #70CACB; (HEX)  or  131, 68, 173 (RGB) 
-----------------------------------------------------------------*/
/* BACKGROUND */
#top-link:hover, .backToTop, button.button.one:hover, input.button.one:hover, .close-btn, .programs .wrapper .caption:hover, h3.headlineborder span:before, h3.headlineborder span:after, .backToTop, .news .readMore:hover, .news .readMore:hover, .button-yellow:hover, .programs .wrapper .caption:hover, .searchMobilecontent button[type=submit], .widgetArea .contact-widget a.button:hover, .widgetArea .contentWidget a.button:hover, a.button:hover { background-color: #70CACB; }

/*OVERLAYS*/
#top-link, .color-overlay.one, .slider .overlay.one { background: rgba(112, 202, 203, .8); }

/* FONT COLOR */
p a, .infoColumns.white-text h3, footer p a i:hover, .contactInformation i { color: #70CACB; }
h1, h2, h3, h4, h5, h1.info-large.one, h2.info-large.one, h3.info-large.one, h4.info-large.one, h5.info-large.one, .leftcol .accordion .acc-row label, .accordion .acc-row label, button.button, .widgetArea .contact-widget a.button:hover, .widgetArea .contentWidget a.button:hover, .breadcrumbs ul li:after, .leftNav ul li.active > a:before, .leftNav-title > h3, #menu li a:hover, #mobile-header:hover, .news .events a.title, .searchBar button, .tripleBlurb i, .news a.readMore,  #searchMobiletoggle + label:hover, footer ul li a:hover, .tripleBlurb .col4 a:hover h3, nav #searchtoggle ~ label:hover, .article a.readMore, .news .caption h3 a, .breadcrumbs ul li i, .leftNav ul li a:hover:before, .professional a i, .contactInformation i:hover, .breadcrumbs ul li:after, .widgetArea .latestNews h4 a, #menu > li.open:before, .leftNav li.leftNavOn > a, .interior-content a, .accordion .acc-row div h3, .utilityHeader a, footer #footerbottom ul li:before, .widgetArea p a, .columns h3.one, .callToAction .cta.none span, .infoColumns.brand-color-one, .slider .overlay > h2.one, .slider .overlay > .blurb.one, .professional p.name { color:#000; }

/* BORDER COLOR */
button.button.one, input.button.one, .interior-content a.button,  .widgetArea .contact-widget a.button, .widgetArea .contentWidget a.button, a.button { border: 5px solid #70CACB; }
.tripleCircles .col4 .circle:hover { border: 7px solid #70CACB; }
.tripleCircles .col4 .circle .content:after { border: 5px solid #70CACB; }
ul.eventFilters>li a:hover, ul.eventFilters>li a.current, .leftNav ul li a:hover, .leftNav ul li.active a { border-bottom: 1px solid #70CACB; }


/*---------------------------------------------------------------
BRAND COLOR TWO: Dark Blue - #421440 (HEX)  or  0, 153, 167 (RGB) 
-----------------------------------------------------------------*/
/* BACKGROUND */
.test, .columns a.button-yellow, .programs .caption, #footerbottom, form button.button.two, .programs .wrapper .caption { background: #421440; }

/* FONT COLOR */
h1.info-large.two, h2.info-large.two, h3.info-large.two, h4.info-large.two, h5.info-large.two, .leftcol .accordion .acc-row label:before, footer h3 a, form button.button.two:hover, .breadcrumbs ul li a, .acc-row h3, .news .events a.title:hover, .leftcol .acc-row h3, .leftcol .accordion .acc-row input[type=checkbox]:checked ~ h3, .content-main ul li:before, .tripleBlurb .col4 a, .widgetArea .linkedList a, .footnotes p, #menu .sub-menu h3, h3.headline, .widgetArea .latestNews h4:hover, .accordion .acc-row div.leftNav-title h3, .columns h3.two, .callToAction .cta.none h2, .infoColumns.brand-color-two, .infoColumns.news.brand-color-two .caption a h3, .slider .overlay > h2.two, .slider .overlay > .blurb.two, span.signature  { color: #FFF; }
body.home .infoColumns.default h2.title { color: #421440; }

/* BORDER COLORS */
.accordion .acc-row{ border-color: #C7C8CA; }
footer .accordion .acc-row { border-bottom-color: #421440; }
footer { border-top-color: #421440; }

/*OVERLAYS*/
.color-overlay.two, .slider .overlay.two { background: rgba(66, 20, 64, .5); }
/*.slider .overlay { background-color: rgba(49,49,49,.6); }*/

/*---------------------------------------------------------------
BRAND COLOR THREE: Pinkish Purple -  #b31f5e (HEX) or 179, 31, 94 (RGB) 
-----------------------------------------------------------------*/
/* BACKGROUND COLOR */
footer a.button:nth-of-type(2):hover, .columns a.button:hover, form button.button.two:hover, .slider a.button.dark:hover, .contactInformation a.button:hover { background-color: #b31f5e; }

/* FONT  COLOR */
.button-yellow:hover, .close-btn:after, .article p.postTitle, .events p:not(.postDate), .news .caption p.captionTitle, .interior-content .accordion .acc-row input[type=checkbox]:checked ~ h3 > label, .interior-content .accordion .acc-row input[type=checkbox] ~ h3 > label:hover, .columns a.button, .news .caption a.fullArticle:hover, .slider a.button.dark { color: #b31f5e; }
.columns a.button:hover, .slider a.button.dark:hover, .contactInformation a.button:hover { color: #FFF; }

/* BORDER COLORS */
.contactInformation a.button, .columns a.button, .columns a.button-yellow, form button.button.two, .slider a.button.dark { border: 5px solid #b31f5e; } 
footer a.button:last-of-type { border: 5px solid #b31f5e; } 

/*OVERLAYS*/
.color-overlay.three, .slider .overlay.three { background: rgba(179, 31, 94, .5); }


/*---------------------------------------------------------------
BRAND COLOR FOUR: Medium Gray -  #424242 (HEX) or 66, 66, 66 (RGB) 
-----------------------------------------------------------------*/
/* BACKGROUND */
.utilityHeader { background: #424242; }
.color-overlay.four { background: rgba(66,66,66,.04) }

/* FONT COLORS */
body, h1.info-large.three, h2.info-large.three, h3.info-large.three, h4.info-large.three, h5.info-large.three, #menu li a, .leftNav ul li a, .leftNav ul li.active a, .professional a, .columns h3.three, .infoColumns.brand-color-three, .slider .overlay > h2.three, .slider .overlay > .blurb.three, footer ul li a, .infoColumns .subhead, .news .caption a.fullArticle { color: #424242; }


/*---------------------------------------------------------------
BRAND COLOR FOUR: Medium Blue -  #3c5079 (HEX)
-----------------------------------------------------------------*/
/* BACKGROUND */
/*.leftcol .accordion .acc-row input[type=checkbox]:checked ~ h3{ background-color: #eceff1; }*/

/* FONT COLOR */
/*h1.info-large.four, h2.info-large.four, h3.info-large.four, h4.info-large.four, h5.info-large.four, .callToAction .cta h2:before, .callToAction .cta h2:after, .infoColumns.brand-color-four, .slider .overlay > h2.four, .slider .overlay > .blurb.four { color: #eceff1; }*/
.infoColumns .subhead, .content-main .wysiwyg-content .subhead, .infoColumns .blue-callout, .wysiwyg-content .subhead.blue-callout { color: #667698; }

/* BORDER COLOR */
/*.searchMobilecontent, .accordion .acc-row p, .accordion .acc-row div { border-color: #eceff1; }*/

/*OVERLAYS*/
/*.color-overlay.four, .slider .overlay.four { background: rgba(236, 239, 241, .85); }*/

/*---------------------------------------------------------------
BRAND COLOR FIVE: N/A -  #8da57e (HEX) or (RGB)
-----------------------------------------------------------------*/
/* FONT COLOR */
.callToAction .cta p.quoteAuthor { color:#8da57e; }


/*---------------------------------------------------------------
BRAND COLOR: White
-----------------------------------------------------------------*/
/* BACKGROUND */
header, .searchBar, nav .searchMobilecontent, .searchMobilecontent, .accordion .acc-row p, #menu .sub-menu, #cal-menu .sub-menu, .contactInformation a.button, .columns a.button, .flex-control-paging li a.flex-active, button.button.one, input.button.one, form button.button.two, .slider a.button.dark { background-color: #FFFFFF; }

/* FONT COLOR */
footer a.button, #top-link, .utilityHeader p, .slider .overlay > h2.white, .slider .overlay > .blurb.white, .slider h2, .backToTop i, .programs h5, .programs p, .callToAction .cta h2, .callToAction .cta .button, .columns a.button-yellow, footer #footerbottom p, footer .accordion .acc-row input[type=checkbox]:checked ~ h3, .news .readMore:hover, .infoColumns.white-text,  .infoColumns.white-text h2, footer, .infoColumns.white-text .subhead, .interior-content .ctaButton a.button:hover, footer p a i, footer a.mob-only-inline, button.button:hover, .close-btn span, .widgetArea .contact-widget a.button:hover, .widgetArea .contentWidget a.button:hover { color: #FFFFFF; }

/* BORDER COLOR */
.callToAction .cta .button, .flex-control-paging li a.flex-active { border-color: #FFFFFF; }
.slider a.button, .tripleBlurb h3, footer #footerbottom ul li a, .searchMobilecontent button[type=submit] span, .columns h3.white { color: #FFFFFF; }

/*OVERLAYS*/
.color-overlay.white, .slider .overlay.white { background: rgba(255, 255, 255, .85); }



/*---------------------------------------------------------------
BEGIN STYLES FOR FONT COLORS & TYPE
-----------------------------------------------------------------*/
body { font-family: 'Montserrat', sans-serif;/*color:#777777;*/ }
h1 { font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 2rem;/*color:#777777;*/ }
h2.heading { font-size: 2rem; }
h2 { font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 1.5rem;/*color:#00c5cd;*/ }
h3 { font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 1.125rem;/*color:#777777;*/ }
h4 { font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 1rem;/*color:#777777;*/ }
h5 { font-family: 'Oswald', sans-serif; font-weight: 500; font-size: .875rem; /*color:#777777;*/ }

.topNav label span { font-family: 'Oswald', sans-serif; font-size: 1.350rem; padding-top: 8px; }
.topNav ul li a { font-family: 'Oswald', sans-serif; font-size: 1.000rem; }

header .memberButtons { font-family: 'Oswald', sans-serif; font-size: 1.000rem; }
.article .item-overlay .item-btn-container { font-family: 'Oswald', sans-serif; font-size: 0.750em; }
.leftNav-title > h3 {  font-family: 'Oswald', sans-serif;  }
.dateKeywords .findKeywords .mn-form-text.mn-placeholder { padding: 10px 15px; }

/*button.button:hover, .interior-content a.button:hover, .widgetArea .contact-widget a.button:hover { background: none; }*/
/*.infoColumns h2.title { font-size: 2.5rem; }*/
.slider a.button, button.button, .interior-content a.button, .interior-content input.button, .widgetArea .contact-widget a.button, .widgetArea .contentWidget a.button, .columns a.button, .columns a.button-yellow, .news .caption a h3, span.signature, .news .events a.title, .professional p.name{ font-family: 'Montserrat', sans-serif; font-weight: 500; }
.wysiwyg a {/*color:#f44336;*/ text-decoration: underline; }
#menu .main-menu { font-family: 'Montserrat', sans-serif; }
/*.searchBtn{color:#fff;} */
.infoColumns .blue-callout, .wysiwyg-content .subhead.blue-callout { font-family: 'Montserrat', sans-serif; font-size: 1.313em; }

.warning p, .warning span { font-family: 'Montserrat', sans-serif; }

.breadcrumbs p { font-family: 'Montserrat', sans-serif; }

.leftNav ul li a { font-family: 'Montserrat', sans-serif; }

.accordion, .contact label { font-family: 'Montserrat', sans-serif; color: #424242; }
.accordion ul.main > li:hover {/*background:#f44336;brandOnecolor:#fff;*/ }
.accordion li.active {/*background:#f44336;*//*brandOne*/ }

.pullQuote { font-family: 'Montserrat', sans-serif;/*color:#f44336;*/ }
.featuredItems .feature:nth-child(odd) {/*background:#ECEFF1;*/ }
.readMore {/*border-color:#f44336;brandOnecolor:#f44336;*/ }
.readMore:hover {/*border-color:#263238;brandTwobackground:#263238;color:#fff;*/ }

.headBox { font-family: 'Montserrat', sans-serif; border: 0;/*color:#f44336;brandOneborder-color:#f44336;*/ }
.headBox.solid, .headBox.arrow-box {/*color:#fff;*//*white*/ }

.arrow-box:before {/*color:#f44336;brandOne;background:#ECEFF1;*/ }
.arrow-box:after {/*color:#ECEFF1;*/ }

.ctaBar {/*border-color:#263238;*/ }
.callToAction .cta h2.title { font-size: 2.75em;margin-top: 5px;margin-bottom: 25px; position: relative; line-height: 1em; }
.callToAction .cta p { font-family: 'Montserrat', sans-serif; font-size: 1.125em; text-align: right; }

.news .caption p.captionTitle { font-size: 1.125em; margin-top: 10px; }

.brandOne.arrow-box:before {/*color:#f44336;*/ }
.brandTwo.arrow-box:before {/*color:#263238;*/ }
.brandThree.arrow-box:before {/*color:#ECEFF1;*/ }
.brandFour.arrow-box:before {/*color:#90A4AE;*/ }
/*.brandFive.arrow-box:before{}*/


/* END STYLES FOR FONT COLORS & TYPE */

.professional .col4 { min-height: 560px; }

img[src^="https://pubads"] { position: absolute; }
/* ============================
 Alert 
* ============================*/
/* Alert Toggle Menu */
#toggleAlert { width: 100%; color: #fff; font-weight: 600; text-align: left; line-height: 1; padding: 11px 23px 10px 23px; margin: 0; cursor: pointer; transition: all 0.4s ease-in-out; background-color: #b31f5e; border: 1px solid #b31f5e; }
.pinkBg #toggleAlert { background-color: #b31f5e; border: 1px solid #b31f5e; }
.pinkBg #toggleAlert:hover, .pinkBg #toggleAlert:focus { background-color: #b31f5e; }
.purpleBg #toggleAlert { background-color: #501947; border: 1px solid #501947; }
.purpleBg #toggleAlert:hover, .purpleBg #toggleAlert:focus { background-color: #501947; }
.blueBg #toggleAlert { background-color: #36496d; border: 1px solid #36496d; }
.blueBg #toggleAlert:hover, .blueBg #toggleAlert:focus { background-color: #36496d; }
.none #toggleAlert { background-color: #b31f5e; border: 1px solid #b31f5e; }
.none #toggleAlert:hover, .none #toggleAlert:focus { background-color: #b31f5e; }
#alertButton.none { background-color: #b31f5e; border: 1px solid #b31f5e; }
#toggleAlert:before { font-size: 1.2rem; display: inline-block; content: "+"; padding: 0 3px 0 0; vertical-align: top; transition: all 0.4s ease-in-out; }
#toggleAlert .menuText { font-size: 1.2rem; }
.alertBanner #alertContent { display: none; color: #fff; z-index: 999; background-color: #b31f5e; border: 1px solid #b31f5e;}
.alertBanner.pinkBg #alertContent { background-color: #b31f5e; border: 1px solid #b31f5e; }
.alertBanner.purpleBg #alertContent { background-color: #501947; border: 1px solid #501947; }
.alertBanner.blueBg #alertContent { background-color: #36496d; border: 1px solid #36496d;}
.alertBanner.none #alertContent { color: #000; background-color: transparent; border: 1px solid transparent;}
.alertBanner.open #toggleAlert:before { content: "-"; }
.alertBanner #alertContent { position: relative; width: 100%; color: #fff; background-color: #b31f5e; padding: 10px 35px; margin: 0; list-style-type: none; }
.alertBanner.pinkBg #alertContent { background-color: #b31f5e; }
.alertBanner.purpleBg #alertContent { background-color: #501947; }
.alertBanner.blueBg #alertContent { background-color: #36496d; }
.alertBanner.none #alertContent { color: #fff; background-color: #b31f5e; }
.alertBanner a { color: #fff; }
.alertBanner a:hover, a:focus { color: #fff; }

/* Alert Message Button and Icons */
#alertButton { display: block; position: absolute; left: 0; top: 160px; z-index: 9999; }
#alertButton:focus { border: 1px solid #fff; }
.toggleAlertBtn { width: 45px; height: 45px; display: block; padding: 13px 8px; text-decoration: none; }
.toggleAlertBtn:after { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 6px; }
.toggleAlertBtn:after { padding: 12px; }
.alertIcon { width: 75px; height: 75px; display: block; padding: 12px; text-decoration: none; }
.alertIcon:after { color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 1.75rem; }
.alert .alertIcon:after { padding: 15px 25px; }
.toggleAlertBtn:after, .alert .alertIcon:after { content: '\f12a'; }
.alertIcon { float: left; width: 12%; padding-left: 0; padding-right: 0; text-align: left; }
.toggleAlertBtn span { position: absolute; overflow: hidden; z-index: -1000; font-size: 1em; height: 1px; }
/* Alert Message Area */
.alert{ position: relative; color: #fff; z-index: 99999; width: 100%; max-width: 980px; margin: auto; }
.alert.angledBorderFade { background-position: bottom; }
.alert .mfp-close, .mfp-close-btn-in #alertMessage .mfp-close { width: 113px; line-height: 1; right: 15px; top: 5px; font-size: .9rem; color: #fff; padding: 10px 0 0 0; cursor: pointer; }
.alert .mfp-close:before, .alert .mfp-close:after { float: left; font-size: .9rem; margin: 0; text-indent: 0; }
.alertCloseBtn { position: absolute; right: 16px; top: 10px; font-size: .9rem; }
.alert .mfp-close:before { display: none; }
.alert .mfp-close:after { content: "\f057"; color: #fff; font-family: "Font Awesome 5 Free"; font-weight: 900; padding: 0 6px 0 0; }
.alert .mfp-close:hover { top: 5px; }
/* Alert Message Area in Interior Content */
.alert .wrapper{ max-width: 1570px; width: 100%; padding-left: 15px; padding-right: 15px; }
.alert .summary { float: left; width: 100%; line-height: 1.5; }
.alert .summary > a { color: #fff; font-variant: normal; }
.alert .container:after { content: ''; clear: both; display: block; }
.alert .wrapper:after { content: ''; clear: both; display: block; }
.alertMessage { position: relative; width: 100%; color: #fff; z-index: 9999; padding: 40px 20px 30px 20px; }
.alertMessage a { color: #fff; }
/* Alert Message Colors */
.toggleAlertBtn.pinkBg, .alert.pinkBg { background-color: #b31f5e; color: #fff; }
.toggleAlertBtn.blueBg, .alert.blueBg { background-color: #36496d; }
.toggleAlertBtn.purpleBg, .alert.purpleBg { background-color: #421440; }
@media (max-width: 960px) {
  /* Alert Message Button and Icons */
  #alertButton { top: 93px; }
  .toggleAlertBtn { width: 45px; height: 45px; }
  .toggleAlertBtn:after { font-size: .85rem; padding: 6px; }
  .toggleAlertBtn:after { padding: 7px 14px; }
  .alertIcon { float: none; width: 75px; height: 75px; padding: 12px; margin: 0 auto; }
  .alertIcon:after { font-size: 1.75rem; padding: 15px; }
  .alertIcon { float: none; width: 100%; padding-left: 0; padding-right: 0; text-align: center; }
  /* Alert Message Area in Interior Content */
  .alert .summary { width: 100%; text-align: center; }
  .alertMessage { padding: 40px 20px 30px 20px; }
 }

/*---------------------------------------------------------------
MEDIA QUERIES 
-----------------------------------------------------------------*/

 @media (max-width: 720px) {
footer { border-top-color: #00c5cd; }
.slider .wrapper { background: #FFF; }
.slider .overlay { background: none; }
.slider h2, .slider .overlay > h2.white { color: #421440; margin-top: 0; }
.slider .blurb, .slider .overlay > .blurb.white  { color: #424242; }
.slider a.button { color: #70CACB; }
.slider a.button:hover { color: #FFF; }
}

/* ALL CUSTOM COLORS AND/OR EXCEPTIONS SHOULD BE LISTED BELOW */
.callToAction .cta span { color: #FFF; }
.postDate, ul.eventFilters>li { color: #6E7072!important; }
.news .flex-direction-nav a:before  { color: #c0bebe; }
.news-grid .flex-control-paging li a.flex-active, .blog-grid .flex-control-paging li a.flex-active { border-color: #e1e1e1; background-color: #e1e1e1; }

/*.leftNav ul li a:hover{ color: #0099a7; }*/
.leftNav ul li:hover{ background: #f7f7f7; cursor: pointer; }

footer, footer .accordion .acc-row { background-color: #261825; color: #FFF; }
@media screen and (max-width: 1080px){
/* MOBILE NAVIGATION */
#menu > li, #menu > li.open  { background: #ffffff; }
#menu > li.has-sub .mobilenavtrigger:before{ color:#0C1529; }
.topNav ul li { border-color: #ffffff; }
#menu > li { border-bottom: 1px solid #f2f2f2; }
#menu .sub-menu { background: #fcfcfc; }
}
@media screen and (max-width:960px) {
.leftcol .leftNav .leftNav-title, .filter-row.accordion .acc-row .filter-title { background: #421440; }
.leftcol .accordion .acc-row label { color: #FFF; }
}
 @media all and (max-width: 620px) {
}
