/*
Theme Name: NAAG
Theme URI: https://www.naag.org
Version: 1.0.2
Description: A custom child theme for National Association of Attorneys General.
Author: Yoko Co
Author URI: https://www.yokoco.com
template: bb-theme
*/

@import url("base.css");


/*****************************************************************************/
/******************************* THE BASICS **********************************/
/*****************************************************************************/

/* Set your maximum container width here. Only use the customizer width to set the width for the header */

.fl-page-content .container {
	max-width: 1100px; 
}

/* Set this to the same as you set the content width in the customizer. */

.max-fix .fl-row-fixed-width {
	max-width: 1600px; 	
}


/* Define default accent background colors. */

.bg1 {
	background-color: #1A303D; 
}

.bg2 {
	background-color: #E7EDED; 
}

.bg3 {
	background-color: #F1F6F6; 
}


.larger {
	font-size: 21px; 
}

a {
	font-weight: 700; 
}

@media screen and (min-width: 992px) {
		h1.larger, .larger h1 {
		font-size: 86px; 
			line-height: 100px; 
	}
		h2.larger, .larger h2 {
		font-size: 70px; 
			line-height: 84px; 
	}
}


.smaller {
	font-size: 12px; 
}


/* Define button styles. */
.fl-page-content button,
.fl-page-content .button,
.fl-page-content .fl-button,
.fl-page-content .fl-module-button:not(.map-legend-button) button,
.fl-page-content .fl-module-button:not(.map-legend-button) .button,
.fl-page-content .fl-module-button:not(.map-legend-button) .fl-button {
	display: inline-block;
}

/* Primary button — gold background, ink text (NAAG 2026) */
.fl-page button,
.fl-page .button,
.fl-page input[type=button],
.fl-page input[type=submit],
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button) a.fl-button,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button) a.fl-button:visited,
.fl-page .wp-block-button__link,
.o365_azure_logout a,
.o365_azure_login a {
	border: 0px;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 14px 28px;
	text-decoration: none;
	-webkit-transition: background 0.3s, color 0.3s;
	transition: background 0.3s, color 0.3s;
	font-weight: 700;
	color: #1A303D;
	background-color: #CEAA4A;
}
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button) a.fl-button *,
.fl-page .wp-block-button__link * {
	color: #1A303D;
}

/* Alt button — navy background, white text */
.fl-page button.alt-button,
.fl-page .button.alt-button,
.fl-page input[type=button].alt-button,
.fl-page input[type=submit].alt-button,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).alt-button a.fl-button,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).alt-button a.fl-button:visited,
.fl-page .wp-block-button__link.alt-button {
	background-color: #1A303D;
	color: #fff;
}
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).alt-button a.fl-button *,
.fl-page .wp-block-button__link.alt-button * {
	color: #fff;
}

/* Ghost / outline button — for LIGHT backgrounds (gold-ink outline) */
.fl-page .ghost-button,
.fl-page .ghost input[type=button],
.fl-page .ghost input[type=submit],
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).ghost a.fl-button,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).ghost a.fl-button:visited,
.fl-page .wp-block-button__link.ghost {
	border: 2px solid #7E6317;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 12px 26px;
	color: #7E6317;
	text-decoration: none;
	-webkit-transition: background 0.3s, color 0.3s, border-color 0.3s;
	transition: background 0.3s, color 0.3s, border-color 0.3s;
	background-color: rgba(255,255,255,0);
	font-weight: 700;
}
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).ghost a.fl-button *,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).ghost a.fl-button:visited *,
.fl-page .wp-block-button__link.ghost * {
	color: #7E6317;
}

/* Primary button hover — darker gold, white text */
.fl-page button:hover,
.fl-page .button:hover,
.fl-page input[type=button]:hover,
.fl-page input[type=submit]:hover,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button) a.fl-button:hover,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button) a.fl-button:visited:hover,
.fl-page .wp-block-button__link:hover,
.o365_azure_logout a:hover,
.o365_azure_login a:hover,
.o365_azure_logout a:active,
.o365_azure_login a:active {
	border: 0px;
	color: #fff;
	background-color: #7E6317;
}
.fl-page button:hover *,
.fl-page .button:hover *,
.fl-page input[type=button]:hover *,
.fl-page input[type=submit]:hover *,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button) a.fl-button:hover *,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button) a.fl-button:visited:hover *,
.fl-page .wp-block-button__link:hover *,
.o365_azure_logout a:hover *,
.o365_azure_login a:hover *,
.o365_azure_logout a:active *,
.o365_azure_login a:active * {
	color: #fff;
}

/* Ghost hover — fill gold-ink, white text */
.fl-page .ghost-button:hover,
.fl-page .ghost input[type=button]:hover,
.fl-page .ghost input[type=submit]:hover,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).ghost a.fl-button:hover,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).ghost a.fl-button:visited:hover,
.fl-page .wp-block-button__link.ghost:hover {
	background-color: #7E6317;
	border: 2px solid #7E6317;
	color: #fff;
}
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).ghost a.fl-button:hover *,
.fl-page .fl-builder-content .fl-module-button:not(.map-legend-button).ghost a.fl-button:visited:hover *,
.fl-page .wp-block-button__link.ghost:hover * {
	color: #fff;
}

.wp-block-button__link {
	margin-top: 10px; 
}

.fl-page-nav-search {
	display: none;
}

.px20 {
	padding: 20px 0px; 
}

.px50 {
	padding: 50px 0px; 
}

.px100 {
	padding: 100px 0px; 
}

.px200 {
	padding: 200px 0px; 
}

.icon-top .fl-icon {
	vertical-align: top; 
}

.mce-menubtn button {
    color: #595959;
	background-color: #e7eded;
	border-radius: 0;
}
.mce-btn button {
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    *line-height: 16px;
    cursor: pointer;
	background-color: #e7eded;
    color: #595959;
    text-align: center;
    overflow: visible;
    -webkit-appearance: none;
	border-radius: 0;
}

.cn-button.bootstrap {
	background: #859fd5;
}

.cn-text-container a {
	color: #fff;
	text-decoration: underline;
}

@media screen and (max-width: 767px) {
	.px20, .px50, .px100, .px200 {
		padding: 0px; 
	}
}

/*****************************************************************************/
/********************************* HEADER ************************************/
/*****************************************************************************/

.fl-page-bar {
	border: 0px; 
}

.fl-page-header-primary {
	position: relative; 
	z-index: 99; 
}


.fl-page-nav-wrap {
	border-bottom: 1px solid #fff; 
}

@media screen and (min-width: 768px) {
	.fl-page-nav .navbar-nav li>a {
		padding: 27px 30px 27px 8px; 
	}
}

.fl-page-fixed-nav-wrap .fl-page-nav .navbar-nav li a {
	text-transform: none; 
}

.fl-page-nav-right .fl-page-header-wrap {
	border-bottom: 0px; 
}

.fl-page-bar .fl-social-icons i.fas, .fl-page-bar .fl-social-icons i.fab {
	margin-right: 2px; 
}

.fl-page-nav-wrap .navbar-nav ul.sub-menu li.current-menu-item>a {
	color: #7E6317; 
}

.fl-page-nav-search form {
	background-color: #e7eded; 
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}


.fl-page-nav ul.sub-menu {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.fl-page-nav-search form input.fl-search-input {
	border-color: #ddd; 
	background-color: #fff; 
    padding: 8px 12px;
	font-size: 17px; 
    height: 36px;
	color: #333!important; 
}

.fl-page-nav-search input.fl-search-input {
	width: 75%; 
	display: inline-block;
}

.fl-page-nav-search input[type=submit] {
	padding: 8px 10px; 
	font-weight: 400; 
	width: 22%; 
	margin-left: 3%; 
}

.fl-page-nav ul.sub-menu {
	background-color: #e7eded; 
}

.fl-page-nav ul.sub-menu li a {
	color: #1a303d; 
	text-transform: none; 
}

.fl-page-nav ul.sub-menu li a:hover {
	color: #7E6317; 
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .mega-menu ul.sub-menu li + li {
	border-top: 0px; 
}

ul.navbar-nav li.mega-menu>ul.sub-menu>li>a {
	font-size: 17px; 
}


/* WORKING OUT DOUBLE FLYOUT MENU
 * @media screen and (min-width: 1100px) {
	.fl-page-nav .double-flyout > .sub-menu {
		width: 400px; 
		display: flex; 
	}
	
	.fl-page-nav .double-flyout > .sub-menu > li {
		width: 200px; 
		border: 0px!important; 
	}
	
	.fl-page-nav .double-flyout > .sub-menu li > .sub-menu, 
	.fl-page-nav .double-flyout > .sub-menu li:hover > .sub-menu {
		left: 0!important; 
		top: auto!important; 
		border: 0px; 
		width: 200px; 
		display: block; 
	}
} */

.fl-menu #menu-my-account a:hover,
.fl-menu #menu-my-account a:focus,
.fl-menu #menu-my-account a:active,
.fl-menu #menu-my-account a.active {
	background-color: #7E6317;
	text-decoration: none;
}

.fl-menu ul#menu-my-account {
	width: 100%
}

.fl-menu ul#menu-my-account li {
	border-left: none;
	margin: 5px;
}

#altai-widget-container {
	min-height: 200px;
}

.disabled-with-progress-bar:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    background: white;
    width: 100%;
    height: 100%;
    opacity: 0.75;
}

