/*
Theme Name: Michigan Histotripsy
Theme URI: https://brandography.com
Author: Brandography
Author URI: https://brandography.com
Description: This is the Michigan Histotripsy 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;
	}
}
/*-------------------------------------------------------------- # Base --------------------------------------------------------------*/


.inView {
    opacity: 1 !important;
}
.fade-in {
	-webkit-transition-delay: .5s !important;
	-moz-transition-delay: .5s !important;
	-o-transition-delay: .5s !important;
	transition-delay: .25s !important;
    transition-duration: .25s;
    opacity: 0;
	display:inline-block;
}

section {
	scroll-margin-top:75px;
}

/* Typography */
 body, input, select, optgroup, textarea, button, ul li, ol li {
	 color: var(--dark);
	 font-size: 1rem;
	 line-height: 1.2;
	 font-family: var(--mainfont);
}
 h1, h2, h3, h4, h5, h6, .heading-style {
	 clear: both;
	 line-height: 1.2;
	 margin: 1rem 0;
	 text-wrap: balance;
	 font-family: var(--altfont);
	 font-weight: 700;
	 color: var(--dark);
	 text-transform:uppercase;
	 letter-spacing:10%;
}

 .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: clamp(1.5rem, 0.76rem + 2.24vw, 3rem);
}
 h2 {
	font-size: clamp(1.5rem, 0.9318rem + 1.8182vw, 2.75rem);
}
 h3 {
	font-size: clamp(1rem, 0.86rem + 0.64vw, 1.5rem);
}
 h4 {
	font-size: clamp(1rem, 0.86rem + 0.64vw, 1.5rem);
}
 h5 {
	font-size: clamp(1rem, 0.86rem + 0.64vw, 1.5rem);
}
 h6 {
	font-size: clamp(1rem, 0.86rem + 0.64vw, 1.5rem);
}
 
 @media only screen and (max-width: 600px) {
	.supertitle {
		font-size: 1rem;
	
}
 }
 p, .module-inner ul li, .module-inner ol li {
	 margin-top: 10px;
	 margin-bottom: 20px;
	 font-size: var(--mainfontsize);
	 line-height: 1.5;
	 letter-spacing:5%;
	 font-weight:300;
}

.individual-post-template .entry-content, .tribe-events-single, .inner-content p, .inner-content li {
	margin-top: 0;
	font-size:var(--mainfontsize);
}


 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 {
	 text-decoration-thickness: 2px;
	 text-decoration-color: var(--accent);
	 text-underline-offset: 1.5px;
	 font-weight:400;
	 transition: all ease .25s;
}
p a:hover {
	text-decoration-color: var(--lightblue);
}
/* Lists */

.entry-content, .grid-tile-content, .flex_simple_content, .tab-content, .toggle-copy  {
	& ul, ol {
		list-style-type: none;
		margin-left: 0;
		padding-left: 40px !important;
		display:flex;
		flex-flow:nowrap column;
	}
	& li {
		position: relative;
		color: var(--dark);
		margin: 0;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		& h3, h4, h5, h6 {
			position:relative;
			margin-top:0;
			&:after {
				content:"";
				background:var(--lightblue);
				width:100px;
				position:absolute;
				height:1.5px;
				left:0;
				bottom:-10px;
			}
		}
	}
	& ul li:before {
		content: "";
		color: var(--accent);
		background:url("/wp-content/themes/brando_flex/assets/list-icon.png") no-repeat;
		height:20px;
		width:20px;
		background-size:contain;
		position: absolute;
		left: -30px;
		top: 10px;
	}
	& li:last-child:after {
		display:none;
	}
	& ol {
		counter-reset: number-counter;
	}

	& ol li {
		counter-increment: number-counter;
	}

	& ol li::before {
		content: counter(number-counter);
		color: var(--accent);
		font-size: 1rem;
		font-weight: 600;
		position: absolute;
		left:-1.5rem;
	}
}




.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;
}

 dt {
	 font-weight: 700;
}
 .inner-content li {
	 margin-bottom: 1rem;
}
 #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%;
}

.superheading {
	text-transform:uppercase;
	color:var(--yellow);
	letter-spacing:15%;
	 font-size: clamp(1rem, 0.86rem + 0.64vw, 1.5rem);

}


.header-underline {
	position:relative;
	&:after {
		content:"";
		background:var(--lightblue);
		width:150px;
		position:relative;
		margin:auto;
		display:block;
		height:1.5px;
		margin-top:20px;
	}
	&.yellow-underline:after {
		background:var(--yellow) !important;
	}
}

.left-aligned {

	& .header-underline {
	position:relative;
		&:after {
			margin-left: 0 !important;
		}
	}
}

/* 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-bottom: solid 3px 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-bottom: solid 3px var(--accent) !important;
}
 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-bottom: solid 3px var(--accent) !important;
}
 select {
	 border: 1px solid #ccc;
}
 textarea {
	 width: 100%;
}
/* ----------------------- 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 {
	 padding: 1rem 0.5rem 0.5rem 0.5rem !important;
}
 .ginput_container_email input {
	 width: 100% !important;
}
 body .gform_legacy_markup_wrapper ul li.gfield {
	 margin-top: 0 !important;
	 margin-bottom: 1rem !important;
}
 .gfield_label {
	 position: Relative;
}
 .gfield--type-text .gfield_label, .gfield--type-email .gfield_label, .gfield--type-textarea .gfield_label, .gfield--type-phone .gfield_label {
	 bottom: -45px;
	 position: relative;
	 transition: all ease 0.25s;
	 left: 0.5rem;
}
 .gfield_label.focused-field, .gfield_label.completed-field {
	 bottom: -20px !important;
}
 .completed-field input, .completed-field textarea {
	 background: var(--white);
}
 .gfield {
	 margin-bottom: -1rem;
}
 .gfield_label {
	 pointer-events: none;
}
/*-------------------------------------------------------------- # Layouts --------------------------------------------------------------*/
/*-------------------------------------------------------------- # Components --------------------------------------------------------------*/

/* 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;
}

.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;
}

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



/* Navigation --------------------------------------------- */
 .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;
	 text-transform:uppercase;
	 font-family:var(--mainfont);
	 letter-spacing:10% !important;
}
.nav-menu > li a {
	padding-bottom:15px;
}
.nav-menu > li > a {
	padding:30px 10px; 
}

/* Menu */
.dark .menu-main-menu-container > ul > li > a {
	color:var(--light);
}
/* Submenu */
.default-ul .sub-menu-level-1 {
	flex-flow:nowrap column;
	padding:10px 20px;
	margin-top:0px;
	& a {
		color:var(--dark);
	}
	& li a {
		padding: 10px 0;
	}
}
.nav-menu > li.menu-item-has-children {
	& ul {
		position:fixed;
		background:var(--light);
	}
	&:hover > ul {
		display:flex;
		opacity:1;
	}
}

.desktop-nav ul > li > a {
	padding:20px;

}
.dropdown-style-default-submenu {
	& .sub-menu {
		display:none;
	}
	& > .menu-item-has-children:hover {

	}
}


.desktop-nav .menu-item-has-children:hover {
	& .open-mobile-sub-menu {
	  transform: rotate(180deg);
	}
  }

  .desktop-nav .menu-item-has-children {
	display:flex;
	align-items: flex-start;
	flex-flow:nowrap column;
	justify-content: center;
	& .open-mobile-sub-menu {
		border:none;
		background:none;
		right:-10px;
		position:absolute;
		transition: all ease .25s;
		display:flex;
		height:30px;
		widtH:30px;
		justify-content: center;
		align-items: center;
		cursor:pointer;
	}

	& .sub-menu .open-mobile-sub-menu {
right:0;
	}
	& .sub-menu-level-2 {
	right:0;
	position:relative;
	background:none;
	box-shadow:none;
	padding:0 0 0 40px !important;
	
	& li a {
		padding:10px 0;
	}
  }
  & .sub-menu-level-1 {
	& .menu-item-has-children {
		justify-content: flex-start;
		
		& > .open-mobile-sub-menu {
			top:12px;
			transform:rotate(0deg) !important;
			display:flex !important;
			position:absolute !important;
		}
	}
	& .menu-item-has-children.sub-menu-open {
		& > .open-mobile-sub-menu {
			transform:rotate(180deg) !important;
		}
		& .sub-menu-level-2 {
			display:block;
			opacity: 1;
			visibility: visible;
			top: 100%;
		}
	}
  }
}

.desktop-nav ul .menu-item-has-children {
	flex-flow:wrap row;
	align-items: center;
  & .open-mobile-sub-menu {
	position:relative !important;
	right:10px;
  }
}

  .main-navigation li {
	&.menu-item-has-children:hover,
	&.menu-item-has-children:focus-within,
	&.menu-item-has-children.sub-menu-open {
	  & > .sub-menu-level-1 {
		display: block;
		opacity: 1;
		visibility: visible;
		top: 100%;
	  }
	}
  }
  
  .main-navigation li {
	& > .sub-menu {
	  position: absolute;
	  top: calc(100% + 50px);
	  background: var(--white);
	  box-shadow: var(--mainshadow);
	  padding: 20px 15px;
	  width: 250px;
	  transition: all ease .25s;
	  opacity: 0;
	  visibility: hidden;
	  left:0;
	}
  }

