/*
Theme Name: UA Local 32
Theme URI: https://brandography.com
Author: Brandography
Author URI: https://brandography.com
Description: This is the UA Local 32 website wordpress theme, based on the Brandography Flex theme. See readme.txt for use restrictions.
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: Restricted Use
License URI: n/a
Text Domain: brando_flex
*/

@charset "utf-8";



/*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Generic - Normalize - Box sizing # Base - Typography - Elements - Links - Forms ## Layouts # Components - Navigation - Posts and pages - Comments - Widgets - Media - Captions - Galleries # plugins - Jetpack infinite scroll # Utilities - Accessibility - Alignments --------------------------------------------------------------*/
/*-------------------------------------------------------------- # Generic --------------------------------------------------------------*/
/* Normalize --------------------------------------------- */
 .js .tmce-active .wp-editor-area {
	 color: inherit !important;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document ========================================================================== */
/** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */
 html {
	 line-height: 1.15;
	 -webkit-text-size-adjust: 100%;
	 font-size: 16px;
}
/* Sections ========================================================================== */
/** * Remove the margin in all browsers. */
 body {
	 margin: 0;
	 overflow-x: hidden;
}
/** * Render the `main` element consistently in IE. */
 main {
	 display: block;
}
/** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */
 h1 {
	 font-size: 2em;
	 margin: 20px 0;
}
/* Grouping content ========================================================================== */
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
 hr {
	 box-sizing: content-box;
	 height: 0;
	 overflow: visible;
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
 pre {
	 font-family: monospace, monospace;
	 font-size: 1em;
}
/* Text-level semantics ========================================================================== */
/** * Remove the gray background on active links in IE 10. */
 a {
	 background-color: transparent;
}
/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
 abbr[title] {
	 border-bottom: none;
	 text-decoration: underline;
	 text-decoration: underline dotted;
}
/** * Add the correct font weight in Chrome, Edge, and Safari. */
 b, strong {
	 font-weight: 800;
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
 code, kbd, samp {
	 font-family: monospace, monospace;
	 font-size: 1em;
}
/** * Add the correct font size in all browsers. */
 small {
	 font-size: 80%;
}
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
 sub, sup {
	 font-size: 75%;
	 line-height: 0;
	 position: relative;
	 vertical-align: baseline;
}
 sub {
	 bottom: -0.25em;
}
 sup {
	 top: -0.5em;
}
/* Embedded content ========================================================================== */
/** * Remove the border on images inside links in IE 10. */
 img {
	 border-style: none;
}
/* Forms ========================================================================== */
 .form-holder {
	 width: 100%;
}
 .gform_heading {
	 display: none;
}
/** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */
 input, optgroup, select, textarea {
	 font-family: inherit;
	 font-size: 100%;
	 line-height: 1.15;
	 margin: 0;
}
/** * Show the overflow in IE. * 1. Show the overflow in Edge. */
 button, input {
	 overflow: visible;
}
/** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */
 button, select {
	 text-transform: none;
}
/** * Correct the inability to style clickable types in iOS and Safari. */
 button, [type="button"], [type="reset"], [type="submit"] {
	 -webkit-appearance: button;
}
/** * Remove the inner border and padding in Firefox. */
 button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
	 border-style: none;
	 padding: 0;
}
/** * Restore the focus styles unset by the previous rule. */
/** * Correct the padding in Firefox. */
 fieldset {
	 padding: 0.35em 0.75em 0.625em;
}
/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
 legend {
	 box-sizing: border-box;
	 color: inherit;
	 display: table;
	 max-width: 100%;
	 padding: 0;
	 white-space: normal;
}
/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
 progress {
	 vertical-align: baseline;
}
/** * Remove the default vertical scrollbar in IE 10+. */
 textarea {
	 overflow: auto;
}
/** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */
 [type="checkbox"], [type="radio"] {
	 box-sizing: border-box;
	 padding: 0;
}
/** * Correct the cursor style of increment and decrement buttons in Chrome. */
 [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
	 height: auto;
}
/** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */
 [type="search"] {
	 -webkit-appearance: textfield;
	 outline-offset: -2px;
}
/** * Remove the inner padding in Chrome and Safari on macOS. */
 [type="search"]::-webkit-search-decoration {
	 -webkit-appearance: none;
}
/** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */
 ::-webkit-file-upload-button {
	 -webkit-appearance: button;
	 font: inherit;
}
/* Interactive ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox. */
 details {
	 display: block;
}
/* * Add the correct display in all browsers. */
 summary {
	 display: list-item;
}
/* Misc ========================================================================== */
/** * Add the correct display in IE 10+. */
 template {
	 display: none;
}
/** * Add the correct display in IE 10. */
 [hidden] {
	 display: none;
}
/* Box sizing --------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level. @link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
 *, *::before, *::after {
	 box-sizing: inherit;
}
 html {
	 box-sizing: border-box;
}
/* Mobile Main */
 @media only screen and (min-width: 1301px) {
	 .desktop-only {
		 display: flex;
	}
	 .mobile-only {
		 display: none;
	}
}
 @media only screen and (max-width: 900px) {
	 .desktop-only {
		 display: none;
	}
	 .mobile-only {
		 display: flex;
	}
}

/* -------- Password Login ---------- */
.post-password-form {
	max-width:var(--mainwidth);
	margin:auto;
	& input[type="submit"] {
		padding: 0.5rem 2rem !important;
		display: inline-block;
		border-radius: 25px !important;
		text-transform: uppercase;
		font-size: 0.85rem;
		text-decoration: none;
		margin: 1rem 0;
		margin-top: 20px !important;
		margin-right: 0px;
		text-align: center;
		line-height: 1.25;
		cursor: pointer;
		transition: all ease 0.25s;
		position: relative;
		overflow: hidden;
		z-index: 9;
		background: var(--accent) !important;
		color: var(--light) !important;
		border: none !important;
	}
}


/*-------------------------------------------------------------- # Base --------------------------------------------------------------*/
/* Typography --------------------------------------------- */
 body, input, select, optgroup, textarea, button {
	 color: var(--dark);
	 font-size: 1rem;
	 line-height: 1.5;
	 font-family: var(--mainfont);
}
 h1, h2, h3, h4, h5, h6, .heading-style {
	 clear: both;
	 line-height: 1;
	 margin: 1rem 0;
	 text-wrap: balance;
	 font-family: var(--altfont);
	 font-weight: 600;
	 color: var(--dark);
}
h1 {
font-family: "operetta-12", serif;
font-weight: 600;
font-style: normal;
text-transform: uppercase;
}

 .supertitle {
	 font-size: 1.25rem;
	 text-transform: uppercase;
}

 .intro-content {
	 text-wrap: balance;
	 & p {
		text-wrap:balance;
	 }
}

 .main-subtitle {
	 text-wrap: balance;
}

 h1 {
	 font-size: 4rem;
	 font-weight: 800 !important;
}
 h2 {
	 font-size: 3.5rem;
}
 h3 {
	 font-size: 2.5rem;
}
 h4 {
	 font-size: 2rem;
}
 h5 {
	 font-size: 1.5rem;
}
 h6, .heading-style {
	 font-size: 1.25rem;
}
 @media screen and (max-width: 901px) and (min-width: 600px) {
	 h1 {
		 font-size: 3.5rem;
	}
	 h2 {
		 font-size: 3rem;
	}
	 h3 {
		 font-size: 2.5rem;
	}
	 h4 {
		 font-size: 2rem;
	}
	 h5 {
		 font-size: 1.5rem;
	}
	 h6 {
		 font-size: 1rem;
	}
}
 @media only screen and (max-width: 600px) {
	.supertitle {
		font-size: 1rem;
	}
	 h1 {
		 font-size: 3rem;
	}
	 h2 {
		 font-size: 2.5rem;
	}
	 h3 {
		 font-size: 2rem;
	}
	 h4 {
		 font-size: 1.5rem;
	}
	 h5 {
		 font-size: 1.25rem;
	}
	 h6 {
		 font-size: 1.25rem;
	}
}
 p {
	 margin-top: 0.5rem;
	 margin-bottom: 1rem;
	 font-size: 1.25rem;
	 line-height: 1.5;
}
li {
	font-size:1.25rem;
}
 dfn, cite, em, i {
	 font-style: italic;
}
 blockquote {
	 margin: 0 1.5em;
	 border-left:solid 4px var(--accent);
	 background:var(--light);
	 padding:1rem 2rem 1rem 2rem;
	 text-align:left;
}
 address {
	 margin: 0 0 1.5em;
}
 pre {
	 background: #eee;
	 font-family: "Courier 10 Pitch", courier, monospace;
	 line-height: 1.6;
	 margin-bottom: 1.6em;
	 max-width: 100%;
	 overflow: auto;
	 padding: 1.6em;
}
 code, kbd, tt, var {
	 font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
 abbr, acronym {
	 border-bottom: 1px dotted #666;
	 cursor: help;
}
 mark, ins {
	 background: #fff9c0;
	 text-decoration: none;
}
 big {
	 font-size: 125%;
}
 p a, li a {
	 text-decoration-thickness: 2px;
	 text-decoration-color: var(--accent);
	 text-underline-offset: 1.5px;
	 font-weight:600;
}


.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	margin-top: 2rem !important;
	margin-bottom: 1.5rem !important;
}


/* Elements --------------------------------------------- */
 a {
	 display: inline-block;
}
 body {
	 background: #fff;
}
 hr {
	 border: none;
	 border-bottom: dotted 2px var(--accent);
	 height: 0px;
	 margin-bottom: 0;
	 margin-top: 2rem;
}

 .entry-content p a button {
	 background: var(--accent);
	 border: none;
	 border-radius: 0;
	 color: #fff;
	 padding: 1rem 2rem;
	 font-weight: 600;
	 cursor: pointer;
}
 ul, ol {
	 margin: 1.5em;
	 padding-left: 1.5em;
}
 ul {
	 list-style: disc;
}
 ol {
	 list-style: decimal;
}
 .two-col-list ul {
	 column-count: 2;
	 column-gap: 4rem;
	 column-fill: balance;
}
 .two-col-list ul li {
	 break-inside: avoid;
}
 .basic-flex-section ul, .basic-flex-section ol {
	 margin-top: 0;
	 margin-bottom: 1rem;
}
 li > ul, li > ol {
	 margin-bottom: 0;
	 margin-left: 1.5em;
}
 .two-col-list ul {
	 column-count: 2;
	 width: 100%;
}
 dt {
	 font-weight: 700;
}

 #global-menu li {
	 margin-bottom: 0;
}
 dd {
	 margin: 0 1.5em 1.5em;
}
/* Make sure embeds and iframes fit their containers. */
 embed, iframe, object {
	 max-width: 100%;
}
 img {
	 height: auto;
	 max-width: 100%;
}
 figure {
	 margin: 1em 0;
}
 table {
	 margin: 0 0 1.5em;
	 width: 100%;
}
/* Forms --------------------------------------------- */
 input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	 color: var(--gray);
	 border: none;
	 padding: 3px;
	 box-sizing: border-box;
	 width: 100%;
	 background: none;
	 margin-right: 0px;
	 border: solid 2px var(--dark);
	 border-radius: 0 !important;
	 -webkit-appearance: none !important;
	 -webkit-border-radius: 0 !important;
}
 input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	 border-color:var(--accent);
}
 input[type="text"].completed-field, input[type="email"].completed-field, input[type="url"].completed-field, input[type="password"].completed-field, input[type="search"].completed-field, input[type="number"].completed-field, input[type="tel"].completed-field, input[type="range"].completed-field, input[type="date"].completed-field, input[type="month"].completed-field, input[type="week"].completed-field, input[type="time"].completed-field, input[type="datetime"].completed-field, input[type="datetime-local"].completed-field, input[type="color"].completed-field, textarea.completed-field {
	border-color:var(--accent);
}
 select {
	 border: 1px solid #ccc;
}
 textarea {
	 width: 100%;
}
.fs-label {
	padding:.75rem !important;
}
.fs-label-wrap {
	border:solid 2px var(--dark) !important;
}
/* ----------------------- Gravity Forms ------------------------ */
 .gform_confirmation_message {
	 background: var(--white);
	 box-shadow: var(--mainshadow);
	 padding: 1rem 2rem 1rem 2.5rem;
	 display: flex;
	 flex-flow: wrap column;
	 align-items: flex-start;
	 justify-content: center;
	 position: relative;
	 margin-top: 1rem;
}
 .gform_confirmation_message br {
	 display: none;
}
 .gform_confirmation_message a {
	 margin-top: 1rem !important;
}

 .gfield--type-consent {
	 margin-top: 2rem !important;
}
 .gform_legacy_markup_wrapper .gfield_checkbox li input, .gform_legacy_markup_wrapper .gfield_checkbox li input[type="checkbox"], .gform_legacy_markup_wrapper .gfield_radio li input[type="radio"] {
	 width: 20px !important;
	 height: 20px !important;
}
 .gform_legacy_markup_wrapper ul.gfield_checkbox li label, .gform_legacy_markup_wrapper ul.gfield_radio li label {
	 margin-left: 10px !important;
}
 .gform_legacy_markup_wrapper ul.gfield_checkbox li, .gform_legacy_markup_wrapper ul.gfield_radio li {
	 overflow: visible !important;
	 margin-right: 2rem !important;
}
 .gform_legacy_markup_wrapper .field_sublabel_above .ginput_complex.ginput_container label, .gform_legacy_markup_wrapper .field_sublabel_above div[class*="gfield_time_"].ginput_container label {
	 margin: 10px 0px 10px 0px !important;
}
 .gform_button {
	 font-size: 1rem !important;
}
 .gform-body select {
	 height: auto;
	 padding: 1rem !important;
	 border-bottom: solid 3px var(--dark);
}
 .horizontal-choices .gfield_checkbox {
	 display: flex;
	 flex-flow: wrap row;
}
 .horizontal-choices .gfield_checkbox .gchoice {
	 width: 33.33%;
}
 .gform-grid-col {
	 padding: 10px 10px 10px 0;
}
 .gform_fields {
	 padding: 0 !important;
}
 .ginput_full {
	 width: 100%;
}
 .ginput_complex {
	 display: flex;
	 flex-flow: Wrap row;
}
 .gform-grid-col--size-auto {
	 width: 50%;
}
 .ginput_address_zip {
	 width: 100% !important;
}
 .gform_wrapper .gfield_label {
	 font-weight: 600 !important;
}
 .gform_wrapper {
	 width: 100% !important;
}
 input, textarea, .gform_wrapper.gravity-theme .ginput_complex select {
	 padding: .5rem 0.5rem 0.5rem 0.5rem !important;
	 background:none;
}
.gform_wrapper.gravity-theme .ginput_complex select {
	border:solid 2px var(--dark);
}
 .ginput_container_email input {
	 width: 100% !important;
}
 body .gform_legacy_markup_wrapper ul li.gfield {
	 margin-top: 0 !important;
	 margin-bottom: 1rem !important;
}

 .gfield--type-text .gfield_label, .gfield--type-email .gfield_label, .gfield--type-textarea .gfield_label, .gfield--type-phone .gfield_label {
	 position: relative;
	 transition: all ease 0.25s;
}

 .completed-field input, .completed-field textarea {
	 background: var(--white);
}
 .gfield {
	 margin-bottom: 1rem;
}
 .gfield_label {
	 pointer-events: none;
}
.gfield_radio {
	display:flex;
	flex-flow:Wrap row;
	& .gchoice {
		margin-right:20px;
	}
	& label {
		white-space:nowrap;
	}
}
.gfield--type-radio {
	margin-bottom:1rem !important;
}
.gform_wrapper.gravity-theme .gfield_description {
	padding-top:0 !important;
	font-style:italic;
}
/*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/
/*-------------------------------------------------------------- # Components --------------------------------------------------------------*/
/* Navigation --------------------------------------------- */
 .main-navigation {
	 display: block;
	 width: 100%;
}
 .main-navigation ul {
	 display: none;
	 list-style: none;
	 margin: 0;
	 padding-left: 0;
}
 .main-navigation li {
	 position: relative;
}
 .main-navigation a {
	 display: block;
	 text-decoration: none;
}
/* Small menu. */
 .menu-toggle, .main-navigation.toggled ul {
	 display: block;
}
 .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
	 margin: 0 0 1.5em;
}
 .comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
	 display: flex;
}
 .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	 flex: 1 0 50%;
}
 .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	 text-align: end;
	 flex: 1 0 50%;
}
/* Posts and pages --------------------------------------------- */
 .sticky {
	 display: block;
}
 .post, .page {
	 margin: 0;
}
 .updated:not(.published) {
	 display: none;
}
 .page-content, .entry-content, .entry-summary {
	 margin: 1.5em 0 0;
}
 .page-links {
	 clear: both;
	 margin: 0 0 1.5em;
}
/* Comments --------------------------------------------- */
 .comment-content a {
	 word-wrap: break-word;
}
 .bypostauthor {
	 display: block;
}
/* Widgets --------------------------------------------- */
 .widget {
	 margin: 0 0 1.5em;
}
 .widget select {
	 max-width: 100%;
}
/* Media --------------------------------------------- */
 .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	 border: none;
	 margin-bottom: 0;
	 margin-top: 0;
	 padding: 0;
}
/* Make sure logo link wraps around logo image. */
 .custom-logo-link {
	 display: inline-block;
}
/* Captions --------------------------------------------- */
 .wp-caption {
	 margin-bottom: 1.5em;
	 max-width: 100%;
	 background: var(--dark);
}
 .wp-caption img[class*="wp-image-"] {
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
}
 .wp-caption .wp-caption-text {
	 padding: 0.5rem;
}
 .wp-caption-text {
	 text-align: center;
	 color: var(--white);
}
/* Galleries --------------------------------------------- */
 .gallery {
	 margin-bottom: 1.5em;
	 display: flex;
	 flex-flow: wrap row;
}
 .gallery .brando-box {
	 width: 33.33%;
	 justify-content: center;
}
 .gallery-item {
	 width: auto;
	 display: flex;
	 padding: 10px;
	 & figure {
		margin:0;
		position:relative;
		&:after {
			content:"";
			background:url("/wp-content/themes/brando_flex/assets/zoom.svg") no-repeat;
			background-size:contain;
			height:40px;
			width:40px;
			display:block;
			position:absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
			margin:auto;
			box-shadow:var(--mainshadow);
			border-radius:50%;
			transition: all ease .25s;
			opacity:0;
		}
		&:hover:after {
			opacity:1;
		}
	 }
}
 .gallery-item img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 aspect-ratio: 1.5;
	 margin-bottom:5px;
}
 .lightbox-gallery-section .inner-content {
	 justify-content: center;
	 text-align: center;
}
 .lightbox-gallery-section .intro-content {
	 max-width: 1100px;
	 margin: auto;
}
figure {
	position:relative;
}
figure figcaption {
	position:absolute;
	bottom:1rem;
	left:1rem;
	color:var(--white);
	font-size:1.5rem;
	font-weight:800;
	text-shadow:0 0 25px rgba(0,0,0,.25);
}

@media only screen and (max-width: 768px) {
	.gallery .brando-box {
		width:50%;
	}
}