.disabled-with-progress-bar:after {
    position: absolute;
    top: 100px;
    left: 50%;
    width: 54px;
    height: 66px;
    z-index: 10;
    content: '';
    background-image: url(https://www.naag.org/wp-content/uploads/2020/07/naag-logo.png);
    background-position: left top;
    background-color: white;
    background-repeat: no-repeat;
    mix-blend-mode: multiply;
    animation-name: yRotate;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes yRotate {
  from {transform: rotateY(90deg);}
  to {transform: rotateY(499deg);}
}

@media screen and (min-width: 768px) {
	ul.navbar-nav li.mega-menu>ul.sub-menu>li {
		border-right: 1px solid #D0DADA; 
	}
}

.custom-subtitle h3 {
}

.custom-subtitle p {
	margin-bottom: 0px; 
	font-weight: 400; 
	font-size: 21px;
	line-height: 30px; 
	opacity: 0.7; 
}

.custom-subtitle .fl-module-content:after {
	display: none; 
}

.mobile-nav-search {
	margin-top: 10px; 
}

.mobile-nav-search label {
	width: 65%; 
	display: block; 
	float: left; 
}
.mobile-nav-search input[type=search] {
	
}

.mobile-nav-search button {
	background: rgba(0,0,0,0);
	padding: 6px 20px; 
	margin-left: 10px;
}

.mobile-nav-search i.fa.fa-search {
	font-size: 25px;
}

.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li:last-of-type {
	border: 0px; 
}

.menu-item-401.mobile-only a {
	margin: 10px 0;
	text-align: center !important;
}

.logged-in .menu-item-401.mobile-only {
	display: none !important;
}


.fl-page-nav-bottom .fl-page-nav-search a.fa-search {
    font-family: 'linearicons' !important;
	padding-top: 20px; 
}

.fl-page-nav-bottom .fl-page-nav-search a.fa-search:before {
    content: "\e922";
    font-size: 20px;
}


ul.inline-nav {
	list-style-type: none; 
	margin-top: 8px; 
}

.inline-nav li {
	display: inline-block; 
}


.inline-nav li + li {
	margin-left: 20px; 
}

ul li.nav-button a {
	border: 0px; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	padding: 12px 16px;
	color: #fff; 
	text-decoration: none; 
  	-webkit-transition: background 0.5s; 
  	transition: background 0.5s;
	background-color: #7E6317; 
}

.header-sso .button,
.header-sso .o365_azure_login a {
    padding: 10px 20px;
	background-color: #7E6317; 
}

.header-sso .button:hover,
.header-sso .o365_azure_login a:hover {
	background-color: #7E6317; 
}

.fl-page-header-text .o365_azure_logout {
	margin-right: 8px; 
}

.fl-page-header-text .o365_azure_logout a {
	padding: 4px 12px; 
	background: #fff; 
	color: #7E6317; 	
	font-size: 14px; 
	text-decoration: underline; 
}


.fl-page-header-text .o365_azure_logout a:hover { 
	background: #fff; 
	color: #7E6317; 
}

.fl-page-nav-col .menu-secondary-nav-container {
	display: inline-block;
	margin-right: 15px; 
}

.fl-page-nav-col .fl-page-header-content .fl-page-header-text {
	margin-bottom: 0px; 
}

.fl-page-nav-col .header-sso {
	display: inline-block;
}


.footer-main .footer-about {
	font-size: 16px; 
}

.footer-main .footer-about a {
	opacity: 0.5; 
	font-size: 13px; 
  	white-space: nowrap;
}

.footer-main .footer-about h4 {
	margin-top: 0px; 
}


.footer-main ul li.nav-button a, 
.footer-main ul li.nav-button a:hover {
	background: rgba(0,0,0,0);
}

ul li.nav-button.mobile-only a {
	width: 100%; 
	color: #fff!important;
}

ul li.nav-button a:hover {
	color: #fff; 
	border: 0px; 
	background-color: #7E6317; 
}

ul li.nav-button.mobile-only,
ul li.no-bottom-border.mobile-only {
	border: none !important;
}

@media screen and (min-width: 768px) {	
	.fl-page-header-logo-col {
		width: 30%;
	}	
	.fl-page-nav-col {
		width: 70%; 
	}
	ul.navbar-nav li.mega-menu.mega-menu-4>ul.sub-menu>li {
		width: 25%; 
	}
}

@media screen and (min-width: 1024px) {
	.fl-page-nav-col {
		padding-right: 2px; 
	}
	.fl-page-header-row {
		margin: 0px; 
	}
}

/*****************************************************************************/
/********************************* FOOTER ************************************/ 
/*****************************************************************************/

.footer-logo img {
	max-width: 242px; 
}

.footer-main {
	font-size: 14px;
}

.footer-main .fl-row-content-wrap .menu .fl-has-submenu .sub-menu {
	display: none; 
}

.footer-main .fl-menu-toggle {
	display: none; 
}

.footer-sub {
	font-size: 12px; 
	text-transform: uppercase; 
}

.footer-main .menu a {
	padding: 8px 8px 8px 0px; 
	font-size: 14px;
	font-weight: 700; 
}

.footer-main a:hover {
	text-decoration: underline;
}

.footer-main .mobile-only {
	display: none; 
}


/*****************************************************************************/
/******************************* COMPONENTS **********************************/
/*****************************************************************************/

.fl-photo-caption {
	white-space: pre-wrap;
}

body h2.fl-post-feed-title {
	margin: 20px 20px 0px;
	font-size: 24px; 
}

.fl-post-feed-header {
	margin-bottom: 5px; 
}

blockquote, .fl-page .fl-content .wp-block-quote {
	padding: 20px 25px 25px; 
	box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	border: 0px; 
	border-top: 6px solid #CEAA4A; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

.card-float .fl-row-content {
	box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	background: #fff;
	border: 0px;
	border: 1px solid #f3f3f3;
	border-top: 4px solid #CEAA4A;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

.fl-module-cta .fl-module-content {
	box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	background: #fff; 
	border: 0px; 
	border: 1px solid #f3f3f3; 
	border-top: 6px solid #CEAA4A; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	padding: 20px 30px; 
}

@media screen and (min-width: 768px) {
	.card-float .card-content {
		padding-left: 20px; 
	}

	.card-float-left .fl-module-photo .fl-module-content {
		margin: 0px 20px 0px 0px; 
	}

	.card-float-right .fl-module-photo .fl-module-content {
		margin: 0px 0px 0px 20px; 
	}
}

@media screen and (max-width: 767px) {
	.card-float .fl-module-photo .fl-module-content {
		margin: 0px 0px -10px; 
	}
	.card-float {
		margin-left: 20px; 
		margin-right: 20px; 
	}
}

/* Cards Col */

.cards-col .fl-col-content {
	box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	margin-left: 10px;
	margin-right: 10px;
	background: #fff;
	border: 0px;
	border: 1px solid #f3f3f3;
	border-top: 4px solid #CEAA4A;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	padding-bottom: 70px; 
	position: relative;
}

.empty-col .fl-col-content {
	background: transparent; 
	border: none; 
	border-bottom: none; 
	border-radius: 0; 
	-moz-border-radius: 0; 
	-webkit-border-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}


.cards-col.no-sticky .fl-col-content { 
	padding-bottom: 20px; 
}

.cards-col .empty-card .fl-col-content {
	background: none; 
	border: 0px; 
	box-shadow: none; 
	-webkit-box-shadow: none; 
	-moz-box-shadow: none; 
}

.cards-col h2, .cards-col h3, .cards-col h4 {
	margin-top: 0px; 
}

.cards-col.gray-accent .fl-col-content {
	border-top: 4px solid #CEAA4A;
}

.fl-page .cards-col .card-bottom-link {
    position: absolute;
    bottom: 0px;
} 

.fl-page .cards-col .fl-rich-text {
}

.fl-page .cards-col .card-bottom-link .fl-button, 
.fl-page .cards-col .card-bottom-link .fl-button:hover,
.fl-page .cards-col .card-bottom-link.fl-module-button:not(.map-legend-button) .fl-button, 
.fl-page .cards-col .card-bottom-link.fl-module-button:not(.map-legend-button) .fl-button:hover {
	padding: 0px; 
	background-color: rgba(0,0,0,0);
	color: #7E6317; 
}

.cards-col .fl-module-heading .fl-module-content {
	margin-bottom: 0px; 
}

.fl-page .fl-builder-content .cards-col .card-bottom-link .fl-button *,
.fl-page .fl-builder-content .cards-col .card-bottom-link.fl-module-button:not(.map-legend-button) .fl-button *
 {
	color: #7E6317;
}

.fl-page .fl-builder-content .cards-col .card-bottom-link .fl-button:hover *,
.fl-page .fl-builder-content .cards-col .card-bottom-link.fl-module-button:not(.map-legend-button) .fl-button:hover *  {
	color: #7E6317; 
}

.fl-page .fl-builder-content .cards-col .card-bottom-link .fl-button:hover .fl-button-text,
.fl-page .fl-builder-content .cards-col .card-bottom-link.fl-module-button:not(.map-legend-button) .fl-button:hover .fl-button-text {
	text-decoration: underline; 
}

@media screen and (max-width: 767px) {
	.cards-col .fl-col {
		margin-left: 20px; 
		margin-right: 20px;
		padding-bottom: 10px;
	}
	.cards-col .fl-col:not(:last-child) {
		margin-bottom: 20px;
	}
}

/* End Cards Col */

.fl-post-grid-post .fl-post-image, .aspect-fix .fl-post-image, .aspect-fix .fl-photo-content {
	position: relative; 
	display: block; 
}

.fl-post-grid-post .fl-post-image::after, .aspect-fix .fl-post-image::after, .aspect-fix .fl-photo-content::after {
    display: block;
    content: '';
    padding-bottom: 56.25%;
}

.fl-post-grid-post .fl-post-image img, .aspect-fix .fl-post-image img, .aspect-fix .fl-photo-content img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    position: absolute;
}

.fl-post-grid-post .fl-post-image img {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.fl-post-feed-content {
	padding: 20px; 
}

.fl-post-more-link {
	margin-top: 40px; 
}

.fl-post-grid-post .fl-post-more-link {
	position: absolute; 
	bottom: 20px; 
}

.fl-post-grid-post .fl-post-feed-content {
	padding-bottom: 60px;
}

.grid-sticky-link .fl-post-feed-content {
	padding-bottom: 60px; 
}

.grid-sticky-link .fl-post-more-link {
	position: absolute; 
	bottom: 20px; 
}

.fl-post-more-link a {
	color: #7E6317; 
	font-size: 15px; 
	font-weight: 700; 
}

.fl-post-grid-post {
	box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	position: relative; 
    border: 1px solid #eee;
	border-top: 4px solid #CEAA4A;
	border-bottom: 0;
}

.dark-grid .fl-post-grid-post {
	/* border-bottom: 8px solid #CEAA4A;*/
}

.fl-post-grid-post .fl-post-image {
	min-height: 20px; 
}

.fl-post-grid-post ul {
	margin: 0px; 
	padding: 0px; 
}

.fl-post-grid-post ul li {
	list-style-type: none; 
}

.featured-term-bubbles .fl-rich-text ul {
	padding-left: 0;
}

.featured-term-bubbles .fl-rich-text ul li {
	list-style-type: none;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 11px;
	color: #859AA7;
	background: #F1F6F6;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	padding: 2px 5px 0px; 
	margin-left: 4px;
	margin-top: 4px;
	white-space: nowrap;
	display: inline-flex;
}

.feed-term-bubbles {
    position: absolute;
    top: 14px;
    left: 10px;
	color: #859AA7; 
}

.feed-term-bubbles:after {
	content: ' ';
	opacity: 0; 
	clear: both; 
}

.feed-term-bubbles ul li {
	background: #F1F6F6; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	padding: 2px 5px 0px; 
	margin-left: 4px;
	margin-top: 4px;
	text-transform: uppercase; 
	font-weight: 700; 
	font-size: 11px; 
	float: left; 
	white-space: nowrap; 
}

.grid-no-images .fl-post-grid-post {
	display: flex;
    flex-direction: column;
}

.grid-no-images .feed-term-bubbles {
	position: relative;
	align-content: flex-start;
}

.edge-grid .fl-post-grid-post {
	border-bottom: 0px; 
}

.edge-grid .feed-term-bubbles {
	position: relative; 
	top: 0; 
	left: 0; 
	margin-bottom: 12px; 
}

.edge-grid .fl-post-grid-post .fl-post-more-link {
	position: relative; 
}


.edge-grid .feed-term-bubbles ul li {
	display: inline-block; 
}

.edge-grid .fl-post-image {
	background: #1A303D; 
	background-image: url('/wp-content/uploads/2020/07/shield-watermark-white.png');
	background-position: 100% 90%; 
	background-repeat: no-repeat;
}


.edge-grid .fl-post-content h2 {
	padding: 0px 4px; 
	margin-bottom: 30px; 
	line-height: 1.2em;
}

@media screen and (min-width: 768px) {
	.edge-grid .fl-post-content h2 {
		font-size: 30px; 
	}
}

.edge-grid .fl-post-content h2 a {
	color: #fff; 
}

.edge-grid .fl-post-content a.button,
.edge-grid .fl-post-content .fl-module-button:not(.map-legend-button) a.button {
	padding: 6px 20px; 
}

.edge-grid .fl-post-content {
	position: absolute; 
	top: 0px;  
	left: 0px; 
	max-width: 400px; 
	padding: 20px; 
}

.edge-grid .grid-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2); 
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0) 50%); 
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.0) 50%); 
background: linear-gradient(135deg, rgba(0,0,0,0.5) 20%, rgba(0,0,0,0.0) 50%); 
}