/* Small menu */
 .menu-toggle, .main-navigation.toggled ul {
	 display: block;
}


/* Posts and pages --------------------------------------------- */
 .sticky {
	 display: 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: 25%;
	 justify-content: center;
}
 .gallery-item {
	 width: auto;
	 display: flex;
	 padding: 10px;
}
 .gallery-item img {
	 width: 100%;
	 height: auto;
	 object-fit: cover;
	 aspect-ratio: 1.5;
}

.gallery {
	&.one .gallery-item {
		width:100%;
	}
	&.two .gallery-item {
		width:50%;
	}
	&.three .gallery-item {
		width:33.33%;
	}
	&.five .gallery-item {
		width:20%;
	}
	&.six .gallery-item {
		width:16.66%;
	}
}




@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;
}


/*-------------------------------------------------------------- # 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(--accent) !important;
	 box-shadow: 0 0 0 2px var(--white) !important;
}
 .ginput_container input:focus-visible, .ginput_container textarea:focus-visible {
	 outline: none !important;
	 box-shadow: none !important;
}



/************************************************ Stylesheet: Global Stylesheet *************************************************/
/********************* POSTS & CONTENT STYLES *********************/
 .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;
}

/********************* VISUAL EDITOR STYLES *********************/
 body#tinymce {
	 margin: 20px;
}
/********************* PLUGIN STYLES *********************/
 .gform_body ul {
	 list-style: none outside none;
	 margin: 0;
}
/*# sourceMappingURL=style.css.map */

	/**** -------------------------------------------- Main Styles ------------------------------------------------ ***/
	/* --------------------- 404 ------------------------ */

 .error-404 .supertitle {
	 color: #fff;
	 font-weight: 400;
}
 .error-404 .title-inner-content p {
	 color: #fff;
}
/* ----------------------- Sets -------------------------- */
 

.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);
}
.cta-links {
	margin:20px 0;
	display:flex;
	flex-flow:wrap row;
	align-items: center;
	gap:10px;
	& .btn, .text-link {
	}
}
 .btn, .content-side .search-submit, .gform_button, .contact-button a, .facetwp-facet button, .video-button a, .post-password-form input[type="submit"] {
	 padding: 0.5rem 2rem !important;
	 font-weight: 500;
	 text-transform:uppercase;
	 border:solid 1.5px var(--lightblue);
	 display: inline-block;
	 font-size: 0.85rem;
	 letter-spacing:10%;
	 text-decoration: none;
	 margin:10px 0;
	 text-align: center;
	 line-height: 1.25;
	 cursor: pointer;
	 transition: all ease 0.25s;
	 position: relative;
	 overflow: hidden;
	 z-index: 9;
	 background:var(--darkernavy);
	 color: var(--light);
}
.button-alt {
	border:solid 1.5px var(--yellow);
}

 .facetwp-facet button {
	 background: none;
}
 .facetwp-hidden {
	 display: none !important;
}
 .btn:hover, .content-side .search-submit:hover, .gform_button:hover, .contact-button a:hover, .post-password-form input[type="submit"]:hover, .btn:focus-within {
	 background: var(--darknavy);
}
 .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 .button-holder {
	 text-align: center;
}
 .text-link {
	 display: flex;
	 align-items: center;
	 text-decoration: none;
	 font-weight: 500;
	 text-transform: uppercase;
	 letter-spacing:10%;
	 position: relative;
	 color:var(--dark);
	 padding:10px 30px 10px 10px;
	 background:none !important;
	 bordeR:none !important;
	 cursor:pointer;
	&:after {
	content: "";
	background:none;
	border-left:solid 2px var(--accent);
	border-top:solid 2px var(--accent);
	display:block;
	transform:rotate(135deg);
	position:absolute;
	right:10px;
	height:10px;
	width:10px;
	transition: all ease .25s;
	}
	&:before {
		content:"";
		height:2px;
		width:5px;
		background:var(--accent);
		position:absolute;
		right:5px;
		transition: all ease .25s;
		opacity:0;
		border-radius:2px;
	}
	&:hover:after, &:focus-within:after {
		right:0px;
	}
	&:hover:before, &:focus-within:before {
		right:0px;
		opacity:1;
		width:15px;
	}
}

 .btn-support {
	 margin-left: 1rem;
}
 .search-post {
	 padding: 0.5rem;
}




/* ----------------------- 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;
	 --mainfontsize: 1rem;
	 --mainborder: solid 8px var(--yellow);

	 /* Colors */
	 --yellow: #FFCB05;
	 --lightgray: #E9E9E9;
	 --white: #fff;
	 --black: #131516;
	 --darknavy: #00274C;
	 --darkernavy: #132843;
	 --blue : #2A5993;
	 --lightblue: #4A9CE9;

	 --dark: var(--darknavy);
	 --light: var(--white);
	 --accent: var(--yellow);

	 /* Fonts */
	 --mainfont: Roboto, sans-serif;
	 --altfont: Open Sans, 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 20px;
}
.flush-bottom .inner-content {
	padding: var(--mainpadding);
	padding-bottom:0px;
}
.flush-top .inner-content {
	padding:var(--mainpadding);
	padding-top:0px;
}

/* Color Schemes */


.white {
	background:var(--white);
}
.lightgray {
	background:var(--lightgray);
}
.yellow {
	background:var(--yellow);
}
.black {
	background:var(--black);
}

.navy, .darknavy {
	background:var(--darknavy);
}

.darkernavy {
	background:var(--darkernavy);
}

.light {
	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;
	  }
}

.dark {
	color: var(--light);
	& p, h1, h2, h3, h4, h5, h6, li, .text-link {
		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);
	  }
}



.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;
}
.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;
}



 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;
	 width: 100%;
	 height: 100%;
	 z-index: 1;
	 pointer-events: none;
	 opacity:.65;
	 background:var(--dark);
}
 .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-image img {
	 height: 100%;
	 object-fit: cover;
	 object-position: center center;
	 width: 100%;
}

.bgimage {
	position:relative;
	& .inner-content {
		color:var(--white);
	}
	& h1 h2, h3, h4, h5, h6 {
		color:var(--white);
	}
}
.parallax {
	height:200% !important;
	top:-50% !important;
	position:relative;
}
.bg-image.fixed {
	position:fixed;
	top:0;
}
.background-image:has(.fixed) {
	clip-path: inset(0);
}
 .background-video {
	 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-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;
}



/*------------------ Super Advanced Flex Section ----------- */
.super-flex-section {
	&.center .module {
		align-items: center !important;
	}
	& .inner-content {
		align-items: stretch !important;
		container-type: inline-size;
	}
	& .module {
		min-height:100%;
		width:33.33%;
		flex-grow:1;
		display:flex;
		&.grow-width {
			width:65%;
		}
		&.full-width {
			width:100%;
		}
		&.default-padding {
			padding:0px 20px;
		}
		&.constrain-width {
			max-width:var(--smallwidth);
			margin:auto;
		}
	}
	& .flex-video {
		width:100%;
		& video {
			aspect-ratio:16/9;
		}
	}
	& .center-aligned .module-inner {
		text-align:center;
		& .cta-links {
			justify-content: center;
		}
	}
	& .module-inner {
		width:100%;
	}
}


/* Flex OVerlapped Content */
.flex_overlapped_content {
	align-items: center !important;

	& .module-inner {
		position:relative;
		padding:20px;
		margin-right:-100px;
		width:50%;
		min-width:350px;
	}
	& figure {
		margin:0;
	}
}

@media only screen and (max-width: 900px) {
	.flex_overlapped_content {
		flex-flow:nowrap column-reverse;
		& .module-inner {
			width:100%;
			min-width:auto;
			margin-right:0;
		}
		& figure {
			width:100%;
			padding-right:20px;
			padding-left:20px;
			margin-bottom:-20px;
			z-index:1;
		}
	}
}


/* Flex Overlapped Image */
section:has(.flex_overlapped_image) {
	& .inner-content {
		padding-top:0;
		padding-bottom:0;
	}
	& .overlapped-y-image {
		margin-top:-30px;
		margin-bottom:-30px;
	}
	& .module-inner {
		padding-top:40px;
		padding-bottom:40px;
		display:flex;
		flex-flow:nowrap column;
		align-items: flex-start;
		justify-content: center;
		padding-left:20px;
		padding-right:20px;
	}
	& .cta-links {
		margin-top:0;
	}
	& .module.image-left {
		& figure {
			order:-1;
		}
	}
}


 @media only screen and (max-width: 650px) {
.flex_overlapped_image {
	flex-flow: nowrap column;
	& .module-inner {
		padding-left:0 !important;
		padding-right:0 !important;
	}
	& .overlapped-y-image {
		width:100%;
		ordeR:-1;
	}
}


 }