/* ------- Google Translate ---- */
 .gt_selector {
	 background: var(--white);
	 bordeR: none;
	 width: 250px;
	 box-shadow: 0 0 25px rgba(0, 0, 0, .15);
	 padding: 5px;
}
/*-------------------------------------------------------------- # Plugins --------------------------------------------------------------*/
/* Jetpack infinite scroll --------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
 .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
	 display: none;
}
/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
 .infinity-end.neverending .site-footer {
	 display: block;
}


/*-------------------------------------------------------------- # Utilities --------------------------------------------------------------*/
/* Accessibility --------------------------------------------- */
/* Text meant only for screen readers. */
 .screen-reader-text {
	 border: 0;
	 clip: rect(1px, 1px, 1px, 1px);
	 clip-path: inset(50%);
	 height: 1px;
	 margin: -1px;
	 overflow: hidden;
	 padding: 0;
	 position: absolute !important;
	 width: 1px;
	 word-wrap: normal !important;
}
 .screen-reader-text:focus {
	 background-color: #f1f1f1;
	 border-radius: 3px;
	 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	 clip: auto !important;
	 clip-path: none;
	 color: #21759b;
	 display: block;
	 font-size: 0.875rem;
	 font-weight: 700;
	 height: auto;
	 left: 5px;
	 line-height: normal;
	 padding: 15px 23px 14px;
	 text-decoration: none;
	 top: 5px;
	 width: auto;
	 z-index: 100000;
}
/* Do not show the outline on the skip link target. */
 #primary[tabindex="-1"]:focus {
	 outline: 0;
}
/* Focus Indicators */
 :focus-visible {
	 outline: 2px solid var(--white) !important;
	 box-shadow: 0 0 0 2px var(--accent) !important;
}
 .ginput_container input:focus-visible, .ginput_container textarea:focus-visible {
	 outline: none !important;
	 box-shadow: none !important;
}
/* Alignments --------------------------------------------- */
 .alignleft {
	/*rtl:ignore*/
	 float: left;
	/*rtl:ignore*/
	 margin-right: 1.5em;
	 margin-bottom: 1.5em;
}
 .alignright {
	/*rtl:ignore*/
	 float: right;
	/*rtl:ignore*/
	 margin-left: 1.5em;
	 margin-bottom: 1.5em;
}
 .aligncenter {
	 clear: both;
	 display: block;
	 margin-left: auto;
	 margin-right: auto;
	 margin-bottom: 1.5em;
}



/************************************************ Stylesheet: Global Stylesheet *************************************************/
/********************* POSTS & CONTENT STYLES *********************/
 .page-title .vcard {
	 border: 0px;
	 padding: 0px;
}
 .byline {
	 color: #999;
}
 .entry-content img {
	 max-width: 100%;
	 height: auto;
}
 .entry-content .alignleft, .entry-content img.alignleft {
	 margin-right: 1.5em;
	 display: inline;
	 float: left;
}
 .entry-content .alignright, .entry-content img.alignright {
	 margin-left: 1.5em;
	 display: inline;
	 float: right;
}
 .entry-content .aligncenter, .entry-content img.aligncenter {
	 margin-right: auto;
	 margin-left: auto;
	 display: block;
	 clear: both;
}
 .entry-content video, .entry-content object {
	 max-width: 100%;
	 height: auto;
}
 .entry-content pre {
	 background: #eee;
	 border: 1px solid #cecece;
	 padding: 10px;
}
 .wp-caption {
	 max-width: 100%;
}
 .wp-caption img {
	 max-width: 100%;
	 margin-bottom: 0;
	 width: 100%;
}
 .wp-caption p.wp-caption-text {
	 font-size: 0.85em;
	 margin: 4px 0 7px;
	 text-align: center;
}
 .post-password-form input[type="submit"] {
	 display: inline-block;
	 vertical-align: middle;
	 margin: 0 0 1rem 0;
	 font-family: inherit;
	 padding: 0.85em 1em;
	 -webkit-appearance: none;
	 border: 1px solid transparent;
	 border-radius: 0;
	 transition: background-color 0.25s ease-out, color 0.25s ease-out;
	 font-size: 0.9rem;
	 line-height: 1;
	 text-align: center;
	 cursor: pointer;
	 background-color: #1779ba;
	 color: #fefefe;
}
 [data-whatinput='mouse'] .post-password-form input[type="submit"] {
	 outline: 0;
}
 .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
	 background-color: #14679e;
	 color: #fefefe;
}
/********************* PAGE NAVI STYLES *********************/
 .page-navigation {
	 margin-top: 1rem;
}
/********************* SIDEBARS & ASIDES *********************/
 .sidebar li {
	 list-style: none;
}
 .widget ul {
	 margin: 0;
}
/********************* FOOTER STYLES *********************/
 .footer {
	 clear: both;
	 margin-top: 1em;
}
/********************* VISUAL EDITOR STYLES *********************/
 body#tinymce {
	 margin: 20px;
}
/********************* PLUGIN STYLES *********************/
 .gform_body ul {
	 list-style: none outside none;
	 margin: 0;
}
/*# sourceMappingURL=style.css.map */
 .error-404 {
	/**** -------------------------------------------- Main Styles ------------------------------------------------ ***/
	/* --------------------- 404 ------------------------ */
}
 .error-404 .supertitle {
	 color: #fff;
	 font-weight: 400;
}
 .error-404 .title-inner-content p {
	 color: #fff;
}
.title-section.error-404 {
	min-height:600px;
}
/* ----------------------- Sets -------------------------- */
.blog .site-main {
	max-width:none;
	margin:0;
}
 .site-main {
	 padding: 1rem;
	 max-width: var(--mainwidth);
	 margin: auto;
}
 .three-col {
	 display: flex;
	 flex-flow: wrap row;
}
 .one-third {
	 width: 33.33%;
}
 .halves {
	 display: flex;
}
 .one-half {
	 width: 50% !important;
	 flex-grow:1;
	 &.none {
		padding-right:0 !important;
	 }
}
 .one-third {
	 width: 33.333% !important;
}
 .two-thirds {
	 width: 66.666% !important;
}
 .gform_button {
	 color: var(--accent);
	 background: none;
}

@media only screen and (max-width: 768px) {
	.one-half {
		width:100% !important;
	}
}

.top .inner-content {
	align-items: flex-start;
}

 .locations-list a:hover span {
	 text-decoration: underline;
	 text-decoration-color: currentcolor;
	 text-decoration-thickness: auto;
	 text-decoration-thickness: 3px;
	 text-decoration-color: var(--accent);
}
 .btn, .content-side .search-submit, .gform_button, .contact-button a, .facetwp-facet button, .video-button a, .button {
	 padding: 0.5rem 2rem !important;
	 display: inline-block;
	 border-radius:25px;
	 text-transform: uppercase;
	 font-size: 0.85rem;
	 text-decoration: none;
	 margin: 1rem 0;
	 text-align: center;
	 line-height: 1.25;
	 cursor: pointer;
	 transition: all ease 0.25s;
	 position: relative;
	 overflow: hidden;
	 z-index: 9;
	 background:var(--accent) !important;
	 color: var(--light) !important;
	 border:none !important;
}

 .facetwp-facet button {
	 background: none;
}
 .facetwp-hidden {
	 display: none !important;
}
 .btn:hover, .content-side .search-submit:hover, .gform_button:hover, .contact-button a:hover {
	 background: var(--green);
}
 .facetwp-facet button:hover {
	 background: var(--accent);
	 color: var(--white);
}

.gform_button {
	 background: var(--accent);
	 color: var(--white) !important;
}
 @media only screen and (max-width: 450px) {
	 .button-holder {
		 display: flex;
		 flex-flow: Wrap column;
	}
	 .button-holder a {
		 width: 100%;
		 margin-left: 0;
		 margin-right: 0;
		 margin-bottom: 1rem;
	}
}
 .center-aligned .button-holder {
	 text-align: center;
}
 .text-link {
	 text-transform: uppercase;
	 display: inline-block;
	 text-decoration: none;
	 font-weight: 600;
	 position: relative;
	 color:var(--dark);
}
 .text-link:after {
	 content: "";
	 position: relative;
	 background: url("/wp-content/themes/brando_flex/assets/arrow_right.svg");
	 background-size: contain;
	 top: 1px;
	 bottom: auto;
	 width: 0.85rem;
	 height: 0.85rem;
	 background-repeat: no-repeat;
	 display: inline-block;
	 left: 5px;
	 transition: all ease 0.25s;
}
 .text-link:hover:after {
	 left: 10px;
}
 .btn-support {
	 margin-left: 1rem;
}
 .search-post {
	 padding: 0.5rem;
}


.pac-badge .left .flex-content-inner {
	position:relative;
	& h3 {
		padding-right:75px;
	}
	&:after {
		background:url("/wp-content/uploads/2025/03/PAC-Logo.png") no-repeat;
		background-size:contain;
		position:absolute;
		height:110px;
		width:110px;
		display:block;
		right:-25px;
		top:-30px;
		padding:10px;
		content:"";
	}
	&:before {
		height:125px;
		width:125px;
		content:"";
		position:absolute;
		right:-25px;
		top:-35px;
		background:var(--white);
		border-radius:50%;
		box-shadow:0 0 20px rgba(0,0,0,.25);
	}
}

/* ----------------------- Variables and Utilities --------------------- */


 :root {
	 --mainwidth: 1600px;
	 --smallwidth: 1000px;
	 --mainshadow: 0 0 10px rgba(0, 0, 0, .1);
	 --mainpadding: 3rem 1rem;
	 --smallpadding: 1.5rem 1rem;
	 --bigpadding: 6rem 1rem;

	 /* Colors */
	 --teal: #298A92;
	 --green: #60906E;
	 --brightgreen: #B1B244;
	 --lightgreen: #e4ece6;
	 --lightgray: #F5F6F6;
	 --white: #fff;
	 --black: #0C1E22;
	 --darkgray: #0C1E22;
	

	 --dark: var(--darkgray);
	 --light: var(--white);
	 --accent: var(--teal);

	 /* Fonts */
	 --mainfont: proxima-nova, sans-serif;
	 --altfont: barlow, sans-serif;
}




.small .inner-content {
	padding: var(--smallpadding);
}
.medium .inner-content {
	padding: var(--mainpadding);
}
.large .inner-content {
	padding: var(--bigpadding);
}
.flush .inner-content {
	padding: 0 1rem;
}

/* Color Schemes */

.white {
	background:var(--white);
}
.lightgray {
	background:var(--lightgray);
}
.darkgray {
	background:var(--darkgray);
}
.orange {
	background:var(--orange);
	& .btn {
		background:var(--dark);
	}
}
.lightgreen {
	background:var(--lightgreen);
	& .accent-dots {
		filter:brightness(2);
	}
}
.black {
	background:var(--black);
}
.teal {
	background:var(--teal);
	& .btn {
		background:var(--brightgreen) !important;
		&:hover {
			filter:brightness(1.1) !important;
		}
	}
}

.white, .lightgray {
	color: var(--dark);
	& p, h1, h2, h3, h4, h5, h6, li {
		color:var(--dark);
	}
	& .slick-dots button {
		border-color:var(--dark) !important;
	}
	& .slick-dots li.slick-active button {
		border: solid 2px var(--dark) !important;
		background: var(--dark) !important;
	  }
}

.teal, .black, .darkgray, .green, .brightgreen, .teal, .bgimage, .bgvideo {
	color: var(--light);
	& p, h1, h2, h3, h4, h5, h6, li {
		color:var(--light);
	}
	& .slick-dots button {
		border-color:var(--light) !important;
	}
	& .slick-dots li.slick-active button {
		border: solid 2px var(--light) !important;
		background: var(--light) !important;
	  }
	  & .header-search .search-field {
		border-color:var(--light);
		color:var(--light);
		caret-color: var(--light);
	  }
	  & .individual-post {
		background:var(--white);
	  }
}



.top-angle {
	height:50px;
	width:100%;
	display:block;
	position:absolute;
	top:0;
	z-index:1;
	clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.bottom-angle {
	height:50px;
	width:100%;
	display:block;
	position:absolute;
	bottom:0;
	z-index:99;
	clip-path: polygon(100% 100%, 0 0, 0 100%);
	transform:scaleX(-1);
}

@media only screen and (max-width: 500px) {
	.bottom-angle, .top-angle {
		height:1.5rem;
	}
}



.content-wrapper.center-aligned {
	text-align:center;
}
.content-wrapper.center {
	display:flex;
	flex-flow:nowrap column;
	justify-content: center;
	align-items: flex-start;
}
.content-wrapper.center-aligned.center {
	align-items:center;
}

.inner-content.left-aligned {
	text-align:left !important;
	align-items: flex-start !important;
}
.inner-content.center-aligned {
	text-align:center !important;
	justify-content: center;
	text-wrap:balance;
}

.center-aligned .wysiwyg-intro-content {
	text-align:center !important;
	align-items: center !important;
}
.main-content-side-inner.center-aligned {
	text-align:center;
}


.flexcenter_col {
	display:flex;
	flex-flow: nowrap column;
	align-items: center;
	justify-content: center;
}
.flexcenter_row {
	display:flex;
	flex-flow: wrap row;
	align-items: center;
	justify-content: center;
}


.left-aligned .intro-content {
	margin-left:0 !important;
	max-width:100%;
}


.main-content-side.center {
	display:flex;
	align-items:center;
}


.accent-dots {
	background:url("/wp-content/themes/brando_flex/assets/accent-dots.svg") no-repeat;
	background-size:cover;
	background-position:bottom;
	position:absolute;
	display:block;
	width:100%;
	height:70%;
	left:0;
	bottom:0;
	max-height:600px;
}


 html {
	 scroll-behavior: smooth;
}
 .content-wrapper {
	 width: 100%;
}
 .content-wrapper p {
	 text-wrap: balance;
}
 .inner-content {
	 max-width: var(--mainwidth);
	 width: 100%;
	 margin: 0 auto;
	 z-index: 9;
	 padding: 2rem;
	 display: flex;
	 flex-flow: wrap row;
	 position: relative;
}
 @media only screen and (max-width: 600px) {
	 .inner-content {
		 padding: 2rem 1rem;
	}
}
 .image-bg {
	 position: relative;
}
 .bg-overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 right:0;
	 bottom:0;
	 z-index: 1;
	 pointer-events: none;
	 opacity:1;
	 background: linear-gradient(90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 100%);
	 mix-blend-mode:multiply;
	}


 .background-image {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 object-position: center center;
	 z-index: 0;
	 pointer-events: none;
	 overflow: hidden;
	 background-attachment: fixed;
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
}

@media only screen and (max-width: 600px) {
	.background-image {
		background-attachment:scroll;
	}
	
}
section {
	overflow:hidden;
}

.bgimage {
	position:relative;
	& .inner-content {
		color:var(--white);
	}
	& h1 h2, h3, h4, h5, h6 {
		color:var(--white);
	}
}

 .background-video {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 object-position: center center;
	 z-index: -1;
	 pointer-events: none;
	 overflow: hidden;
}
 .background-video video {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
}
.background-video.overlay:after, .background-image.overlay:after {
	background:var(--black);
	content:"";
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0;
	opacity:.75;

}

section {
	position:relative;
}

/* ------------------ Advanced Flex Section ------------------ */
body .advanced-flex-section {
	&.small-img figure img {
		width:300px;
	}
	&.medium-img figure img {
		width:700px;
	}
	&.full-width-img figure img {
		width:100%;
	}
	& .inner-content {
		display:flex;
		flex-flow:wrap row;
	}
	& .inner-content.split {
		& .flex-content-side {
			width:50%;
			flex-grow:1;
		}
	}
	& .constrained-width {
		max-width:var(--smallwidth);
	}

	& .stacked .flex-content-side {
		width:100%;
		padding-left:0 !important;
		padding-right:0 !important;
	}
	& .center-aligned {
		text-align:center;
		& .wysiwyg-intro-content {
			margin:auto;
		}
	}

	& .small-left .left {
		width:30%;
	}
	& .small-right .right {
		width:30%;
	}
	& .small-left .right {
		width:70%;
	}
	& .small-right .left {
		width:70%;
	}
	& .dark-tile {
		border-radius:25px;
		box-shadow:var(--mainshadow);
		padding:2rem;
		background:rgba(0,0,0,.85) !important;
		color:var(--light) !important; 
		& p, h1, h2, h3, h4, h5, h6, li, a {
			color:var(--light) !important;
		}
	}
	& .light-tile {
		border-radius:25px;
		box-shadow:var(--mainshadow);
		padding:2rem;
		background:rgba(255,255,255,.85) !important;
		color:var(--dark) !important;
		& p, h1, h2, h3, h4, h5, h6, li {
			color:var(--dark) !important;
		}
	}
	& .flex-content-side.left {
		padding-right:1rem;
	}
	& .flex-content-side.right {
		padding-left:1rem;
	}
}
.advanced-flex-section.flush {
	& .wysiwyg-intro-content {
		padding:2rem 0;
	}
	& .flex-content-side {
		min-height:100%;
	}
	& .inner-content {
		align-items: stretch !important;
	}
	& .flex-content-inner, .flex-content-inner figure, .flex-content-inner figure img {
		height:100% !important;
	}
	& .flex-content-inner figure img {
		object-fit:cover;
	}
}
.advanced-flex-section.center.flush {
	& .flex-content-inner {
		align-items: center !important;
	}
	& .wysiwyg-intro-content {
		height:100%;
		display:flex;
		flex-flow:nowrap column;
		justify-content: center;
	}
}

.advanced-flex-section.center .inner-content {
	align-items: center;
}
.advanced-flex-section.bottom .inner-content {
	align-items: flex-end;
}


.advanced-flex-section.center {
	& .inner-content {
		align-items: center !important;
	}
}

@media only screen and (max-width: 768px) {
	.flex-content-side {
		width:100% !important;
		padding:0 !important;
	}
}


/* --------------- Header ---------------------- */

/*
.members-area {
	display:none !important;
}
.logged-in .members-area {
	display:flex !important;
}
*/

/* Superheader */
.super-header {
	background:var(--black);
	& .inner-content {
		justify-content: flex-end;
		padding:5px;
	}
	& a {
		text-decoration:none;
		color:var(--white);
		font-weight:600;
	}
}
header .social-media-links {
	margin-bottom:0;
	margin-left:2rem;
	margin-right:1rem;
}

 @media only screen and (min-width: 900px) {
	 .header-nav-elements .desktop-nav .menu {
		 display: flex !important;
	}
}
 .scrolled header.site-header {
	 box-shadow: var(--mainshadow);
}


@media only screen and (max-width: 1300px) {
	.header-container {

	}
}


 .header-content {
	 display: flex;
	 justify-content: flex-end;
	 flex-flow: wrap column;
	 width: calc(100% - 150px);
}
 .header-logo img {
	 width: 150px;
	 max-width: 150px;
	 transition: all ease 0.25s;
}
 #site-navigation {
	 display: flex;
	 align-items: center;
	 justify-content: space-between !important;
}
 @media only screen and (max-width: 1300px) {
	.header-container .header-nav-elements nav#site-navigation {
		width: 100%;
		flex-flow: nowrap row-reverse !important;
		justify-content: flex-start !important;
   }
	 #site-navigation {
		 justify-content: flex-end !important;
	}
	 .desktop-nav {
		 display: none;
	}
	.super-header {
		display:none;
	}
}
 .header-logo a {
	 display: inline-block;
}
 .header-container {
	 max-width: var(--mainwidth);
	 margin: auto;
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	 padding: 1rem;
}
 header.site-header {
	 z-index: 9999;
	 box-shadow: var(--mainshadow);
	 position: sticky;
	 width: 100%;
}
header.site-header {
	 position: fixed;
	 top: 0;
}
 .header-btn {
	 width: 225px;
}
 .desktop-nav {
	 width: calc(100% - 150px);
}
 #primary-menu {
	 justify-content: flex-end;
}
 .desktop-nav li.menu-item-has-children:hover .sub-menu {
	 opacity: 1 !important;
	 pointer-events: all !important;
}


