/*
Theme Name: Assist Theme
Theme URI: https://assistscholars.org/
Version: 1.01.1
Description: An child theme for ASSIST Scholars
Author: Design TLC
Author URI: https://designtlc.com
template: bb-theme
*/

/* Add your custom styles here... */ 
@import url("https://use.typekit.net/deb6suz.css");


/* ------------------ ROOT VARIABLES ------------------ */
:root {
    /* ------------------ Colors ------------------ */
	--red: #D22730;
	--blue: #0A4FAE;
	--white: #FFFFFF;
	--yellow: #ECA154;
	--dark-navy: #141B4D;
	--light-gray: #EAF4F9;
	--dark-blue: #002677;
	--pale-blue: #EAF4F9;
	--new-blue: #0857C3;
    --navy: #141B4D;
	
    /* ------------------  Typefaces ------------------ */
	--font-sans: 'area-normal', sans-serif;
	--font-extended: 'area-extended', sans-serif;
	--font-serif: 'ernst', serif;

    /* ------------------ Type Sizes ------------------ */
	--size-default: 1rem;
}

/* Translate Press */
/* Hide popup 58503 on English-language pages */
/* html[lang="en-US"] #popmake-58503,
body.translatepress-en_US #popmake-58503 {
  	display: none !important;
  	visibility: hidden !important;
  	opacity: 0 !important;
} */
html[lang="en-US"] .pum.pum-overlay#pum-56887{
	display: none !important;
  	visibility: hidden !important;
  	opacity: 0 !important;
}
.pum.pum-overlay#pum-56887[style="display: block; opacity: 0;"] {
	display: none !important;
}


html.pum-open,
body.pum-open,
html.pum-open body {
  overflow: auto !important;
  position: static !important;
  height: auto !important;
}

.pum-overlay.pum-active {
  overflow-y: auto !important;
}

.pum-overlay:not(.pum-active) {
  display: none !important;
  pointer-events: none !important;
}

/* Prevent invisible Popup Maker overlays from blocking clicks */
.pum-overlay-disabled.pum-active[style*="opacity: 0"] {
  pointer-events: none !important;
}

/* But keep the actual visible popup clickable */
.pum-overlay-disabled.pum-active[style*="opacity: 0"] .pum-container {
  pointer-events: auto !important;
}


@media (max-width: 768px) {

  /* Keep the Popup Maker wrapper from blocking taps */
  #pum-58503 {
    pointer-events: none !important;
  }

  /* But allow the actual popup box and close button to still work */
  #pum-58503 .pum-container,
  #pum-58503 .pum-content,
  #pum-58503 .pum-close,
  #popmake-58503 {
    pointer-events: auto !important;
  }

  /* Put CookieYes above everything */
  .cky-consent-container,
  .cky-overlay {
    z-index: 2147483647 !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 768px) {
  #popmake-58503 {
    bottom: 120px !important;
    top: auto !important;
    left: 10px !important;
    right: 10px !important;
    width: auto !important;
    max-width: calc(100% - 20px) !important;
  }
}

/* Main Styles */
h2, h2.fl-heading { 
	line-height: 1.1;
}

h2.subhead, .subhead h2  {
	font-size: 26px;
	line-height: 1.4!important;
}

h2.large-subhead {
	font-size: 48px;
	font-weight: 700;
}

h3 {
	color: var(--navy);
	font-weight: 500!important;
}

.country-dropdown {
	max-width: 300px;
}

.single-location h2 {
    font-size: 36px;
}

.gsc-control-cse {
    background-color: transparent!important;
    border: none!important;
	padding: 0!important;
}

.gsc-search-button-v2 {
    font-size: 0;
    padding: 6px 27px;
    width: auto;
    vertical-align: middle;
    border: 1px solid #ffd964;
    border-radius: 2px;
    border-color: #ffd964!important;
    background-color: #ffd964!important;
    background-image: none;
}

.gsc-search-button-v2 svg {
    fill: #000!important;
}