/* Featured Posts Section */
.featured-posts-section {
	& .individual-post {
		padding:0;
	}
	& h2 {
		width:100%;
	}
	& .inner-content {
		gap:20px;
		align-items: flex-start !important;
	}
	& .module {
		width:calc(50% - 20px);;
		flex-grow:1;
	}
	& .featured-side {
		& article {
			widtH:100%;
		}
	}
	& .recent-side {
		background:var(--lightgray);
		padding:20px;
		& .module-inner {
			display:flex;
			flex-flow:nowrap column;
			align-items: flex-start;
			justify-content: center;
		}
		& .post-stack-title {
			display:flex;
			flex-flow:nowrap column;
			align-items: flex-start;
			text-decoration:none !important;
			margin-top:10px;

			&:before {
				bottom:14px;
			}
			& .small-news-title {
				margin-top:10px;
			}
		}
		& li {
			margin:0;
			&:not(:last-child) {
				border-bottom:solid 1px var(--yellow);
			}
			& a {
				margin:0;
			}
		}
	}
	& .recent-side ul {
		padding:0;
		margin:0;
		list-style-type: none;;
	}
}


.offset-yellow {
	position:relative;
	&:after {
		content:"";
		background:var(--yellow);
		position:absolute;
		bottom:-8px;
		left:-8px;
		z-index:-1;
		height:100%;
		width:100%;
	}
}

.video-holder {
    position: relative;
    display: inline-block;
    cursor: pointer;
	& video[poster] {
		object-fit:cover;
	}
	&.default-video {
		& .fullscreen-icon {
			display:none;
		}
	}
}

.video-holder .fullscreen-icon {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 20px;
    height: 20px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none; /* don’t block clicks on video */
    z-index: 2;
}

.video-holder:hover .fullscreen-icon {
    opacity: 1;
}

.video-holder.fullscreen .fullscreen-icon {
    opacity: 1 !important; /* always visible when fullscreen */
}

.video-wrapper {
	aspect-ratio:16/9;
	object-fit:cover;
	position:relative;
	& iframe {
		aspect-ratio:16/9;
		width:100%;
	}
}

.video-overlay {
    transition: opacity 0.5s ease;
    pointer-events: auto;
    opacity: 1;
	position:absolute;
	border: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	text-align: inherit;
	appearance: none;
	-webkit-appearance: none;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:flex;
	align-items: center;
	justify-content: center;
	overflow:hidden;
	cursor:pointer;
	& figure {
		height:100%;
		& img {
			height:100%;
			object-fit:cover;
		}
	}
	&:hover .video-play {
		transform:scale(1.1);
	}
	& .video-thumbnail {
		max-height:100%;
		top:0;
		object-position:center center;
	}
	& .video-play {
		position:absolute;
		height:70px;
		width:70px;
		transition: all ease .25s;
		display:block;
	}
}

body.lightbox-open,
body.video-transcript-open {
	overflow: hidden;
}



.video-transcript-modal[hidden] {
	display: none !important;
}

.video-transcript-modal {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

.video-transcript-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(19, 40, 67, 0.9);
	backdrop-filter: blur(5px);
}

.video-transcript-modal__panel {
	position: relative;
	z-index: 1;
	width: min(900px, 100%);
	max-height: calc(100dvh - 40px);
	overflow-y: auto;
	background: var(--white);
	box-shadow: var(--mainshadow);
	padding: 32px 28px 28px;
	border-bottom: var(--mainborder);
}

.video-transcript-modal__close {
	position: absolute;
	top: 16px;
	right: 16px;
	border: none;
	background: transparent;
	padding: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.video-transcript-modal__close img {
	width: 24px;
	height: 24px;
}

.video-transcript-modal__title {
	margin-top: 0;
	padding-right: 40px;
}

.video-transcript-modal__content > :first-child {
	margin-top: 0;
}

.video-transcript-modal__content > :last-child {
	margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
	.video-transcript-modal {
		padding: 12px;
	}

	.video-transcript-modal__panel {
		max-height: calc(100dvh - 24px);
		padding: 28px 20px 20px;
	}
}


/* Flex Image */
.module-inner {
	&.medium-image img {
		max-width:500px;
	}
	&.small-image img {
		max-width:250px;
	}
}



/* Flex Table */
.first-column-bold-yes {
	& tbody tr td:first-child {
		font-weight:700;
		text-align:left;
	}
	& thead th:first-child {
		text-align:left;

	}
}
.flex-table {
	overflow-x:auto;
}
.module-inner {
	& table {
		border:none;
		border-collapse: collapse;
		margin: 0;
		padding: 0;
		width: 100%;
		table-layout: fixed;
		min-width:768px;

	  }
	  
	  & table caption {
		font-size: 1.5em;
		margin: .5em 0 .75em;
	  }
	  & thead {
		border-bottom:solid 1px var(--orange);
		& tr {
			background:var(--orange) !important;
		}
		& th {
			padding:20px !important;
		}
	  }
	  & table tr {
		background-color: var(--white);
		padding: .35em;
	  }
	  
	  & table th,
	  table td {
		padding: 10px 15px;
		text-align: center;
		vertical-align:top;
		border-left:solid 4px var(--white);
		border-right: solid 4px var(--white);
	  }
	  
	
	}
	  

	

	tbody {
		& tr:nth-child(even) {
			background:var(--lightgray);
		}
	}
  



@media only screen and (max-width: 768px) {
.module {
	min-width:50%;
	&.order-first {
		order:-1;
	}
}
}

@container (max-width: 600px) {
	.super-flex-section .inner-content .module {
		width:100%;
		padding:10px;
	}
}



/* ------- Scrollable Content -------- */
/* Desktop Layout */
@media (min-width: 768px) {
    .sticky-scroll-wrapper {
        display: flex;
        align-items: flex-start;
		padding-top:0 !important;
		padding-bottom:0 !important;
    }
    .scroll-text-col {
        width: 50%;
        padding: 20px 40px 20px 0;
    }
    .scroll-text-item {
        min-height: 80vh; /* Ensures enough scroll distance between fades */
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .sticky-image-col {
        width: 50%;
        height: 100vh;
        position: sticky;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .image-container {
        position: relative;
        width: 100%;
        height: 100dvh;
    }
    .scroll-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transition: opacity 0.6s ease-in-out;
    }
    .scroll-image.active {
        opacity: 1;
    }
	.mobile-scroll-image {
		display:none;
	}

	.scroll-text-item:first-child {
        padding-top: 25vh;
    }

    .scroll-text-item:last-child {
        padding-bottom: 25vh;
    }

}

/* Mobile: Stacked with no effects */
@media (max-width: 767px) {
	.mobile-scroll-image {
		display:block;
	}
    .sticky-scroll-wrapper { display: block; }
    .scroll-text-col, .sticky-image-col { width: 100%; }
    .scroll-image { 
        position: relative; 
        opacity: 1; 
        display: block; 
        margin-bottom: 20px;
    }
	.sticky-image-col {
		display:none;
	}
    /* Reorder if you want image above text on mobile */
    .scroll-text-item { margin-bottom: 40px; }
}


/* --------------------- Tiles ---------------------- */

/* Tile Grid */
.tile-grid {
	justify-content: center;
	width: 100%;
	display: flex;
	flex-flow: wrap row;
	container-type: inline-size;
	gap:20px;
	&.one .grid-tile {
		width: 100% !important;
	}
	&.two .grid-tile {
		width: calc(50% - 20px);
	}
	&.three .grid-tile {
		width: calc(33.333% - 14px);
	}
	&.four .grid-tile {
		width: calc(25% - 15px);
	}
	&.five .grid-tile {
		width: calc(20% - 20px);
	}
	&.six .grid-tile {
		width: 16.6666%;
	}
}
@container (max-width: 500px) {
	.grid-tile {
		width:100% !important;
	}
}
@container (max-width: 768px) {
	.grid-tile {
		min-width:50% !important;
	}
}


.tile-heading {
			font-size: clamp(1rem, 0.86rem + 0.64vw, 1.5rem);
			clear: both;
			line-height: 1.2;
			margin: 10px 0 !important;
			text-wrap: balance;
			font-family: var(--altfont);
			font-weight: 700;
			color: var(--dark);
			text-transform:uppercase;
			letter-spacing:10%;
			display:inline-block;
		}

/* Global Tile */
.grid-tile {
	width: 25%;
	flex-grow: 1;
	padding: 0.5rem;
	container-type: inline-size;
	& .grid-tile-content {
		flex-grow:1;
	}
	& .tile-link {
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
	}
	& img {
		width:100%;
	}
	
	& .small-image img {
		max-width:150px;
	}
	& .medium-image img {
		max-width:300px;
	}
	&.side-by-side .grid-tile-inner {
		display:flex;
		flex-flow:wrap row;
		& .icon-wrapper {
			width:30%;
			padding-right:30px;
		}
		& .grid-tile-content {
			width:70%;
		}
	}
	& .grid-tile-inner.dark * {
		color: var(--light);
	}
	& .grid-tile-inner.dark {
		background:var(--darkernavy);
	}
	& .grid-tile-inner.light * {
		color: var(--dark) !important;
	}
	
	& .grid-tile-inner {
		height: 100%;
		position:relative;
		& a {
			text-decoration:none !important;
		}
		&.center * {
			text-align: center !important;
			text-wrap:balance;
		}
	}
	& .icon-wrapper {
		width: 100%;
		text-align: center;
		flex-grow:1;
	}
}
.grid-tile-angle {
	height:30px;
	width:30px;
}

.flex_content_tiles.center-aligned {
	& .grid-tile-content {
		align-items: center;
		display:flex;
		flex-flow:nowrap column;
	}
}

.grid-tile-inner.plattered {
	position:relative;
	&:after {
		content:"";
		background:var(--yellow);
		height:100%;
		width:100%;
		position:absolute;
		bottom:-8px;
		left:-8px;
		z-index:-1;
	}
		& .grid-tile-content {
			padding:20px;
		}
	}

.grid-tile.overlain {
	& .grid-tile-inner {
		position:relative;
		overflow:hidden;
		padding:60px 30px;
		& .grid-tile-content * {
			color:var(--light);
			text-decoration:none;
		}
	}
	& .icon-wrapper {
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		z-index:-1;
		& img {
			height:100%;
			object-fit:cover;
		}
	}
}
.module.left-aligned {
	& .icon-wrapper {
		text-align:left;
	}
}


@container (max-width: 400px) {
	.grid-tile-inner {
		flex-flow:nowrap column !important;
		& .grid-tile-content, .icon-wrapper {
			width:100% !important;
			padding-right:0 !important;
		}
	}
}

/* Blog Tile */

/* Case Study Tile */





.stuck {
	position:sticky;
	top:100px;
}

/* --------------- Header ---------------------- */
.light-header {
	background:var(--light) !important;
	& .desktop-nav ul > li > a, #mobile-menu-label, .search-open span {
		color:Var(--dark);
		text-transform:uppercase;
		letter-spacing:.2em;
	}
	& .light-logo {
		display:none;
	}
}

.dark-header {
	background:var(--dark) !important;
	& .desktop-nav ul > li > a, #mobile-menu-label, .search-open span {
		color:Var(--light);
		text-transform:uppercase;
		letter-spacing:.2em;
		font-size:.85rem;
	}
	& .dark-logo {
		display:none;
	}
}
 @media only screen and (min-width: 900px) {
	 .header-nav-elements .desktop-nav .menu {
		 display: flex !important;
	}
}
 .scrolled header.site-header {
	 box-shadow: var(--mainshadow);
	 background:var(--dark);
}