/* Menu */
.no-click > a {
	pointer-events:none;
	cursor:default !important;
}
 .menu-item button, .menu-item a, .search-open {
	 border: none;
	 background: none;
	 color: var(--darkgray);
	 font-weight:600;
	 font-size: 1.15rem;
	 cursor: pointer;
	 padding: 1rem;
	 position: relative;
	 display: flex;
	 align-items: center;
}
 .mobile-menu-wrapper .menu-item button, .mobile-menu-wrapper .menu-item a {
	 color: var(--dark) !important;
	 padding-left: 0;
}
 .sub-menu .menu-item {
	 width: 100%;
}
 .nav-menu > li {
	 padding: 20px 10px;
	 cursor: pointer;
}
 .header-btn {
	 color: var(--white);
	 margin-bottom: 0px;
	 margin-top: 0;
	 margin-left: 1rem;
	 font-weight: 600;
  font-size: 1.15rem;
  cursor: pointer;
	 text-transform:none !important;
}

 @media only screen and (max-width: 600px) {
	 body .header-logo img {
		 max-width: 75px !important;
	}
	 body .super-header .inner-content {
		 padding-top: 0 !important;
	}
}
/* Submenu */
.desktop-nav .flyout .sub-menu   {
	position:absolute !important;
	left:100% !important;
	background:var(--white) !important;
	box-shadow:var(--mainshadow) !important;
	padding:1rem !important;
	display:none;
}
.desktop-nav .flyout:hover .sub-menu {
	display:block;
}

 .sub-menu li.top-link {
	 width: 100% !important;
}
 .mega-menu .sub-menu li {
	 width: 50%;
}
 #menu-item-370 .sub-menu li, #menu-item-356 .sub-menu li {
	 width: 100% !important;
}
 #menu-item-370 .sub-menu, #menu-item-356 .sub-menu {
	 max-width: 250px !important;
	 min-width: 250px !important;
}
 .sub-menu li.top-link a {
	 display: flex !important;
	 align-items: center;
	 justify-content: space-between;
	 flex-flow: wrap row;
	 padding-bottom: 20px;
	 margin-bottom: 10px;
}
 .menu-main-menu-container li > .sub-menu li.top-link a .sub-menu-label {
	 color: var(--dark);
}
 .menu-main-menu-container li > .sub-menu li.top-link a img {
	 max-width: 50px;
	 margin-top: 10px;
	 padding-left: 20px;
}
 .menu-main-menu-container li > .sub-menu li.top-link a .menu-subtitle {
	 width: calc(100% - 60px);
	 font-weight: 500;
	 font-size: 0.8rem;
	 margin-top: 10px;
	 display: inline-block;
	 text-transform: none;
	 flex-grow: 1;
}
 .nav-menu li > .sub-menu {
	 position: absolute;
	 top: 80px;
	 display: flex;
	 flex-flow: wrap row;
	 right: auto;
	 left: 0;
	 background: var(--white);
	 transition: all ease 0.25s;
	 opacity: 0;
	 pointer-events: none;
	 width: 250px;
	 box-shadow: var(--mainshadow);
	 padding: 1rem;
}

.nav-menu li.mega-menu > .sub-menu {
	width:800px;
	align-items: flex-start;
	& article {
		width:100% !important;
	}
	& .one-half {
		width:50% !important;
	}
}
 .nav-menu li > .sub-menu a {
	 padding: 10px;
	 font-weight: 600;
	 font-size: 0.85rem;
	 color: var(--dark);
	 width: 100%;
	 display: flex;
	 align-items: center;
	 position: relative;
}
 .top-link a:after {
	 display: none !important;
}
 .top-link a {
	 font-size: 1.15rem !important;
}
 .menu-label {
	 position: relative;
}
 header .sub-menu .sub-menu-label:after {
	 content: "";
	 background: url("/wp-content/themes/brando_flex/assets/arrow.svg");
	 background-size: contain;
	 background-position: center;
	 height: 10px;
	 width: 10px;
	 position: relative;
	 right: -10px;
	 top: auto;
	 bottom: auto;
	 transition: all ease 0.25s;
	 transform: rotate(180deg);
	 display: inline-block;
}
 header .sub-menu a:hover .sub-menu-label:after, header .sub-menu a:focus-within .sub-menu-label:after {
	 right: -15px;
}
 .nav-menu li.sub-menu-open > .sub-menu {
	 opacity: 1;
	 pointer-events: auto;
}

.menu-arrow {
	transition: all ease .25s;
}

/* Mega Menu */
.mega-menu-tile {
	& .blog-tile-content {
		padding-top: 0 !important;
	}
	& .post-copy {
		width:100%;
	}
	& .post-meta {
		display:flex;
		justify-content: space-between;
		align-items: center;
		margin-top:0;
	}
	& .blog-tile-content h4 a {
		font-size:1.5rem !important;
		padding:0;
	}
	& .blog-tile-content h4 {
		margin-bottom:1rem;
	}
	& .text-link {
		padding-left:0 !important;
		&:after {
			transform:rotate(0deg) !important;
		}
	}
}


.phone a {
	position:relative;
	color:var(--black);
	display:flex;
	flex-flow:nowrap;
	align-items: center;
	white-space:nowrap;
	&:before {
		content:"";
		background:url("/wp-content/themes/brando_flex/assets/phone.svg") no-repeat;
		background-size:contain;
		height:22px;
		width:22px;
		position:relative;
		display:block;
		margin-right:.5rem;
	}
}
.phone p {
	margin:0;
}


/* Submenu Toggle */
.menu-item-has-children {

}
 .menu-item-has-children button:after, .menu-item-has-children a {
	 position: Relative;
}
 .menu-item-has-children button:after {
	 content: "";
	 background: url("/wp-content/themes/brando_flex/assets/down.svg");
	 background-size: contain;
	 width: 12.5px;
	 height: 12.5px;
	 background-repeat: no-repeat;
	 background-position: center;
	 display: flex;
	 position: absolute;
	 transition: all ease 0.25s;
	 right: -5px;
	 top: auto;
	 bottom: auto;
}

.mobile-menu-wrapper .menu-item-has-children .menu-arrow {
	width: 40px;
	height: 40px;
	display: flex;
	position: absolute;
	justify-content: center;
	transition: all ease 0.25s;
	right: 10px;
	top: 10px;
	bottom: auto;
	z-index: 9;
	padding:.5;
	align-items: center;
	cursor:pointer;
	& img {
		height:12.5px;
		width:12.5px;
		pointer-events:none;
		transition:all ease .25s;
	}
}
.mobile-menu-wrapper .menu-item-has-children .sub-menu .menu-arrow {
	display:none;
}
.desktop-nav {
	& .sub-menu .menu-item-has-children .menu-arrow {
		display:none;
	}
	& .menu-item-has-children:hover .menu-arrow {
		transform:scaleY(-1);
	}
	& .sub-menu .sub-menu {
		position:relative;
		top:0;
		background:none;
		box-shadow:none;
		width:100%;
		flex-flow:nowrap column;
		padding:0;
		& li a {
			border:none;
			font-weight:600;
			margin-bottom:0;
			font-size:.85rem !important;
		}
	}
	& .sub-menu > li.menu-item-has-children {
		flex-flow:nowrap column;
	}
	& .menu-button {
		margin-top:2rem;
		& a {
			background:var(--accent);
			color:var(--white) !important;
			border-radius:25px;
			text-transform:uppercase;
			text-align:center;
			justify-content: center !important;
		}
	& .sub-menu-label::after {
		display:none;
	}
	& .sub-menu-label {
		color:var(--white) !important;
	}
}
}
.sub-menu-open .menu-arrow img {
	transform:rotate(180deg);
}
.menu-item-has-children > a {
	display:flex !important;
	align-items: center;
}
 .nav-menu li.menu-item-has-children {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .nav-menu li.menu-item-has-children.sub-menu-open button:after, .desktop-nav li.menu-item-has-children:hover button:after, .desktop-nav .menu-item-has-children:hover a:after {
	 transform: rotate(180deg);
}
 .mobile-menu-items .menu-item-has-children.sub-menu-open button::after {
	 transform: rotate(180deg);
}
/* Search */
 .search-results .title-inner-content {
	 min-height: auto !important;
}
.search-results {
	& .title-section {
		background:var(--dark);
	}
}

.results-details {
	padding-left:.5rem;
	padding-right:.5rem;
	display:flex;
	flex-flow:Wrap row;
	align-items: center;
	justify-content: space-between;
	& .facetwp-selections li {
		margin-bottom:0 !important;
	}
	& .facetwp-facet-results_count {
		margin-left: 0 !important;
		margin-bottom:.5rem !important;

	}
	& .facetwp-selections {
		margin-bottom:.5rem;
	}
}

 .search-label {
	 margin-top: 0;
	 margin-bottom: 0;
	 margin-left: 10px;
}
 .search-close, .search-magnifying {
	 transition: all ease 0.25s;
	 width: 20px;
	 height: 20px;
	 position: absolute;
}
 .search-close {
	 opacity: 0;
}
 .search-holder .opened .search-close {
	 opacity: 1;
}
 .search-holder .opened .search-magnifying {
	 opacity: 0;
}
 .search-open {
	 position: relative;
	 display: flex;
	 align-items: center;
	 padding: 0 10px;
	 border: none;
	 background: none;
	 cursor: pointer;
}
 .search-holder {
	 display: flex;
	 align-items: center;
	 margin-right: 10px;
}
 .search-holder {
	 cursor: pointer;
}
 .search-post {
	 widtH: 33.33%;
}
 .search-bar {
	 position: absolute;
	 z-index: 99;
	 margin: auto;
	 left: 0;
	 righT: auto;
	 width: 100%;
	 pointer-events: none;
	 bottom: -70px;
}
 .search-bar.opened {
	 pointer-events: all;
}
 .search-icons {
	 height: 45px;
	 width: 45px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
}
 .search-bar .search-field {
	 width: 100%;
}
 .search-bar .search-submit {
	 width: 125px;
	 background: var(--accent);
	 border: none;
	 border-radius: 0;
	 color: #fff;
	 font-weight: 600;
}
 .search-submit {
	 cursor: pointer;
	 padding:.5rem 2rem !important;
	 line-height:.5;
}
 .search-bar:after {
	 content: "";
	 background: var(--black);
	 opacity: 0;
	 position: absolute;
	 width: 100vw;
	 height: calc(100vh + 500px);
	 top: -500px;
	 left: 0;
	 z-index: 1;
	 pointer-events: none;
	 transition: all ease 0.25s;
}
 .search-bar.opened:after {
	 opacity: 0;
}
 .header-search {
	 max-width: 100vw;
	 margin: auto;
	 display: flex;
	 justify-content: flex-end;
	 z-index: 9;
	 position: relative;
	 background: var(--light);
	 box-shadow: var(--mainshadow);
}
 .search-form label {
	 width: calc(100% - 20px);
	 padding-right: 15px;
}
 .search-holder.opened {
	 z-index: 99;
}
 .header-search form {
	 padding: 10px 20px;
	 right: 0px;
	 left: 0;
	 margin: auto;
	 position: relative;
	 transition: all ease 0.25s;
	 width: 100%;
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
	 max-width: var(--mainwidth);
}
 .header-search .search-field {
	 background: none;
	 border: none;
	 border-bottom: solid 2px var(--dark);
	 outline: none;
	 color: var(--dark);
	 caret-color: var(--dark);
}
.header-search .search-field::placeholder {
color:var(--dark) !important;
}
 .header-search .search-field:focus {
}
 .header-search .search-field::placeholder {
	 color: #fff;
	 opacity: 1;
}
 .search-bar {
	 margin-top: 50px;
	 opacity: 0;
	 transition: all ease 0.25s;
}
 .search-bar.opened {
	 margin-top: 0;
	 opacity: 1;
}



/* Search REsults */
.search-title {
	& .supertitle {
		margin-bottom:1rem;
	}
}

/* Mobile Search */
.mobile-bottom-half {
	& .search-bar {
		opacity:1;
		bottom:0;
		position:relative;
		pointer-events:all;
	}
	& .search-holder {
		cursor:default;
	}
	& .header-search {
		box-shadow:none !important;
		background:none !important;
	}
}



/* Notification Banner */
.banner-slide {
	text-align:center;
	padding:1rem;
}
.banner-wrapper {
	position:relative;
}
.close-banner {
	width:15px;
	height:15px;
	background:url("/wp-content/themes/brando_flex/assets/close_alt.svg");
	background-size:contain;
	position:absolute;
	right:10px;
	top:10px;
	cursor:pointer;
	z-index:9;
}

.banner-closed {
	display:none !important;
}


/* Mobile Menu */





 .mobile-menu .menu-subtitle {
	 width: calc(100% - 60px);
	 font-weight: 500;
	 font-size: 0.8rem;
	 margin-top: 10px;
	 display: inline-block;
	 text-transform: none;
	 flex-grow: 1;
}
body .mobile-menu {
	& .top-link .sub-menu-label {
		display:flex;
		flex-flow:nowrap column;
	}
	& .top-link .sub-menu-label::after {
		position:absolute;
		top:1rem;
		right:1rem;
	}
	& .top-link .sub-menu-label:hover:after {
		right:1.25rem !important;
	}
	& .top-link a:hover .sub-menu-label::after {
right:.5rem !important;
	}

}
 .mobile-menu-items .menu-item-has-children a::after {
	 width: 20px;
	 height: 20px;
}
 .mobile-menu-items .menu-item-has-children.sub-menu-open a::after {
	 transform: rotate(180deg);
}
 .mobile-menu-items li a {
	 text-decoration: none;
	 display: inline-block;
	 width: 100%;
}
 .mobile-menu-items li .sub-menu a {
	 font-weight: 600;
	 font-size: 0.85rem;
	 padding-top: 0.5rem !important;
	 padding-bottom: 0.5rem !important;
}
 .mobile-menu-items.sub-menu-is-open li:not(.sub-menu-open) {
	 display: none;
}
 .mobile-menu-items.sub-menu-is-open .sub-menu li {
	 display: flex;
}
 @media only screen and (max-width: 600px) {
	 .header-container {
		 justify-content: flex-start;
		 height:100px !important;
	}
	 .header-container .header-btn {
		 width: auto;
		 padding: 0.5rem 1rem !important;
	}

	 .header-container .header-content {
		 width: 100%;
	}
	 .header-container .menu-toggle {
		 margin-left: 0.5rem;
		 margin-right:-15px;
	}
}
 .menu-mobile-menu-container li {
	 padding-right: 40px;
}
 .menu-mobile-menu-container li li {
	 padding-right: 0;
}
 .menu-mobile-menu-container li a {
	 line-height: 1.25;
}
 .menu-toggle {
	 display: none !important;
}
 @media only screen and (max-width: 600px) {
	 body .menu-toggle {
		 display: flex !important;
	}
}
 @media only screen and (max-width: 1300px) {
	 body .menu-toggle {
		 display: flex !important;
		 align-items: center !important;
		 margin-left:1rem;
	}
	.header-nav-elements .search-holder {
		display:none;
	}
	.member-button {
		display:none !important;
	}

}


 @media only screen and (max-width: 600px) {
	 body .header-btn {
		 padding: 0.5rem 0.75rem !important;
	}
	 body .main-navigation {
		 padding-right: 0 !important;
	}
	 body .header-nav-elements {
		 padding-right: 0 !important;
	}
	 body .super-header .inner-content {
		 padding-left: 0 !important;
		 padding-right: 0 !important;
		 width: 100% !important;
	}
}
 @media screen and (max-width: 901px) and (min-width: 600px) {
	 body .menu-main-menu-container {
		 display: none;
	}
}
 .toggled .menu-main-menu-container {
	 display: none;
}
 .mobile-menu-wrapper {
	 position: absolute;
	 width: 400px;
	 height:100dvh;
	 max-width:calc(100dvw - 70px);
	 overflow:hidden;
	 left:-400px;
	 background: #fff;
	 z-index: 9;
	 top:0;
	 bottom:0;
	 transition: all ease 0.25s;
	 transition-delay: 0.15s;
	 box-shadow: var(--mainshadow);
	 display: flex;
	 flex-flow: Wrap row;
	 align-items: space-between;
	 transition:all ease .25s;

}

.mobile-menu-open {
	& .mobile-main-overlay {
	opacity:1;
	display:block;
	}
	& .mobile-menu-wrapper {
		left:0;
		opacity:1;
	}
}
.mobile-main-overlay {
	content:"";
	background:rgba(0,0,0,.75);
	position:fixed;
	height:100dvh;
	width:100dvw;
	left:0;
	top:0;
	z-index:999;
	opacity:0;
	backdrop-filter: blur(10px);
	pointer-events:none;
	transition: all ease .25s;
	display:none;
}
.mobile-menu-inner {
	height:100dvh;
	max-height:100dvh;
	width:100%;
	overflow:hidden;
	display:flex;
	flex-flow:nowrap column;
	justify-content: space-between;
}


 .header-container {

	 transition: all ease 0.25s;
}


 .mobile-top-half {
	 width: 100%;
	 background: var(--white);
	 flex-grow:1;
	 max-height:calc(100dvh - 150px);
	 overflow-y:auto;
	 scrollbar-gutter: stable both-edges;
	 scrollbar-width: thin;          /* "auto" or "thin" */
  	 scrollbar-color: var(--accent) var(--light); 
}
.mobile-top-half::-webkit-scrollbar-thumb {
	background-color: var(--accent);    
	 border-radius: 20px;       
 }
 .mobile-top-half::-webkit-scrollbar {
	width: 8px; 
 }

 .mobile-top-half::-webkit-scrollbar-track {
	background:var(--light);
 }
 .mobile-bottom-half {
	 width: 100%;
	 background: var(--dark);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 1rem;
	 flex-flow: wrap column;
}
 .mobile-bottom-half .header-btn {
	 margin-left: 0;
	 margin-bottom: 1rem;
}
 .mobile-menu-items .menu {
	 padding-left: 0;
	 list-style-type: none !important;
	 margin: 0;
}
 .mobile-menu-items ul {
	 list-style-type: none !important;
}
 .mobile-menu-items .menu li button {
	 padding: 1rem 0;
	 display: flex;
	 align-items: center;
	 width: 100%;
}
 .mobile-menu-items .menu-item-has-children button::after {
	 top: auto;
	 bottom: auto;
	 right: 1rem;
}
 .mobile-menu-wrapper #global-menu {
	 flex-flow: wrap row;
	 padding-left: 0;
	 margin: 0;
}
 .toggle-elements div {
	 background: var(--accent);
	 height: 4px;
	 border-radius: 2px;
	 width: 100%;
	 position: relative;
	 transition: all ease 0.25s;
	 left: 0;
	 right: 0;
}
 .menu-toggle {
	 margin-left: auto;
	 margin-right: 0;
	 background: none;
	 border: none;
	 cursor: pointer;
	 flex-flow: wrap column;
	 align-items: center;
	 justify-content: center;
}
 .menu-toggle span {
	 font-weight: 400;
	 text-align: center;
	 text-transform:uppercase;
	 color: var(--brightgreen);
}

 @media only screen and (max-width: 600px) {
	.social-media-links {
		display:none !important;
	}
	 .header-btn, .menu-toggle span {
		 font-size: 0.85rem !important;
	}
	 body .header-btn {
		 padding: 0.5rem !important;
	}
	 body .menu-toggle span {
		 padding-right: 0px !important;
	}
}
 .toggle-elements {
	 width: 50px;
	 height: 40px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-flow: Wrap column;
}
 .mobile-toggle-top {
	 top: -7px;
}
 .mobile-toggle-bottom {
	 bottom: -7px;
}
 .toggled .mobile-toggle-middle {
	 opacity: 0;
}
 .toggled .mobile-toggle-top {
	 transform: rotate(45deg);
	 margin-top: 5px;
}
 .toggled .mobile-toggle-bottom {
	 transform: rotate(-45deg);
	 margin-top: -22px;
}
 .mobile-menu-wrapper .menu-main-menu-container {
	 display: block !important;
}
/* Mobile Submenu */
 .mobile-menu-wrapper .menu-item-has-children .sub-menu {
	 display: none;
}
.mobile-menu-wrapper .menu-item-has-children .sub-menu .sub-menu {
	display:block;
	padding-left:10px !important;
	border-left:solid 2px var(--accent);
	padding-bottom:0 !important;
	margin-bottom:20px !important;
	& li a {
		margin-bottom:0;
		padding:.25rem 0 !important;
		font-size:.85rem !important;
	}
}
.mobile-menu-wrapper {
	& .blog-tile-content {
		padding:0;
		& h4 {
			margin-top:.25rem;
			margin-bottom:.25rem;
		}
	}
	& .social-media-links {
		display:flex !important;
	}
	& .individual-post {
		width:100%;
	}
	& .member-button {
		display:inline-block !important;
	}
	& .member-links  {
		margin-top:1rem;
	}
	& .member-links a {
		text-decoration: none;
		color:var(--white);
		font-weight:800;
	}
}
 .mobile-menu-wrapper .menu-item-has-children.sub-menu-open > .sub-menu {
	 display: flex;
	 flex-flow: wrap row;
	 margin: 0;
	 padding: 0.5rem 1rem 0.5rem 1rem;
}
 .mobile-menu-wrapper .sub-menu {
	 margin: 0 !important;
	 padding: 0 !important;
	 padding-bottom: 2rem !important;
}
 .mobile-menu-wrapper .sub-menu li {
	 background: none !important;
}
 @media only screen and (max-width: 900px) {
	 body .menu-item-has-children {
		 position: relative !important;
	}
}
 @media only screen and (max-width: 900px) {
	 body .menu-item-has-children.mobile-sub-open:after {
		 transform: rotate(-90deg) !important;
	}
}
 @media only screen and (max-width: 900px) {
	 body #primary-menu {
		 list-style: none !important;
		 margin-left: 0 !important;
	}
}
 .mobile-menu-wrapper li {
	 transition: all ease 0.25s;
}
 .mobile-menu-wrapper .mobile-menu > ul li:nth-child(odd) {
	 background: var(--lightgray);
}
 .mobile-menu-wrapper .mobile-menu > ul li {
	 padding: 0 0rem 0 1rem;
	 width:100%;
	 position:relative;
}
 .mobile-menu-wrapper .menu-item-has-children ul li {
	 padding-left: 0;
}
 .mobile-menu-wrapper li .sub-menu li:last-child {
	 border: none;
}
/* ------------------------ Inline Search Form ------------------------ */
 .content-side .search-form {
	 margin-top: 20px;
}
 .content-side .search-form label {
	 padding: 0;
	 width: 100%;
	 display: block;
}
 .content-side .search-form .search-field {
	 width: 100%;
	 background: #f8f6fa !important;
	 padding: 1rem;
}
 .content-side .search-form .search-submit {
	 width: auto;
}
/* --------------------------- Pagination ---------------------------- */
 .navigation.pagination .nav-links, .navigation.pagination {
	 width: 100% !important;
}
 .navigation.pagination .nav-links {
	 text-align: center;
}
 .navigation.pagination .nav-links .prev.page-numbers {
	 margin-right: 30px;
}
 .navigation.pagination .nav-links .next.page-numbers {
	 margin-left: 30px;
}
 .navigation.pagination .nav-links .next.page-numbers:after {
	 content: "→";
	 padding-left: 5px;
}
 .navigation.pagination .nav-links .prev.page-numbers:before {
	 content: "←";
	 padding-right: 5px;
}
 .navigation.pagination .nav-links .next.page-numbers, .navigation.pagination .nav-links .prev.page-numbers {
	 color: #61b6c1;
	 text-transform: capitalize;
	 font-weight: 500;
	 font-family: var(--mainfont);
	 font-size: 1.15rem;
	 line-height: 1;
	 position: relative;
	 opacity: 1;
}
 .navigation.pagination {
	 padding: 0 2rem;
}
 .pagination .page-numbers {
	 padding: 0 0.25rem;
	 font-weight: 400;
	 color: #3b3b3b;
	 opacity: 0.25;
	 transition: all ease 0.25s;
}
 .pagination .page-numbers:hover {
	 opacity: 1;
}
 .page-numbers.current {
	 font-weight: 800;
	 opacity: 1;
}
 @media only screen and (max-width: 768px) {
	 .navigation.pagination {
		 padding: 0 1rem !important;
	}
	 .navigation.pagination .nav-links .prev.page-numbers {
		 margin-right: 10px;
	}
	 .navigation.pagination .nav-links .next.page-numbers {
		 margin-left: 10px;
	}
	 .pagination .page-numbers {
		 font-size: 16px;
		 padding: 0 0.15rem;
	}
	 .navigation.pagination .nav-links .prev.page-numbers, .navigation.pagination .nav-links .next.page-numbers {
		 font-size: 14px;
	}
}
/* ---------------------- Social Links ------------------ */
.cff-page-name cff-author-date {
	font-family:var(--altfont) !important;
	& a {
		color:var(--dark) !important;
	}
}
 .social-media-links {
	 display: flex;
}
 .social-icon {
	 object-fit: contain;
	 padding: 0 10px;
	 display: flex;
	 align-items: center;
}
 .social-icon img {
	 width: 30px;
	 height: 30px;
	 transition: all ease 0.25s;
}

 .social-icon a {
	 position: relative;
	 display:flex;
	 align-items: center;
	 background:none !important;
}
 .social-icon a:hover:after {
	 opacity: 1;
}
 .social-icon:first-child {
	 padding-left: 0;
}
 .social-icon:last-child {
	 padding-right: 0;
}