.people-grid .fl-post-grid-post .fl-post-image::after {
    padding-bottom: 115%;
}

.people-grid .fl-post-text {
	padding-bottom: 10px; 
}

.fl-post-feed-post {
	box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	background: #fff; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	position: relative; 
    border: 1px solid #eee;
	border-top: 4px solid #CEAA4A;
	border-bottom: 0;
	padding-bottom: 0px;
}

.fl-post-feed-post .fl-post-more-link {
	margin: 10px 20px 20px 40px; 
}

.feed-list-right-col {
	padding-top: 20px; 
	font-size: 14px;
	padding-left: 40px;
}

.feed-featured-card .fl-post-feed-post {
	background: #fff; 
}

.feed-featured-card .feed-term-bubbles {
	position: relative; 
	top: 0; 
	left: 0; 
}

.feed-featured-card .col-nopad {
	padding: 0px; 
}

.feed-featured-card .featured-post-content {
	padding: 20px 30px; 
}

@media screen and (max-width: 767px) {
	.feed-featured-card {
		padding: 20px 20px; 
	}
}

.feed-featured-card .fl-post-feed-post .fl-post-more-link {
	margin: 30px 0px 20px; 
}

.feed-featured-card  .fl-post-image::after {
    display: block;
    content: '';
    padding-bottom: 66%;
}

.feed-featured-card ul {
	list-style-type: none; 
	display: block; 
	margin: 0px; 
	padding: 0px; 
}

.feed-featured-card .feed-term-bubbles ul li {
	margin-left: 0px; 
}

.feed-featured-card h2 {
	font-size: 30px; 
	margin-top: 4px; 
}