@media only screen and (min-width: 1300px) {
 .scrolled header .header-logo  {
	 height: 100%;
	 & img {
		height:100%;
		width:auto;
		min-width:200px;
	 }
}
.scrolled header .header-container {
	padding: 0.5rem 1rem;
}
.scrolled .header-container {
	height: 80px;
}
}
@media only screen and (max-width: 1300px) {
	.header-container {
		height: 90px !important;
	}
}

 .header-content {
	 display: flex;
	 justify-content: flex-end;
	 flex-flow: wrap column;
	 width: calc(100% - 150px);
	 height:auto;
}
 .header-logo img {
	 width: 350px;

	 transition: all ease 0.25s;
	 margin:auto;
}
.header-nav-elements, .desktop-nav, .menu-main-menu-container {
	height:100%;
	& .menu {
		 height:100%;
	}
}
.desktop-nav ul > li > a {
	height:100%;
	display:flex;
	align-items: center;
}
.desktop-nav ul > li .sub-menu {
	&:hover a {
		opacity:.5;
	}
	& a {
	color:var(--dark);
	letter-spacing:5%;
	text-transform:none;
	font-weight:300;
	padding:10px;
	transition: all ease .25s;
	position:relative;
	left:0;
	&:hover {
		opacity:1;
		left:5px;
	}
	}
}
.header-logo {
	display:flex;
	align-items: center;
	justify-content: center;
	padding:10px 0;
}
 #site-navigation {
	 display: flex;
	 align-items: center;
	 justify-content: flex-end !important;
	 height:100%;
}
 @media only screen and (max-width: 1000px) {
	.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;
	}
}
 .header-logo a {
	 display: inline-block;
}
 .header-container {
	position:relative;
	z-index:9;
	 max-width: var(--mainwidth);
	 margin: auto;
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
	 align-items: stretch;
	 padding: 0 20px;
}
 header.site-header {
	 z-index: 9999;
	 box-shadow: var(--mainshadow);
	 position: sticky;
	 top:0;
	 background: var(--dark);
	 width: 100%;
	 border-bottom:var(--mainborder);
}

 .scrolled header.site-header.dark-header {
	background:var(--dark) !important;
	& .desktop-nav ul > li > a, #mobile-menu-label, .search-open span {
		color:Var(--light);
	}
	& .dark-logo {
		display:none;
	}
	& .light-logo {
		display:flex !important;
	}
	&:after {
		display:none !important;
	}
}


 #primary-menu {
	 justify-content: flex-end;
}
.header-btn {
	color: var(--white);
	margin-bottom: 0px;
	margin-top: 0;
	margin-left: 1rem;
}


@media only screen and (max-width: 600px) {
	body .header-logo img {
		max-width: 200px !important;
   }
	body .super-header .inner-content {
		padding-top: 0 !important;
   }
}














/* Search */
 .search-results .title-inner-content {
	 min-height: auto !important;
}
.search-results {
	& .title-section {
		background:var(--dark);
	}
}

.relevanssi-live-search-results {
	top:80px !important;
	width:100% !important;
	max-width:calc(100% - 40px);
	left:20px !important;
	box-shadow:var(--mainshadow) !important;
	border-radius:0 !important;
}
.relevanssi-live-search-result-status {
	padding-top:10px;
	& p {
		border:none !important;
	}
}
.relevanssi-live-search-result a {
	color:var(--dark) !important;
}
.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-a {
	background:none;
	border-radius:50%;
	height:15px;
	width:15px;
	border:solid 2px var(--accent);
	position:absolute;
	transition: all ease .25s;
	opacity:1;
}
.search-b {
	width:2px;
	height:10px;
	border-radius:2px;
	background:var(--accent);
	position:absolute;
	display:block;
	transform:rotate(-45deg);
	top:auto;
	left:auto;
	bottom:9px;
	right:15px;
	transition:all ease .25s;
}
.search-c {
	width:2px;
	height:0px;
	border-radius:2px;
	background:var(--accent);
	position:absolute;
	display:block;
	transform:rotate(45deg);
	top:auto;
	left:auto;
	bottom:auto;
	right:auto;
	transition:all ease .25s;
	opacity:0;
}
.search-d {
	width:2px;
	height:0px;
	border-radius:2px;
	background:var(--accent);
	position:absolute;
	display:block;
	transform:rotate(-45deg);
	top:auto;
	left:auto;
	bottom:auto;
	right:auto;
	transition:all ease .25s;
	opacity:0;
}
.opened {
	& .search-a {
		opacity:0;
		height:0;
		width:0;
	}
	& .search-b {
		height:0;
		opacity:0;
	}
	& .search-c {
		height:25px;
		opacity:1;
	}
	& .search-d {
		opacity:1;
		height:25px;
	}
}

 .search-open {
	 position: relative;
	 display: flex;
	 align-items: center;
	 padding: 0 10px;
	 border: none;
	 background: none;
	 cursor: pointer;
	 font-family:var(--altfont);
	 font-weight:600;
}
 .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;
	 position:relative;
}
 .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:sticky;
	top:0;
}
.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-items ul > li  {
	& a {
		padding:20px 10px;
	}
	& .sub-menu-label {
		font-size:1.25rem !important;
		text-transform: uppercase;
		font-weight:500;
	}
	& .sub-menu .sub-menu-label {
		font-size:1rem !important;
		text-transform:none;
		font-weight:300;
	}

}
 .mobile-menu-items .mobile-menu-panel > li {
	width:100% !important;
	display:flex;
	flex-flow:Wrap row;
	justify-content: space-between;
	align-items: stretch;
	position:relative;
	& button.open-mobile-sub-menu {
		background:none;
		border:none;
		height:auto;
		width:50px;
		cursor:pointer;
		& img {
			transition: all ease .25s;
			width:15px;
			transform:rotate(-90deg);
		}
	}
	& article {
		padding-left:0 !important;
	}
	& .sub-menu-label {
		width:100%;
	}
	& .nav__item {
		padding-bottom:20px;
	}
	& .sub-menu li a.sub__close {
		display:flex !important;
		justify-content: space-between;
	}
	& .sub-menu-label {
		font-weight:500;
		display:flex;
		align-items: center;
	}

	& .sub-menu-level-2, .sub-menu-level-3 {
		flex-flow:nowrap column;
		margin:0;
		padding:0;
		top:0 !important;
	}
	& a {
		color:var(--dark);
	}
	border-bottom:solid 1px #efefef;
 & > a {
	 text-decoration: none;
	 display: flex;
	 justify-content: space-between;
	 width: calc(100% - 50px);
	 flex-grow:1;
	 padding:15px 20px;
	 & .menu-arrow {
		height:40px;
		width:50px;
		display:flex;
		align-items: center;
		justify-content:center;
		& img {
			transform:rotate(-90deg);
			height:15px;
			width:15px;
		}
	 }
 }
}
 .mobile-menu-items .sub-menu {
	 display:block;
}
 .mobile-menu-items .sub-menu > li > a {
	 padding-top: 15px !important;
	 padding-bottom: 15px !important;
	 display:flex !important;
	 & span {
		text-transform:none;
		font-weight:300 !important;
			 font-size: 1rem !important;

	 }
	 & img {
		height:30px;
	 }
}
.mobile-menu-items .sub-menu > li.menu-item-has-children > a {
	display:flex !important;
	flex-flow:Wrap row;
	& .sub-menu-label {
		flex-grow:1;
		width:auto;
	}
	& .menu-arrow {
		width:50px;
	}
}

 @media only screen and (max-width: 600px) {
	 .header-container {
		 justify-content: flex-start;
		 padding:0 10px;
	}
	 .header-container .header-btn {
		 width: auto;
		 padding: 0.5rem 1rem !important;
	}

	 .header-container .header-content {
		 width: 100%;
	}

}
 .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: 1000px) {
	 body .menu-toggle {
		 display: flex !important;
		 align-items: center !important;
		 margin-left:10px;
	}
	.header-nav-elements .search-holder {
		display:none;
	}

}
 @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 header .menu-main-menu-container {
		 display: none;
	}
}
 .toggled .menu-main-menu-container {
	 display: none;
}
 .mobile-menu-wrapper {
	 position: absolute;
	 top: calc(100% + 8px) !important;
	 right: 0;
	 width: min(450px, 100dvw);
	 max-width: min(450px, 100dvw);
	 height: 100dvh;
	 max-height: 100dvh;
	 overflow: hidden;
	 background: #fff;
	 z-index: 999;
	 display: none;
	 flex-flow: wrap row;
	 align-items: stretch;
	 box-shadow: var(--mainshadow);
	 opacity: 1;
	 visibility: hidden;
	 pointer-events: none;
	 transition: transform 0.28s ease, opacity 0.28s ease, visibility 0s linear 0.28s;
}