/* ----------------------- Events ---------------------- */
.tribe_event_series-template-default {
	& .tribe-events-header__events-bar {
		display:none;
	}
	& article {
		width:100% !important;
		padding-right:0 !important;
	}
	.post-sidebar {
		display:none;
	}
}
.tribe-events-pro-summary__event {
	width:100% !important;
	& .tribe-events-pro-summary__event-details {
		width:100% !important;
	}
	& .tribe-events-pro-summary__event-header {
		flex-flow:nowrap column !important;
		align-items: flex-start !important;
		& h3 {
			margin-top:10px !important;
			font-size:1.5rem !important;
		}
	}
}
body .tribe-events-content a {
	text-decoration-thickness: 2px !important;
  text-decoration-color: var(--accent) !important;
  font-weight: 600 !important;
  border:none !important;
  text-decoration:underline !important;
}
.featured-events-section {
	& .tribe-events-calendar-list__event-venue-title {
		display:block;
	}
}
.point-of-contacts {
	border-top:solid 2px var(--teal);
	margin-top:20px !important;
	padding-top:20px;
}
/* Event Tiles */
.event-time {
	color:var(--teal) !important;
	margin-bottom:20px !important;
}
.event-tiles {
	width:100%;
	display:flex;
	flex-flow:Wrap row;
	& .event-tile {
		width:50%;
		padding:1rem;
	}
}
.event-tile-inner {
	display:flex;
	flex-flow:nowrap row;
	align-items: flex-start;
	& .post-copy {
		width:calc(100% - 150px);
		padding-left:1rem;
	}
}
.resources-section .event-tile {
	width:50% !important;
	& h5 {
		padding-left:0;
	}
}
.event-details {
	width:150px;
	text-align:center;
	border-radius:15px;
	overflow:hidden;
	box-shadow:var(--mainshadow);

& .date-of-month {
	display:block;
	font-family:var(--altfont);
	font-size:3rem;
	line-height:1;
	color:var(--dark);
}
& .day-of-week {
	font-weight:600;
	color:var(--teal);
}
& .post-copy {
	width:calc(100% - 150px);
	padding-left:1rem;
}
& .event-date-bottom {
	background:var(--white);
	padding:1rem;

}
& .month {
	width:100%;
	display:block;
	background:var(--teal);
	color:var(--white);
	font-weight:600;
	padding:.5rem;
}
}

.blog-tile {
	& .post-copy {
		width:100%;
	}
	& .post-meta {
		display:flex;
		justify-content: space-between;;
	}
	& .date {
		padding-right:2rem;
	}
}
.event-date-time {
	padding:1rem;
}

.tribe-events-meta-group .tribe-events-single-section-title {
	font-weight:500;
	font-size:1.5rem;
	text-transform:none;
}
.tribe-events-event-meta dd, .tribe-events-event-meta dt {
	font-size:1.15rem;
}

/* Events List */
.tribe-events .tribe-events-calendar-list__event-row {
	align-items: flex-start;
}
.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col {
	width:calc(100% - 150px);
}
.tribe-events .tribe-events-calendar-list__event-featured-image-wrapper {
	display:none;
}
.tribe-events .tribe-events-calendar-list__event-row {
	margin-left:0 !important;
	margin-right:0 !important;
}
.tribe-events .tribe-events-l-container {
	padding-bottom:0 !important;
	min-height:0 !important;
	padding-top: 0 !important;
}
.tribe-events-calendar-list__event-details {
	width:100% !important;
}
.tribe-events-calendar-list__event-description {
	& .btn {
		margin-top:1rem !important;
	}
}
.tribe-common .tribe-common-anchor-thin {
	border:none !important;
}


/* Individual Events */
#tribe-events-pg-template {
	max-width:100%;
	padding:0;
	margin:0;
}
.event-content {
	flex-flow:nowrap column;
}
.tribe-events-venue-map {
	width:100%;
}
.event-template-single {
	& .title-section {
		background:var(--lightgreen);
		margin-top:155px;
	}
}
.tribe-common .tribe-common-l-container {
	max-width:none !important;
	padding-left:0 !important;
	padding-right:0 !important;
}


@media only screen and (max-width: 768px) {
.event-tile {
	width:100% !important;
}
}

@media only screen and (max-width: 450px) {
.event-tile-inner {
	flex-flow:nowrap column;
	& .post-copy {
		width:100%;
		padding-left:0;
	}
}
.tribe-events .tribe-events-calendar-list__event-row {
	flex-flow:nowrap column !important;
	align-items: flex-start !important;
}
.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col {
	width:100%;
	padding:20px 0 !important;
}
.tribe-common .tribe-common-h7 {
	font-size:1.25rem !important;
}
}


.tribe-events .tribe-events-c-view-selector__content {
	width:200px;
}

@media only screen and (max-width: 815px) {
.tribe-events .tribe-events-calendar-list__event-row > .tribe-common-g-col {
	padding:20px;
	height:100%;
}
.tribe-events .tribe-events-calendar-list__event-row {
	align-items: center;
}
.tribe-events .tribe-events-calendar-list__event-title {
	font-size:1.5rem !important;
}
.tribe-events .tribe-events-calendar-list__event-venue {
	font-size:1rem !important;
}
}
/* ----------------------------- Main Archive ------------------------ */
.facet-wrap:has(.is-hidden) h6 {
	display:none;
}
.post-archive-section, .blog .site-main {
	background:var(--lightgray);
}
 @media only screen and (max-width: 1024px) {
	 .post-archive-section .post-archives .post-side {
		 width: 100% !important;
	}
	 .post-archive-section .post-archive-section .inner-content {
		 padding: 0 !important;
	}
	 .post-archive-section .sidebar {
		 position: relative;
		 background: var(--white);
		 display: none;
		 pointer-events: none;
		 transition: all ease 0.25s;
		 width: 100% !important;
		 padding: 1rem 0 !important;
	}
	 .post-archive-section .archive-content {
		 width: 100%;
	}
	 .facet-mobile-launch {
		 display: block !important;
	}
	 .facetwp-facet {
		 margin-bottom: 1rem !important;
		 margin-top: 1rem !important;
	}
	 .mobile-buttons {
		 display: flex !important;
	}
	 .desktop-buttons {
		 display: none !important;
	}
	 .mobile-buttons .facetwp-checkbox {
		 width: 100%;
	}
}
 @media only screen and (min-width: 1025px) {
	 .close-sidebar {
		 display: none !important;
	}
	 .mobile-buttons {
		 display: none !important;
	}
}
 .facetwp-facet-pagination {
	 display: flex;
	 justify-content: center;
	 margin-top: 0 !important;
	 margin-bottom: 0 !important;
}
 .post-archives {
	 position: relative;
}
 .sidebar-open .sidebar {
	 display: block !important;
	 pointer-events: all !important;
}
 .sidebar-open .facet-flyout-btn {
	 display: none;
}
 .sidebar-open .close-sidebar {
	 display: flex !important;
}
 .close-sidebar {
	 display: none !important;
}
 .facet-flyout-btn, .close-sidebar {
	 border: none;
	 background: none;
	 display: flex;
	 align-items: center;
	 font-weight: 600;
	 cursor: pointer;
}
 .facet-mobile-launch {
	 display: none;
}
 .sidebar .fs-wrap, .sidebar .facet-wrap, .sidebar .facet-item {
	 width: 100% !important;
}
 .facetwp-facet-results_count {
	 margin: 0 1rem !important;
}
@media only screen and (min-width: 1024px) {
 .content-carousel-section .hero-content .featured-post-title h3 {
	 font-size: 3rem !important;
}
}

@media only screen and (max-width: 1600px) {
	.hero-content {
		align-content:flex-start !important;
	}
}

.featured-post-carousel {
	background:var(--dark);
}

.sidebar {
	& .facetwp-type-radio {
		justify-content: flex-start !important;
	}
	& .facetwp-radio {
		margin-left:0;
		margin-right:1rem !important;
		margin-bottom:1rem;
	}
}

 .featured-post-carousel .slick-slide {
	 display: flex !important;
	 height:auto;
	 align-self: stretch;
}
.featured-post-carousel {
	& .slick-track {
		display:flex;
		align-items: stretch;
	}
}
 .featured-post-carousel .supertitle, .featured-post-carousel .supertitle {
	 color: #fff !important;
}
 @media screen and (max-width: 768px) {
	 body .hero-with-carousel-section.featured-post-carousel .slick-list {
		 min-height: none !important;
		 height: auto !important;
		 max-height: none !important;
	}
	 body .hero-with-carousel-section.featured-post-carousel .featured-post-title h3 {
		 font-size: 2rem !important;
	}
	 body .hero-with-carousel-section.featured-post-carousel .hero-content {
		 margin-top: 0 !important;
		 padding:80px 20px !important;
	}
}
 @media only screen and (max-width: 900px) {
	 .featured-post .inner-content {
		 flex-flow: Wrap column !important;
	}
	 .featured-post .intro-heading {
		 width: 100% !important;
	}
	 .featured-post .intro-heading h2 {
		 text-align: left !important;
	}
	 .featured-post .post-carousel {
		 widtH: 100% !important;
		 padding: 1rem !important;
	}
	 .featured-post .individual-post {
		 padding: 1rem !important;
	}
}
 .archive-main {
	 display: flex;
	 flex-flow: Wrap row;
}
 body.archive .individual-post {
	 width: 100% !important;
}
 @media only screen and (max-width: 600px) {
	 .archive-main .sidebar {
		 display: none !important;
	}
	 .archive-content {
		 width: 100% !important;
	}
}
 .post-archives {
	 display: flex;
	 flex-flow: wrap row;
}
 .post-archives .facet-options {
	 align-items: flex-start !important;
}
 .sidebar {
	 width: 350px;
	 padding-right: 40px;
	 padding-top: 10px;
}
 .sidebar .facet-options {
	 display: flex;
	 flex-flow: wrap column;
}
 .sidebar .facetwp-facet {
	 margin-top: 1rem !important;
}
 .sidebar h6 {
	 margin-bottom: 0 !important;
}
 .post-side {
	 width: calc(100% - 350px);
}
 .post-side .individual-post {
}
 .archive-content {
	width:100%;
}
 .facetwp-flyout-open {
	 display: flex;
	 align-items: center;
	 font-weight: 600;
	 font-size: 1.25rem;
	 border: none;
	 background: none;
	 cursor: pointer;
}
 .filter-icon {
	 margin-right: 1rem;
	 pointer-events: none;
}
 .facetwp-flyout {
	 box-shadow: var(--mainshadow);
	 top: 0;
}
 .flyout-row h3 {
	 font-size: 1.25rem;
}
 .facetwp-facet select {
	 width: 100%;
	 background: var(--accent);
	 border: solid 1px 1px solid #ccc;
	 padding: 1rem;
	 border-bottom: solid 3px var(--dark);
}
 .post-excerpt {
	 margin-bottom: 1rem;
}
 .individual-post .post-terms a {
	 font-weight: 800 !important;
}
 .individual-post .blog-tile-content h6 {
	 margin-bottom: 0;
	 margin-top: 0;
}
 .facetwp-pager {
	 text-align: right;
	 display: flex;
	 justify-content: flex-start;
	 align-items: center;
	 margin-top:1rem;
}
 .facetwp-page:not(.next) {
	 height: 35px;
	 width: 35px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 border-radius: 50%;
	 background: none;
	 transition: all ease 0.25s;
}
 .facetwp-page.active, .facetwp-page:not(.next):hover {
	 background: var(--accent);
	 color: var(--white);
	 font-weight:400 !important;
}
 .facetwp-selections ul {
	 padding-left: 0 !important;
	 margin: 0 !important;
}
 .facetwp-selections .facetwp-selection-value {
	 background-image: url('/wp-content/themes/brando_flex/assets/close.svg') !important;
	 background-size: 12px 12px;
	 background-repeat: no-repeat;
	 background-position: right center;
	 padding-right: 20px !important;
}
 .featured-post h4 a {
	 font-size: 2rem;
	 display: inline-block;
}
 .facetwp-facet {
	 margin: 1rem 0 !important;
}
 .archive-resource-section .grid-item-single {
	 aspect-ratio: auto !important;
	 padding: 5rem 1rem 6.5rem 1rem;
}
 .blog-tile {
	 display: flex;
	 flex-flow: Wrap row;
	 align-items: stretch;
	 height: 100%;
	 background:Var(--white);
	 box-shadow:none;
	 transition: all ease .25s;
	 &:hover {
		box-shadow:var(--mainshadow);
	 }
}
 .blog-tile .post-image-link {
	 overflow: hidden;
	 min-height: 100%;
}
 .blog-tile img {
	 height: 100%;
	 width: 150px;
	 object-fit: cover;
	 aspect-ratio: 1;
}
 .blog-tile .blog-tile-content {
	 width: calc(100% - 200px);
	 flex-grow: 1;
}