.gsc-search-button-v2:hover {
	 background-color: #DCE5EA!important;
}

.fl-theme-builder-header-sticky #logo-menu-row > .fl-row-content-wrap {
  border: none !important;
}

html, body {
	overflow-x: hidden;
}
	
/* fixed side buttons - old

.header-fixed-button .fl-button .fl-button-icon:before {
	color: inherit;
}
html body .cls-button-iconpencil-altbutton-icon-cls:before {
	color: inherit;
}
.header-fixed-button .fl-button {
	display: flex !important;
  	flex-direction: row;
  	flex-wrap: wrap;
  	justify-content: space-between;
  	align-items: center;
 	align-content: normal;
	float: right;
	clear: both;
	margin-bottom: 10px;
}
.header-fixed-button .fl-button .fl-button-text {
	display: block;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
	align-self: auto;
	width: min-content;
}
body:not(.fl-builder-edit) .header-fixed-button {
	position: fixed;
	right: 0;
	margin-top: 50px;
	z-index: 0;
}
 */

#topbar .wpml-ls-legacy-dropdown-click a {
	padding-top: 1px;
	padding-bottom: 1px;
	width: 145px;
	float: right;
}
#topbar .wpml-ls-legacy-dropdown-click {
	float: right;
}

.blue-bg {
	background: var(--pale-blue);
	padding: 8px;
}

/***************** Arrow Buttons 20205 ********************/

/* Button wrapper */
.hidden-icon-button {
  display: inline-flex;
  align-items: center;   /* vertically center */
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 100%;
  justify-content: center;
  height: 45px;           /* set height limit */
  max-height: 45px;
  overflow: hidden;
}

.left-button .hidden-icon-button {
  justify-content: flex-start!important;
}

.right-button .hidden-icon-button {
  justify-content: flex-end!important;
}

/* Text box (blue - always visible) */
.hidden-icon-button .button-text {
  background-color: #0A4FAE;
  color: #fff;
  text-transform: uppercase;
  padding: 0 1em;
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: 18px;
  line-height: 1;
  height: 100%;
}

#wp-toolbar {
	display: flex;
}
/* Icon box (red - initially hidden) */
.hidden-icon-button .button-icon {
  background-color: #D22730;
  color: #fff;
  max-width: 0;
  opacity: 0;
  width: auto;
  height: 45px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  line-height: 1;
  transition: max-width 0.4s ease, opacity 0.4s ease, padding 0.4s ease;
  padding: 0; /* No padding needed to fill square */
}

/* Gold-Blue Button */
.gold .hidden-icon-button .button-text {
  background-color: #ECA154;
  color: #141B4D;
}

.gold .hidden-icon-button .button-icon {
  background-color: #0857C3;
  color: #EAF4F9;
}

/* Navy-Gold Button */
.navy .hidden-icon-button .button-text {
  background-color: #141B4D;
  color: #fff;
}

.navy .hidden-icon-button .button-icon {
  background-color: #ECA154;
  color: #D22730;
}

/* Light Blue-Gold Button */
.light-blue .hidden-icon-button .button-text, .fl-module-html.header-fixed-button.light-blue .button-text {
  background-color: #B9D9EB;
  color: #141B4D;
}

.light-blue .hidden-icon-button .button-icon, .fl-module-html.header-fixed-button.light-blue .button-icon {
  background-color: #ECA154;
  color: #0857C3;
}

/* Red-Gold Button */
.red .hidden-icon-button .button-text, .fl-module-html.header-fixed-button.red .button-text {
  background-color: #D22730;
  color: #fff;
}

.red .hidden-icon-button .button-icon, .fl-module-html.header-fixed-button.red .button-icon {
  background-color: #ECA154;
  color: #B9D9EB;
}

/* Icon glyph from IcoMoon */
.button-icon::before {
  content: "\e900";
  font-family: 'arrow';
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 38px; /* or slightly less if needed */
  line-height: 45px; /* exactly matches container */
}