.mobile-menu-open {
	& .mobile-main-overlay {
		opacity: 1;
		pointer-events: auto;
	}
	& .mobile-menu-wrapper {
		display:flex;
		visibility: visible;
		pointer-events: auto;
		transition: transform 0.28s ease, opacity 0.28s ease, visibility 0s linear 0s;
	}
}

.mobile-menu-inner {
	position: relative;
	height: 100%;
	max-height: 100%;
	width: 100%;
	min-height: 0;
	overflow: hidden;
	display: flex;
	flex-flow: nowrap column;
	align-items: stretch;
	& .header-logo img {
		width: 100% !important;
		max-width: 100% !important;
	}
	& .header-logo {
		padding: 20px;
	}
}


 .header-container {
	 transition: all ease 0.25s;
}


 .mobile-top-half {
	 width: 100%;
	 background: var(--white);
	 flex: 1 1 auto;
	 min-height: 0;
	 display: flex;
	 flex-flow: nowrap column;
	 height: 100%;
	 overflow: hidden;
}
 .mobile-bottom-half {
	 width: 100%;
	 background: var(--dark);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 20px;
	 flex-flow: wrap column;
}
 .mobile-bottom-half .header-btn {
	 margin-left: 0;
	 margin-bottom: 1rem;
}
 .mobile-menu-items {
	 position: relative;
	 flex: 1 1 auto;
	 min-height: 0;
	 width: 100%;
	 height: 100%;
	 overflow: hidden;
	 -webkit-overflow-scrolling: touch;
}
 .mobile-menu-items.is-drilldown {
	 position: relative;
	 overflow: hidden;
	 isolation: isolate;
}
 .mobile-menu-items .mobile-menu,
 .mobile-menu-items.is-drilldown .mobile-menu {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 min-height: 0;
	 overflow: hidden;
}
 .mobile-menu-items .menu {
	 padding-left: 0;
	 list-style-type: none !important;
	 margin: 0;
	 position: relative;
}
 .mobile-menu-items .sub-menu {
	 list-style-type: none !important;
	 padding: 0;
	 margin: 0;
	 width: 100%;
}
 .mobile-menu-items.is-drilldown .mobile-menu-stage {
	 position: relative;
	 width: 100%;
	 height: 100%;
	 min-height: 0;
	 overflow: hidden;
	 background: var(--white);
	 contain: layout paint;
}
 .mobile-menu-items .mobile-menu-panel,
 .mobile-menu-items.is-drilldown .mobile-menu-panel {
	 list-style: none;
	 position: absolute !important;
	 inset: 0 !important;
	 display: none;
	 margin: 0 !important;
	 padding: 0 !important;
	 width: 100% !important;
	 min-width: 100% !important;
	 max-width: 100% !important;
	 min-height: 100%;
	 background: var(--white) !important;
	 overflow-y: auto;
	 overflow-x: hidden;
	 -webkit-overflow-scrolling: touch;
	 scrollbar-gutter: stable;
	 scrollbar-width: thin;
	 scrollbar-color: var(--accent) var(--light);
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
	 will-change: transform;
	 opacity: 1;
	 visibility: hidden;
	 pointer-events: none;
	 transform: translate3d(100%, 0, 0);
	 transition: transform 0.28s ease, visibility 0s linear 0.28s;
}
 .mobile-menu-items .mobile-menu-root-panel,
 .mobile-menu-items.is-drilldown .mobile-menu-root-panel {
	 display: block;
	 visibility: visible;
	 pointer-events: auto;
	 transform: translate3d(0, 0, 0);
	 z-index: 1;
}
 .mobile-menu-items .mobile-menu-panel.is-active,
 .mobile-menu-items.is-drilldown .mobile-menu-panel.is-active {
	 display: block;
	 visibility: visible;
	 pointer-events: auto;
	 transform: translate3d(0, 0, 0);
	 z-index: 3;
}
 .mobile-menu-items .mobile-menu-panel.is-behind,
 .mobile-menu-items.is-drilldown .mobile-menu-panel.is-behind {
	 display: none;
	 visibility: hidden;
	 pointer-events: none;
	 transform: translate3d(-100%, 0, 0);
	 z-index: 1;
}
 .mobile-menu-items .mobile-menu-panel::-webkit-scrollbar-thumb {
	background-color: var(--accent);
	border-radius: 20px;
}
 .mobile-menu-items .mobile-menu-panel::-webkit-scrollbar {
	width: 8px;
}
 .mobile-menu-items .mobile-menu-panel::-webkit-scrollbar-track {
	background: var(--light);
}
 .mobile-menu-items .mobile-menu-panel > li {
	 width: 100% !important;
}
 .mobile-menu-items .open-mobile-sub-menu[aria-expanded="true"] img {
	 transform: rotate(90deg);
}
 .mobile-menu-items .mobile-submenu-header {
	 position: sticky;
	 top: 0;
	 z-index: 4;
	 display: flex !important;
	 align-items: center;
	 flex-flow:nowrap row-reverse !important;
	 justify-content: space-between !important;
	 gap: 0.5rem;
	 width: 100%;
	 padding: 0 10px;
	 background: var(--white);
	 border-bottom: solid 1px #efefef;
}
 .mobile-menu-items .mobile-submenu-back {
	 border: none;
	 background: none;
	 color: var(--dark);
	 display: inline-flex;
	 align-items: center;
	 gap: 0.5rem;
	 padding: 16px 0;
	 font-weight: 600;
	 cursor: pointer;
}
 .mobile-menu-items .mobile-submenu-back-icon {
	 display: inline-block;
	 width: 0.7rem;
	 height: 0.7rem;
	 border-left: 2px solid var(--accent);
	 border-bottom: 2px solid var(--accent);
	 transform: rotate(45deg);
}
 .mobile-menu-items .mobile-submenu-parent-link {
	 flex: 1 1 auto;
	 min-width: 0;
	 color: var(--dark) !important;
	 text-decoration: none;
	 font-size: 1rem;
	 font-weight: 600;
	 text-transform: uppercase;
	 letter-spacing: 0.08em;
	 padding: 16px 0;
}
 .mobile-menu-items .mobile-menu-panel a:focus-visible,
 .mobile-menu-items .mobile-menu-panel button:focus-visible {
	 outline: 2px solid var(--accent);
	 outline-offset: -2px;
}

 .mobile-menu-items .menu-item-has-children button::after {
	 top: auto;
	 bottom: auto;
	 right: 1rem;
}
 .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;
	 position:relative;
	 transition: all ease .25s;
	 left:0;
}
 .menu-toggle span {
	 font-weight: 600;
	 text-align: center;
	 color: var(--white);
}

.scrolled .menu-toggle span {
	display:none;
}
 @media only screen and (max-width: 600px) {
	 .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;
}
 .mobile-menu-open .mobile-toggle-middle {
	 opacity: 0;
}
 .mobile-menu-open .mobile-toggle-top {
	 transform: rotate(45deg);
	 margin-top: 5px;
}
 .mobile-menu-open .mobile-toggle-bottom {
	 transform: rotate(-45deg);
	 margin-top: -22px;
}

/* ------------------------ 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 ------------------ */
 .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:after {
	 content: "";
	 background: var(--accent);
	 position: absolute;
	 left: 0;
	 top: 0;
	 heighT: 100%;
	 width: 100%;
	 mix-blend-mode: darken;
	 transition: all ease 0.25s;
	 opacity: 0;
}
 .social-icon a {
	 position: relative;
}
 .social-icon a:hover:after {
	 opacity: 1;
}
 .social-icon:first-child {
	 padding-left: 0;
}
 .social-icon:last-child {
	 padding-right: 0;
}
/* ----------------------------- Main Archive ------------------------ */


 @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: flex-start;
	 margin-top: 20px !important;
	 margin-bottom: 30px !important;
}
 .post-archives {
	 position: relative;
}
 .sidebar-open .sidebar {
	 display: block !important;
	 pointer-events: all !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);
}

 .featured-post-carousel .slick-slide {
	 display: flex !important;
}
 .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-bottom:3rem !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: 10px !important;
	 margin-bottom:10px !important;
}
 .sidebar h6 {
	 margin-bottom: 0 !important;
}