.blog-tile {
	& .Video, .Resource, .FAQ {
		& .post-copy {
			display:flex;
			flex-flow:nowrap row !important;
			justify-content: space-between;
			align-items: flex-start !important;
			margin-bottom:1rem !important;
		}
		& h4 {
			order:-1;
			margin-top:.5rem !important;
			margin-bottom:.5rem !important;
			padding-right:20px;
		}
		& .date {
			display:none;
		}
	}
}



.title-section {
	& .title-inner-content {
		color:var(--light);
	}
}

.meta-icon {
	margin-left:.5rem;
	display:flex;
	align-items: center;
	aspect-ratio:1/1;
	height:25px;
	& img {
		height:20px;
		width:20px;
	}
}
.post-meta-holder {
	display:flex;
	align-items: center;
}
.post-meta .city {
	position:relative;
	display:flex;
	&:after {
		content:"";
		background:url("/wp-content/themes/brando_flex/assets/map.svg");
		background-size:contain;
		height:20px;
		width:20px;
		display:block;
		margin-left:5px;
	}
}
.post-meta .phone {
	padding-right:20px;
}

.post-archive-grid {
	display:flex;
	flex-flow:Wrap row;
	& h5 {
		flex-grow:1;
		width:100%;
		display:block;
		padding-left:1rem;
		margin-top:2rem;
	}
}

.filter-bar {
	background:var(--white);
	display:none;
	& .facetwp-facet {
		margin:0 !important;
	}
	& .inner-content {
		display:flex;
		align-items: center;
		justify-content: flex-end;
		padding-top:20px !important;
		padding-bottom:20px !important;
	}
	& .facet-flyout-btn {
		color:var(--teal);
	}
	& .close-sidebar {
		color:var(--teal);
	}
}
@media screen and (max-width: 1024px) {
	.filter-bar {
		display:block;
	}
}


 .post-archive-section .inner-content {
	 flex-flow: nowrap column;
	 padding-top: 0 !important;
}
 .post-archive-section .facet-options {
	 display: flex;
	 align-items: center;
	 flex-flow: wrap row;
	 justify-content: space-between;
}
 .post-archive-section .archive-content {
	 width: 100% !important;
}
 .post-archive-section .facetwp-input-wrap {
	 width: 100%;
}
 .post-archive-section .facetwp-type-checkboxes, .post-archive-section .facetwp-type-radio {
	 display: flex;
	 justify-content: flex-end;
	 flex-flow: Wrap row;
	 margin-top: 0;
	 margin-bottom: 0;
}
 .post-archive-section .facet-search {
	 width: 350px;
}
 .post-archive-section .facetwp-facet-search {
	 margin-top: 0;
	 margin-bottom: 0;
}
 .post-archive-section .facet-button {
	 width: auto;
	 flex-grow: 1;
}
 .post-archive-section .facetwp-counter {
	 display: none;
}
 .post-archive-section .facet-options {
	 margin-bottom: 0.5rem;
}



/* Resources Archive */
.resources-section .inner-content {
	padding:3rem 2rem !important;
}


/* Memoriam Archive */
body .memoriam-section {
	& .memoriam-tile {
		width:100% !important;
	}
	& .inner-content {
		padding:3rem 2rem !important;
	}
	& .sidebar {

	}
	& .post-meta {
		display:flex;
		justify-content: space-between;
	}
	& .post-copy {
		flex-grow:1;
		width:100%;
		& h4 {
			margin-bottom:.5rem;
		}
		& .text-link {
			margin-top:.5rem;
			pointer-events:all !important;
			z-index:9;
		}
	}
}



/* ---------------------- Individual Post Tempalte -------------------- */
 @media screen and (max-width: 768px) {
	 .individual-post-main article {
		 padding-right: 0 !important;
		 width:100% !important;
	}
	 .individual-post-main .post-sidebar {
		 padding-left: 0 !important;
		 padding-right: 0 !important;
		 width:100%;
	}
	 .post-share a {
		 padding-left: 1rem !important;
		 padding-right: 1rem !important;
	}
	 .hero-content {
		 min-height: auto !important;
	}
	 .post-author-tile {
		 margin-bottom: 2rem;
	}
}

.post-ancillary {
	background:var(--dark);
	color:var(--light);
	& a {
		color:var(--light);
		font-weight:600;
		text-decoration-thickness: 2px;
  		text-decoration-color: var(--accent);
  		text-underline-offset: 1.5px;
	}
	& .post-date {
		margin-bottom: 0 !important;
	}
}

.post-title-section {
	& a {
		color:var(--light) !important;
		font-weight:600;
		text-decoration-thickness: 2px;
  		text-decoration-color: var(--accent);
  		text-underline-offset: 1.5px;
	}
	background:var(--dark) !important;
}

.video-holder {
	aspect-ratio:16/9;
	& iframe {
		height:100%;
		width:100%;
		aspect-ratio:16/9;
	}
}




 body .post-title-area .hero-media-side {
	 height: auto !important;
}
 body .post-title-area .hero-content .hero-content-inner h1 {
	 font-size: 2rem !important;
}
 .post-archive-section .inner-content {
	 padding-left: 0;
	 padding-right: 0;
}
 .author-tiles {
	 width: 100%;
	 display: flex;
	 flex-flow: wrap row;
}
 .post-author-tile {
	 display: flex;
	 align-items: flex-start;
	 margin-top: 1rem;
	 margin-bottom: 1rem;
}
 .post-author-img {
	 aspect-ratio: 1/1;
	 width: 100px;
	 height: 100px;
	 margin-right: 2rem;
}
.post-author-content {
	width:calc(100% - 100px);
}
 .post-author-img img {
	aspect-ratio: 1/1;
	 object-fit: cover;
	 height: 100%;
	 width: 100%;
}
 .post-author {
	 font-weight: 600;
	 color: var(--dark);
	 font-size: 1.25rem;
	 & a {
		color:inherit !important;
		text-decoration:none !important;
	 }
}
 .post-author-tile {
	 width: auto;
}
 .post-ancillary .supertitle {
	 font-weight: 500 !important;
}
 .post-ancillary .inner-content {
	 padding: 1rem;
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
}
 .post-ancillary a {
	 font-weight: 600;
}
 .post-ancillary .post-ancillary-content {
	 display: flex;
	 flex-flow: wrap row;
}
 .post-ancillary .post-tags-list {
	 margin-right: 2rem;
}
 .link-stack-links ul {
	 list-style-type: none;
	 padding-left: 0;
	 margin: 1rem 0;
}
 .link-stack-links ul li {
	 padding: 0.5rem 0;
	 border-bottom: dotted 1px var(--accent);
}
 .link-stack-links ul a {
	 text-decoration: none;
	 font-weight: 600;
	 color: var(--dark);
	 display: inline-block;
}
 .link-stack-links {
	 margin-bottom: 2rem;
}
 @media only screen and (max-width: 600px) {
	 .page-title h1 {
		 font-size: 2.5rem !important;
	}
	 .individual-post-main aside, .individual-post-main article {
		 width: 100% !important;
	}
}
 .individual-post-title {
	 color: #fff;
}
 .individual-post-title a {
	 color: #fff;
	 text-decoration: none;
}
 .form-holder {
	 max-width: 900px;
	 margin: auto;
}
 .individual-post-main {
	 display: flex;
	 flex-flow: wrap row;
}
 .individual-post-main article {
	 width: calc(100% - 350px);
	 padding-right: 30px;
}
 .individual-post-main aside {
	 width: 350px;
	 padding: 0.5rem 2rem;
}
 .individual-post-template .entry-content, .tribe-events-single, .inner-content p, .inner-content li {
	 margin-top: 0;
}
 .individual-post-template .entry-content a, .tribe-events-single a, .inner-content p a, .inner-content li a {
	 color: var(--dark);
	 font-weight: 600;
	 display: inline-block;
	 white-space: normal;
	 word-wrap: anywhere;
}
.tribe-events .tribe-events-c-events-bar .tribe-common-form-control-text__input {
	padding-left:50px !important;
}
 .recent-posts h6 {
	 margin-top: 0;
}
 .post-share-section {
	 background: var(--dark);
}
 .post-share-section .inner-content {
	 padding-top: 0.5rem;
	 padding-bottom: 0.5rem;
}
 .share-items {
	 margin: Auto;
}
 .share-items a {
	 color: var(--white);
	 font-weight: 600;
	 text-decoration: none;
	 padding: 0.5rem 2rem;
	 font-size: 1.25rem;
	 position: relative;
	 display: flex;
	 align-items: center;
}
 .share-items a:before {
	 widtH: 20px;
	 height: 20px;
	 position: relative;
	 display: inline-block;
	 content: "";
	 margin-right: 15px;
}
 .share-items a.x:before {
	 background: url("/wp-content/themes/brando_flex/assets/x.svg") no-repeat center;
	 background-size: contain;
}
 .share-items a.facebook:before {
	 background: url("/wp-content/themes/brando_flex/assets/facebook.svg") no-repeat center;
	 background-size: contain;
}
 .share-items a.email:before {
	 background: url("/wp-content/themes/brando_flex/assets/at.svg") no-repeat center;
	 background-size: contain;
}
 .share-items a.linkedin:before {
	 background: url("/wp-content/themes/brando_flex/assets/linkedin.svg") no-repeat center;
	 background-size: contain;
}
 .custom-social-share {
	 display: flex;
	 flex-flow: wrap row;
	 justify-content: center;
}


/* Facebook Feed */
.facebook-feed {
	& .social-media-links {
		display:flex !important;
	}
	& .feed-info {
		display:flex;
		flex-flow:nowrap column;
		align-items:center;
		text-align:center;
		padding-bottom:20px;
		margin:auto;
		& p {
			text-wrap:balance;
		}
	}
	
}
 @media only screen and (max-width: 450px) {
#cff.cff-masonry.masonry-2-tablet .cff-posts-wrap .cff-item {
	margin-left:0;
	margin-right:0;
}
}
.cff-wrapper {
	width:100%;
}
/* -------------------------- CTA Section --------------------------- */
 .cta-section .bg-overlay {
	 opacity: 0.75;
	 z-index: 1;
}
 .cta-section .inner-content {
	 padding: var(--mainpadding);
}
 .cta-section .background-image {
	 z-index: 1;
}
 .cta-section .bg-overlay {
	 z-index: 2;
}
 .cta-section .content-side {
	 z-index: 3;
}
/* ---------------------------- Title Sections ----------------------- */
.sticky-title {
	display:none;
	position:fixed;
	top:190px;
	z-index:991;
	width:100%;
	background:var(--teal);
	& .inner-content {
		padding-top:10px;
		padding-bottom:10px;
	}
	&.sticky-title-visible {
		display:block;
	}
	& h2 {
		color:var(--light);
		font-size:1.5rem;
	}
}
.full-screen-fader {
	height:100% !important;
	& .img-wrapper {
		height:100%;
	}
}
.background-slideshow {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	& .slick-slider {
		display:flex;
	}
	& .slick-list {
		height:100% !important;
		display:flex;
	}
	& .slick-track {
		display:flex;
	}
	& .img-wrapper.animate-active img {
		transition: transform 6s linear;
		transform: scale(1.1);	
	}
	& .img-wrapper {
		height:100%;
		width:100vw;
	}
	& img {
		aspect-ratio: 1/1;
    object-fit: cover;
	object-position:center center;
    max-height: 100%;
	min-height:100%;
    width: 100%;
	}
}
.large-title {
	min-height:500px;
	height:80dvh;
	max-height:80dvh;
}
.title-section {
	margin-top:190px;
	background-size:cover;
	background-attachment:fixed;
	background-position:center center;
	display:flex;
	align-items: center;
	background:var(--teal);
}
 .title-section .inner-content {
	 flex-flow: Wrap column;
	 z-index: 9;
	 position: relative;
	 justify-content: center;
	 height:100%;
	 & .text-link {
		color:var(--white);
	 }
}
 .title-section .supertitle {
	 color: var(--white);

}
 .title-section .btn {
	 margin-top: 0px;
	 margin-right:20px;
}
 .title-section .title-inner-content {
	 padding-top: 75px;
	 padding-bottom: 75px;
	 flex-flow: wrap column;
	 justify-content: center;
	 align-items: flex-start;
	 margin-left: 0;
	 max-width: 900px;
	 position: relative;
	 & .btn-support {
		margin-left:0;
	 }
}
 .title-section h1 {
	 color:var(--white);
	 font-weight: 600;
}
 .title-section .main-subtitle {
	 font-weight: 600;
	 margin-top: 0;
	 margin-bottom:1.5rem;
	 font-size:2rem;
	 color:var(--white);
	line-height:1.25;
}
.ua-overlay-img {
	height: 100%;
	width:100%;
	aspect-ratio:1113/798;
	object-fit:contain;
	object-position:left center;
	max-width:70dvw;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-position: center;
	opacity:.3;
}
 .title-section .background-image img {
	 object-position: 50% 50%;
	 height:100%;
	 object-fit:cover;
	 width:100%;
}
 .large .title-inner-content {
	 padding-top: 150px;
	 padding-bottom: 150px;
}
 .small .title-inner-content {
	 padding-top: 0px;
	 padding-bottom: 0px;
}
 @media only screen and (max-width: 600px) {
	.sticky-title {
		top:100px;
	}
	.title-section {
		margin-top:100px;
		background-attachment:scroll;
	}
	.large-title {
		min-height:400px;
		height:auto;
		max-height:none;
	}
	 .main-subtitle {
		 font-size: 1rem !important;
	}
	 .title-inner-content {
		 padding: 2rem 0 !important;
	}
	 .faq-section .horizontal .one-third {
		 padding-right: 0 !important;
	}
}
 .no-border-img img {
	 border-radius: 0 !important;
	 box-shadow: none !important;
}



/* ---------------- Members Area -------------- */


@media only screen and (min-width: 768px) {
	.login-section {
		& .content-half {
			padding-left:2rem;
		}
	}
}

@media only screen and (max-width: 768px) {
.login-section {
	& .content-half {
		padding-top:2rem;
		padding-bottom:2rem;
	}
}
}




/* ------------ Merchandise ------------- */
.merch-list {
	width:100%;
}
.merch-tiles {
	width:100%;
	display:flex;
	flex-flow:wrap row;
}
.merch-post {
	width:50%;
}
.merch-tile {
	padding:1rem !important;
	& img {
		border-radius:25px;
		box-shadow:var(--mainshadow);
	}
}

/* ------------------------ Featured blogs Section ---------------------------- */
 .featured-blog-section .content-wrapper {
	 max-width: 1100px;
	 margin: auto;
	 text-align: center;
}

 .blog-tile-content {
	 display: flex;
	 flex-flow: Wrap column;
	 align-items: flex-start;
	 justify-content: space-between;
	 padding: 1rem;
	 text-align:left;
}
 .blog-tile-content h4 a {
	 color: var(--dark);
	 text-decoration: none;
}
 .blog-tile-content h4 {
	 font-size: 1.25rem;
	 margin-top: 1rem;
	 margin-bottom: 2rem;
	 color:var(--dark) !important;
}
 .blog-tile-content h6 {
	 font-size: 1rem;
}
 .blog-tile-content p {
	 margin-bottom: 0;
}
 .blog-tile {
	border-bottom: solid 2px var(--teal);
}
 .blog-tile .post-meta {
	 margin-top: 0;
	 color: var(--dark);
}
 .blog-tile .post-meta a {
	 color: var(--dark);
}
 .blog-tile .text-link:after {
	 background: url("/wp-content/themes/brando_flex/assets/arrow_right.svg") no-repeat;
}
 .blog-tile .text-link {
	 color: var(--dark);
	 pointer-events:none;
}
 .post-tiles-carousel {
	 width: 100% !important;
}
 .post-tiles-carousel .post-carousel {
	 width: 100% !important;
}
 .post-tiles-carousel .slick-track {
	 display: flex;
}
 .post-tiles-carousel .slick-slide {
	 height: inherit;
}
 .post-carousel .slick-dots {
	 position: relative;
	 margin-top: 0;
}

.center .post-carousel .slick-dots {
	margin:auto !important;
}
.blog-tile {
	position:relative;

	text-decoration:none !important;
	& .tile-link-wrapper {
		position:absolute;
		left:0;
		top:0;
		height:100%;
		width:100%;
		display:block;
	}
	& .tile-link {
		width:100%;
		height:100%;
	}
}
.media-tile-link:hover {
	& .text-link:after {
		left:10px;
	}
}


/* -------------------- Global Accordion ---------- */
.archive-accordion {
	width:100%;
	display:flex;
	flex-flow:Wrap row;
	justify-content: flex-start;
	& .toggle {
		width:calc(33.33% - 20px);
		margin-right:20px
	}
	& .toggle-copy {
		position:absolute;
		z-index:9;
		width:100%;
		max-height:400px;
		overflow-Y:scroll;
		box-shadow:var(--mainshadow);
	}

}

.archive-post-section {
	position:relative;
	z-index:99;
	overflow:visible;
}

.results-grid {
	& .individual-post {
		width:50%;
	}
}
@media only screen and (max-width: 1024px) {
	.archive-accordion {
		& .toggle {
			width:calc(50% - 20px);
		}	
	}
}
@media only screen and (max-width: 768px) {
	.archive-accordion {
		& .toggle {
			width:100%;
		}
		& .toggle-copy {
			position:relative;
			z-index:9;
			width:100%;
		}
	}

}

.facetwp-slider-reset {
	background:var(--teal) !important;
	box-shadow:none !important;
	border:none !important;
	border-radius:25px !important;
	padding:0.5rem 2rem !important;
	color:var(--light) !important;
	text-transform:uppercase;
	margin-top:10px;
}
.noUi-handle {
	border-radius:50% !important;
	border:solid 2px var(--light) !important;
	background:var(--brightgreen) !important;
	height:25px !important;
	width:25px !important;
	top:-7px !important;
}
.noUi-target {
	background:var(--lightgray) !important;
}
.noUi-connect {
	background:var(--teal) !important;
}

/* ------------------------- Team Members ------------------------------- */
.team-section {
	& .team-contact-infos {
		display:none;
	}
}
.team-member-content {
	display:flex;
	align-items: flex-start;
	width:100%;
	& .team-member-image {
		width:400px;
		padding-left:40px;

		& img {
		border-radius:25px;
		overflow:hidden;
		object-fit:cover;
		display:flex;
		}

	}
	& .team-member-bio {
		width:calc(100% - 400px);
		flex-grow:1;
		& article {
			width:100%;
			padding-right:0;
		}
	}
}

@media only screen and (max-width: 768px) {
	.team-member-content {
		flex-flow:nowrap column-reverse;
		& .team-member-bio {
			width:100%;
			margin-top:20px;
		}
		& .team-member-image {
			padding-left:0;
			max-width:100%;
		}
	}
}






.facetwp-type-fselect .fs-option .fs-option-label {
	white-space:normal !important;
	word-break: keep-all;
}
.fs-wrap.multiple .fs-option .fs-checkbox i {
	margin-top:8px !important;
}
.fs-wrap {
	width:300px !important;
}