@media screen and (min-width: 768px) {
	.feed-list-right-col {
		border-left: 1px solid #eee; 
		padding-bottom: 20px; 
	background: -moz-linear-gradient(-45deg, #f1f6f6 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #f1f6f6 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #f1f6f6 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f6f6', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
}

.fl-post-grid-post .fl-post-meta.last {
	padding-bottom: 0px; 
}

.feed-list-right-col .fl-post-meta {
	padding-bottom: 6px; 
	opacity: 0.7; 
}

.feed-list-right-col ul {
	margin: 0px; 
	padding: 0px; 
}

.feed-list-right-col ul li {
	list-style-type: none; 
}

.list-podcasts .podcast-feed-guest strong {
	font-size: 11px;  
	text-transform: uppercase; 
	color: #aaa; 
}

.list-podcasts img {
	margin: 15px auto; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	max-height: 400px; 
	display: block; 
	width: auto!important; 
}

.list-podcasts.small-list img {
	max-height: 250px; 
}

.list-podcasts .fl-post-meta {
	font-size: 14px; 
}

.list-podcasts .fl-post-meta ul.fl-topic {
	margin: 0px; 
	padding: 0px; 
	display: inline-block; 
	margin-left: 8px; 
	opacity: 0.7; 
	margin-bottom: -4px; 
}

.list-podcasts .fl-post-excerpt {
	border-top: 1px solid #eee; 
	padding-top: 8px;
	margin-top: 6px; 
}

.list-podcasts .fl-post-meta ul li {
	margin: 0px;
	list-style-type: none; 
	background: #eee; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	padding: 1px 5px 0px; 
	margin-left: 4px;
	text-transform: uppercase; 
	border: 1px solid #ddd; 
	font-weight: 700; 
	font-size: 11px; 
	float: left; 
	white-space: nowrap; 
}

.list-podcasts .fl-post-feed-post .fl-post-more-link {
	margin: 10px 0px; 
}

.list-podcasts .fl-post-meta {
	padding-bottom: 6px; 
}

.podcast-featured .feed-podcast-image {
	width: 40%;
}

.podcast-featured .feed-podcast-content {
	width: 60%;
}

@media screen and (max-width: 769px) {
	.podcast-featured .feed-podcast-image {
		width: 100%!important;
	}
	.podcast-featured .feed-podcast-content {
		width: 100%!important;
	}
}

.list-jobs .fl-post-title {
	padding: 10px 0px 15px; 
}

.list-jobs .fl-post-feed-post {
	padding: 10px 20px; 
}

.list-jobs .fl-post-more-link {
	margin: 10px 0px 10px; 
}

.floating-sidebar .fl-col-content {
	padding: 10px;
	background: #fff;
	border-top: 4px solid #CEAA4A;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
}

@media screen and (max-width: 767px) {
	.floating-sidebar {
		margin-right: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
	}
}

.job-meta-title {
	font-size: 13px; 
	opacity: 0.7; 
}

.job-meta-info + .job-meta-title {
	padding-top: 6px; 
}

.tax-naag .row-watermark {
	background-image: url('/wp-content/uploads/2020/07/shield-watermark-min.png');
	background-repeat: no-repeat; 
	background-position: 100% 90%; 
}


.tax-nagtri .row-watermark {
	background-image: url('/wp-content/uploads/2020/07/nagtri-watermark.png');
	background-repeat: no-repeat; 
	background-position: 100% 90%; 
}

.search-results .fl-post-feed-content {
	color: #888; 
}


.blog-sidebar .fl-widget + .fl-widget {
	border-top: 1px solid #ddd; 
	padding-top: 30px; 
}

h2.widgettitle {
	font-size: 21px; 
}

.widget_recent_entries li + li {
	margin-top: 15px; 
}

.widget_recent_entries .post-date {
	display: block; 
	font-size: 13px;
	opacity: 0.5; 
}

.post-meta-category, .post-meta-author, .fl-post-feed-meta {
	color: #888; 
}

.post-sharing {
	text-align: right; 
	color: #888; 
}

.preshare-text {
	display: inline; 
}

.addtoany_shortcode { 
	display: inline;
	margin-left: 10px; 
}

.breadcrumbs {
	font-size: 12px; 
	opacity: 0.4; 
}

@media screen and (min-width: 768px) {
	.page .custom-breadcrumbs {
		margin-top: 50px; 
	}
}

.rounded-img img, img.rounded-img {
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

.post-header-share {
	text-align: right; 
	font-size: 14px; 
}

@media screen and (max-width: 767px) {
	.post-header-share {
		text-align: left; 
		padding: 12px 0px 0px; 
	}
	.post-header-share .addtoany_shortcode {
		float: none; 
	}
}

.post-meta-info {
	font-size: 14px;  
	color: #fff; 
}

.post-meta-info .banner-terms {
	margin-left: 8px;
}

.post-meta-info .banner-terms a {
	color: #7E6317; 
}

.a2a_svg {
	border-radius: 40px!important;
	-moz-border-radius: 40px!important;
	-webkit-border-radius: 40px!important;
}

.home-banner .overlap-left-col .fl-col-content {
	max-width: 800px; 
}

.home-banner .rounded-img img {
/*	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
	*/
}

@media screen and (min-width: 768px) {
	.half-right-img .fl-module-content {
		margin-right: 0px; 
	}

	.half-right-img {
		margin-left: -8px;
		max-width: 900px;
		width: 50vw;
	}

	.overlap-left-col .fl-col-content {
		width: 65vw;
		max-width: 700px;
		z-index: 2;
		position: relative;
	}
}

@media screen and (max-width: 767px) {
	.home-banner .rounded-img img {
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
	}
	.home-banner .half-right-img .fl-module-content {
		margin: 0px; 
	}
	
		.home-banner .half-right-img .fl-photo-content::after {
		/* display: block;
		content: '';
		padding-bottom: 65%; */
	}

	.home-banner .half-right-img  img {
		width: 100%;
		height: 100%;
		padding-left: 20vw; 
		left: 0;
		top: 20px;
		object-fit: cover;
		position: absolute;
	}
	.home-banner .overlap-left-col {
		z-index: 99; 
		position: relative; 
		
	}
	
	.home-banner .overlap-left-col .fl-col-content {
		margin: 20px; 
		/* background: #1A303D; 
		border-radius: 8px; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		border-top: 8px solid #CEAA4A; */
	}
}

.dual-cta .fl-module-icon {
	margin-bottom: -20px; 
}

.dual-cta .fl-col {
	padding: 20px; 
}

@media screen and (min-width: 768px) {
	.dual-cta .fl-col {
		-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	}

	.dual-cta .fl-col + .fl-col {
		-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	}
}

.custom-dynamic-cta .fl-module-content {
	padding: 4px 30px 36px; 
	margin-bottom: 40px; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	border-top: 8px solid #CEAA4A; 
	box-shadow: 0px 8px 24px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 8px 24px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 8px 24px rgba(0,0,0,0.2);
}

.fl-page .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding: 0px; 
}

.fl-page .tribe-common .tribe-common-c-btn,
.fl-page .tribe-common a.tribe-common-c-btn {
	background-color: #CEAA4A; /* primary gold (was #7E6317 dark gold-ink) */
	color: #1A303D; /* ink text on gold — matches primary buttons */
	border-radius: 8px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}


.fl-page .tribe-common .tribe-common-c-btn:hover,
.fl-page .tribe-common a.tribe-common-c-btn:hover {
	background-color: #7E6317; /* darker gold on hover */
	color: #fff;
}

.fl-page .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .fl-page .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
	color: #7E6317; 
}

.fl-page .tribe-events .tribe-events-c-ical__link {
	border: 1px solid #CEAA4A; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	color: #7E6317; 
}

.fl-page .tribe-common .tribe-common-anchor-thin-alt:active, .fl-page .tribe-common .tribe-common-anchor-thin-alt:focus, .fl-page .tribe-common .tribe-common-anchor-thin-alt:hover {
	color: #7E6317; 
	border-bottom: 1px solid #7E6317; 
}

.fl-page .tribe-events .datepicker .day.active, .fl-page .tribe-events .datepicker .day.active.focused, .fl-page .tribe-events .datepicker .day.active:focus, .fl-page .tribe-events .datepicker .day.active:hover, .fl-page .tribe-events .datepicker .month.active, .fl-page .tribe-events .datepicker .month.active.focused, .fl-page .tribe-events .datepicker .month.active:focus, .fl-page .tribe-events .datepicker .month.active:hover, .fl-page .tribe-events .datepicker .year.active, .fl-page .tribe-events .datepicker .year.active.focused, .fl-page .tribe-events .datepicker .year.active:focus, .fl-page .tribe-events .datepicker .year.active:hover {
	background: #CEAA4A; 
}

.fl-page .tribe-events-calendar-month__calendar-event-title-link {
	font-size: 21px; 
	color: #7E6317; 
}

.fl-page .tribe-common a, .fl-page .tribe-common a:active, .fl-page .tribe-common a:focus, .fl-page .tribe-common a:hover, .fl-page .tribe-common a:visited {
	color: #7E6317; 
}

.fl-page .tribe-events .tribe-events-c-top-bar__datepicker-button * {
	color: #1A303D; 
}

.fl-page .tribe-common .tribe-common-anchor-thin-alt {
	border-bottom: 1px solid #7E6317; 
}

.fl-page .tribe-events .tribe-events-c-messages__message--notice:before {
	display: none; 
}


.fl-page .tribe-events .tribe-events-c-ical__link:hover {
	border: 1px solid #CEAA4A; 
	background-color: #7E6317; 
}

.single-tribe_events .fl-page a.tribe-events-gcal, .single-tribe_events .fl-page a.tribe-events-gcal:hover, .single-tribe_events .fl-page a.tribe-events-ical, .single-tribe_events .fl-page a.tribe-events-ical:hover {
	color: #7E6317; 
	background: transparent;
}

.fl-page .tribe-events .tribe-events-c-ical__link:before {
	display: none;
}

/* --- The Events Calendar (TEC) — align typography/color with the NAAG 2026 kit ---
   TEC v2 renders in its default "Helvetica Neue"; these override its CSS variables so
   body/UI = Source Sans 3, and force event/single titles to Source Serif 4 (headings),
   with the date tag styled like the kit (Source Code Pro gold-ink weekday + serif ink day). */
.tribe-common {
	--tec-font-family-sans-serif: "Source Sans 3", -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
	--tec-color-text-primary: #1F2B44;
	--tec-color-text-secondary: #55617A;
	--tec-color-accent-primary: #1A303D;
	--tec-color-link-primary: #1A303D;
}
/* Titles → serif (list, month, day, single) */
.tribe-common .tribe-events-calendar-list__event-title-link,
.tribe-common .tribe-events-calendar-month__calendar-event-title-link,
.tribe-common .tribe-events-calendar-month__calendar-event-tooltip-title,
.tribe-common .tribe-events-calendar-month__calendar-event-tooltip-title a,
.tribe-common .tribe-events-calendar-day__event-title,
.tribe-common .tribe-events-single-event-title {
	font-family: "Source Serif 4", Georgia, serif !important;
}
/* Add-to-calendar / subscribe outline button → kit 8px radius */
.tribe-common .tribe-events-c-subscribe-dropdown__button { border-radius: 8px !important; }
.tribe-common .tribe-events-calendar-list__event-title-link { color: #1A303D !important; }
.tribe-common .tribe-events-calendar-list__event-title-link:hover { color: #7E6317 !important; }
/* List date tag → serif ink day number + Source Code Pro gold-ink weekday kicker */
.tribe-common .tribe-events-calendar-list__event-date-tag-daynum {
	font-family: "Source Serif 4", Georgia, serif !important; color: #1A303D !important;
}
.tribe-common .tribe-events-calendar-list__event-date-tag-weekday {
	font-family: "Source Code Pro", monospace !important; color: #7E6317 !important; letter-spacing: .06em !important;
}
/* Search field → kit field style */
.tribe-common .tribe-events-c-search__input { border: 1px solid #DBDFE6 !important; border-radius: 6px !important; }
/* Event images → 8px radius (matches post-grid/feed thumbnails) */
.tribe-common .tribe-events-calendar-list__event-featured-image,
.tribe-common .tribe-events-calendar-day__event-featured-image,
.tribe-common .tribe-events-single .tribe-events-event-image img,
.tribe-common .tribe-events-calendar-month__calendar-event-tooltip-featured-image { border-radius: 8px !important; overflow: hidden !important; }
/* Keep the site-wide gold BUTTON hover off ALL of TEC's non-primary buttons
   (datepicker "Upcoming", view selector, Today, prev/next carets, etc.) — the
   global .fl-page button:hover was painting a solid gold box over them. Give a
   transparent hover + gold-ink text instead. The solid "Find Events" CTA
   (.tribe-common-c-btn) is excluded and keeps its gold. */
.tribe-common button:not(.tribe-common-c-btn):hover,
.tribe-common button:not(.tribe-common-c-btn):focus,
.tribe-common a.tribe-common-c-btn__clear:hover,
.tribe-common a.tribe-common-c-btn__clear:focus { background-color: transparent !important; box-shadow: none !important; color: #7E6317 !important; }
.tribe-common button:not(.tribe-common-c-btn):hover * { color: #7E6317 !important; }

/* ---- Ninja Tables (e.g. Elder Justice Database) — align with the NAAG 2026 kit.
   Scoped to .ninja_table_wrapper so it only touches these database tables. Semantic UI
   ships heavy/specific CSS, so !important is needed to win. ---- */
/* Frame: rounded, soft border + shadow (reads like the kit's cards) */
.ninja_table_wrapper table.foo-table { border: 1px solid #E7EDED !important; border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 4px 14px rgba(16,32,64,.05) !important; }
.ninja_table_wrapper table.foo-table td, .ninja_table_wrapper table.foo-table tbody th { border-color: #EDF1F1 !important; color: #1F2B44 !important; }
/* Row striping (kit tint) + hover */
.ninja_table_wrapper table.foo-table tbody tr { background: #fff !important; transition: background .15s ease; }
.ninja_table_wrapper table.foo-table tbody tr:nth-child(even) { background: #F1F6F6 !important; }
.ninja_table_wrapper table.foo-table tbody tr:hover { background: #EAF2F2 !important; }
/* Column headers → navy + Source Code Pro uppercase kicker + gold underline */
.ninja_table_wrapper thead tr.footable-header th { background: #1A303D !important; color: #fff !important; font-family: "Source Code Pro", monospace !important; font-size: 11px !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .06em !important; border-bottom: 3px solid #CEAA4A !important; }
/* Sort icons were dark (invisible on navy) → gold, always visible */
.ninja_table_wrapper thead tr.footable-header th .fooicon,
.ninja_table_wrapper thead tr.footable-header th .fooicon::before,
.ninja_table_wrapper thead tr.footable-header th i { color: #CEAA4A !important; opacity: 1 !important; }
/* Search field → kit field style */
.ninja_table_wrapper .search-txt { border: 1px solid #DBDFE6 !important; border-radius: 6px !important; }
/* "More Details" → kit link with gold arrow (was a big gold button). Gold-ink #7E6317
   passes WCAG AA on both white and the #F1F6F6 stripe. */
.ninja_table_wrapper tbody td a.button { background: transparent !important; border: 0 !important; padding: 0 !important; box-shadow: none !important; color: #7E6317 !important; font-family: "Source Code Pro", monospace !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; white-space: nowrap; text-decoration: none !important; }
.ninja_table_wrapper tbody td a.button * { color: #7E6317 !important; background: transparent !important; }
.ninja_table_wrapper tbody td a.button::after { content: "\2192"; display: inline-block; margin-left: .4em; transition: transform .2s ease; }
.ninja_table_wrapper tbody td a.button:hover { color: #1A303D !important; }
.ninja_table_wrapper tbody td a.button:hover::after { transform: translateX(3px); }
/* Pagination → gold-ink links, navy active */
.ninja_table_wrapper .pagination a, .ninja_table_wrapper .pagination li a { color: #7E6317 !important; border-radius: 6px !important; }
.ninja_table_wrapper .pagination .active a, .ninja_table_wrapper .pagination li.active a { background: #1A303D !important; color: #fff !important; }
/* SumoSelect filter dropdowns → kit field radius/border */
.SumoSelect > .CaptionCont { border: 1px solid #DBDFE6 !important; border-radius: 6px !important; }

.facet-no-button .facetwp-type-search .facetwp-icon {
	top: 5px; 
}

.tribe-country-name {
	display: block; 
}

.tribe-venue-url {
	font-size: 14px; 
}

.facet-no-button .facetwp-search-submit {
	display: none; 
}

.fl-page .facetwp-facet {
	margin-bottom: 0px; 
}

.facet-separate-search .fwp-submit {
	width: 100%; 
	margin-top: 4px; 
}

.facetwp-icon:before {
	background-position: 5px 12%!important;
}

button.facetwp-search-submit {
	margin-top: 10px;
}

.ag-state-filter {
	text-align: center; 
}

.ag-state-filter .fs-wrap {
	text-align: left; 
}

.facetwp-type-fselect .fs-label-wrap {
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
}

.fs-dropdown {
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	box-shadow: 4px 4px 16px rgba(0,0,0,0.1);
	-moz-box-shadow: 4px 4px 16px rgba(0,0,0,0.1);
	-webkit-box-shadow: 4px 4px 16px rgba(0,0,0,0.1);
}

.facetwp-type-fselect .facetwp-counter {
	display: none; 
}

.facetwp-type-fselect .fs-option.d1 .fs-option-label {
	padding-left: 0px!important;
}

.page-id-586 .facetwp-type-fselect .fs-dropdown {
	width: 30%;
}

.large-bg-callout .fl-row-content-wrap {
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
}


.testimonial-static-attr .fl-module-content {
	margin-top: -20px; 
}

.testimonial-static-attr img {
	float: left; 
	width: 60px; 
	max-height: 60px; 
	object-fit: cover; 
	border-radius: 50%; 
	-moz-border-radius: 50%; 
	-webkit-border-radius: 50%; 
}

.error-search .fl-search-input {
	border-radius: 40px; 
	-moz-border-radius: 40px; 
	-webkit-border-radius: 40px; 
    padding: 10px;
    height: auto;
	margin-bottom: 8px; 
}

.speaker-row img {
	border-radius: 6px 6px 0px 0px; 
}

.speaker-row.aspect-fix .fl-photo-content::after {
	padding-bottom: 115%; 
}

.facetwp-facet-publication_date input {
	margin-bottom: 6px; 
}

.fl-accordion-button-label {
	font-weight: 700; 
	font-size: 21px; 
}

@media screen and (min-width: 768px) {
		.list-inline-half li {
		width: 50%; 
		float: left; 
	}
	.list-inline-half::after {
		content: ' ';
		clear: both; 
	}
}

/* Party Colors */

span.democrat-color {
	color: #0d58b5;
}

span.republican-color {
	color: #9e1525;
}

span.other-color {
	color: #2B9A22;
}

/* Accessibility */

#fl-main-content .fl-module p a,
#fl-main-content .fl-module li a{
	text-decoration: underline;
}

/* Plain Post List */

.plain-post-list .fl-post-feed-post {
	margin-bottom: 10px;
	box-shadow: none;
	border: none;
}

.plain-post-list .fl-post-feed-meta {
	margin-left: 20px;
}

/* Author Boxes */

.pp-multiple-authors-layout-author_on_single_post ul li {
	display: inline-flex;
}

.each_author {
	display: flex;
	align-items: center;
	padding: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
	border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
    -moz-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
    -webkit-box-shadow: 0px 12px 24px rgba(0,0,0,0.07);
}

.author_image {
	margin-right: 15px;
	min-width: 100px;
}

.author_title,
.author_org {
	font-size: 14px;
	font-weight: 500;
	font-style: italic;
}

.author_desc {
	font-size: 13px;
}

.author-bio-page {
	font-size: 14px;
}

/*****************************************************************************/
/**************************** CUSTOM POST TYPES ******************************/
/*****************************************************************************/

/* People */

.team-grid-title {
	margin-bottom: 20px; 
	opacity: 0.5; 
}

.bio-meta {
	font-weight: 400; 
}

.bio-meta h2, .bio-meta h3, .bio-meta h4, .bio-meta h5, .bio-meta h6 {
	font-weight: 400; 
}

.bio-social i {
    font-size: 24px;
    padding: 16px 24px 8px 0px;
}

@media screen and (max-width: 767px) {
		.banner-person {
		text-align: center; 
	}
	.banner-person .fl-photo-content img {
		max-width: 60%;
		margin-top: 20px;
	}
	.banner-person .banner-accent .fl-separator {
		margin: 0 auto; 
	}
}

/* Events */

.tribe-events-event-url-label,
.tribe-events-event-url {
	display: none;
}

.tribe-events-meta-group .tribe-events-single-section-title {
	font-size: 24px; 
}

.tribe-venue {
	font-weight: 700; 
}

.tribe-events-cal-links .tribe-events-button {
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

#tribe-events .tribe-events-button, #tribe-events .tribe-events-button:hover, #tribe_events_filters_wrapper input[type=submit], .tribe-events-button, .tribe-events-button.tribe-active:hover, .tribe-events-button.tribe-inactive, .tribe-events-button:hover, .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-], .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a {
	background-color: #555; 
}

.tribe-events-page-title {
	text-align: left; 	
}

.tribe-events .tribe-events-calendar-month__calendar-event {
	padding: 0px!important;
}

h3.tribe-events-calendar-month__calendar-event-title.tribe-common-h8.tribe-common-h--alt {
	white-space: nowrap;
	overflow: hidden;
}

a.tribe-events-calendar-month__calendar-event-title-link.tribe-common-anchor-thin.tooltipstered {
	padding: 5px 10px;
	border-radius: 8px;
	background-color: #eee;
}

.tribe-events-calendar-month__calendar-event-datetime {
	display: none;
}

/*Podcasts */

.podcast-feed .fl-post-grid-post .podcast-image img {
	max-width: 300px;
}

.podcast-feed .fl-post-grid-post {
	background: rgba(0,0,0,0);
	border: none;
}

.podcast-text {
	padding-top: 5px!important;
}

h4.podcast-meta-title-space, h4.meta-title-space  {
	margin-top: 30px; 
}

.cpt-meta-col .fl-col-content {
	background: #fff;
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
	margin: 20px; 
}

@media screen and (max-width: 767px) {
	.cpt-meta-col .fl-col-content {
		margin-left: 20px!important;
		margin-right: 20px!important;
	}
}

/* AGs */

.ag-grid h3 {
	font-size: 14px;
	margin-top: 10px;
}

/* Podcasts */

.podcast-list .fl-post-feed-post {
	box-shadow: none;
	border: none;
	border-radius: 0;
	padding-bottom: 10px;
}

.podcast-list .fl-post-feed-post:not(:last-child) {
	border-bottom: 1px solid #dddddd;
}

.podcast-list h2.fl-post-feed-title {
	font-size: 18px;
	margin: 0;
}

/*****************************************************************************/
/******************************** DATABASES **********************************/
/*****************************************************************************/

.case-archive-meta {
	font-size: 15px; 
}

.archive-meta-label {
	font-size: 12px;
	color: #888; 
}

.list-cases .fl-post-title {
	padding: 10px 0px 15px; 
	font-size: 18px; 
}

.list-cases .fl-post-feed-post {
	padding: 5px 8px; 
	border-bottom: 0px; 
	margin-bottom: 10px; 
    border-left: 8px solid #CEAA4A;
}

.list-cases .fl-post-more-link {
	margin: 10px 0px 10px; 
}

.facet-accordion p {
	margin-bottom: 0px; 
}

.facet-accordion .facetwp-facet {
	margin-bottom: 15px; 
}

.facet-accordion br {
	display: none; 
}

.facet-accordion .fl-accordion-small .fl-accordion-content {
	padding: 0px 20px 10px; 
}
	
.facet-accordion .fl-accordion-item {
	border-radius: 6px;  
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
}

.facet-accordion .facetwp-type-fselect .fs-wrap {
	width: 100%; 
	position: relative; 
}

.facet-accordion .facetwp-type-fselect .fs-dropdown {
	width: 100%; 
}


.facet-accordion .final-facet .facetwp-type-fselect .fs-dropdown {
	position: relative; 
}

.results-count {
	font-size: 15px; 
	color: #999; 
}

.facetwp-sort-select {
	border: 1px solid #bbb; 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
}

@media screen and (min-width: 768px) {
		.results-sorting {
		text-align: right; 
	}
}

.case-main-property + .case-main-property {
	border-top: 1px dotted #ddd; 
	padding-top: 10px; 
	margin-top: 15px; 
}

.case-main-historical .fl-html {
	border: 1px solid #E7EDED; 
	background: #F1F6F6; 
	padding: 20px;
	border-left: 6px solid #E7EDED; 
	border-radius: 6px; 
	-moz-border-radius: 6px; 
	-webkit-border-radius: 6px; 
	background: #fff; 
}

.related-files .fl-html, .related-files .fl-rich-text {
	box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	-moz-box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	-webkit-box-shadow: 0px 8px 24px rgba(0,0,0,0.07);
	background: #fff; 
	border: 0px; 
	border: 1px solid #f3f3f3; 
	border-top: 6px solid #CEAA4A; 
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	padding: 20px 30px; 
}



/*****************************************************************************/
/***************************** SIMPLE MAPS ***********************************/
/*****************************************************************************/

#tt_sm_map {
    bottom: 0 !important;
}

.tt_sm {
    border-radius: 5px;
    box-shadow: 0 6px 24px rgba(0,0,0,.2);
    z-index: 1000000;
    background-color: #07141d;
    padding: 10px 20px;
    opacity: 1;
    font-size: 16px;
    line-height: 1.4;
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    color: white;
    min-width: 320px;
    width: 100%;
    max-width: 600px;
} 
.tt_name_sm{
    float: left;
    font-weight: bold;
    font-size: 22px;
} 
.xmark_sm{
    float: right;
    margin-left: 5px;
    cursor: pointer;
    line-height: 0px;
    max-width: 24px;
    margin-top: 4px;
    filter: invert(1);
}
.tt_custom_sm{
    display: flex;
    flex-wrap: wrap;
} 
#ags-map .tt_custom_sm,
#ag-elections-map .tt_custom_sm {
    flex-direction: column;
    padding-bottom: 10px;
	
	font-size: 14px;
    font-weight: bold;
}
.tt_mobile_sm{
    margin-top: 5px;
} 
.btn_simplemaps{
    color: #192A35;
    text-decoration: none;
    background: #ffffff;
    display: inline-block;
    padding: 5px 5px;
    margin: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.43;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid;
    border-radius: 4px;
}   
.btn_simplemaps:hover{
    text-decoration: underline;
}

.popup-info {
    width: 25%;
    padding-right: 24px;
}

.tt_sm strong {
    font-size: 12px;
    line-height: 1 !important;
    opacity: 0.6;
    display: inline-block;
}

#ags-map .tt_sm strong {
    font-size: 1.1em;
    opacity: 1;
}

#ags-map .tt_sm strong .ng-map--party {
    font-size: 14px;
    display: block;
    margin-top: 5px;
	margin-bottom: 15px;
    opacity: .6;
}

.tt_sm > div:nth-child(1) {
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff14;
    margin-bottom: 10px;
}
#ag-elections-map .tt_sm strong {
    margin-top: 14px;
    margin-bottom: 5px;
    /* display: block; */
}

#ag-elections-map .tt_sm a {
    padding: 8px 24px;
    background: white;
    border-radius: 30px;
    margin-top: 20px;
    margin-right: auto;
}


@media screen and (max-width: 768px) {
    .popup-info {
        width: 50%;
    }   
}

@media screen and (max-width: 485px) {
    .popup-info {
        width: 100%;
    }   
}





/*****************************************************************************/
/********************************** FORMS ************************************/
/*****************************************************************************/

.gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label {
	font-weight: 400; 
}

body .gform_wrapper ul li.gfield {
	margin-top: 20px;
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
}

input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=number], input[type=search], input[type=url], textarea {
	border: 1px solid #ccc; 
}

.gform_wrapper {
    border: 1px solid #f3f3f3;
	border-top: 8px solid #CEAA4A; 
    padding: 10px 18px 30px 32px;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 8px 24px rgba(0,0,0,0.1);
}

.fl-page .gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), .fl-page .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker) {
	margin-top: 2px; 
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
	font-size: 15px;
	color: #555; 
}

.gfield select {
	border: 1px solid #ccc; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	padding: 5px; 
}

label {
	margin-bottom: 3px; 
}

.hidden-element {
	display: none!important; 
}

.ui-tooltip-content {
	font-size: 13px; 
	text-align: left; 
}

.footnote-link {
	color: #fff; 
	background: #337ab7; 
	padding: 0px 3px; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}


.footnote-link:hover {
	color: #fff; 
}

h3 a.tribe-events-calendar-month__calendar-event-title-link.tribe-common-anchor-thin.tooltipstered, h3 .tribe-events-calendar-month__calendar-event-title-link.tribe-common-anchor-thin.tooltipstered a:visited {
	font-size: 12px;
}

/*****************************************************************************/
/****************************** MEDIA QUERIES ********************************/ 
/*****************************************************************************/

@media only screen and (max-width: 1100px) and (min-width: 768px) {
	.mega-menu-disabled .sub-menu .sub-menu li:first-of-type {
    	border-top: 1px solid rgba(128,128,128,0.1);
	}
	.fl-page-nav .navbar-nav li>a {
		font-size: 13px;  
		padding: 24px 20px 24px 8px; 
	}
	
}

@media screen and (min-width: 768px) {
		.gutters-std .fl-row-content-wrap {
		margin-left: 40px; 
		margin-right: 40px; 
	}
	.no-mega-menu ul.sub-menu ul.sub-menu {
		min-width: 350px;
	}
}

@media only screen and (max-width: 1024px) {
	.dynamic-header h1 span {font-size: 50px!important;}
}



@media only screen and (max-width: 1024px) {
	.trans-banner .fl-row-content-wrap {
		margin-top: 0px; 
	}
	
}




/****************************** IPAD PORTRAIT ********************************/ 

@media only screen and (max-width: 769px) and (min-width: 768px) {
	.home-banner h1 {
		font-size: 40px;
	}
	.larger,
	h4 {
		font-size: 18px;
	}
	.cards-col h2, .cards-col h3, .cards-col h4 {
		font-size: 22px;
	}
	h2 {
		font-size: 28px;
	}
	.edge-grid .fl-post-content h2 {
		font-size: 20px;
	}
	.fl-page button, .fl-page .button, .fl-page input[type=button], .fl-page input[type=submit], .fl-page .fl-builder-content a.fl-button, .fl-page .fl-builder-content a.fl-button:visited, .fl-page .wp-block-button__link, .o365_azure_logout a, .o365_azure_login a {
		font-size: 12px;
	}
	.edge-grid .fl-post-grid-post .fl-post-more-link {
		margin-top: 30px;
	}
	.edge-grid .fl-post-grid-post .fl-post-image {
    	min-height: 200px;
	}
	.fl-page-nav .navbar-nav li>a {
		padding: 20px 15px 20px 0px;
	}
	.fl-page-nav-search a.fa-search {
		right: -5px;
		padding-top: 12px!important;
	}
}



/******************************* SMARTPHONE **********************************/ 

@media only screen and (max-width: 767px) {
	h1 {font-size: 30px;}
	.dynamic-header h1 span {font-size: 40px!important; line-height: 50px!important;}
	h2 {font-size: 24px;}
	h3 {font-size: 21px;}
	h4,h5,h6 {font-size: 18px;}
	.fl-page-header-logo img {
		max-height: 50px; 
		width: auto!important; 
	}
	.fl-page-header-container {
	}
	.fl-page-nav-col .header-sso {
		display: inline; 
	}
	.home-banner .half-right-img img {
		width: 100%; 
		padding: 0px; 
		display: block; 
		position: relative; 
		top: 0px; 
	}
	.fl-page-nav-bottom .fl-page-header-content .fl-page-header-text {
		margin-top: 15px; 
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav .navbar-toggle {
		font-size: 29px; 
		line-height: 26px; 
	}
	.footer-logo img {
		margin: 0 auto;
		display: block;
		padding-bottom: 20px; 
	}
	.footer-sub .fl-rich-text p {
		text-align: center; 
	}
	.fl-page-bar {display: none;}
	.post-sharing, .addtoany_shortcode {
		text-align: left; 
	}
	.fl-page-nav-col {
		text-align: center; 
	}
	.fl-page-nav-col .menu-secondary-nav-container  {
		display: none; 
	}
	.addtoany_shortcode, .preshare-text {
		float: left; 
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav-collapse ul.navbar-nav>li>a {
		
	}
	.fl-page-nav-toggle-icon.fl-page-nav-toggle-visible-mobile .fl-page-nav ul.sub-menu ul.sub-menu li {
    	border-top: 1px solid rgba(128,128,128,0.1);
	} 
}

/******************************* PRINT **********************************/ 

@media print {
	.fl-page-nav-wrap, .fl-page-bar-row, .footer-main, .footer-sub, .fl-page-header-content, .blog-sidebar, .fl-button-wrap, .post-sharing, .footer-cta-bar, #cookie-notice {
		display: none!important; 
	}
	a[href]:after {
		display: none!important; 
		content: "";
	}
	.banner-title .fl-col-small:nth-of-type(2) {
		display: none!important;
	}
	.fl-page-header-fixed {
		display: none!important; 
	}
	h1.fl-heading .fl-heading-text {
		font-size: 26px!important; 
		line-height: 32px!important; 
	}
	h1.fl-heading {
		line-height: 32px!important; 
	}
	.banner-title .fl-row-content-wrap {
		padding-top: 20px!important; 
	}
	.banner-title .fl-module-separator {
		display: none!important; 
	}
	h3 {
		font-size: 24px!important; 
	}
	.banner-title .breadcrumbs {
		display: none!important; 
	}
	.cpt-meta-col .fl-col-content {
		margin: 20px 0px!important; 
	}
	.cpt-meta-col .fl-heading {
		font-size: 20px!important; 
	}
	.fl-builder-content > .fl-row > .fl-row-content-wrap {
		padding-top: 0px!important; 
	}
	.post-meta-info {
		margin-top: -30px!important; 
	}
	.post-meta-info .fl-module-content {
		margin-left: 14px!important; 
	}
	.single .cpt-meta-col {
		width: 25%!important;
		clear: none;
		float: left;
	}
	
	.single .cpt-meta-col h3 {
		margin-top: -10px!important; 
	}
	.single .cpt-meta-col h4 {
		font-size: 13px; 
	}
	.single .cpt-meta-col + .fl-col {
		width: 75%!important;
		float: right;
		clear: none;
	}
}

/** Map State Description Utility Class */
#map .tt_custom_sm > div {
    width: 50%;
    padding-right: 24px;
}


/*****************************************************************************/
/*********************** NAAG 2026 — DESIGN UPDATE ***************************/
/*** Added by design refresh. Colors migrated to gold/navy/ink. ***/
/*****************************************************************************/

/* Brand tokens (available for future custom CSS) */
:root {
	--ds-color-ink: #1A303D;
	--ds-color-ink-deep: #0E1728;
	--ds-color-gold: #CEAA4A;
	--ds-color-gold-ink: #7E6317;
	--ds-color-on-dark: #FFFFFF;
	--ds-color-on-dark-muted: #C4CCDA;
	--ds-font-heading: "Source Serif 4", Georgia, serif;
	--ds-font-body: "Source Sans 3", system-ui, sans-serif;
	--ds-font-mono: "Source Code Pro", ui-monospace, monospace;
}

/* --- Buttons that carry a gold background need ink text (contrast) --- */
ul li.nav-button a { color: #1A303D; }
.footer-main ul li.nav-button a,
.footer-main ul li.nav-button a:hover { color: #fff; }
.fl-page .tribe-common .tribe-common-c-btn,
.fl-page .tribe-common a.tribe-common-c-btn { color: #1A303D; }
.fl-page .tribe-common .tribe-common-c-btn:hover,
.fl-page .tribe-common a.tribe-common-c-btn:hover { color: #fff; }

/* --- Title banner: navy base + NAAG shield "architectural" emblem (static) --- */
.banner-title .fl-row-content-wrap { background: #1A303D; position: relative; }

/* Shield emblem on all standard interior title bands. Homepage (body.home) is
   excluded and keeps its own hero treatment below. Any other page can opt out /
   swap in a photo via the per-page recipe further down. */
body:not(.home) .banner-title .fl-row-content-wrap {
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDguMDMgMjg0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjkuNjEsMEgwdjE3OC4xOGMwLDM4LjksOTguNjQsMTA1LjgyLDExNC44MSwxMDUuODIsNC44NSwwLDE3LjEyLTYuMDksMzEuOTMtMTUuNjVWOTIuMjNjMC0xLjIzLjk5LTIuMjIsMi4yMi0yLjIyaDExLjI5YzEuMjMsMCwyLjIyLDEsMi4yMiwyLjIydjE2NS4zYzMuOTEtMi44NCw3Ljg3LTUuODQsMTEuOC04Ljk1VjkyLjIzYzAtMS4yMy45OS0yLjIyLDIuMjItMi4yMmgxMS4yOWMxLjIzLDAsMi4yMiwxLDIuMjIsMi4yMnYxNDMuMTZjNC4xLTMuNjcsOC4wNy03LjQxLDExLjgxLTExLjE4VjkyLjIzYzAtMS4yMy45OS0yLjIyLDIuMjItMi4yMmgxMS4yOWMxLjIzLDAsMi4yMiwxLDIuMjIsMi4yMnYxMTMuOTFjNy40Mi0xMC4wNSwxMi4wNS0xOS43LDEyLjA1LTI3Ljk2di0xMDIuNTVoLTExMC4zNmMtMS4yMywwLTIuMjItMS0yLjIyLTIuMjJ2LTEwLjM4YzAtMS4yMywxLTIuMjIsMi4yMi0yLjIyaDExMC4zNnYtOS42NEg4NC43MWwzMi4zNCw4Ni43NGMuMTkuNTEuMDksMS4wOC0uMjcsMS40OWwtLjY3Ljc3Yy0uNzEuODItMi4wNC42Mi0yLjQ3LS4zOGwtMzMuODUtNzQuMzItMzMuODUsNzQuMzJjLS40NCwxLTEuNzYsMS4yLTIuNDcuMzhsLS42Ny0uNzdjLS4zNi0uNDEtLjQ2LS45OC0uMjctMS40OWwzMy4yOC04OS4yNWMuMS0uMjcuMjctLjUuNDktLjY2di0xMC4xOGMwLTEuMjMuOTktMi4yMiwyLjIyLTIuMjJoMTUxLjFWMFpNMTI0LjQ0LDE0Ni44MmMwLDE2Ljc5LTIwLjA2LDMwLjQtNDQuODEsMzAuNHMtNDQuODEtMTMuNjEtNDQuODEtMzAuNGg4OS42MloiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQ4LjAzLDcuNWMwLDQuMTQtMy4zNiw3LjUtNy41LDcuNXMtNy41LTMuMzYtNy41LTcuNSwzLjM2LTcuNSw3LjUtNy41LDcuNSwzLjM2LDcuNSw3LjVaTTI0Ni42Miw3LjVjMC0zLjM2LTIuNzMtNi4wOS02LjA5LTYuMDlzLTYuMDksMi43My02LjA5LDYuMDksMi43Myw2LjA5LDYuMDksNi4wOSw2LjA5LTIuNzMsNi4wOS02LjA5Wk0yNDIuMjYsOC4wN2wxLjAyLDIuMThjLjE2LjM1LjAxLjc3LS4zNC45NC0uMS4wNC0uMi4wNy0uMy4wNy0uMjYsMC0uNTItLjE1LS42NC0uNGwtMS4xMy0yLjQxaC0xLjc1djIuMTFjMCwuMzktLjMxLjctLjcuN3MtLjctLjMxLS43LS43di02LjA5YzAtLjM5LjMxLS43LjctLjdoMi41OGMxLjI5LDAsMi4zNCwxLjA1LDIuMzQsMi4zNCwwLC44My0uNDQsMS41Ni0xLjA5LDEuOTdaTTI0MS45NCw2LjA5YzAtLjUyLS40Mi0uOTQtLjk0LS45NGgtMS44OHYxLjg4aDEuODhjLjUyLDAsLjk0LS40Mi45NC0uOTRaIi8+PC9zdmc+");
	background-repeat: no-repeat;
	/* NOTE: use longhand x/y — the 3-value shorthand "right -70px 30%" is invalid
	   and silently falls back to center-y. Crop shows the shield's Λ + column tops,
	   bowl + bottom of the V cropped below the band. */
	background-position-x: calc(100% + 70px); /* = right -70px */
	background-position-y: 30%;
	background-size: auto 400%;
}
/* Darkening scrim so the title + breadcrumb stay legible over the shield */
body:not(.home) .banner-title .fl-row-content-wrap::after {
	content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	width: 100%; opacity: 1; z-index: 1;
	background: linear-gradient(90deg, rgba(26,48,61,.97) 30%, rgba(26,48,61,.85) 68%, rgba(26,48,61,.83) 100%);
}

/* Homepage hero (special) — NAAG shield emblem, a BIGGER crop than interior banners.
   The flagship hero is taller, so it reveals the Λ + columns + the top of the bowl.
   Same tone-on-tone treatment as interior; text stays on the dark-left navy.
   (A photo hero was trialed and set aside — homeparallax.jpg / media id 47350 remains
   in the Media Library, unused, in case a future image direction reuses it.) */
body.home .banner-title .fl-row-content-wrap,
.banner-title.bg1.naag-hero .fl-row-content-wrap {
	background-color: #1A303D;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNDguMDMgMjg0Ij48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMjkuNjEsMEgwdjE3OC4xOGMwLDM4LjksOTguNjQsMTA1LjgyLDExNC44MSwxMDUuODIsNC44NSwwLDE3LjEyLTYuMDksMzEuOTMtMTUuNjVWOTIuMjNjMC0xLjIzLjk5LTIuMjIsMi4yMi0yLjIyaDExLjI5YzEuMjMsMCwyLjIyLDEsMi4yMiwyLjIydjE2NS4zYzMuOTEtMi44NCw3Ljg3LTUuODQsMTEuOC04Ljk1VjkyLjIzYzAtMS4yMy45OS0yLjIyLDIuMjItMi4yMmgxMS4yOWMxLjIzLDAsMi4yMiwxLDIuMjIsMi4yMnYxNDMuMTZjNC4xLTMuNjcsOC4wNy03LjQxLDExLjgxLTExLjE4VjkyLjIzYzAtMS4yMy45OS0yLjIyLDIuMjItMi4yMmgxMS4yOWMxLjIzLDAsMi4yMiwxLDIuMjIsMi4yMnYxMTMuOTFjNy40Mi0xMC4wNSwxMi4wNS0xOS43LDEyLjA1LTI3Ljk2di0xMDIuNTVoLTExMC4zNmMtMS4yMywwLTIuMjItMS0yLjIyLTIuMjJ2LTEwLjM4YzAtMS4yMywxLTIuMjIsMi4yMi0yLjIyaDExMC4zNnYtOS42NEg4NC43MWwzMi4zNCw4Ni43NGMuMTkuNTEuMDksMS4wOC0uMjcsMS40OWwtLjY3Ljc3Yy0uNzEuODItMi4wNC42Mi0yLjQ3LS4zOGwtMzMuODUtNzQuMzItMzMuODUsNzQuMzJjLS40NCwxLTEuNzYsMS4yLTIuNDcuMzhsLS42Ny0uNzdjLS4zNi0uNDEtLjQ2LS45OC0uMjctMS40OWwzMy4yOC04OS4yNWMuMS0uMjcuMjctLjUuNDktLjY2di0xMC4xOGMwLTEuMjMuOTktMi4yMiwyLjIyLTIuMjJoMTUxLjFWMFpNMTI0LjQ0LDE0Ni44MmMwLDE2Ljc5LTIwLjA2LDMwLjQtNDQuODEsMzAuNHMtNDQuODEtMTMuNjEtNDQuODEtMzAuNGg4OS42MloiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjQ4LjAzLDcuNWMwLDQuMTQtMy4zNiw3LjUtNy41LDcuNXMtNy41LTMuMzYtNy41LTcuNSwzLjM2LTcuNSw3LjUtNy41LDcuNSwzLjM2LDcuNSw3LjVaTTI0Ni42Miw3LjVjMC0zLjM2LTIuNzMtNi4wOS02LjA5LTYuMDlzLTYuMDksMi43My02LjA5LDYuMDksMi43Myw2LjA5LDYuMDksNi4wOSw2LjA5LTIuNzMsNi4wOS02LjA5Wk0yNDIuMjYsOC4wN2wxLjAyLDIuMThjLjE2LjM1LjAxLjc3LS4zNC45NC0uMS4wNC0uMi4wNy0uMy4wNy0uMjYsMC0uNTItLjE1LS42NC0uNGwtMS4xMy0yLjQxaC0xLjc1djIuMTFjMCwuMzktLjMxLjctLjcuN3MtLjctLjMxLS43LS43di02LjA5YzAtLjM5LjMxLS43LjctLjdoMi41OGMxLjI5LDAsMi4zNCwxLjA1LDIuMzQsMi4zNCwwLC44My0uNDQsMS41Ni0xLjA5LDEuOTdaTTI0MS45NCw2LjA5YzAtLjUyLS40Mi0uOTQtLjk0LS45NGgtMS44OHYxLjg4aDEuODhjLjUyLDAsLjk0LS40Mi45NC0uOTRaIi8+PC9zdmc+");
	background-repeat: no-repeat;
	background-position-x: calc(100% + 20px); /* right edge, slight bleed */
	background-position-y: 28%;
	background-size: auto 155%;
	position: relative;
	overflow: hidden;
}
/* Darkening scrim: dark on the left (behind the text) → lighter on the right so the shield reads */
body.home .banner-title .fl-row-content-wrap::after,
.banner-title.bg1.naag-hero .fl-row-content-wrap::after {
	content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0;
	width: 100%; opacity: 1; z-index: 1;
	background: linear-gradient(90deg, rgba(26,48,61,.97) 42%, rgba(26,48,61,.85) 100%);
}
/* Mobile: hide the shield for a clean navy hero (matches interior banners) */
@media (max-width: 900px) {
	body.home .banner-title .fl-row-content-wrap,
	.banner-title.bg1.naag-hero .fl-row-content-wrap { background-image: none; }
}
/* Keep hero content above the scrim — the .fl-row-content computes static/z-auto on
   these custom hero rows, so without this the ::after scrim paints over the text. */
body.home .banner-title .fl-row-content,
.banner-title.bg1.naag-hero .fl-row-content { position: relative !important; z-index: 2 !important; }

/* Member Services / any dark-hero using the .naag-access notice: its text is authored
   dark (for light bg), so flip it light on a bg1 banner or it disappears on navy. */
.banner-title.bg1 .naag-access,
.banner-title.bg1 .naag-access * { color: #C4CCDA; }
.banner-title.bg1 .naag-access strong,
.banner-title.bg1 .naag-access b { color: #fff; }

/* --- OPTIONAL per-page hero image (for a specific "special" page) ------------
   To give one page a photo hero instead of the shield, add a block keyed to its
   body class (view source for <body class="... page-id-### ...">):

     body.page-id-123 .banner-title .fl-row-content-wrap {
         background-image: url("/wp-content/uploads/your-hero.jpg");
         background-size: cover;
         background-position: center;
         background-attachment: fixed;   (uncomment this line for parallax, desktop only)
     }
     body.page-id-123 .banner-title .fl-row-content-wrap::after {
         width: 100%; left: 0; right: 0;
         background: linear-gradient(90deg, rgba(26,48,61,.85), rgba(26,48,61,.5));   (photo scrim)
     }
   The homepage and custom-built landing pages are already excluded above. ------ */
/* Lift banner text above the ::after scrim. !important is required: on color-background
   banner rows (fl-row-bg-color, e.g. TEC event pages) something resets .fl-row-content to
   static, letting the scrim paint over the title/breadcrumb and dim them. Photo-bg banners
   were unaffected; this makes it reliable everywhere. */
.banner-title .fl-row-content { position: relative !important; z-index: 2 !important; }
.banner-title .fl-separator { border-top-color: #CEAA4A; border-top-width: 3px; opacity: 1; }
.banner-title .custom-breadcrumbs,
.banner-title .custom-breadcrumbs a,
.banner-title .custom-breadcrumbs span,
.banner-title .breadcrumbs,
.banner-title .breadcrumbs a { font-size: 13px; color: #CEAA4A; letter-spacing: .02em; opacity: 1; }
.banner-title .custom-breadcrumbs a:hover,
.banner-title .custom-breadcrumbs a:focus-visible,
.banner-title .breadcrumbs a:hover,
.banner-title .breadcrumbs a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.banner-title .custom-breadcrumbs a:focus-visible,
.banner-title .breadcrumbs a:focus-visible { outline: 2px solid #CEAA4A; outline-offset: 2px; border-radius: 2px; }
@media (max-width: 900px) {
	body.home .banner-title .fl-row-content-wrap::after { display: none; }
	body:not(.home) .banner-title .fl-row-content-wrap { background-image: none; }
}

/* --- Header primary nav: align the row + gold "Log In" menu button --- */
@media (min-width: 768px) {
	.fl-page-nav .navbar-nav { display: flex; align-items: center; flex-wrap: nowrap; }
	.fl-page-nav .navbar-nav > li { float: none; }
	.fl-page-nav .navbar-nav > li.menu-login-btn { margin-left: 16px; }
	/* Keep every nav item on ONE line: labels were wrapping (white-space:normal) and the old right-padding (20-30px) was oversized. Force single-line + a compact, even gutter. Applies to BOTH the primary and sticky headers. */
	.fl-page-nav .navbar-nav > li > a.nav-link { white-space: nowrap; padding-left: 13px !important; padding-right: 13px !important; padding-top: 14px !important; padding-bottom: 14px !important; }

	/* Stack the PRIMARY (top) header so the nav gets the full container width. Row 1 = logo (left) + Log In button (right); Row 2 = the nav items spanning full width, left-aligned. This guarantees one-line nav at every desktop width down to the 768px mobile breakpoint. The sticky/fixed header keeps its compact inline layout (its nav already fits on one line). */
	.fl-page-header-primary .fl-page-header-row { display: block !important; }
	.fl-page-header-primary .fl-page-header-logo-col { display: block !important; width: 100% !important; float: none !important; text-align: left !important; padding: 12px 0 6px !important; }
	.fl-page-header-primary .fl-page-header-logo { text-align: left !important; float: none !important; }
	.fl-page-header-primary .fl-page-header-logo img, .fl-page-header-primary .fl-page-header-logo a { display: inline-block !important; float: none !important; }
	/* logo a little larger */
	.fl-page-header-primary .fl-logo-img { width: 205px !important; max-width: 205px !important; height: auto !important; }
	/* padding-left:0 removes the 15px Bootstrap column gutter (the logo column has none) so the nav lines up with the logo/utility left edge */
	.fl-page-header-primary .fl-page-nav-col { display: block !important; width: 100% !important; float: none !important; text-align: left !important; padding-left: 0 !important; }
	/* the collapse wrapper is inline-flex (shrink-wraps to content); make it full width so the nav can span */
	.fl-page-header-primary .fl-page-nav-collapse { display: block !important; width: 100% !important; float: none !important; }
	.fl-page-header-primary .fl-page-nav .navbar-nav { width: 100% !important; float: none !important; justify-content: flex-start !important; margin: 0 !important; }
	/* first nav item flush-left with the logo/utility edge (drop its link's left padding; the rest keep it for even spacing) */
	.fl-page-header-primary .fl-page-nav .navbar-nav > li:first-child > a.nav-link { padding-left: 0 !important; }
	/* Lift the Log In button out of the nav row up onto the logo row, right-aligned. Anchored to the (now position:relative) container; top:35px vertically centers it against the 205px logo — revisit if the logo size changes. */
	.fl-page-header-primary .fl-page-header-container { position: relative !important; }
	.fl-page-header-primary .fl-page-nav .navbar-nav > li.menu-login-btn { position: absolute !important; top: 35px; right: 0 !important; margin: 0 !important; z-index: 20; }
}
.fl-page-nav .navbar-nav > li.menu-login-btn > a {
	display: inline-block; background: #CEAA4A; color: #1A303D; font-weight: 700;
	padding: 10px 20px; border-radius: 8px; line-height: 1; white-space: nowrap;
	text-decoration: none; transition: background .2s ease;
}
.fl-page-nav .navbar-nav > li.menu-login-btn > a:hover,
.fl-page-nav .navbar-nav > li.menu-login-btn > a:focus-visible { background: #7E6317; color: #fff; }
.fl-page-nav .navbar-nav > li.menu-login-btn > a:focus-visible { outline: 2px solid #1A303D; outline-offset: 2px; }

/* --- Ghost buttons on DARK (navy .bg1) sections: white outline --- */
.fl-page .fl-builder-content .bg1 .fl-module-button:not(.map-legend-button).ghost a.fl-button,
.fl-page .fl-builder-content .bg1 .fl-module-button:not(.map-legend-button).ghost a.fl-button:visited {
	border-color: rgba(255,255,255,.6); color: #fff;
}
.fl-page .fl-builder-content .bg1 .fl-module-button:not(.map-legend-button).ghost a.fl-button *,
.fl-page .fl-builder-content .bg1 .fl-module-button:not(.map-legend-button).ghost a.fl-button:visited * { color: #fff; }
.fl-page .fl-builder-content .bg1 .fl-module-button:not(.map-legend-button).ghost a.fl-button:hover {
	background: #fff; border-color: #fff; color: #1A303D;
}
.fl-page .fl-builder-content .bg1 .fl-module-button:not(.map-legend-button).ghost a.fl-button:hover * { color: #1A303D; }


/*****************************************************************************/
/************* NAAG 2026 — HOMEPAGE / REUSABLE COMPONENTS ********************/
/***  naag-* component classes (hero, cards, docket, news, pubs, band).   ***/
/***  Reusable across pages; mirror the design-kit .bb-* components.      ***/
/*****************************************************************************/

/* Eyebrow — mono label (gold-ink on light; gold on dark, override at end) */
.naag-eyebrow, .naag-eyebrow * { font-family: "Source Code Pro", ui-monospace, monospace !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .22em !important; text-transform: uppercase !important; color: #7E6317 !important; }

/* Hero (row carries .banner-title.bg1) */
.banner-title.bg1 h1, .banner-title.bg1 h2, .banner-title.bg1 .fl-heading, .banner-title.bg1 .fl-heading * { color: #fff !important; }
.naag-lede, .naag-lede * { color: #C4CCDA !important; font-size: 19px !important; line-height: 1.35 !important; }
.naag-agfind { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 12px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); border-radius: 10px; max-width: 560px; }
.naag-agfind label { font-family: "Source Code Pro", monospace; font-size: 10px; font-weight: 600; letter-spacing: .18em; text-transform: uppercase; color: #CEAA4A; padding-left: 8px; }
/* The state select had no styling (native, ~125px, square); kit fills the box (flex:1) with the Go button at the end + a 6px-rounded white field */
.naag-agfind select { flex: 1 1 auto; min-width: 200px; font-family: "Source Sans 3", sans-serif; font-size: 15px; color: #1A303D; background: #fff; border: 1px solid #DBDFE6; border-radius: 6px; padding: 12px 14px; min-height: 46px; }

/* Quick-access cards (row .naag-cards.naag-pullup, cols .naag-card) */
.naag-pullup { margin-top: -60px; position: relative; z-index: 5; }
.naag-card .fl-col-content { background: #fff !important; border-top: 4px solid #CEAA4A !important; border-radius: 14px !important; box-shadow: 0 1px 2px rgba(16,32,64,.05), 0 4px 14px rgba(16,32,64,.05) !important; padding: 22px !important; height: 100%; display: flex; flex-direction: column; }
/* Gutter between the four cards: pad the columns, then pull the group back so the outer edges stay aligned with the hero above */
.naag-cards .fl-col-group { margin-left: -16px !important; margin-right: -16px !important; }
.naag-cards .naag-card { padding-left: 16px !important; padding-right: 16px !important; }
/* Flex plumbing through the callout so the CTA link can bottom-align across the whole row */
.naag-card .fl-module-callout,
.naag-card .fl-module-callout > .fl-module-content,
.naag-card .fl-callout,
.naag-card .fl-callout-content,
.naag-card .fl-callout-text-wrap { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }
.naag-card .fl-callout .fl-icon { margin-bottom: 6px !important; }
/* Title + body sized to the design kit (19px / 14px) so the cards aren't overly tall */
.naag-card .fl-callout-title, .naag-card .fl-callout-title-link { font-size: 19px !important; line-height: 1.2 !important; overflow-wrap: normal !important; word-break: normal !important; hyphens: none !important; }
.naag-card .fl-callout-title { margin: 0 0 8px 0 !important; }
.naag-card .fl-callout-text-wrap p, .naag-card .fl-callout-text { font-size: 14px !important; line-height: 1.4 !important; margin: 0 !important; }
/* Card CTA link: mono/uppercase gold-ink, small, gold arrow after the words, pinned to the bottom */
.naag-card .fl-callout-cta-link { margin-top: auto !important; display: block !important; width: fit-content; max-width: 100%; white-space: nowrap; font-family: "Source Code Pro", monospace !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .06em !important; text-transform: uppercase !important; color: #7E6317 !important; text-decoration: none !important; padding-top: 14px; }
.naag-card .fl-callout-cta-link::after { content: "\2192"; display: inline-block; margin-left: .45em; transition: transform .2s ease; }
.naag-card:hover .fl-callout-cta-link::after { transform: translateX(3px); }
.naag-card .fl-callout-cta-link:focus-visible { text-decoration: underline !important; outline: 2px solid #CEAA4A; outline-offset: 2px; }

/* "More" links (mono gold-ink) — one gold arrow after the text. Variants differ (some are <p><a>, some plain <p>); target the shared <p> so exactly one arrow renders */
.naag-more, .naag-more * { font-family: "Source Code Pro", monospace !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #7E6317 !important; }
.naag-more p { display: inline-flex; align-items: center; gap: .4em; margin: 0; }
.naag-more p::after { content: "\2192"; display: inline-block; transition: transform .2s ease; }
.naag-more:hover p::after { transform: translateX(3px); }

/* Newsroom list (BB Post Grid rendered as plain rows, not cards) */
.naag-news .fl-post-grid-post { background: transparent !important; box-shadow: none !important; border: 0 !important; border-radius: 0 !important; padding: 0 !important; }
/* The .naag-nrow/.naag-nd classes are ALSO (wrongly) on the news column + post-grid module; scope the row layout to the real per-item rows so it doesn't turn the whole column into a grid and indent everything */
.fl-col.naag-nrow, .fl-module-post-grid.naag-nrow { display: block !important; grid-template-columns: none !important; }
.fl-col.naag-nd, .fl-module-post-grid.naag-nd { letter-spacing: normal !important; text-transform: none !important; }
.naag-news .fl-post-grid-post .naag-nrow { display: grid; grid-template-columns: 74px 1fr; gap: 18px; padding: 18px 0; align-items: start; border-top: none; }
/* hairline divider only BETWEEN rows (each post is wrapped in its own .fl-post-column, so :first-child can't be used) */
.naag-news .fl-post-column + .fl-post-column .naag-nrow { border-top: 1px solid #DBDFE6; }
.naag-news .fl-post-grid-post .naag-nd { font-family: "Source Code Pro", monospace; font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: #7E6317; padding-top: 3px; }
.naag-nrow h3 { margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: 19px; line-height: 1.3; font-weight: 600; }
.naag-nrow h3 a { color: #1A303D; text-decoration: none; }
.naag-nrow h3 a:hover { color: #7E6317; }

/* Publications (.naag-pub tiles with .naag-cover mini book cover) */
.naag-pub { display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: center; background: #fff; border: 1px solid #E7EDED; border-radius: 10px; padding: 16px 18px; text-decoration: none; transition: border-color .2s ease, transform .2s ease; }
.naag-pub + .naag-pub { margin-top: 12px; }
.naag-pub:hover { border-color: rgba(206,170,74,.6); transform: translateY(-2px); }
.naag-cover { width: 44px; height: 56px; border-radius: 3px; background: linear-gradient(160deg, #2C466E, #1A303D); box-shadow: inset -6px 0 8px rgba(0,0,0,.25); position: relative; display: block; }
.naag-cover::before { content: ""; position: absolute; left: 5px; right: 8px; top: 10px; height: 2px; background: rgba(206,170,74,.8); box-shadow: 0 6px 0 rgba(255,255,255,.2), 0 12px 0 rgba(255,255,255,.2); }
.naag-pub h4 { margin: 0; font-family: "Source Serif 4", Georgia, serif; font-size: 16px; font-weight: 600; color: #1A303D; line-height: 1.25; }
.naag-pub h4 + span { display: block; font-family: "Source Code Pro", monospace; font-size: 9.5px; letter-spacing: .12em; text-transform: uppercase; color: #5B6A7D; margin-top: 5px; }

/* Connect / CTA band (.naag-band) — SOLID navy for now (pinstripe + glow commented out 2026-08-08; uncomment the ::after below + its mobile media query to restore) */
.naag-band .fl-row-content-wrap { background: #1A303D !important; position: relative; overflow: hidden; }
/* .naag-band .fl-row-content-wrap::after { content: "" !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: auto !important; right: 0 !important; width: 46% !important; opacity: .92 !important; z-index: 0 !important; background: linear-gradient(90deg, #1A303D, rgba(0,0,0,0) 20%), repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 2px, rgba(0,0,0,0) 2px 46px), linear-gradient(160deg, #3A5A8F, #1A303D) !important; } */
.naag-band .fl-row-content { position: relative; z-index: 1; }
.naag-band h1, .naag-band h2, .naag-band h3, .naag-band .fl-heading * { color: #fff !important; }
.naag-band p, .naag-band .naag-lede, .naag-band .fl-rich-text { color: #C4CCDA !important; }
.naag-cta-row { display: flex; gap: 14px; flex-wrap: wrap; }
/* CTA band buttons — uniform width/size regardless of label length */
.naag-cta-row a.fl-button { display: block; width: 100%; box-sizing: border-box; text-align: center; }
.naag-band .fl-module-button.ghost a.fl-button, .naag-band .fl-module-button.ghost a.fl-button:visited { border-color: rgba(255,255,255,.6) !important; color: #fff !important; }
.naag-band .fl-module-button.ghost a.fl-button * { color: #fff !important; }
.naag-band .fl-module-button.ghost a.fl-button:hover, .naag-band .fl-module-button.ghost a.fl-button:hover * { background: #fff !important; border-color: #fff !important; color: #1A303D !important; }
/* @media (max-width: 900px) { .naag-band .fl-row-content-wrap::after { display: none !important; } } */
@media (max-width: 767px) { .naag-pullup { margin-top: 0; } .naag-cards .naag-card { margin-bottom: 16px; } }

/* Eyebrow on DARK sections -> gold (placed LAST + .banner-title specificity so it beats the hero white-text rule) */
.bg1 .naag-eyebrow, .bg1 .naag-eyebrow *,
.banner-title.bg1 .naag-eyebrow, .banner-title.bg1 .naag-eyebrow *,
.naag-band .naag-eyebrow, .naag-band .naag-eyebrow * { color: #CEAA4A !important; }