/* On hover: reveal icon box with right padding only */
.hidden-icon-button:hover .button-icon {
  max-width: 45px;
  opacity: 1;
}

/* Remove underline */
.hidden-icon-button:hover,
.hidden-icon-button:hover .button-text {
  text-decoration: none !important;
}

/* Responsive */
@media only screen and (max-width: 768px) {
  .hidden-icon-button {
    width: 100%;
    justify-content: center;
  }
}

/* FIXED SIDEBAR BUTTONS *****************************/

/* Reset default BB HTML module styles */
.fl-module-html.header-fixed-button {
  all: unset;
}

/* Fixed positioning for EACH button module */
body:not(.fl-builder-edit) .fl-module-html.header-fixed-button {
  position: fixed;
  right: 0;
  z-index: 1000;
  width: 165px;
  transform: translateX(0);
}

/* Position each fixed button individually */
body:not(.fl-builder-edit) .header-button-inquire {
  top: 350px;
}
body:not(.fl-builder-edit) .header-button-apply {
  top: 425px;
}
body:not(.fl-builder-edit) .header-button-donate {
  top: 500px;
}

/* Target ONLY buttons inside header-fixed-button modules */
.fl-module-html.header-fixed-button .hidden-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  width: 175px; /* 130 + 45 */
  height: 45px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border: none;
  padding: 0;
  cursor: pointer;
  overflow: hidden;
  transform: translateX(-8px); /* flush to right edge */
}

/* Text box (scoped) */
.fl-module-html.header-fixed-button .button-text {
  background-color: #0A4FAE;
  color: #fff;
  width: 130px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  text-transform: uppercase;
}

/* Icon box (scoped) */
.fl-module-html.header-fixed-button .button-icon {
  background-color: #ECA154;
  color: #fff;
  width: 45px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 38px;
  line-height: 1;
  padding: 0;
}

/* Arrow icon font (global is fine) */
.button-icon::before {
  content: "\e900";
  font-family: 'arrow';
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  speak: none;
}

/* ======================================================
  NAVIGATION MEGA MENU - RESPONSIVE STYLES
   ====================================================== */
/* mega menu */

.fl-menu-mobile-flyout ul.menu li.menu-item ul.sub-menu li.menu-item a:before,
.fl-menu-mobile-flyout ul.menu li.menu-item ul.sub-menu li.menu-item ul.sub-menu li.menu-item a:before {
	display: none;
}
.fl-menu-mobile-flyout ul.menu .fl-menu-toggle,
.sub-page-left-menu .fl-menu.fl-flyout-left {
	text-align: center;
}

.fl-accordion-button-icon-left, .fl-accordion-button-icon-right {
    opacity: 1;
    filter: alpha(opacity = 100);
}

.fl-menu-mobile-flyout i.fas.fa-times {
    color: #fff;
}

@media only screen and (max-width: 584px) {
   .fl-builder-content .fl-node-v52pmq07jegz {
		width: 100%!important;
		max-width: none;
		clear: none;
		float: none;
	}
	.fl-builder-content .fl-node-shgdn98fep37 {
		width: 100% !important!;
		max-width: none;
		clear: none;
		float: none;
	}
}
/* Mega Menu */
#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col {
	background-color: #fff; 
	padding: 20px;
}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col.no-col-pad {
	padding: 0px 0px 10px 0px;  
}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col.no-top-pad {
	padding-top: 0px;
}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col.no-bottom-pad {
	padding-bottom: 0px;
}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col li.mega-menu-item.mega-heading.heading .mega-menu-link {
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 500;
	border-left: 6px solid #0A4FAE;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 20px;
	margin-bottom: 10px;
	color: #D22730;
}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col li.mega-menu-item.mega-heading.heading a.mega-menu-link:hover {
	color: #0A4FAE;
}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col .mega-menu-item a.mega-menu-link {
	padding-left: 35px;
	line-height: 1;
}
#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col.no-col-pad .mega-menu-item a.mega-menu-link {
	padding-left: 20px;
}
body:not(.home) #mega-menu-wrap-header ul#mega-menu-header li.mega-menu-item > a.mega-menu-link {
	color: var(--fl-global-dark-blue);
}
body:not(.home) #mega-menu-wrap-header ul#mega-menu-header li.mega-menu-item > a.mega-menu-link:hover {
	color: #d22730;
}
#mega-menu-wrap-header ul#mega-menu-header li.mega-menu-item > a.mega-menu-link ~ .mega-sub-menu {
	z-index: 99999;
} 
html body.home #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item a.mega-menu-link:hover,
html body.home #mega-menu-wrap-header #mega-menu-header > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
	color: #fff;
}