/* Team Grid */
 .team-grid {
	display:flex;
	flex-flow:wrap row;
	width:100%;
	& .post-author-tile {
		width:33.33%;
		padding:20px;
		max-width:100%;
	}
}
.featured-team {
	border-bottom: solid 2px var(--teal);
	padding-bottom:20px;
	margin-bottom:20px;
	width:100%;
}
.team-contact-infos {
	display:flex;
	flex-flow:nowrap column;
	margin-top:1rem;
}
.team-filters {
	width:100%;
	display:flex;
	justify-content: flex-start;
	align-items: center;
	flex-flow:Wrap row;
	& .facet-item:not(:last-child) {
		margin-right:40px;
	}
	& .facetwp-type-radio {
		display:flex;
		flex-flow:wrap row;
		justify-content: flex-start;
	}
	
}
.facetwp-radio {
	background-image:none !important;
	padding:.5rem 2rem !important;
	border:solid 2px var(--accent);
	border-radius:25px;
	color:var(--accent);
	text-transform: uppercase;
	transition:all ease .25s;
	opacity:.5;
	margin:0 .5rem;
	&:hover, &.checked {
		background:var(--accent);
		color:var(--white);
		opacity:1;
	}
	.facetwp-counter {
		display:none;
	}
}


@media only screen and (max-width: 1230px) {
	.team-grid {
		& .post-author-tile {
			width:50%;
		}
	}

}

@media only screen and (max-width: 768px) {
	.team-grid {
		& .post-author-tile {
		width:100%;
		}
	}

}

@media only screen and (max-width: 550px) {
	.team-grid {
		& .post-author-tile {
		flex-flow:nowrap column;
		margin-bottom:40px;
		}
		& .post-author-img {
			margin:0;
			height:150px;
			width:150px;
			margin-bottom:10px;
		}
		& .post-author-content {
			width:100%;
		}
	}

}





/* --------------------------- Featured Case Study Tiles Section ------------------------- */

@media only screen and (max-width: 1124px) {
	 .case-study-tiles.grid .case-study-post {
		 width: 50% !important;
	}
}
 @media only screen and (max-width: 700px) {
	 .case-study-tiles.grid .case-study-post {
		 width: 100% !important;
		 padding: 0.5rem 0 !important;
	}
}

.case-study-section  {
	& .case-study-post {
		flex-grow:1;
	}
	& .case-study-link {
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		content:"";
		height:100%;
		width:100%;
		z-index:9;
	}
}
.case-study-section.center {
	text-align:center;
	& .text-link {
		text-align:center;
	}
}
 .case-study-tiles {
	 display: flex;
	 flex-flow: wrap row;
	 width:100%;
}
 .case-study-tiles .text-link {
	 color: var(--light);
	 background: none;
	 border: none;
	 text-align: left;
	 display: inline-block;
	 padding:1.5rem 0rem 0 0rem !important;
}

 .case-study-post {
	 width: 33.33%;
	 padding: 0.5rem;
}

 .case-study-tile-wrapper {
	 position: relative;
	 min-height: 300px;
	 object-fit: cover;
	 height: 100%;
	 display:flex;
}
 .case-study-tile:hover .case-study-img-wrapper img {
	 transform: scale(1.00);
	 filter:blur(15px);
	 transition: all ease .5s;
}
 .case-study-overlay {
	 opacity: 0;
	 background:var(--dark);
	 height:100%;
	 width:100%;
	 top:0;
	 left:0;
	 position: absolute;
	 z-index:1;
	 transition: all ease .25s;
}
.case-study-tile:hover {
	& .case-study-overlay {
		opacity:.75;
	}
}
 .case-study-tile:hover .text-link:after {
	 margin-left: 15px;
}
 .case-study-tile-wrapper img {
	 height: 100%;
	 min-height: 100%;
	 width: 100%;
	 object-fit: cover;
	 object-position: center;
	 transition: all ease 1s;
	 transform: scale(1.05);

}
 .case-study-img-wrapper {
	 aspect-ratio: 1;
	 overflow: hidden;
	 cursor: pointer;
	 position: absolute;
	 top: 0;
	 left: 0;
	 height: 100%;
	 width: 100%;
}
 .case-study-tile-content {
	 position: relative;
	 bottom: 0;
	 top: 0;
	 min-height: 100%;
	 width: 100%;
	 display: flex;
	 flex-flow: nowrap column;
	 justify-content: space-between;
	 color: var(--light);
	 padding: 2rem;
	 z-index:2;
}
 .case-study-tile-content h4 {
	 color: var(--light);
	 margin-bottom: 0.5rem;
}
 .case-study-tile-content .text-link::after {
	 background: url("/wp-content/themes/brando_flex/assets/arrow_right_alt.svg");
	 background-repeat: no-repeat;
}
 .case-study-tile-content .post-terms a {
	 color: #fff;
}
 .case-study-copy {
	 display: flex;
	 flex-flow: wrap column;
}
 .case-study-copy p {
	 transition: all ease 0.25s;
	 color:var(--light);
}

 .case-study-meta {
	 margin-bottom: 0 !important;
}
 .case-study-tile .grid-overlay-color {
	 z-index: 0;
	 opacity: 0;
	 transition: all ease 0.25s;
	 background:var(--dark);
}

 .case-study-tile:hover .grid-overlay-color {
	 opacity: 0.85;
}

@media only screen and (max-width: 900px) {
.post-grid .case-study-post {
	width:50% !important;
}
}
@media only screen and (max-width: 600px) {
	.post-grid .case-study-post {
		width:100% !important;
	}
	}

/* --------------------------- Case Study Archive --------------------------- */
/* Case Study Lightbox */
 .case-study-tile {
	 overflow: hidden;
	 position: relative;
	 height: 100%;
}
 .case-study-gallery {
	 position: absolute;
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
}
 .case-study-gallery .gallery-item, .case-study-slider-content .gallery-item {
	 display: none;
	 opacity: 0;
}
 .case-study-gallery .gallery-item:first-child, .case-study-slider-content .gallery-item:first-child {
	 display: block;
	 left: 0;
	 top: 0;
	 height: 100%;
	 width: 100%;
	 z-index: 9;
}
 .hero-slider .case-study-gallery {
	 height: 400px;
}
.hero-slider .no-image {
	& .hero-content {
		align-content:flex-start;
		max-width:1600px;
		margin:auto;
		height:100%;
	}
}
.hero-content.ua-overlay {
	overflow:hidden;
}
.hero-content.ua-overlay:after {
	opacity:.1;
}
 @media only screen and (max-width: 768px) {
	 .hero-slider .case-study-gallery {
		 height: 100% !important;
	}
	 .filter-bar .facet-search {
		 width: auto !important;
	}
	 .work-filter .facet-search {
		 widtH: 100% !important;
	}
	 .work-filter .facetwp-facet-solutions {
		 justify-content: space-between !important;
	}
	 .work-filter .facetwp-checkbox {
		 flex-grow: 1;
		 margin: 0.5rem !important;
	}
}
 .hero-slider:hover .case-study-slider-content .btn {
	 color: var(--white) !important;
	 background: rgba(255, 255, 255, 0) !important;
}
 .case-study-slider-content .btn {
	 pointer-events: none;
}




/* Buttonify 
 .facetwp-checkbox, .facetwp-radio {
	 padding-left: 0;
	 padding: 0.5rem 2rem !important;
	 font-weight: 800;
	 display: flex;
	 align-items: center;
	 font-size: 0.85rem;
	 background: none !important;
	 border-radius: 2rem;
	 border-color: var(--dark) !important;
	 border: solid 2px var(--dark) !important;
	 color: var(--dark);
	 text-decoration: none;
	 margin: 0.5rem 1rem !important;
	 text-align: center;
	 justify-content: center;
	 line-height: 1.25;
	 cursor: pointer;
	 transition: all ease 0.25s;
	 text-transform: uppercase;
	 position: relative;
	 overflow: hidden;
	 z-index: 9;
	 opacity: 1;
} */




/* Logo Grid */
.logo-grid {
	display:flex;
	flex-flow: wrap row;
	justify-content: flex-start;
	& .single-logo {
		width:20%;
		padding:20px;
		display:flex;
		align-items: center;
		justify-content: center;
		& img {
			height:auto;
			width:100%;
			max-height:80px;
			transition: all ease .25s;
		}
	}
}

.logo-grid:has(.single-logo img:hover) {
	img {
		opacity:.25;
		&:hover {
			opacity:1;
			transform:scale(1.1);
		}
	}
}


@media only screen and (max-width: 768px) {
.logo-grid {
	& .single-logo {
		width:50%;
	}
}
}