/* Sidebar Facets Mobile */
.facet-flyout-btn {
	width:50px;
	height:50px;
	display:flex;
	flex-flow:nowrap column;
	justify-content: center;
	& span {
		width:50px;
		height:5px;
		background:var(--dark);
		position:relative;
		border-radius:5px;
		transition: all ease .25s;
		display:flex;
		align-items: center;
		&:after {
			content:"";
			background:var(--dark);
			border-radius:50%;
			height:12.5px;
			width:12.5px;
			display:block;
			position:absolute;
			transition: all ease .25s;
		}
		&.flyout-top {
			top:-10px;
			&:after {
				left:5px;
			}
		}
		&.flyout-middle {
			&:after {
				right:5px;
			}
		}
		&.flyout-bottom {
			&:after {
				left:5px;
			}
			bottom:-10px;
		}
	}
}
.facet-flyout-btn:hover {
	& .flyout-top {
		&:after {
			left:10px;
		}
	}
	& .flyout-middle {
		&:after {
			right:10px;
		}
	}
	& .flyout-bottom {
		&:after {
			left:10px;
		}
	}
}

.sidebar-open {
	& .facet-flyout-btn {
		& span:after {
			opacity:0;
			height:5px;
			width:5px;
		}
		& .flyout-top {
			transform:rotate(45deg);
			bottom:auto;
			top:5px;
			&:after {
				left:100%;
				
			}
		}
		& .flyout-middle {
			width:0px;
			&:after {
				right:100%;
			}
		}
		& .flyout-bottom {
			transform:rotate(-45deg);
			bottom:5px;
			top:auto;
			&:after {
				left:100%;
			}
		}
	}
	
}



 .post-side {
	 width: calc(100% - 350px);
}
 .post-side .individual-post {
	 width: 100% !important;
}
 .archive-content {
	 width: calc(100% - 350px);
}
 .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-end;
	 align-items: center;
}
 .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(--darknavy);
	 color: var(--white);
}
 .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: 2rem 0;
}
 .archive-resource-section .grid-item-single {
	 aspect-ratio: auto !important;
	 padding: 5rem 1rem 6.5rem 1rem;
}
.individual-post {
	& a {
		text-decoration:none;
	}
}
 .blog-tile {
	 display: flex;
	 flex-flow: noWrap column;
	 align-items: center;
	 justify-content: center;
	 text-align:center;
}
 .blog-tile .post-image-link {
	 width: 200px;
	 overflow: hidden;
	 min-height: 100%;
}
 .blog-tile img {
	 width: 100%;
	 object-fit: cover;
}
 .blog-tile .blog-tile-content {
	 flex-grow: 1;
}

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

.filter-bar {
	background:var(--accent);
	& .facetwp-facet {
		margin:0 !important;
	}
	& .inner-content {
		display:flex;
		align-items: center;
		justify-content: space-between;
	}
}


 .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;
	 & .page-content .search-form {
		display:none;
	 }
}
 .post-archive-section .facetwp-input-wrap {
	 width: 100%;
}
.facetwp-type-checkboxes, .facetwp-type-radio {
	 display: flex;
	 justify-content: flex-end;
	 flex-flow: noWrap column;
	 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 */
.resource-post {
	& .post-meta {
		padding-right:30px;
	}
}
.resource-icon-wrapper {
	position:absolute;
	right:0;
	top:0;
	display:block;
	height:30px;
	width:30px;
	background:var(--light);
	padding:5px;
}
.blog-tile .text-link {
	pointer-events:none;
}


.team-section.publications-section {
	& .team-grid .publication-tile {
		width:calc(50% - 10px);
		flex-grow:1;
		min-width:275px;
	}
}

.single-publication {
	& .site-main {
		padding:0;
	}
}

/* -------------- PDF Embedder ----------------- */
.pdfemb-viewer {
	box-shadow:var(--mainshadow);
	border:none !important;
}
div.pdfemb-toolbar {
	background:var(--lightgray) !important;
}
.pdfemb-pagescontainer * {
	width: 100% !important;
}
div.pdfemb-toolbar div {
	color:var(--green) !important;
}
div.pdfemb-toolbar button.pdfemb-prev::before {
	background:url('/wp-content/themes/brando_flex/assets/page-up.svg') no-repeat;
	background-size:contain;
	content:"" !important;
	height:15px;
	width:25px;
	display: block;
}

div.pdfemb-toolbar button.pdfemb-next::before {
	background:url('/wp-content/themes/brando_flex/assets/page-down.svg') no-repeat;
	background-size:contain;
	content:"" !important;
	height:15px;
	width:25px;
	display: block;
}

div.pdfemb-toolbar button.pdfemb-zoomout::before {
	background:url('/wp-content/themes/brando_flex/assets/minus.svg') no-repeat;
	background-size:contain;
	content:"" !important;
	height:15px;
	width:25px;
	display: block;
}

div.pdfemb-toolbar button.pdfemb-zoomin::before {
	background:url('/wp-content/themes/brando_flex/assets/plus.svg') no-repeat;
	background-size:contain;
	content:"" !important;
	height:15px;
	width:25px;
	display: block;
}

div.pdfemb-toolbar button {
	height:20px;
	width:30px !important;
	border:none !important;
	background:none !important;
	cursor:pointer;
}



/* ---------------------- Individual Post Template -------------------- */
 @media screen and (max-width: 768px) {
	 .individual-post-main article {
		 padding-right: 0 !important;
	}
	 .individual-post-main .post-sidebar {
		 padding-left: 0 !important;
		 padding-right: 0 !important;
	}
	 .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;
	}
}



 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: center;
	 margin-top: 1rem;
	 margin-bottom: 1rem;
}
 .post-author-img {
	 aspect-ratio: 1;
	 width: 100px;
	 height: 100px;
	 border-radius: 50%;
	 overflow: hidden;
	 margin-right: 2rem;
}
 .post-author-img img {
	 object-fit: cover;
	 height: 100%;
	 width: 100%;
}
 .post-author {
	 font-weight: 600;
	 color: var(--dark);
	 font-size: 1.25rem;
}
 .post-author-tile {
	 width: auto;
	 padding-right: 4rem;
}
 .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) {

	 .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: 4rem;
}
 .individual-post-main aside {
	 width: 350px;
	 padding: 0.5rem 2rem;
}

 .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;
}
 .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 img {
	 widtH: 20px;
	 height: 20px;
	 position: relative;
	 display: inline-block;
	 content: "";
	 margin-right: 15px;
}

 .custom-social-share {
	 display: flex;
	 flex-flow: wrap row;
	 justify-content: center;
}
/* -------------------------- CTA Section --------------------------- */
.footer-cta-section {
	& .inner-content {
		text-align:center;
	}
}


/* ---------------------------- Title Sections ----------------------- */
.title-section {
	background:none;
	& .background-video {
		z-index:1;
		/* Match the poster and video to the video's dimensions before loading. */
		height:auto;
		aspect-ratio:var(--title-video-aspect-ratio, 16 / 9);
	}
	& .background-image, .background-video {
		position:relative;
	}
	& .cta-links {
		justify-content: center;
	}
}
.title-section .background-video > .title-video-poster,
.title-section .background-video > video {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
}
.title-section .background-video > video {
	opacity:0;
	transition:opacity 400ms ease;
}
.title-section .background-video > video.is-video-ready {
	opacity:1;
}
@media (prefers-reduced-motion: reduce) {
	.title-section .background-video > video {
		transition:none;
	}
}
.default-title {
	& .inner-content {
		padding-top:100px;
	}
}
.title-slash-icon {
	margin-top:20px;
}
.video-controls {
	position:absolute;
	right:20px;
	top:20px;
	z-index:99;
	& button {
		background:none;
		border:none;
		height:45px;
		width:45px;
		cursor:pointer !important;
	}
}
 .title-section .inner-content {
	 flex-flow: Wrap column;
	 z-index: 9;
	 position: relative;
	 & .cta-links {
		margin-bottom:0;
	 }
}

 .title-section .btn {
	 margin-top: 0px;
}
 .title-section .title-inner-content {
	 padding-top: 30px;
	 padding-bottom: 20px;
	 padding-left:30px;
	 padding-right:30px;
	 display:flex;
	 text-align:center;
	 flex-flow: nowrap column;
	 justify-content: center;
	 align-items: center;
	 margin:auto;
	 position: relative;
	 background:var(--darkernavy);
	 border-bottom:var(--mainborder);
	 width:calc(100% - 40px);
	 margin:auto;
	 margin-top:-60px;
	 z-index:9;
	 max-width:calc(var(--mainwidth) - 40px);
}
 .title-section h1 {
	 color: var(--white);
}
 .title-section .main-subtitle {
	 margin-top: 0;
	 color: var(--white);
}

 .title-section .background-image img {
	 object-position: 50% 50%;
}



.hero-title {
	& .inner-content {
		padding-top:40dvh;
	}
	& .background-video, .background-image {
		max-height:50dvh;
		display:flex;
		align-items: center;
	}
}
.default-title {
	& .background-video, .background-image {
	max-height:250px;
	display:flex;
	align-items: center;
	}
}