@media screen and (max-width: 1125px) {
	#mega-menu-wrap-header .mega-menu-toggle {
		height: auto;
	}
	html body #mega-menu-wrap-header .mega-menu-toggle.mega-menu-open + #mega-menu-header {
		right: 0;
		padding: 50px 20px;
	}
	.mega-toggle-block.mega-menu-toggle-block {
		background: #141b4d;
		padding: 10px 15px;
	}

	html body #mega-menu-wrap-header .mega-menu-toggle ~ ul#mega-menu-header li.mega-menu-item > a.mega-menu-link{
		color: #fff;
	}
	#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col li.mega-menu-item.mega-heading.heading .mega-menu-link {
		font-size: 16px;
		border-left: 0px solid #0A4FAE;
		margin-bottom: 10px;
		font-weight: normal;
		padding: 0;
		display: block;
		text-transform: unset;
		margin-left: 0px;
		color: #fff;
	}
	#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col li.mega-menu-item .mega-menu-link {
		color: #fff
	}
	#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col .mega-menu-item a.mega-menu-link {
		padding-left: 0 !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col {
		padding: 10px 20px !important;
	}
	html body #mega-menu-wrap-header #mega-menu-header li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column {
		background-color: transparent;
	}
	html body #mega-menu-wrap-header #mega-menu-header li.mega-menu-row ul.mega-sub-menu li.mega-menu-column.mega-mm-col.mm-col li.mega-menu-item.mega-heading.heading a.mega-menu-link:hover,
	html body #mega-menu-wrap-header #mega-menu-header > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link:hover,
	body:not(.home) #mega-menu-wrap-header ul#mega-menu-header li.mega-menu-item > a.mega-menu-link:hover {
		color: #fff;
	}
}
/* ====================================99==================
  HOME SLIDER CONTENT STYLE
   ====================================================== */
.cls-story-content * {
	font-family: var(--font-sans) !important;
}
.cls-story-country * {
	font-family: var(--font-serif) !important;
}
.cls-story-title * {
	font-family: var(--font-serif) !important;
}
.cls-story-school * {
	font-family: 'Poppins', sans-serif !important;
}

/* ======================================================
  NAVIGATION MEGA MENU - RESPONSIVE STYLES
   ====================================================== */

@media screen and (min-width: 320px) and (max-width: 767px) {
	
}
@media screen and (min-width: 767px) and (max-width: 1049px) {
	
}

@media screen and (min-width: 1024px) and (max-width: 1145px) {
	
}
@media screen and (max-width: 1049px) {

}
/* end mega menu */

/* ======================================================
   INFO TABS - BASE STYLES (applied to any .info-tabs-* module)
   ====================================================== */