/* ------------------------ Logo Carousel Section -------------------------------- */
 @media only screen and (max-width: 600px) {
	 .logo-holder img {
		 width: auto;
		 height: 100px !important;
	}
	 .logo-carousel {
		 margin: 1rem 0 1rem 0 !important;
	}
	 .logo-carousel-section .inner-content {
		 padding-bottom: 1rem !important;
	}
}
 .logo-carousel-section .inner-content {
	 display: flex;
	 flex-flow: wrap column;
	 align-items: center;
	 justify-content: center;
}
 .logo-carousel {
	 margin: 0rem 0 2rem 0;
}
 .logo-holder {
	 margin-left: 30px;
	 margin-right: 30px;
	 position: relative;
}
 .logo-holder img {
	 width: auto;
	 height: 150px;
	 object-fit: contain;
	 margin: auto;
	 transition: all ease 0.25s;
}
 .logo-holder a {
	 position: absolute;
	 widtH: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
}
 .logo-carousel-section .inner-content {
	 display: flex;
	 flex-flow: wrap column;
	 justify-content: center;
	 text-align: center;
}
 .centered-cta {
	 text-align: center;
	 padding: 0 2rem 2rem 2rem;
}
 .centered-cta .btn {
	 margin-left: 1rem !important;
	 margin-right: 1rem !important;
	 margin-bottom: 0 !important;
}
/* -------------------------- Testimonial Carousel ---------------------------- */
 .testimonial-carousel {
	 max-width: 100% !important;
	 width: 100%;
	 & .slick-track {
		display:flex;
		align-items: center;
	 }
	 & .slick-dots {
		justify-content: flex-start !important;
	 }
}
 .testimonial-carousel .individual-testimonial-tile {
	 text-align: center;
}
 .testimonial-carousel .slick-dots {
	 position: relative;
	 display: flex;
	 justify-content: center;
}
 .testimonial-carousel .slick-dots button {
	 border-color: var(--white);
}
 .testimonial-carousel .slick-dots li.slick-active button {
	 border-color: var(--white);
	 background: var(--white);
}

 .testimonial-content p {
	 font-size: 1.5rem;
	 font-weight: 500;
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-wrap: balance;
}
 .testimonial-content .testimonial-credit {
	 margin-top: 1rem;
	 text-wrap: balance;
	 color: var(--accent);
	 font-weight: 700;
}
.testimonial-section blockquote p {
	position:relative;
}
 .testimonial-section blockquote p:after {
	 content: "";
	 background: url("/wp-content/themes/brando_flex/assets/quote.svg");
	 background-size: contain;
	 background-position: center;
	 background-repeat: no-repeat;
	 position: absolute;
	 z-index: -1;
	 left: auto;
	 right: 0;
	 top: auto;
	 bottom: auto;
	 color: var(--white);
	 height: 150px;
	 width: 150px;
	 opacity: 0.1;
	 display: block;
	 margin:auto;
	 -webkit-transform: rotate(180deg);
	 /* For iOS Safari */
	  transform: rotate(180deg);
	  z-index:99;
}
 .testimonial-section .inner-content {
	 justify-content: center;
	 align-items: center;
}
 .testimonial-section {

}
 .testimonial-section .inner-content {
	 max-width: 1100px !important;
}
/* ------------------------ Video Popup ------------------------- */
 .video-button a {
	 background: var(--accent) !important;
	 color: var(--white) !important;
}
 .video-button a:hover {
	 background: none !important;
}
.pp_pic_holder {
	width:100%;
}
 .pp_overlay {
	 background: rgba(44, 13, 86, .95) !important;
	 opacity: 1 !important;
	 z-index: 9999 !important;
}
.pp_content_container {
	padding:2rem !important;
}
.pp_content iframe {
	aspect-ratio:16/9;
	height: 100%;
  	width: 100%;
}
.pp_overlay:before {
	content:"";
	background:url("/wp-content/themes/brando_flex/assets/close-white.svg");
	width:30px;
	height:30px;
	position:absolute;
	top:1rem;
	right:1rem;
	background-size:contain;
	background-repeat: no-repeat;
	cursor:pointer;
	pointer-events:none;
}

 .pp_top, .pp_bottom {
	 display: none !important;
}
 .pp_left, .pp_right {
	 background: none !important;
	 padding: 0 !important;
}
 .pp_right {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .pp_content {
	 background: none !important;
}
 .pp_details {
	 display: none;
}
 .pp_loaderIcon {
	 background:url("/wp-content/themes/brando_flex/assets/loader.svg") !important;
	 background-size:contain !important;
	 height:50px;
	 width:50px;
	 background-repeat: no-repeat !important;
	 animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}


/* --------------------------- CTA Section --------------------------- */
 .contact-content .text-link {
	 color: var(--dark);
}
 .contact-block {
	 margin-bottom: 2rem;
}
 .contact-block h6 {
	 margin-bottom: 0;
}
 .contact-intro {
	 margin-bottom: 2rem;
	 text-wrap: balance;
}




/* ---------------------------- Hero with Content Carousel Section ------------------------- */


 .hero-content-inner {
	 max-width: calc((1400px + 6rem) / 2);
	 & .btn {
		margin-top:1rem !important;
	 }
}
 .hero-content-inner p, .hero-content-inner .accent-heading {
	 text-wrap: balance;
}
@media screen and (max-width: 1024px) and (min-width: 768px) {
	body .content-carousel-section .hero-content h3 {
		font-size:2.25rem !important;
	}
	.hero-content-carousel .slick-dots {

	}
}



 @media only screen and (min-width: 1640px) {
	 .hero-content-inner {
		 min-width: 750px;
	}
}
 .hero-slider-content {
	 width: 100%;
	 display: flex;
	 flex-flow: wrap row;
	 height:100%;
}
 .hero-slider-content .carousel-image {
	 width: 50%;
	 position: relative;
	 height: auto;
	 min-height:400px;
	 display:flex;
}
 .hero-slider-content img {
	 height: 100%;
	 object-fit: cover;
	 aspect-ratio: 1.5;
}
 .hero-slider-content .support-btn {
	 margin-left: 0.5rem !important;
	 margin-right: 0.5rem !important;
}
 .hero-with-carousel-section .hero-content h1, .hero-with-carousel-section .hero-content h2, .hero-with-carousel-section .hero-content h3 {
	 font-size: 2.5rem !important;
	 font-weight: 800 !important;
	 color: var(--white) !important;
	 text-transform: none !important;
}
 .hero-content-carousel {
	 width: 100%;
}
 .hero-content-carousel .slick-dots {
	 bottom: 1rem;
	 left: 0;
	 right:0;
	 width:calc(100% - 2rem);
	 max-width:calc(1600px - 2rem);
	 margin:auto !important;
	 padding:0 1rem;
}
 .hero-content-carousel .slick-dots button {
	 border-color: var(--white);
}
 .hero-content-carousel .slick-dots li.slick-active button {
	 border-color: var(--white);
	 background: var(--white);
}
 .hero-content-carousel .hero-slider {
	 width: 100%;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
 .hero-content-carousel.slick-not-init .hero-slider:nth-child(n+2) {
	 display: none;
}



/* ---------------------------- Hero with Carousel Section ------------------------- */
 @media only screen and (max-width: 1024px) {
	 body .hero-content .hero-content-inner {
		 max-width: none;
		 width: 100%;
	}
	 body .hero-content .hero-content-inner h1, body .hero-content .hero-content-inner h2, body .hero-content .hero-content-inner h3 {
		 font-size: 2.5rem !important;
	}
	 body .hero-content .hero-content-inner .btn, body .hero-content .hero-content-inner .video-button a {
		 font-size: 0.75rem !important;
		 padding: 0.5rem 1rem !important;
	}
}
 @media only screen and (max-width: 768px) {
	 .hero-buttons {
		 display: flex;
		 flex-flow: wrap row;
		 align-items: flex-start;
		 justify-content: center;
	}
	 .hero-buttons .btn, .hero-buttons .video-button a {
		 margin-left: 10px !important;
		 margin-right: 10px !important;
		 margin-top: 0 !important;
	}
	 body .hero-content .hero-content-inner h1, body .hero-content .hero-content-inner h2, body .hero-content .hero-content-inner h3 {
		 font-size: 2rem !important;
	}
}
 @media only screen and (max-width: 768px) {

	
	 .hero-slider-content {
		 flex-flow: wrap column-reverse !important;
		 height: 100%;
	}
	 .hero-slider-content .carousel-image {
		 display:none;
	}
	 .hero-slider-content .hero-content {
		 width: 100% !important;
		 padding: 1rem 1rem 2rem 1rem !important;
	}
	 .hero-slider-content .hero-content-inner {
		 text-align: center;
	}
	 .hero-slider-content .carousel-image img {
		 width: 100%;
	}
	 .content-carousel-section .slick-list {
		 max-height: none;
		 height: auto;
	}
	 .hero-content-carousel .slick-dots {
		 top: auto;
		 left: 0;
		 right: 0;
		 bottom: 1rem;
		 margin: auto !important;
		 text-align: center !important;
		 justify-content: center;
		 padding:0;
	}
	 .hero-with-carousel-section {
		 flex-direction: column-reverse !important;
	}
	 .hero-with-carousel-section .hero-content, .hero-with-carousel-section .hero-media-side {
		 width: 100% !important;
	}
	 .hero-with-carousel-section .hero-media-side {
		 padding-left: 0 !important;
		 height: 300px !important;
	}
	 .hero-with-carousel-section .slick-list {
		 height: 300px !important;
		 max-height: 300px !important;
	}
	 .hero-with-carousel-section .hero-image {
		 height: 300px !important;
		 min-height: 300px !important;
		 max-height: 300px !important;
	}

	 .hero-with-carousel-section .hero-content {
		 width: 100% !important;
		 padding: 1rem !important;
	}
	 .hero-with-carousel-section .hero-content-inner {
		 text-align: center;
	}
	 .hero-with-carousel-section .slick-dots {
		 width: 100%;
		left:auto !important;
		right:auto !important;
		justify-content: center !important;
		bottom:40px;
	}
}
 @media only screen and (min-width: 1640px) {
	 .hero-content-inner {
		 width: calc(700px - 2rem);
	}
}
 .hero-content .supertitle {
	 font-weight: 400;
}
 .hero-content .supertitle a {
	 font-weight: 600;
	 text-decoration-color: var(--accent);
}


 .content-carousel-section .hero-content h1, .content-carousel-section .hero-content h2, .content-carousel-section .hero-content h3 {
	 font-size: 3.5rem !important;
	 font-weight: 800 !important;
	 color: var(--white) !important;
}
 .hero-with-carousel-section {
	 display: flex;
	 flex-flow: wrap row;
	 align-content: stretch;
	 justify-content: space-between;
}
 .hero-with-carousel-section .btn {
	 color: var(--white) !important;
}
 .hero-with-carousel-section p {
	 text-wrap: balance;
}
 .hero-content {
	 width: 50%;
	 height: auto;
}
 .hero-media-side {
	 width: 50%;
	 height: auto;
}
 .hero-content {
	 display: flex;
	 flex-flow: wrap column;
	 align-items: flex-start;
	 align-content: flex-end;
	 justify-content: center;
	 padding: 2rem;
	 position: relative;
	 height: auto;
	 min-height: 400px;
	 flex-grow:1;
	 &.white {
		& h1, h2, h3 {
			color:var(--dark) !important;
		}
	 }
}

 .hero-carousel {
	 min-height: 100%;
}
 .hero-carousel .carousel-image {
	 min-height: calc(100dvh - 300px);
}
 .hero-carousel .slick-list {
	 height: 100% !important;
}
 .hero-carousel img {
	 object-fit: cover;
	 min-height: calc(100dvh - 300px);
	 width: 100%;
	 height:100%;
}
 .hero-carousel .slick-dots {
	 bottom: 1rem;
	 left: 1rem;
	 margin: 0;
}
 .hero-carousel .slick-dots button {
	 border-color: var(--white);
}
 .hero-carousel .slick-dots li.slick-active button {
	 border-color: var(--white);
	 background: var(--white);
}





/* ----------------------- Map Section --------------------- */
 .map-section .one-half {
	 display: flex;
	 flex-flow: Wrap column;
	 align-items: flex-start;
	 justify-content: center;
}
 .address-content {
	 padding-right: 1rem;
}
 .map-content {
	 padding-left: 1rem;
	 overflow:hidden;
}
.map-section iframe, .map-section iframe:focus-visible {
	 border: none !important;
	 box-shadow: none !important;
}




/* ---------------------------- Basic Flex Section ---------------------- */

 @media only screen and (max-width: 768px) {
	 .basic-flex-section .inner-content .main-content-side, .basic-flex-section .inner-content .side-content-side {
		 width: 100% !important;
		 padding-left:0;
		 padding-righT:0;
	}
	 .basic-flex-section .inner-content .side-content-side.contentright {
		 order: -1 !important;
	}
	 .basic-flex-section .inner-content .contentleft {
		 padding-right: 0 !important;
		 padding-left: 0 !important;
	}
	 .basic-flex-section .inner-content .contentright {
		 padding-right: 0 !important;
		 padding-left: 0 !important;
	}
}
 @media only screen and (max-width: 768px) {
	 .basic-flex-section.wysiwyg .inner-content .side-content-side.contentright {
		 order: 2 !important;
	}
	 .basic-flex-section.wysiwyg .inner-content .contentright {
		 padding-right: 2rem !important;
		 padding-left: 0 !important;
	}
	 .basic-flex-section.wysiwyg .inner-content .side-content-side {
		 padding-right: 0 !important;
	}
}
 @media only screen and (max-width: 600px) {
	 .basic-flex-section.wysiwyg .inner-content .main-content-side, .basic-flex-section.wysiwyg .inner-content .side-content-side {
		 width: 100% !important;
		 padding-left: 0 !important;
		 padding-right: 0 !important;
	}
}
 .side-content-side {
	 z-index: 9 !important;
	 position: relative !important;
}
 .basic-flex-section.flush .inner-content {
	 align-items: stretch !important;
}
 .basic-flex-section.flush .side-content-side {
	 min-height: 100%;
	 padding: 0 !important;
}
 .basic-flex-section.flush .side-content-side figure, .basic-flex-section.flush .side-content-side img {
	 height: 100%;
	 object-fit: cover;
}
 .basic-flex-section.flush .side-content-side img {
	 aspect-ratio: 1.5;
}
 @media only screen and (max-width: 768px) {
	 .basic-flex-section.flush .inner-content {
		 padding: 0;
	}
	 .basic-flex-section.flush .main-content-side {
		 padding: 1rem 1rem 2rem 1rem !important;
	}
}

 .wysiwyg.left .main-content-side, .wysiwyg.right .main-content-side {
	 padding-right: 1rem;
	 width: calc(100% - 350px) !important;
}
 .wysiwyg.left .side-content-side, .wysiwyg.right .side-content-side {
	 padding-left: 1rem;
	 width: 350px !important;
}
 .wysiwyg.left .inner-content p, .wysiwyg.right .inner-content p {
	 text-wrap: stable !important;
}
 .wysiwyg-content {
	 border-left: solid 2px var(--accent);
	 padding-left: 2rem;
}
 .wysiwyg-content h2, .wysiwyg-content h3, .wysiwyg-content h4, .wysiwyg-content h5, .wysiwyg-content h6 {
	 position: relative;
}
 .wysiwyg-content h2:before, .wysiwyg-content h3:before, .wysiwyg-content h4:before, .wysiwyg-content h5:before, .wysiwyg-content h6:before {
	 content: "";
	 position: absolute;
	 left: calc(-2rem - 2px);
	 top: 0;
	 heighT: 100%;
	 width: 2px;
	 background: var(--accent);
}
 .small-side-content .side-content-side {
	 width: 400px;
}
 .side-content-side .img-overlay {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 transition: all ease 1s;
}
 .basic-flex-section:hover .img-overlay {
	 opacity: 0;
	 transition: all ease 1s;
}
 .side-content-side figure {
	 position: relative;
}
 .side-content-side figure img {
	 margin-bottom: -6.5px;
	 mix-blend-mode: multiply;
	 opacity: 1;
}
 .basic-flex-section.center .main-content-side {
	 margin: auto;
	 text-align: center;
}
 .main-content-side {
	 flex-grow: 1;
	 width: 50%;
}
 .side-content-side, .side-content-side.half {
	 width: 50%;
}
.side-content-side.quarter {
	width:25%;
}
.side-content-side.third {
	width:33.33%;
}
 .basic-flex-section .inner-content {
	 display: flex;
	 flex-flow: wrap row;
}
 .basic-flex-section .inner-content .side-content-side.contentleft {
	 order: -1;
	 padding-left: 0;
	 padding-right: 2rem;
}
 .basic-flex-section.center p {
	 text-wrap: balance;
}
 .flex-center .inner-content, .center .inner-content {
	 align-items: center;
}
 .flex-top .inner-content, .top .inner-content {
	 align-items: flex-start;
}
 .flex-bottom .inner-content {
	 align-items: flex-end;
}
 .main-content-side.contentright {
	 padding-right: 2rem;
}
 .side-content-side.contentleft {
	 padding-right: 2rem !important;
	 padding-left: 0rem !important;
}
 .main-content-side.contentleft {
	 padding-left: 2rem !important;
}
 .flush figure {
	 margin: 0 !important;
}
 .flush .main-content-side {
	 padding: 2rem 2rem 2rem 0rem;
	 display: flex;
	 flex-flow: Wrap column;
	 justify-content: center;
}
 .flush-bottom .inner-content {
	 padding-bottom: 0 !important;
	 padding-top: 2rem !important;
}



/* ----------------------- Featured Content Section ------------------------------ */
 @media only screen and (max-width: 1024px) {
	 body .featured-content-section .main-content-side {
		 width: 100% !important;
		 justify-content: center;
	}
	 body .featured-content-section .main-content-side-inner {
		 width: 100% !important;
		 text-align: center !important;
	}
	 body .featured-content-section .side-content-side {
		 width: 100% !important;
		 padding-left: 0 !important;
	}
}
 @media only screen and (max-width: 768px) {
	 body .featured-content-section .content-tile {
		 width: 100% !important;
		 padding-right: 0 !important;
	}
	 body .featured-content-section .content-tile-grid {
		 height: auto !important;
	}
	 body .featured-content-section .content-tile-content {
		 position: absolute;
		 z-index: 9;
		 height: auto;
		 display: flex;
		 flex-flow: Wrap column;
		 justify-content: flex-end;
		 min-height: 100%;
		 left: 0;
		 top: 0;
		 padding: 2rem;
		 text-align: center;
		 align-content: center;
		 align-items: center;
		 width: 100%;
	}
	 body .featured-content-section .content-tile-content h6 {
		 margin-bottom: 2rem;
	}
}
 .content-tile-grid {
	 display: flex;
	 flex-flow: Wrap row;
	 height: 100%;
}
 .content-tile {
	 width: 25%;
	 flex-grow: 1;
	 position: relative;
	 height: 100%;
	 padding: 1rem;
	 padding-left: 0;
}
 .content-tile:last-child {
	 padding-right: 0rem !important;
}
 .content-grid-img-wrap {
	 position: absolute;
	 top: 0rem;
	 right: 0;
	 bottom: 0;
	 left: 0rem;
	 z-index: -1;
}
 .content-tile-inner {
	 display: flex;
	 flex-flow: wrap row;
	 justify-content: flex-start;
	 align-items: center;
	 align-content: space-between;
	 height: 100%;
	 padding: 4rem 2rem 2rem 2rem;
	 min-height: 350px;
	 color: var(--white);
	 position: relative;
}
 .content-tile-inner .text-link {
	 color: #fff !important;
}
 .content-tile-inner .text-link:after {
	 background: url("/wp-content/themes/brando_flex/assets/white-arrow.svg");
	 background-repeat: no-repeat;
}
 .content-grid-bg-img {
	 height: 100%;
	 width: 100%;
	 object-fit: cover;
}
 .featured-content-section .side-content-side {
	 width: 66.666%;
}
 .featured-content-section .main-content-side {
	 width: 33.333%;
	 display: flex;
	 align-items: center;
}
 .featured-content-section .main-content-side-inner {
	 width: calc(1500px / 4);
}

 .tile-overlay {
	 width: 100%;
	 height: 100%;
	 left: 0;
	 top: 0;
	 righT: 0;
	 bottom: 0;
	 background: var(--accent);
	 position: absolute;
	 transition: all ease 0.25s;
	 opacity: 1;
}
 .content-tile:nth-child(even) .tile-overlay {
	 background: var(--dark);
}
 .content-tile-content {
	 position: relative;
	 z-index: 9;
	 height: 100%;
	 width: 100%;
	 display: flex;
	 flex-flow: Wrap column;
	 justify-content: space-between;
}
 .content-tile-content .btn:hover {
	 background: var(--white);
}


/* ---------------------- CTA with Form Section -------------------------- */
 @media screen and (max-width: 768px) {
	 .cta-with-form-section .one-half:first-child {
		 padding-right: 0rem !important;
	}
}
 .cta-with-form-section .one-half:first-child {
	 padding-right: 2rem;
}

.gform_required_legend {
	display:none;
}



/* --------------------- Image Grid -------------------------- */
 .image-grid {
	 display: flex;
	 flex-flow: wrap row;
	 position: relative;
}
 .grid-image {
	 flex-grow: 1;
	 width: 20%;
	 aspect-ratio: 0.6666666667;
	 padding: 0.5rem;
	 position: relative;
}
 .grid-image img {
	 height: 100%;
	 width: 100%;
	 object-fit: cover;
}
 .grid-image figure {
	 position: relative;
	 height: 100%;
	 width: 100%;
	 margin: 0;
}
 @media screen and (max-width: 901px) and (min-width: 600px) {
	 .grid-image {
		 width: 33.333% !important;
	}
}
 @media only screen and (max-width: 600px) {
	 .grid-image {
		 width: 33.333% !important;
		 aspect-ratio: 1 !important;
	}
}





/* ----------------------------- Simple Image blocks Section ---------------------------- */
 @media only screen and (max-width: 900px) {
	 .simple-image-blocks-section .inner-content {
		 padding-left: 1rem !important;
		 padding-right: 1rem !important;
	}
	 .simple-image-blocks-section .image-blocks-container figure {
		 margin-bottom: -10px;
	}
	 .simple-image-blocks-section .block-inner {
		 margin-bottom: 1.5rem;
	}
	 .simple-image-blocks-section .image-blocks-container .image-block, .simple-image-blocks-section .image-blocks-container.three .image-block, .simple-image-blocks-section .image-blocks-container.four .image-block, .simple-image-blocks-section .image-blocks-container.five .image-block {
		 width: 50% !important;
	}
}
 @media only screen and (max-width: 500px) {
	 .simple-image-blocks-section .image-blocks-container .image-block, .simple-image-blocks-section .image-blocks-container.three .image-block, .simple-image-blocks-section .image-blocks-container.four .image-block, .simple-image-blocks-section .image-blocks-container.five .image-block {
		 width: 100% !important;
	}
}
 .image-blocks-container.four .image-block {
	 width: 25% !important;
}
 .image-blocks-container.three .image-block {
	 width: 33.33% !important;
}
 .image-blocks-container.five .image-block {
	 width: 20% !important;
}
 .simple-image-blocks-section .intro-content {
	 margin: auto;
	 text-align: center;
}
 .simple-image-blocks-section .inner-content {
	 justify-content: center;
	 flex-flow: Wrap column;
	 align-items: center;
}
 .image-blocks-container {
	 display: flex;
	 flex-flow: wrap row;
	 width: 100%;
}
 .image-blocks-container .image-block {
	 width: 33.33%;
	 flex-grow: 1;
	 padding: 0.5rem;
	position:relative;
	&:hover img {
		transform:scale(1.1);
	}
}
.image-block-link {
	position:absolute;
	height:100%;
	width:100%;
	z-index:9;
}

.left-aligned .image-block-title {
	text-align:left;
	align-items: flex-start;
}
 .image-blocks-container figure {
	 margin: 0;
	 aspect-ratio: 1.5;
	 width: 100%;
	 height:100%;
}
 .image-blocks-container img {
	 object-fit: cover;
	 height: 100%;
	 width: 100%;
	transition: all ease .25s;
}
 .image-blocks-container .block-inner {
	 height: 100%;
	 min-height: 100%;
	 display: flex;
	 flex-flow: Wrap column;
	 position:relative;
	 border-radius:25px;
	 box-shadow:var(--mainshadow);
	 overflow:hidden;
}
 .image-block-title {
	 text-align: center;
	 padding: 1rem;
	 flex-grow: 1;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-flow: wrap column;
	 position:absolute;
	 bottom:0;
}
 .image-block-title span {
	 display: block;
	 margin-top: 0.5rem;
	 font-weight: 400 !important;
	 text-transform: none;
	 font-size: 1rem;
}
 .image-block-title h5 {
	 font-size: 1.75rem;
	 font-weight: 700;
	 margin: 0;
	 position: relative;
	 z-index: 9;
	 text-shadow: 0 0 10px rgba(0,0,0,.25);
	 color:var(--white);
}



/* ------------------------- Split Content Section ------------------ */
 .split-header-section .inner-content {
	 display: flex;
	 flex-flow: wrap row;
}
 .heading-side, .content-side {
	 width: 50%;
}
 @media only screen and (max-width: 900px) {
	 .heading-side, .content-side {
		 width: 100% !important;
	}
	 .split-header-section .content-side {
		 padding: 0px !important;
	}
	 .heading-side h3 {
		 text-align: left !important;
	}
}
 .heading-side h3 {
	 text-align: right;
}

/* ------------------------------ Slick slider --------------------------------- */
 .slick-dots > li {
	 display: inline-block;
}
 .slick-dots > li:only-child {
	 display: none;
}
 .slick-dots {
	 padding-left: 0 !important;
}
 .slick-dots button {
	 position: relative;
	 display: inline-block;
	 width: 20px;
	 height: 20px;
	 margin: 0 5px;
	 padding: 0;
	 cursor: pointer;
}
 .slick-dots ul {
	 list-style-type: none !important;
}
 .slick-dots li::marker {
	 display: inline-block;
	 font-size: 0;
	 color: rgba(255, 255, 255, 0);
	 width: 0;
	 height: 0;
}
 .slick-dots button {
	 top: 0;
	 color: rgba(255, 255, 255, 0) !important;
	 left: 0 !important;
	 width: 15px !important;
	 height: 15px !important;
	 padding:10px;
	 text-align: center;
	 opacity: 1;
	 background: none;
	 border: solid 2px var(--dark);
	 border-radius: 50% !important;
	 transition: all ease 0.25s;
}
 .slick-dots li.slick-active button {
	 border: solid 2px var(--dark);
	 background: var(--dark);
}
 .blog-carousel-section .slick-dots {
	 text-align: center;
}
 .slick-dotted {
	 flex-flow: wrap column;
}
 .slick-dots {
	 display: flex;
	 justify-content: flex-start;
}
 .post-carousel .individual-post {
	 flex-grow: 1;
}
 .slick-dots li button {
	 font-size: 0;
}
 .slick-dots {
	 margin-bottom: 0;
	 position: absolute;
	 bottom: 0;
}
 @media only screen and (max-width: 900px) {
	 .slick-dots {
		 margin-left: 0 !important;
	}
}
 .post-carousel.slick-slider {
	 position: relative;
	 display: flex;
	 justify-content: center;
	 align-items: flex-start;
}
 .post-carousel.slick-slider .slick-list {
	 width: 100%;
}
 .post-carousel.slick-slider .left-arrow {
	 position: absolute;
	 right: 0;
}
 .post-carousel.slick-slider .right-arrow {
	 position: absolute;
	 left: 0;
}
.blog {
	& .hero-with-carousel-section {
		margin-top:150px;
	}
}
.blog .filter-bar {
	display:none;
}
@media only screen and (max-width: 1024px) {
	.blog .filter-bar {
		display:block;
	}
}
@media only screen and (max-width: 600px) {
	.blog {
		& .hero-with-carousel-section {
			margin-top:50px !important;
		}
	}
}
 @media only screen and (max-width: 768px) {
	 .post-carousel.slick-slider .slick-list {
		 width: 100% !important;
	}
	 .blog-tile .post-image-link, .blog-tile .blog-tile-content {
	}
	 .blog-tile .post-image-link {
		 height: auto !important;
		 min-height: auto !important;
	}
	 .blog-tile .post-image-link img {
		 aspect-ratio: 1.5 !important;
	}
	 .blog-tile .blog-tile-content {
		 height: auto !important;
	}
	 .post-tiles-carousel .individual-post {
		 padding: 1rem;
	}
}
@media only screen and (max-width: 500px) {
.blog-tile .post-image-link, .blog-tile .blog-tile-content {
	width:100%;
}
.blog-tile .post-image-link img {
	width:100%;
}
}

 .slick-arrow {
	 height: 40px;
	 width: 40px;
	 position: absolute;
	 border: none;
	 background: var(--white);
	 border-radius: 50%;
	 z-index: 99;
	 cursor: pointer;
}
 .right-arrow:before {
	 background: url("/wp-content/themes/brando_flex/assets/arrow.svg");
	 content: "";
	 height: 20px;
	 width: 20px;
	 background-size: contain;
	 display: inline-block;
}
 .left-arrow:after {
	 background: url("/wp-content/themes/brando_flex/assets/arrow.svg");
	 content: "";
	 height: 20px;
	 width: 20px;
	 background-size: contain;
	 display: inline-block;
	 transform: rotate(180deg);
}


/* ------------------------ Post Carousel -------------------------------------- */
 .post-carousel, .logo-carousel {
	 width: 100%;
}
 .logo-holder {
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
/* ---------------------- Tabs Section ---------------------------- */
 .tabbed-content {
	 display: flex;
}
 .tab-buttons {
	 width: 300px;
}
 .tabs-section .intro-content {
	 width: 100%;
	 margin-bottom: 2rem;
}
 .tab-button {
	 display: block;
	 width: 100%;
	 padding: 10px;
	 margin-bottom: 1rem;
	 border: none;
	 background-color: var(--accent);
	 opacity: 1;
	 cursor: pointer;
	 transition: all ease 0.25s;
	 font-weight: 600;
	 color: #fff;
}
 .tab-button:hover {
	 background-color: var(--dark);
}
 .tab-contents {
	 width: calc(100% - 300px);
	 padding-left: 2rem;
}
 .tab-content {
	 display: none !important;
}
 .tab-content.active {
	 display: block !important;
}
 .tab-secondary {
	 background: #fff;
	 box-shadow: var(--mainshadow);
	 padding: 2rem;
	 margin-top: 2rem;
}
 .tab-button[aria-selected="true"] {
	 background: var(--dark);
	 opacity: 1;
}
 @media only screen and (max-width: 900px) {
	 .tabs-section .tabbed-content {
		 display: flex !important;
		 flex-flow: Wrap column !important;
		 width: 100% !important;
	}
	 .tabs-section .tab-buttons, .tabs-section .tab-contents {
		 width: 100% !important;
		 padding-left: 0 !important;
	}
	 .tabs-section .tab-button {
		 width: auto !important;
		 margin: 0.25rem !important;
		 flex-grow: 1 !important;
	}
	 .tabs-section .tab-buttons {
		 display: flex !important;
		 flex-flow: Wrap row !important;
		 justify-content: space-between !important;
	}
}
/* ---------------------- Simplified Icon Grid Tiles -------------------- */
 @media only screen and (max-width: 1024px) {
	 .grid-tile {
		 width: 50% !important;
	}
}
 @media only screen and (max-width: 500px) {
	 .grid-tile {
		 width: 100% !important;
	}
}
 .icon-wrapper {
	 width: 100%;
	 text-align: center;
}
 .icon-tile-section .grid-tile-inner {
	 justify-content: center;
	 
}
.grid-tile-inner.light {
	background:var(--light);
	& .text-link::after {
		background: url("/wp-content/themes/brando_flex/assets/arrow_right.svg") no-repeat !important;
	}
}
.grid-tile-inner.left .icon-wrapper {
	text-align:left;
}
 .grid-tile-inner.light .text-link {
	 color: var(--dark);
}
 .grid-tile-inner.light h6 {
	 color: var(--dark);
}
 .grid-tile-inner.light p {
	 color: var(--dark);
}
 .grid-tile-inner.simple {
	 box-shadow: none !important;
	 background: none !important;
}
 .grid-tile-inner.center {
	 text-align: center !important;
}
 .grid-tile-inner.center h6, .grid-tile-inner.center p {
	 text-wrap: balance;
}
 .icon-tile-section .text-link::after {
	 background: url("/wp-content/themes/brando_flex/assets/arrow_right_alt.svg");
	 background-repeat: no-repeat;
}
 .icon-tile-section .grid-tile-inner img {
	 margin: auto;
	 width: 110px;
}
 .icon-tile-section .tile-grid {
	 justify-content: center;
	 width: 100%;
	 display: flex;
	 flex-flow: wrap row;
}
 .icon-tile-section .grid-tile {
	 width: 25%;
	 flex-grow: 1;
	 padding: 0.5rem;
}
 .icon-tile-section .intro-content {
	 margin: auto;
	 max-width: 1100px;
	 text-align: center;
}
 .icon-tile-section .tile-grid.two .grid-tile {
	 width: 50%;
}
 .icon-tile-section .tile-grid.three .grid-tile {
	 width: 33.3333%;
}
 .icon-tile-section .tile-grid.four .grid-tile {
	 width: 25%;
}
 .icon-tile-section .tile-grid.five .grid-tile {
	 width: 20%;
}
 .icon-tile-section .tile-grid.six .grid-tile {
	 width: 16.6666%;
}
 .grid-tile-inner {
	 box-shadow: var(--mainshadow);
	 padding: 1.5rem;
	 height: 100%;
	 background: #fff;
}
 .grid-tile-inner.dark {
	 background: var(--dark);
}
 .grid-tile-inner.dark p, .grid-tile-inner.dark h6, .grid-tile-inner.dark .text-link {
	 color: var(--white) !important;
}
/* Cards Section */
 .cards-section .grid-tile-inner {
	 background: #fff !important;
}
 .cards-section .grid-tile-inner i {
	 color: var(--dark);
	 font-size: 2rem;
	 background: -webkit-gradient(linear, left top, right top, color-stop(10%, rgba(234, 113, 37, 1)), color-stop(100%, rgba(254, 203, 0, 1)));
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}
 .cards-section .tile-grid {
	 padding: var(--mainpadding);
}
 @media only screen and (max-width: 900px) {
	 .cards-section .grid-tile-inner {
		 height: auto !important;
	}
}
/* -------------------------- Simple Content Grid ------------------------ */
 .simple-content-grid-tile.four {
	 width: 25% !important;
}
 .simple-content-grid-tile.three {
	 width: 33.33% !important;
}
 .simple-content-grid-tile.five {
	 width: 20% !important;
}

 @media only screen and (max-width: 900px) {
	 body .simple-content-grid-tile, body .simple-content-grid-tile.four, body .simple-content-grid-tile.three, body .simple-content-grid-tile.five {
		 width: 50% !important;
	}
}
 @media only screen and (max-width: 500px) {
	 body .simple-content-grid-tile, body .simple-content-grid-tile.four, body .simple-content-grid-tile.three, body .simple-content-grid-tile.five {
		 width: 100% !important;
	}
}
 .simple-content-grid-section .inner-content {
	 padding: 3rem 0 !important;
}
 .simple-content-grid {
	 width: 100%;
	 display: flex;
	 flex-flow: Wrap row;
	 justify-content: flex-end;
}
 .simple-content-grid-tile {
	 width: 33.333%;
	 flex-grow:1;
}
 .simple-content-grid-tile .content-grid-inner {
	 padding: 1rem;
	 text-wrap: stable;
	 &.center-aligned {
		text-align:center;
	 }
}
 @media only screen and (max-width: 900px) {
	 .simple-content-grid-tile {
		 width: 50% !important;
	}
}
 @media only screen and (max-width: 500px) {
	 .simple-content-grid-tile {
		 width: 100% !important;
	}
}
/* Center Column */
 .content-with-media-section.column .content-content-side, .content-with-media-section.column .main-section-heading {
	 color: #fff;
}
 .content-with-media-section.column .content-content {
	 width: 100%;
	 display: block;
}
 .content-with-media-section.column .main-section-heading {
	 widtH: 100%;
}
 .content-with-media-section.column .media-content {
	 display: none;
}
 .content-with-media-section.column .content-content-side {
	 padding: 0;
	 text-align: center;
}
/* Secondary Content Styles */
 .secondary-content {
	 margin-top: 50px;
}
 .fact-row {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: space-between;
}
 .fact {
	 width: 30%;
	 margin-top: 20px;
}
 .fact img {
	 max-width: 100%;
	 height: auto;
}
 .fact h4 {
	 margin-top: 10px;
	 font-size: 20px;
	 color: #333;
}
 .fact p {
	 margin-top: 10px;
	 font-size: 16px;
	 color: #555;
}
 .call-to-action {
	 margin-top: 50px;
	 text-align: center;
}
 .call-to-action .btn {
	 font-size: 18px;
}
/* Second Half Group Styles */
 .content-section {
	 margin-top: 50px;
}
 .content-body {
	 font-size: 16px;
	 color: #555;
}
 .video-section, .content-section {
	 display: flex;
	 align-items: center;
}
 .video-section .video, .content-section .content-body {
	 width: 100%;
}
 @media (max-width: 767px) {
	 .container {
		 padding: 30px 0;
	}
	 .content-title {
		 font-size: 24px;
	}
	 .fact {
		 width: 100%;
	}
}
/* ----------------- Related Site Content ------------------------ */
 .related-site-content-section {
	 position: relative;
}
 .related-site-content-section h3 {
	 color: #fff;
	 margin: auto;
	 text-align: center;
	 margin-bottom: 2rem;
}
 .related-site-content-section .blog-tile {
	 background: #fff;
	 box-shadow: var(--mainshadow);
	 padding: 0rem 1rem 1rem 1rem;
	 height: 100%;
}
 .related-site-content-section .individual-post {
	 flex-grow: 1;
}
 .related-site-content-section .btn {
	 margin: auto;
	 margin-top: 2rem;
}
 .related-site-content-section .individual-post {
	 width: 33.33% !important;
}


/* --------------------------- Accordion -------------------------- */
.stacked {
& .support-wrapper {
	width:100%;
}
}

.one_half, .one_third {
	& .inner-content {
		display:flex;
		flex-flow:wrap row;
	}
}
.one_half {
	& .content-wrapper, .support-wrapper {
		width:50%;
	}
}
.one_third {
	& .content-wrapper {
		width:40%;
	}
	&  .support-wrapper {
		width:60%;
	}
}


 .toggle-wrap {
	 position: relative;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 left: -25px;
}
 .toggle-a, .toggle-b {
	 content: "";
	 position: absolute;
	 left: 0;
	 right:0;
	 bottom:0;
	 top: 0;
	 width: 3px;
	 margin: auto;
	 height: 15px;
	 transition: all ease 0.25s;
	 border-radius: 3px;
	 background:var(--accent);
}
 .toggle-a {
	 transform: rotate(90deg);
}
 .toggle-title {
	 padding-left: 40px;
	 margin-bottom: 20px;
	 cursor: pointer;
	 width: calc(100% - 75px);
}
 body .toggle-copy {
	 display: none;
	 transition: all ease 0.25s;
	 & .btn {
		color:var(--white) !important;
	 }
}
 .toggle-visible .toggle-copy {
	 display: block !important;
	 & * {
	 color:Var(--dark) !important;
	 }
	 & p a {
		color:Var(--dark) !important;
	 }
	}

 .faq-section .content-wrapper {
	 padding: 1rem 1rem 1rem 0;
}
 .accordion-section .accordion-container {
	 width: 100% !important;
	 padding-top: 0 !important;
}
 .accordion-container {
	 padding: 1rem 0 1rem 1rem;
}
 .toggle-title {
	 padding-left: 0 !important;
}
 .toggle-title {
	 font-size: 1.5rem !important;
	 font-weight:600;
	 margin-top: 20px;
	 padding-right:30px;
	 position:relative;
	 transition: all ease .25s;
	 left:0;
	 line-height:1.15 !important;
}
 .toggle-title-bar {
	 display: flex;
	 align-items: center;
	 position: relative;
	 flex-flow: wrap row;
	 cursor: pointer;
	 justify-content: space-between;
	 transition: all ease .25s;
	 padding-right:10px;
	 &:hover {
		background:var(--lightgray);
		color:var(--dark);
		& .toggle-title {
			left:20px;
		}
	 }
}
.toggle-visible {
	.toggle-title-bar {
			background:var(--lightgray);
			color:var(--dark);
			& .toggle-title {
				left:20px;
			}
		 }
}
 .toggle-wrap {
	 display: flex;
	 right: 0;
	 top: auto;
	 bottom: auto;
	 height: 25px;
	 width: 25px;
	 align-items: center;
	 justify-content: center;
	 left: auto;
	 transition: all ease 0.25s;
}
 .toggle-copy {
	 margin-bottom: 2rem;
	 padding:20px;
	 background:var(--lightgray);
	 margin-top:6px;
}
 .toggle {
	 position: relative;
	 border-bottom: solid 1px var(--lightgray);
}
 .toggle:last-child {
	 border-bottom: none !important;
}
 .toggle-visible .toggle-wrap {
	 transform: rotate(135deg);
}

 .toggle-visible .toggle-title-bar {
	 border-bottom: none !important;
}
 

@media only screen and (max-width: 900px) {

	.accordion-container {
		padding-left: 0 !important;
		padding-right: 0 !important;
   }
}
@media only screen and (max-width: 768px) {
	.one_half, .one_third {
		& .content-wrapper, .support-wrapper {
			width:100% !important;
		}
	}
}


/* -------------- Footer ------------------------ */

.footer-content {
	display:flex;
	flex-flow:wrap row;
	justify-content: space-between;
	& .social-media-links {
		justify-content: center;
	}
	& .social-icon {
		padding-left:.5rem;
		padding-right:.5rem;
	}
}
#menu-footer-locations #menu-item-417 a {
	text-align:center !important;
	justify-content: center !important;
}
 .ancillary a {
	 text-decoration: none;
}
 .social-media-links {
	 margin-bottom: 1rem;
}
 .small-text {
	 font-size: 0.85rem;
}
 .ancillary, .credits {
	 margin-bottom: 1rem;
}
 .ancillary a:after {
	 content: " | ";
	 padding: 0 0.5rem;
}
 .ancillary a {
	 position: relative;
}
 .ancillary a:last-child:after {
	 display: none;
}
 .footer-sub {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
}
 #menu-footer-locations {
	 text-align: left;
}
 #menu-footer-locations a {
	 text-align: left !important;
}
 footer .social-media-links {
	margin-top:1rem;
	 justify-content: flex-end;
}
 .footer-menus {
	 display: flex;
	 flex-flow:nowrap column;
	 align-items: flex-start;;
}
 .footer-menus a {
	 text-decoration: none;
	 font-weight: 600 !important;
	 color:var(--white);
}
 .footer-menus a:after {
	 display: none;
}
 .footer-menus .menu {
	 padding-left: 0;
	 margin: 0;
	 list-style-type:none;
	 & li a {
		padding-top:0;
		padding-bottom:.25rem;
		padding-left:0;
	 }
}
.footer-sub .inner-content {
	justify-content: space-between;
	& a {
		text-decoration:none;
		color:var(--white);
		font-weight:600;
	}
}

 .footer-menus .sub-menu {
	 padding: 0;
	 margin: 1rem 0 0 0;
}
 .footer-menus .sub-menu a {
	 font-weight: 600 !important;
	 text-transform:none;
	 font-size: 0.85rem;
	 padding: 0.5rem 0 !important;
}
 .footer-menus .contact-button a {
	 text-align: center;
	 display: inline-block;
	 padding: 0.5rem 2rem !important;
	 background: var(--accent);
	 border-radius: 2rem;
	 margin-top: 1rem;
	 font-size: 1rem !important;
	 text-decoration: none !important;
	 border: solid 3px var(--accent);
}
 .footer-menus .contact-button a:hover {
	 background: none !important;
}
 .footer-navigation {
	 padding-right: 1.5rem !important;
	 padding-right: 1rem;
}
 .footer-navigation ul li {
	 width: 100% !important;
	 & .menu-arrow {
		display:none;
	 }
}
 .footer-navigation li:marker {
	 display: none !important;
}
 .footer-navigation li a:after {
	 display: none;
}
 .footer-navigation a:hover {
	 text-decoration: underline;
	 text-decoration-thickness: 2px;
	 text-decoration-color: var(--accent);
}
 .footer-navigation:last-child {
	 padding-right: 0;
}
 footer .btn {
	 background: var(--white);
	 color: var(--dark);
}
 .footer-container {
	 max-width: var(--mainwidth);
	 margin: auto;
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
	 padding: 20px;
	 flex-flow: wrap column;
}
 .site-info {
	 padding: 1rem 0 2rem 0;
}
 footer p a {
	 color: var(--white);
	 display: inline-block;
}
 footer p {
	 color: var(--white);
}
 footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	 color: var(--white);
}
 .footer-logo a {
	 display: inline-block;
}
 .footer-logo img {
	 width: 100px;
	 display: block;
}
 @media only screen and (max-width: 900px) {
	 .site-info {
		 width: 100% !important;
	}
	 .footer-info-half {
		 width: 100% !important;
	}
	 .footer-col:first-child {
		 padding-left: 0 !important;
	}
	 footer h6 {
		 font-size: 1.5rem !important;
	}

	 footer .social-media-links {
		 top: 0 !important;
		 justify-content: flex-start !important;
		 margin-top: 1rem !important;
		 margin-bottom: 1rem !important;
	}
	 #menu-footer-locations {
		 text-align: left !important;
	}
	 #menu-footer-locations a {
		 justify-content: flex-start !important;
	}
	 .footer-sub {
		 flex-flow: Wrap column !important;
		 justify-content: flex-start !important;
		 align-items: flex-start !important;
	}
	 .footer-navigation {
		 margin-bottom: 1rem !important;
	}
}
 @media screen and (max-width: 901px) and (min-width: 600px) {
	 .footer-navigation {
		 width: 33.33% !important;
		 margin-bottom: 1rem !important;
	}
}
 @media only screen and (max-width: 600px) {
	 .footer-navigation {
		 width: 50% !important;
	}
	 .footer-col {
		 width: 100% !important;
		 padding-left: 0 !important;
		 padding-right: 0 !important;
	}
	 .footer-info-blocks {
		 flex-flow: wrap column !important;
	}
	 .footer-credit {
		 text-align: left !important;
	}
}
 .site-footer {
	 background: var(--dark);
}