/* ------------------------ Featured blogs Section ---------------------------- */
.blog {
	& .filter-bar {
		display:none;
	}
}
.top-of-posts {
	display:flex;
	justify-content: space-between;
}
.external-link-icon {
	height:15px !important;
	width:15px !important;
	object-fit:contain !important;
	padding:0 !important;
	margin-left:10px;
}
.news-meta {
		text-transform:uppercase;
		color:var(--dark);
		letter-spacing:10%;
		font-weight:400;
	}
.news-tile {
	border-bottom:solid 2px var(--yellow);
	padding-top:20px !important;
	padding-bottom:20px !important;
	& .blog-tile {
		flex-flow:wrap row;
		& img {
			width:300px;
			padding-left:20px;
		}
		& .blog-tile-content {
			width:calc(100% - 300px);
			flex-grow:1;
		}
	}
}

 .blog-tile-content {
	 display: flex;
	 flex-flow: noWrap column;
	 align-items: flex-start;
	 justify-content: flex-start;
	 padding: 10px 0;
	 text-align:left;
	 & .text-link {
		padding-left:0;
		margin-top:0;
	 }
}




 .blog-tile-content h4 {
	 font-size: 1.5rem;
	 margin-top: 10px;
	 margin-bottom: 10px;
}
 .blog-tile-content h6 {
	 font-size: 1rem;
}
 .blog-tile-content p {
	 margin-bottom: 0;
}


 .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;
}
.individual-post {
	padding:10px;
	&:hover {
		& .post-image-link .text-link {
			&:before, &:focus-within:before {
				right: 0px;
				opacity: 1;
				width: 15px;
			}
			&:after, &:focus-within:after {
			right: 0px;
			}
		}
	}
	&:focus-within {
		& .post-image-link .text-link {
			&:before, &:focus-within:before {
				right: 0px;
				opacity: 1;
				width: 15px;
			}
			&:after, &:focus-within:after {
			right: 0px;
			}
		}
	}
}

.post-image {
	width:200px;
}



/* ------------------------- Team Members ------------------------------- */
.team-links {
	& .cta-links {
		flex-flow:nowrap column;
		align-items: flex-start;
		justify-content: flex-start;
	}
}



.single-team_member {
	& main .inner-content {
		width:100%;
		align-items:flex-start;
		& .staff-image {
			width:300px;
			padding-right:20px;
			object-fit:cover;
			flex-grow:1;
		}
		& .individual-post-template {
			padding:20px 0;
			width:calc(100% - 300px);
			flex-grow:1;
			
		}
	} 
}
 @media only screen and (max-width: 600px) {
	.single-team_member {
		& .site-main .inner-content {
			flex-flow:nowrap column;
			& .staff-image, .individual-post-template {
				width:100%;
			}
			& .staff-image {
				padding-right:0;
			}
		}
	}

 }





 .team-section {
	& .post-archives {
		width:100%;
	}
	& .team-grid {
		display:flex;
		flex-flow:wrap row;
		gap:10px;
		margin-top:20px;
		& .team-tile-link {
			height:100%;
			display:flex;
			&:hover {
				& .text-link {
					&:before, &:focus-within:before {
						right: 0px;
						opacity: 1;
						width: 15px;
					}
					&:after, &:focus-within:after {
					right: 0px;
					}
				}
			}
			&:focus-within {
				& .text-link {
					&:before, &:focus-within:before {
						right: 0px;
						opacity: 1;
						width: 15px;
					}
					&:after, &:focus-within:after {
					right: 0px;
					}
				}
			}
		}
		& .team-tile {
			width:100%;
			background:var(--white);
			border-bottom: var(--mainborder);
			border-top:solid 1px var(--lightgray);
			border-left:solid 1px var(--lightgray);
			border-right:solid 1px var(--lightgray);
			& p {
				margin-bottom:0;
			}
			& h6 {
				margin-top:10px;
				margin-bottom:10px;
			}
			& .text-link {
				padding-left:0;
			}
			& a {
				text-decoration:none;
			}
			& img {
				aspect-ratio:1/1;
				object-fit:cover;
			}
		}
		& .team-tile-inner {
			display:flex;
			flex-flow:wrap row;
			align-items: stretch;
			height:100%;
			width:100%;
		}
		& .team-tile-img-wrapper {
			width:200px;
			height:auto;
			flex-grow:1;
			& img {
				height:100%;
				object-fit:cover;
				width:100%;
			}
		}
		& .team-tile-tile-content {
			width:calc(100% - 200px);
			flex-grow:1;
			padding:20px;
			display:flex;
			flex-flow:nowrap column;
			align-items: flex-start;
			justify-content: center;
		}
	}
 }

 @media only screen and (max-width: 875px) {
	.team-section {
		& .team-grid {
			& .team-tile-inner {
				flex-flow:nowrap column-reverse;
				& .team-tile-tile-content, .team-tile-img-wrapper {
					width:100%;
				}
			}
		}
	}
 }
  @media only screen and (max-width: 650px) {
	.archive-content {
		& .sidebar, .post-side {
		widtH:100%;
		}
		& .sidebar {
			padding-right:0;
			& .facetwp-input-wrap {
				width:100%;
			}
		}
	}

  }

/* ------------------ Sticky Page Nav Section ----------------- */
.sticky-page-nav {
	position:sticky;
	z-index:99;
	top:70px;
	height:70px;
	background:var(--light);
	display:flex;
	align-items: center;
	& .inner-content {
		padding:5px 0;
		display:flex;
		align-items: center;
		justify-content: center;
	}
	& .nav-link-items {
		display:flex;
		align-items: center;
	}
	& .btn {
		margin:0;
		margin-left:20px;
	}
	& .nav-link {
		text-decoration:none;
		color:var(--dark);
		font-weight:600;
		padding:5px 20px;
		transition: all ease .25s;
		opacity:.5;
		&.current {
			opacity:1;
		}
		&:hover {
			opacity:1;
		}
	}
}




/* ------------------ Featured Contents Slider ---------------- */
.features-carousel {
	padding:20px;
}
.featured-content-tabs {
	& .slick-track {
		width:100% !important;
		transform:none !important;
		max-width:var(--mainwidth);
		display:flex !important;
		align-items: flex-end;
	}
	& .slick-list {
		padding: 0 20px !important;
	}
	& .featured-tab {
		flex-grow:1;
		opacity:.25;
		transition: all ease .25s;
		cursor:pointer;
		padding-right:20px;
		height:100%;
	}
	& h4 {
		font-size:1.5rem;
	}
	& .featured-tab.slick-current, .featured-tab:hover {
		opacity:1;
	}
}



.featured-content {
	& .featured-content-slide {
		height:auto;
		max-width:var(--mainwidth);
		opacity:.25;
		transition: all ease .25s;
		&.slick-current {
			opacity:1;
		}
	}
	& .slick-list {
		max-width:var(--mainwidth);
		margin:auto;
		overflow:visible;
		padding:0 !important;
	}
	& .slick-track {
		display:flex !important;
		align-items: stretch;
	}
	& .featured-content-slide-inner {
		display:flex !important;
		margin:auto;
		height:100%;
		padding-right:20px;
	}
	& .featured-content-info {
		width:50%;
		padding:20px;
		background:var(--lightgray);
	}
	& .featured-content-img {
		width:50%;
		& img {
			height:100%;
			object-fit:cover;
		}
	}
	& .featured-content-item {
		display:flex !important;
		& img {
			width:40px;
			height:auto;
		}
	}
}




 .facetwp-checkbox, .facetwp-radio {
	 padding-left: 0;
	 padding: 10px 20px !important;
	 font-weight: 800;
	 display: flex;
	 align-items: center;
	 font-size: 0.85rem;
	 background: var(--lightgray) !important;
	 border: none;
	 color: var(--dark);
	 text-decoration: none;
	 margin: 5px 0px !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;
	 & .facetwp-display-value {
		display:flex;
		padding-right:0;
		flex-flow:nowrap row-reverse;
		align-items: center;
		justify-content: space-between;
		width:100%;
		& img {
			height:25px;
			width:25px;
		}
	 }
} 







/* ------------------------ Logo Carousel Section -------------------------------- */

 .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 {
	 padding-left: 30px;
	 padding-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;
}
 .centered-cta {
	 text-align: center;
	 padding: 0 2rem 2rem 2rem;
	 &.btn {
		margin-left: 1rem !important;
		margin-right: 1rem !important;
		margin-bottom: 0 !important;
   }
}
.logo-grid {
	display:flex;
	flex-flow:Wrap row;
	padding-left:20px;
	padding-right:20px;
	& .logo-holder {
		width:25%;
	}
}

@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;
   }
}


/* -------------------------- 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);
    }
}






/* ---------------------------- 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;
}
 .hero-slider-content .carousel-image {
	 width: 50%;
	 position: relative;
	 padding-left: 1rem;
	 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 .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;
	}

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

	
	 .hero-slider-content {
		 flex-flow: wrap column-reverse !important;
		 height: auto;
	}
	 .hero-slider-content .carousel-image {
		 width: 100% !important;
		 padding-left: 0;
		 padding-bottom: 1rem;
		 height: 300px !important;
	}
	 .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;
	}
}
 @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;
	 &.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 Module --------------------- */