/* Desktop layout (default vertical tab layout) */
[class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-tabs-nav {
  float: left;
  width: 40%;
}

[class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-content-wrap {
  float: left;
  width: 58%;
}

[class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-tab-current .uabb-tab-link {
  text-decoration: none !important;
}

[class*="info-tabs-"] li.uabb-tab-current {
  padding-left: 0;
}

[class*="info-tabs-"] li {
  padding-left: 20px;
}

[class*="info-tabs-"] .uabb-tabs .uabb-tabs-icon {
  margin-right: 20px;
  display: inline-block;
}

[class*="info-tabs-"] .uabb-tabs .uabb-tabs-nav ul {
  margin: 0 0 0 -12px;
}

[class*="info-tabs-"] .uabb-tab-acc-content h3,
[class*="info-tabs-"] .uabb-tab-acc-content h3 * {
  	font-weight: 900 !important;
	color: #fff;
    font-family: area-normal, Verdana, Arial, sans-serif;
    font-size: 26px;
    line-height: 1.2;
}

/* Border left for vertical tab nav (shared for all info-tabs- modules) */
[class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-tabs-nav {
    border-left: 4px solid #ECA154;
    margin-left: 20px;
} 
/* Padding to position content correctly */
[class*="info-tabs-"] .uabb-tabs-nav li {
  padding-left: 20px;
}

/* Icon spacing */
[class*="info-tabs-"] .uabb-tabs .uabb-tabs-icon {
  margin-right: 20px;
  display: inline-block;
  vertical-align: middle;
}

/* Push the tab list over to create space for the left border */
[class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-tabs-nav {
  border-left: 4px solid #ECA154;
  margin-left: 20px; /* pushes entire list to the right */
}

/* Pull the active tab's content left so the dot icon sits over the border */
[class*="info-tabs-"] .uabb-tabs-nav li.uabb-tab-current {
  margin-left: -33px !important; /* align dot over border */
}

/* ======================================================
   BREAKPOINT: 1126px and larger - Adjust content top margin
   ====================================================== */
@media only screen and (min-width: 1126px) {
  [class*="info-tabs-"] .uabb-content.uabb-tab-acc-content.clearfix {
    margin-top: -180px;
	  padding: 0!important;
  }
}


/* ======================================================
   BREAKPOINT: 1108px - Adjust vertical tab proportions
   ====================================================== */
@media only screen and (max-width: 1108px) {
  [class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-tabs-nav {
    width: 50%;
  }

  [class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-content-wrap {
    width: 48%;
  }
}

/* ======================================================
   BREAKPOINT: 894px - Mobile accordion view styles
   ====================================================== */
@media only screen and (max-width: 894px) {
  [class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-tabs-nav,
  [class*="info-tabs-"] .uabb-tabs-layout-vertical .uabb-content-wrap {
    float: none;
    width: 100%;
  }

  [class*="info-tabs-"] .uabb-content-wrap > .section > .uabb-tab-acc-title {
    background: #FFFFFF !important;
    padding: 50px 15px;
    border-bottom: 2px solid #0A4FAE;
    margin: 0 10px;
  }

  [class*="info-tabs-"] .section.uabb-content-current > .uabb-tab-acc-title {
    padding: 0 30px 30px 50px !important;
    border-bottom: none !important;
  }

  [class*="info-tabs-"] .uabb-tabs-icon i {
    font-size: 0.6em;
    vertical-align: middle;
    position: relative;
    top: -5px;
  }
}


/* ======================================================
   MODULE-SPECIFIC OVERRIDES: .info-tabs-home
   ====================================================== */
.info-tabs-home .uabb-tab-current .uabb-tab-title {
  color: var(--fl-global-red);
  padding-left: 20px;
}


/* ======================================================
   MODULE-SPECIFIC OVERRIDES: .info-tabs-about
   ====================================================== */
.info-tabs-about .uabb-tab-current .uabb-tab-title {
  color: var(--fl-global-blue-accessible);
  padding-left: 15px;
}

 .info-tabs-about .uabb-tabs-layout-vertical .uabb-tabs-nav {
  margin-top: 40px;
}

 .info-tabs-about .uabb-tabs-layout-vertical .uabb-tabs-nav {
  float: left;
  width: 50%;
}
 .info-tabs-about .uabb-tabs-layout-vertical .uabb-content-wrap {
    float: left;
    width: 45%;
}

.info-tabs-about .uabb-tabs-icon i {
  top: -3px; /* slightly different alignment if needed */
}

/* Apply styling to the description */
.info-tabs-about .uabb-tab-description {
  margin-left: 40px;
  margin-top: 30px;
  display: none; /* hidden by default */
}

/* Show description only for the current tab (desktop and accordion views) */
.info-tabs-about .uabb-tab-current .uabb-tab-description,
.info-tabs-about .section.uabb-content-current .uabb-tab-description {
  display: block;
}


/* Only apply top margin to content area in .info-tabs-about */
.info-tabs-about .uabb-content.uabb-tab-acc-content.clearfix {
  margin-top: 120px!important;
}

@media only screen and (max-width: 894px) {
  .info-tabs-about .uabb-content.uabb-tab-acc-content.clearfix {
    margin-top: 20px;
    text-align: center;
  }
}

/* ======================================================
   MODULE-SPECIFIC OVERRIDES: .info-tabs-no-photo
   ====================================================== */
/* Desktop layout (default vertical tab layout) */

.info-tabs-no-photo .uabb-content.uabb-tab-acc-content.clearfix {
    margin-top: 0;
	padding: 90px 50px 20px 50px!important;
  }

.info-tabs-no-photo .uabb-tabs-layout-vertical .uabb-tabs-nav {
  float: left;
  width: 50%;
}

.info-tabs-no-photo .uabb-tabs-layout-vertical .uabb-content-wrap {
  float: left;
  width: 40%;
}

.info-tabs-no-photo .uabb-tab-current .uabb-tab-title {
  color: var(--fl-global-blue-accessible);
  padding-left: 15px;
}

 .info-tabs-no-photo .uabb-tabs-layout-vertical .uabb-tabs-nav {
  margin-top: 0;
}

.info-tabs-no-photo .uabb-tabs-icon i {
  top: -3px; /* slightly different alignment if needed */
}

/* Only apply top margin to content area in .info-tabs-about */
.info-tabs-no-photo .uabb-content.uabb-tab-acc-content.clearfix {
  /*margin-top: 180px!important;*/
}

@media only screen and (max-width: 894px) {
  .info-tabs-no-photo .uabb-content.uabb-tab-acc-content.clearfix {
    margin-top: 20px;
    text-align: center;
  }
}



/* ======================================================
   ACCORDION STYLES
   ====================================================== */
.faq-accordion .fl-accordion-item.fl-accordion-item-active {
	background-color: #EAF4F9;
}
.faq-accordion .fl-accordion-item.fl-accordion-item-active .fl-accordion-button-icon.fl-accordion-button-icon-right.fas.fa-minus {
	color: #D22730;
	opacity: 1;
}
.faq-accordion .fl-accordion-item a:active,
.faq-accordion .fl-accordion-item a:focus {
	outline: none !important;
}
.faq-accordion .fl-accordion-button-icon.fl-accordion-button-icon-right.fas.fa-plus {
	color: #0A4FAE;
	opacity: 1;
}

/******************** old tabs?
.vertical-tab-style nav.uabb-tabs-nav > ul li .uabb-tab-description {
	opacity: 0;
	height: 0;
}
.vertical-tab-style nav.uabb-tabs-nav > ul li.uabb-tab-current .uabb-tab-description {
	display: block;
	opacity: 1;
	height: auto;
}
.vertical-tab-style nav.uabb-tabs-nav > ul li.uabb-tab-current .uabb-tab-title {
  	font-size: 24px;
	padding-bottom: 0px;
  	display: block;
}
.vertical-tab-style nav.uabb-tabs-nav > ul li {
	
}
.vertical-tab-style nav.uabb-tabs-nav > ul li.uabb-tab-current {
	margin-bottom: 10px !important;
	margin-top: 10px !important;
}
.vertical-tab-style nav.uabb-tabs-nav > ul li:not(.uabb-tab-current) a {
}
.vertical-tab-style nav.uabb-tabs-nav > ul li a.uabb-tab-link:focus {
	border-color: transparent !important;
}
.uabb-tabs-layout-vertical nav {
	position: relative;
    top: 185px
}
.main-tab-title {
	position: absolute;
   	top: 95px;
}
.uabb-tabs-layout-vertical .uabb-tab-current .uabb-tab-link {
	text-decoration: underline;
  	text-decoration-color: #EAF4F9;
}

.tab-lm-button .fl-button {
	padding: 5px 0 !important;
	border-bottom: 1px solid #fff !important;
	background-color: transparent !important;
	font-size:16px !important;
}
.tab-lm-button .fl-button span {
	color: #fff !important;
}
 */

/* dual-heading */
/*.dual-heading {
	position: relative;
}
.dual-heading::before {
	content: '';
	position: absolute;
	width: 140px;
	height: 5px;
	top: -20px;
	background-color: #025B94;
	left: 0;
	right: 0;
	margin: auto;
	border-radius: 5px;
}*/
/* dual-heading */

/* left-dual-heading */
/*.left-dual-heading {
	position: relative;
}
.left-dual-heading::before {
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0px;
	background-color: #fff;
	left: -10px;
	margin: auto;
	border-radius: 5px;
}
.left-dual-heading.cblue::before {
	background-color: #025b94;
}*/
/* dual-heading */


/* ======================================================
   RESPONSIVE STYLES
   ====================================================== */
@media screen and (max-width: 1100px) {
h2.subhead, .subhead h2 {
	font-size: 24px;
	line-height: 1.4!important;
}
}

@media screen and (min-width: 320px) and (max-width: 894px) {
	h2.subhead, .subhead h2  {
		font-size: 22px;
		line-height: 1.4!important;
	}
	
	h2.large-subhead {
		font-size: 36px;
		font-weight: 700;
	}
	
	.mobile-three-btn .fl-button-group-button {
		width: 33.33%;
	}
	.mobile-three-btn .fl-button-group-button .fl-button-wrap.fl-button-width-full.fl-button-center {
		width: 100%;
		height: 100%;
	}
	.mobile-three-btn .fl-button-group-button .fl-button-wrap.fl-button-width-full.fl-button-center .fl-button {
		height: 100%;
	}
	html body .main-tab-title {
		top: auto;
		position: relative;
	}
	.vertical-tab-style .uabb-content-wrap {
		background-color: #002677;
	}
	.vertical-tab-style .uabb-content .fl-photo-align-right {
		text-align: center;
	}
	header.fl-builder-content[data-type="header"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) {
		position: relative;
	}
	header.fl-builder-content[data-type="header"]:not(.fl-theme-builder-header-sticky):not(.fl-builder-content-editing) #logo-menu-row {
		background-color: #141B4D;
	}
/*.vertical-tab-style .uabb-content-wrap .ua-icon-chevron-down2:before {
		content: '';
		display: inline-block;
		border-bottom: 3px solid #000000;
		border-right: 3px solid #000000;
		height: 10px;
		width: 10px;
		transform: rotate(45deg);
	}
	.vertical-tab-style .uabb-content-wrap .uabb-content-current .ua-icon-chevron-down2:before {
		border-bottom: 3px solid #0A4FAE;
		border-right: 3px solid #0A4FAE;
		transform: rotate(135deg);
	}*/
}
.cls-director-list .uabb-infobox-title-wrap .uabb-infobox-title-prefix {
	font-family: area-normal, Verdana, Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 120%;
	color: #fff;
}
.cls-director-list .uabb-infobox-title-wrap .uabb-infobox-title {
	font-family: area-normal, Verdana, Arial, sans-serif;
	font-style: italic;
	font-weight: 500;
	font-size: 24px;
	line-height: 120%;
	color: #fff;
}

/*Pop-Up Maker*/

.pum-overlay.pum-active,
	.pum-overlay.pum-active .popmake.active {
    		display: block !important;
	}