@media only screen and (max-width: 600px) {
	.footer-content {
		flex-flow:nowrap column;
	}
}

/* ------------------------ Post Main Settings ---------------------- */
 .post-tiles {
	 display: flex;
	 flex-flow: wrap row;
}
.post-grid {
	& article {
		flex-grow:1;
	}
}
 .individual-post {
	 width: 100%;
}
 @media only screen and (max-width: 900px) {
	 .post-tiles .individual-post {
		 width: 100% !important;
	}

}
 .post-tile-content {
	 width: 100%;
}
.left-aligned .content-wrapper {
	text-align:left;
	margin-left:0;
	margin-right:0;
}

@media only screen and (max-width: 600px) {
	.post-archive-grid .individual-post {
		width:100% !important;
	} 
}

/* ------------------ Accessibility Panel ------------------------ */
 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
	 width: 250px;
	 left: -75px;
}
 #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
	 left: 180px;
}
 #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay {
	 left: 0px;
}
 #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle {
	 left: 260px;
}
 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a {
	 font-size: 16px;
	 display: flex;
}
 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	 font-size: 22px !important;
}
 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
	 overflow: hidden;
}
 .pojo-a11y-toolbar-title {
	 display: none !important;
}
 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
	 border: none !important;
	 box-shadow: 0 0 25px rgba(0, 0, 0, .15) !important;
}
 #pojo-a11y-toolbar.pojo-a11y-toolbar-left {
	 bottom: 10px !important;
}
 #pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle {
	 bottom: 10px;
	 margin-left: 10px;
}
 #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
	 bottom: 0;
	 position: absolute;
	 border: none;
}
 .pojo-a11y-toolbar-title {
	 text-transform: uppercase;
	 font-size: 20px;
}
 #pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle {
	 box-shadow: none;
}
 #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
	 border-radius: 50%;
	 box-shadow: 0 0 25px rgba(0, 0, 0, .15);
	 width: 40px;
	 height: 40px;
	 display: flex;
	 align-items: center;
}
 .pojo-a11y-toolbar-toggle .pojo-a11y-toolbar-link {
	 position: relative;
}


/* ----------------------------------- Tabs ----------------------------- */
 .tab {
	 overflow: hidden;
	 border: 1px solid #ccc;
	 background-color: #f1f1f1;
}
 .tab button {
	 background-color: inherit;
	 float: left;
	 border: none;
	 outline: none;
	 cursor: pointer;
	 padding: 14px 16px;
	 transition: 0.3s;
}
 .tab button:hover {
	 background-color: #ddd;
}
 .tab button.active {
	 background-color: #ccc;
}
 .tabcontent {
	 display: none;
	 padding: 6px 12px;
	 border: 1px solid #ccc;
	 border-top: none;
}
 .tabcontent {
	 animation: fadeEffect 1s;
	/* Fading effect takes 1 second */
}
/* Go from zero to full opacity */
 @keyframes fadeEffect {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}