.flex_map iframe, .flex_map iframe:focus-visible {
	 border: none !important;
	 box-shadow: none !important;
}
.flex_map iframe {
	width:100%;
}



/* -------- side by Side Intro Module -----*/
.flex_side_by_side_intro {
	width:100% !important;
	& .module-inner {
		display:flex;
		align-items: center;
		flex-flow:wrap row;
		justify-content: space-between;
	}
	& h3 {
		margin:10px 40px 10px 0;
	}
	& .cta-links {
		margin:10px 0 10px 0;
	}
}



/* --------------------- 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;
	}
}








/* ------------------------------ 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;
}
 @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 {
		 width: 100% !important;
	}
	 .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;
	}
}
 .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);
}





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

.one_half, .one_third {
	& .inner-content {
		display:flex;
		flex-flow:wrap row;
	}
}
.one_half {
	& .content-wrapper, .support-wrapper, .tabs-container {
		width:50%;
	}
}
.one_third {
	& .content-wrapper {
		width:40%;
	}
	&  .support-wrapper, .tabs-container {
		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);
}
 .toggle-copy {
	 display: none;
	 transition: all ease 0.25s;
}
 .toggle-visible .toggle-copy {
	 display: block !important;
}

 .faq-section .content-wrapper {
	 padding: 20px 20px 20px 0;
}
 .accordion-section .accordion-container {
	 width: 100% !important;
	 padding-top: 0 !important;
}
 .accordion-container {
	 padding: 20px 0 20px 20pxm;
	 flex-grow:1;
}
 .toggle-title {
	 padding-left: 0 !important;
}
 .toggle-title {
	 font-size: 1.5rem !important;
	 font-weight:600;
	 margin-top: 20px;
	 text-align:left;
}
 .toggle-title-bar {
	 display: flex;
	 align-items: center;
	 position: relative;
	 flex-flow: wrap row;
	 cursor: pointer;
	 justify-content: space-between;
	 width:100%;
	 border-radius:0;
	 background:none;
	 border:none;
}
 .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;
}
 .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 ------------------------ */
#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;
	 flex-flow:nowrap column;
	 align-items: center;
	 justify-content: center;
}

 .footer-menus {
	 display: flex;
	 justify-content: space-between;
}
 .footer-menus a {
	 text-decoration: none;
	 font-weight: 600 !important;
}
 .footer-menus a:after {
	 display: none;
}
 .footer-menus .menu {
	 padding-left: 0;
	 margin: 0;
}
 .footer-menus .menu li:first-child a {
	 padding: 0;
}
 .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: var(--mainfontsize);
	 padding: 0.5rem 0 !important;
}
.footer-menus .menu > li > a {
	font-size:1.25rem !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 {
	 & #footer-menu {
		list-style-type:none;
		display:flex;
		flex-flow:wrap row;
		& a {
			padding:10px 20px;
			text-decoration:none;

		}
		& > li  {
			padding:20px;
			& > a {
				letter-spacing:10%;
				text-transform:uppercase;
			}
		}
		& .sub-menu {
			list-style-type:none;
			margin:0;
			padding:0;
			& a {
				color:var(--white);
				font-weight:300;
				letter-spacing:5%;
			}
		}
	 }
}
 .footer-navigation ul li {
	 & .menu-arrow, .open-mobile-sub-menu {
		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);
}

 .site-info {
	 padding: 1rem 0 2rem 0;
}
 footer p a {
	 color: var(--white);
	 display: inline-block;
	 font-size:.85rem;
}
 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: 400px;
	 display: block;
}
#footer-menu {
	padding-left:0;
}

footer {
	border-top: var(--mainborder);
	& .main-footer {
		display:flex;

			 max-width: var(--mainwidth);
	 margin: auto;
	 width: 100%;
	 display: flex;
	 justify-content: center;
	 padding: 60px 20px 20px 20px;
	 align-items: center;
	 flex-flow: nowrap column;
	}
}
 @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-menus {
		 flex-flow: wrap row !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: 2rem !important;
	}
}
 @media screen and (max-width: 901px) and (min-width: 600px) {
	 .footer-navigation {

	}
}
 @media only screen and (max-width: 600px) {
	.footer-sub {
		text-align:center;
	}
	 .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;
	}
	.footer-navigation {
    & #footer-menu {
		margin:20px;
		flex-flow:nowrap column;
        & > li {
			padding:0;
			text-align:center;
			margin-bottom:20px;
		}

	}
	}
}

/* ------------------------ Post Main Settings ---------------------- */
 .post-tiles {
	 display: flex;
	 flex-flow: wrap row;
}
.post-grid {
	& article {
		flex-grow:1;
	}
}

 @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;
}

/* ------------------ 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 ----------------------------- */

.tabs-container {
	display:flex;
	margin-top:20px;
	& .tabs {
		flex-flow:nowrap column;
		width:300px;
		justify-content: center;
		align-items: flex-start;
		z-index:1;
		position:relative;
		&:hover .tab-button h5 {
			opacity:.5;
		}
		& .tab-button:hover h5 {
			color:var(--light) !important;
			opacity:1;
		}
	}
	& .tabs-content {
		width:calc(100% - 300px);
	}
	& .tab-image img {
		aspect-ratio:4/5;
		object-fit:cover;
	}
	& .tab-image {
		width:400px;
		margin-top:-20px;
		margin-bottom:-20px;
	}
	& .tabs-inner-wrapper {
		width:calc(100% - 400px);
		padding:30px;
		display:flex;
		flex-flow:nowrap column;
		align-items: flex-start;
		justify-content: center;
	}
}

.tab-indicator {
  position: absolute;
  right: -4px; /* stick to right edge */
  width: 10px; /* thickness of the indicator */
  background: var(--accent);
  top: 0;
  height: 100%; /* fallback height */

  transition: top 0.3s ease, height 0.3s ease;
  cursor:pointer;
  z-index: 10;
}

.tabs {
    display: flex;
	background:Var(--dark);
}


.tab-button {
	border:none;
    border-right: solid 2px var(--accent);
	color:var(--light);
	background:none;
    padding: 20px;
    cursor: pointer;
	transition: all ease .25s;
	width:100%;
	position:relative;
	& img {
		height:100px;
		width:auto;
	}
	& h5 {
		font-weight:600;
		font-size:1.25rem;
		margin:0;
		text-align:left;
		transition:all ease .25s;
	}
}
 .module-inner .tab-content p {
	color:var(--light) !important;
}
.module-inner .tab-button h5 {
	color:var(--light) !important;
}

.tab-button.active {
	& h5 {
		color:var(--light);
	}
	& p {
		color:var(--dark);
	}
}

.tab-content {
    display: none !important;
	background:var(--dark);
	flex-flow:wrap row;
	& h5 {
		color:var(--light) !important;
		font-size:2.5rem;
	}
}

.tab-content.active {
    display: flex !important;
}

.tab-content {
	position:relative;
	& p {
		color:var(--light);
	}
}

.tab-title {
	color:var(--dark) !important;
}



@media only screen and (max-width: 768px) {
	.tab-button, .tab-grid-item {
		width:100% !important;
	}
	.tab-content {
		padding:1rem;
	}
	.module {

		& .tabs-inner-wrapper {
			width:100%;
			padding:20px 10px;
		}
		& .tab-image {
			order:-1;
			width:100%;
			margin:0;
			& img {
				aspect-ratio:3/2;
			}
		}
	}
}
@media only screen and (max-width: 1100px) {
	.module {
		& .tabs-container {

			flex-flow:nowrap column;
			position:relative;
			&:after {
				content:"";
				background: linear-gradient(270deg,rgba(35, 31, 32, 1) 0%, rgba(35, 31, 32, 0) 100%);
				position:absolute;
				height:100%;
				width:30px;
				right:0;
				bottom:0;
				display:block;
				z-index:9;
			}
			&:before {
				content:"";
				background: linear-gradient(90deg,rgba(35, 31, 32, 1) 0%, rgba(35, 31, 32, 0) 100%);
				position:absolute;
				height:100%;
				width:30px;
				left:0;
				bottom:0;
				display:block;
				z-index:9;
			}
		}
				& .tabs-content {
			width:100% !important;
			position:relative;
			z-index:91;
		}
		& .tabs {
			flex-flow:nowrap row;
			width:100%;
			overflow-x: auto;
			  -webkit-overflow-scrolling: touch;
			  align-items: stretch;
			  justify-content: flex-start;
			scrollbar-width:none;
			-ms-overflow-style:none;
			padding:0 20px !important;
			position:relative;
			

		}

		& .tab-button {
			border-left:none;
			border-right:none;
			border-bottom:solid 2px var(--red);
			margin-bottom:3px;
			padding:10px 30px;
			& h5 {
				text-align:center;
				font-size:1rem;
			}
		}
		& .tab-indicator {
		position: absolute;
		right: -4px; /* stick to right edge */
		height:8px; /* thickness of the indicator */
		background: var(--red);
		top:auto;
		width: 100%; /* fallback width */

  transition: top 0.3s ease, height 0.3s ease, left 0.3s ease, width 0.3s ease;
		cursor:pointer;
		z-index: 10;
		}
	}
}