/*
Theme Name: Soaring Eagle 2026
Theme URI: https://brandography.com
Author: Brandography
Author URI: https://brandography.com
Description: This is the Soaring Eagle 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 --------------------------------------------------------------*/

@view-transition {
	navigation: auto;
}
/* Disable the default fade out effect on the old content */
::view-transition-old(root) {
	animation: none;
}

/* Make new content wipe in from the right */
::view-transition-new(root) {
	animation: wipe-in 0.5s ease-out forwards;
}

/* Animation wiping in the new content */
@keyframes wipe-in {
	from {
		clip-path: inset(0 0 0 100%);
	}
	to {
		clip-path: inset(0 0 0 0);
	}
}





.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 {
	 color: var(--dark);
	 font-size: 1rem;
	 line-height: 1.25;
	 font-family: var(--mainfont);
}
 h1, h2, h3, h4, h5, h6, .heading-style {
	 clear: both;
	 line-height: 1;
	 margin: 1rem 0;
	 text-wrap: balance;
	 font-family: var(--altfont);
	 font-weight: 400;
	 color: var(--dark);
	 text-transform: uppercase;
}

 .supertitle, .superheading {
	 font-size: clamp(1rem, 0.93rem + 0.32vw, 1.25rem);
	 text-transform: uppercase;
	 font-family:var(--altfont);
	 color:Var(--darkgold);
}

.accented-heading {
	position:relative;
	margin-bottom:40px;
	&:after {
		content:"";
		position:absolute;
		height:8px;
		width:100%;
		display:block;
		border-top:1px solid;
		border-bottom:1px solid;
		border-image:linear-gradient(90deg,rgba(210, 156, 69, 1) 0%, rgba(243, 234, 142, 1) 50%, rgba(210, 156, 69, 1) 100%) 1 0 1 0;
		margin-top:10px;
		z-index:-1;
	}
	&.accent-left:after {
		right:0;
		left:auto;
	}
}
.accented-heading-center {
	position:relative;
	display:flex;
	align-items: center;
	&:before {
		content:"";
		position:absolute;
		height:8px;
		width:100dvw;
		display:block;
		border-top:1px solid;
		border-bottom:1px solid;
		border-image:linear-gradient(90deg,rgba(210, 156, 69, 1) 0%, rgba(243, 234, 142, 1) 50%, rgba(210, 156, 69, 1) 100%) 1 0 1 0;
		margin-top:10px;
		z-index:-1;
		right:calc(100% + 20px);
	}
	&:after {
		content:"";
		position:absolute;
		height:8px;
		width:100dvw;
		display:block;
		border-top:1px solid;
		border-bottom:1px solid;
		border-image:linear-gradient(90deg,rgba(210, 156, 69, 1) 0%, rgba(243, 234, 142, 1) 50%, rgba(210, 156, 69, 1) 100%) 1 0 1 0;
		margin-top:10px;
		z-index:-1;
		left:calc(100% + 20px);
	}
}


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

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

h1 {
font-size: clamp(2rem, 0.88rem + 5.12vw, 6rem);
}
 h2 {
	 font-size: clamp(1.75rem, 0.8rem + 3.2vw, 4rem);
}
 h3 {
	 font-size: clamp(1.5rem, 0.76rem + 2.24vw, 3rem);
}
 h4 {
	 font-size: clamp(1.25rem, 0.9rem + 1.6vw, 2.5rem);
}
 h5 {
	 font-size: clamp(1rem, 0.72rem + 1.28vw, 2rem);
}
 h6 {
	 font-size: clamp(1rem, 0.86rem + 0.64vw, 1.5rem);
}
 
 @media only screen and (max-width: 600px) {
	.supertitle {
		font-size: 1rem;
	
}
 }
 p {
	 margin-top: 0.5rem;
	 margin-bottom: 1rem;
	 font-size: var(--mainfontsize);
	 line-height: 1.5;
}

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

/* Lists */

.entry-content, .grid-tile-content, .flex_simple_content, .tab-content, .toggle-copy, .post-copy, .popup-content  {
	& ul, ol {
		list-style-type: none;
		margin-left: 0;
		padding-left: 20px !important;
	}
	& li {
		position: relative;
		font-weight: 600;
		color: var(--dark);
		margin: 0;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left:30px;
		border-bottom: dotted 1px var(--darkgold);
	}

	& ul li:before {
		content: "•";
		color: var(--accent);
		position: absolute;
		left: 0px;
		font-size: 1.75rem;
		top: 0;
	}
	& 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:0px;
	}
}




.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-top: none;
	 border-left:none;
	 border-right:none;
	 border-bottom: dotted 1px var(--accent);
	 height: 1px;
	 width:100%;
	 margin-bottom: 20px;
	 margin-top: 10px;
}

 .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: 20px;
	 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;
}

 #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%;
	 max-inline-size:100%;
	 block-size:auto;
}
 figure {
	 margin: 1em 0;
}
 table {
	 margin: 0 0 1.5em;
	 width: 100%;
}

/* Forms --------------------------------------------- */
 input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	 color: var(--black);
	 border: none;
	 padding: 3px;
	 box-sizing: border-box;
	 width: 100%;
	 background: var(--white);
	 margin-right: 0px;
	 border: solid 1px var(--dark);
	 border-radius: 0 !important;
	 -webkit-appearance: none !important;
	 -webkit-border-radius: 0 !important;
	 text-align:left;
}
 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 {

}
 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 {

}
 select {
	 border: 1px solid var(--dark);
	 background:var(--white);
	 text-align:left;
}
 textarea {
	 width: 100%;
}
.gfield {
	text-align:left;
}
/* ----------------------- Gravity Forms ------------------------ */
/* Buttonize Radio & Checkbox Fields */
 .gform_wrapper .gfield.buttonized .gfield_radio .gchoice,
 .gform_wrapper .gfield.buttonized .gfield_checkbox .gchoice {
    position: relative;
    text-align: left;
	padding-right:10px !important;
	padding-bottom:10px !important;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"],
 .gform_wrapper .gfield.buttonized input[type="checkbox"] {
    position: absolute;
    left: -9999px;
 }
 .gform_wrapper .gfield.buttonized .gfield_radio label,
 .gform_wrapper .gfield.buttonized .gfield_checkbox label {
    display: block !important;
    position: relative;
    max-width: 100%;
    padding: 5px;
    cursor: pointer;
	font-size:.85rem;
	padding-left:20px;
	transition: all ease .25s;
	opacity:.5;
	&:hover {
		opacity:1;
	}
		&:before {
		content:"";
		height:15px;
		width:15px;
		border:solid 2px var(--darkgold);
		border-radius:50%;
		display:block;
		position:absolute;
		left:0;
		top:7px;
		transition: all ease .25s;
	}

 }
  .gform_wrapper .gfield.buttonized .gfield_checkbox label:before {
	border-radius:0 !important;
  }
 .gform_wrapper .gfield.buttonized input[type="radio"]:focus+label,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:focus+label {

 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label {
	opacity:1;
 }
 .gform_wrapper .gfield.buttonized input[type="radio"]:checked+label::before,
 .gform_wrapper .gfield.buttonized input[type="checkbox"]:checked+label::before {
 border:solid 2px var(--darkgold);
 background:var(--black);
 }
 .buttonized .ginput_container_checkbox .gfield_checkbox  {
	display:flex;
	flex-flow:wrap row;
	& .gchoice {
		width:50%;
		text-align:left;
	}
 }
 .gform_wrapper .gfield.buttonized .gfield_radio label::before,
 .gform_wrapper .gfield.buttonized .gfield_checkbox label::before {

 }



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


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

 .gform-body select {
	 height: auto;
	 padding: 15px !important;
}
 .horizontal-choices .gfield_checkbox {
	 display: flex;
	 flex-flow: wrap row;
}
 .horizontal-choices .gfield_checkbox .gchoice {
	 width: 33.33%;
}


 .ginput_full {
	 width: 100%;
}
 .ginput_complex {
	 display: flex;
	 flex-flow: Wrap row;
}




 input, textarea {
	 padding: 15px !important;
}
 .ginput_container_email input {
	 width: 100% !important;
}

 .gfield_label {
	 position: Relative;
}
 .gform_wrapper.gravity-theme .gfield_label, .gfield--type-text .gfield_label, .gfield--type-email .gfield_label, .gfield--type-textarea .gfield_label, .gfield--type-phone .gfield_label {
	 position: relative;
	 transition: all ease 0.25s;
	 font-weight:400 !important;
	 text-transform:uppercase;
	 font-size:.85rem;
	 color:var(--black);
	 font-family:var(--altfont);
}
 .gfield_label.focused-field {
	 color:var(--darkgold);
}

.gform_wrapper.gravity-theme .ginput_container_date input {
	width:100% !important;
}







.gform_wrapper.gravity-theme .gf_progressbar_blue {

}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
	background:var(--goldgradient);
}
/*-------------------------------------------------------------- # 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;
   }
}


/* --------- Menu Switcher ----------- */
.header-logo {
	display:flex;
	justify-content: flex-start;
	align-items: center;
}
.menu-switcher.is-open {
	& .menu-switcher-button {
		transform:rotate(180deg);
	}
}
.menu-switcher-button {
	border:none;
	background:none;
	cursor:pointer;
	width:40px;
	transition: all ease .25s;
	& img {
		height:12.5px;
	}
}
body:not(.saganing-site-active) {
& .saganing-logo {
	display:none;
}
}
.saganing-site-active {
& .soaring-eagle-logo {
	display:none;
}
& .saganing-logo {
	display:block;
}
}
.menu-switcher {
	position:relative;
	& .menu-switcher-dropdown {
		position:absolute;
		top:100%;
		right:0;
		z-index:50;
		background:var(--black);
		padding:10px;
		width:250px;
		transition: all ease .25s;
		margin-top:100px;
		opacity:0;
		pointer-events:none;
		&:after {

		}
		& ul {
			list-style-type:none;
		}
		& a {
			text-decoration:none;
			padding:20px !important;
			width:100%;
			transition: all ease .25s;
			opacity:.5;
			&:hover {
				opacity:1;
			}
		}
		& .soaring-eagle-site {
			opacity:1;
		}
		& .sub-menu {
			margin:0;
			padding:0;
		}
	}
}
.saganing-site-active {
	& .menu-switcher-dropdown {
		& .soaring-eagle-site {
			opacity:.5 !important;
		}
		& .saganing-site {
			opacity:1 !important;
		}
		& a:hover {
			opacity:1 !important;
		}
	}
}

.menu-switcher.is-open {
	& .menu-switcher-dropdown {
		opacity:1;
		margin-top:20px;
		pointer-events:all;
	}
}






/* 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;
}
.nav-menu > li a {
	padding-bottom:15px;
}
.nav-menu > li > a {
	padding:30px 10px; 
}

/* Menu */
.menu-subtitle {
	display:block;
}
.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;
	}
}
.desktop-nav #primary-menu .sub-menu-holder {
	display:flex;
	align-items: stretch;
	position:absolute;
	top:calc(100% + 50px);
	left:0;
	background:var(--white);
	box-shadow: var(--mainshadow);
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transition: all ease .25s;
	z-index:10;
}
.desktop-nav #primary-menu > li:hover > .sub-menu-holder,
.desktop-nav #primary-menu > li:focus-within > .sub-menu-holder {
	top:100%;
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
.desktop-nav #primary-menu .sub-menu-holder > .sub-menu-level-1 {
	flex: 0 0 250px;
	display:flex;
	flex-flow:nowrap column;
	position:relative;
	top:auto;
	left:auto;
	margin-left:-80px !important;
	padding:0;
	margin:0;
	background:var(--white);
	box-shadow:none;
	& li a {
		transition: all ease .25s;
		opacity:1;
	}
	&:hover li a {
		opacity:.35;
	}
	& li {
		transition: all ease .25s;
	}
	&:hover li:hover a {
		opacity:1;
	}
	& li:hover {
		background:var(--lightgray);
	}
}
.desktop-nav #primary-menu .sub-menu-side-content {
	position:relative;
	flex: 0 0 380px;
	overflow:hidden;
	min-height:100%;
}
.desktop-nav #primary-menu .sub-menu-side-content:has(.sub-menu-image) {
	min-height:300px;
	height:auto;
}
.desktop-nav #primary-menu .sub-menu-side-content .sub-menu-image {
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
	opacity:0;
	visibility:hidden;
	transform:translateX(30px);
	transition: opacity 0.25s ease, transform 0.25s ease;
	will-change: opacity, transform;
}
.desktop-nav #primary-menu .sub-menu-side-content .sub-menu-image.image-visible {
	opacity:1;
	visibility:visible;
	transform:translateX(0);
	z-index:2;
}
.desktop-nav #primary-menu .sub-menu-side-content .sub-menu-image.image-entering {
	opacity:1;
	visibility:visible;
	transform:translateX(0);
	z-index:3;
}
.desktop-nav #primary-menu .sub-menu-side-content .sub-menu-image.image-previous {
	opacity:1;
	visibility:visible;
	transform:translateX(0);
	z-index:1;
}
.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;

}




/* ---- Superheader ----- */
	.superheader {
		position:relative;
		z-index:99;
		& .menu-item-has-children.sub-menu-open,
		& .menu-item-has-children:focus-within {
			& .sub-menu {
				display:block;
			}
		}
		& .open-mobile-sub-menu {
			top:-5px;
		}
	& .inner-content {
		padding: 0 20px !important;
		& .desktop-nav {
		display:flex;
		justify-content: flex-end;
		}
	}
	& #superheader-menu > li > a {
		color:var(--white) !important;
		padding:10px 10px 20px 5px;
		text-decoration:none;
	
	}
	& #superheader-menu {
		display:flex;
		flex-flow:nowrap row;
		align-items: center;
		margin:0;
		list-style-type:none;
		padding-left:0 !important;
	}
	& a {
		font-weight:400 !important;
	}
	& .sub-menu {
		display:none;
		position:absolute;
		background:var(--white);
		margin:0;
		padding:0;
		top:calc(100% - 8px);
		width:250px;
		right:0;
		list-style-type:none;
		&:hover a {
			opacity:.35;
		}
		& a {
			text-decoration:none;
			font-weight:400;
			transition: all ease .25s;
			background:none;
			&:hover {
				background:var(--lightgray);
				opacity:1;
			}
		}
	}
}


@media only screen and (max-width: 500px) {
	#superheader-menu > li > a {
		font-size:.85rem !important;
	}
	.menu-superheader-menu-container {
		width:100%;
		& #superheader-menu {
			justify-content:center;
		
		}
	}
	.superheader {
		& .inner-content {
			padding:0 10px !important;
		}
	}
}




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

	}
}


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

@media (hover: hover) and (pointer: fine) {
	.superheader {
		& .menu-item-has-children:hover {
			& .sub-menu {
				display:block;
			}
		}
	}

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

.desktop-nav {
	& .sub-menu, .sub-menu-side-content {
		&:after {
		content: "";
		bottom: 0;
		height: 8px;
		width: 100%;
		background: var(--goldgradient);
		position: absolute;
		left: 0;
		}
	}
}

  .desktop-nav, .superheader {
	
   & .menu-item-has-children {
	display:flex;
	align-items: flex-start;
	flex-flow:nowrap column;
	justify-content: center;
	position:relative;
	& .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 {
	  & > .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: 350px;
	  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%;
	}
}

/* Lightbox background */
.lightbox-bg {
    display: none;
    position: fixed;
    z-index: 999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100dvh;
    background: none;
    overflow: hidden;
}
.lightbox-overlay {
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,.6);
    backdrop-filter:blur(5px);
}
/* Lightbox content */
.lightbox-inner {
    position:relative;
}
.lightbox-content {
    position: relative;
    margin: auto;
    padding: 20px;
    max-width: calc(100vw - 200px);
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease; /* Add opacity transition */
}

/* Lightbox image */
.lightbox-img {
    max-height: calc(100dvh - 250px);
    margin: auto;
    box-shadow: var(--mainshadow);
    transition: opacity 0.3s ease; /* Add opacity transition */
}

/* Thumbnails */
.lightbox-thumbnails {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 100%;
    transition: opacity 0.3s ease; /* Add opacity transition */
}


/* Close button */
.lightbox-close {
    position: absolute;
    top: 35px;
    right: 50px;
    font-size: 30px;
    color: #fff;
    cursor: pointer;
    border:none;
    background:none;
    height:40px;
    width:40px;
    display:flex;
    align-items: center;
    justify-content: center;
}

.lightbox-close {
    position: absolute;
}

.lightbox-close:after {
    content:"";
    background:url("/wp-content/themes/brando_flex/assets/close_alt.svg");
    width:30px;
    height:30px;
    position: absolute;
    top:0;
    left:0;
    background-size: contain;
    display: block;
}
.lightbox-close:before {
    content:"";
    height:100vh;
    width:100vw;
    position:absolute;
    right:-50px;
    top:0;
    z-index:0;
}
/* Navigation buttons */
.lightbox-prev, .lightbox-next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    height:50px;
    width:50px;
    user-select: none;
    -webkit-user-select: none;
    z-index:9;
    display:flex;
    align-items: center;
    justify-content: center;
    background:#fff;
    border-radius:50%;
    box-shadow:var(--mainshadow);
    border:none;
}

.lightbox-prev {
    left: 20px;
}

.lightbox-next {
    right:20px;
}


.lightbox-next:after, .lightbox-prev:after {
    content:"";
    background:url("/wp-content/themes/brando_flex/assets/arrow.svg") no-repeat;
    width:25px;
    height:25px;
    position: absolute;
    top:auto;
    bottom:auto;
    right:auto;
    left:auto;
    background-size: contain;
    ;
}
.lightbox-next:after {
    transform: rotate(180deg);
}



/* Thumbnails */
.lightbox-thumbnails {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width:100%;
    position:absolute;
}

.lightbox-thumbnail {
    padding:5px;
    cursor: pointer;
    opacity: 0.5;
    aspect-ratio:1/1;
    filter:grayscale(1);
    transition:all ease .25s;
}
.lightbox-thumbnail:hover {
    opacity:1;
    filter:grayscale(0);
}

.lightbox-thumbnail.active {
    opacity: 1;
    filter:grayscale(0);
}

.lightbox-thumbnail img {
    width: 50px;
    height: 100%;
    object-fit: cover;
}

.lightbox-thumbnails {
    display:none;
}


/* Responsive Edits */
@media only screen and (max-width: 768px) {

    .lightbox-prev, .lightbox-next {
        height:35px;
        width:35px;
    }
    .lightbox-next::after, .lightbox-prev::after { 
        width:15px;
        height:15px;
    }
    .lightbox-prev {
        left:10px;
    }
    .lightbox-next {
        right:10px;
    }
    .lightbox-content {
        max-width:none;
        padding:0;
    }
}


@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;
	& .btn, .text-link {
		margin-right:10px;
	}
}
 .btn, .content-side .search-submit, .gform_button, .contact-button a, .facetwp-facet button, .video-button a, .post-password-form input[type="submit"] {
	 padding: 10px 20px !important;
	 font-weight: 600;
	 text-transform:uppercase;
	 display: inline-block;
	 justify-content: center;
	 font-size: 0.85rem;
	 text-decoration: none;
	 margin:10px 0;
	 text-align: center;
	 line-height: 1.25;
	 cursor: pointer;
	 transition: all ease 0.25s;
	 overflow:hidden;
	 position: relative;
	 z-index: 9;
	 background:var(--black);
	 color: var(--light) !important;
	 border:none;
	 box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
	 overflow:hidden;

	&:after {
		content:"";
		bottom:0;
		height:4px;
		position:absolute;
		left:0;
		right:0;
		width:100%;
		background:var(--goldgradient);
		transition: all ease .45s;
		z-index:9;
	}
	&:hover:after {
		transform:scaleX(2);
	}
	&:before {
		content: "";
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		background: var(--shine-effect);
		left: -100%;
    	transition: var(--shine-transition);
	}
	&:hover:before {
		left:100%;
	}
}

 .facetwp-facet button {
	 background: none;
}
 .facetwp-hidden {
	 display: none !important;
}

 .facetwp-facet button:hover {
	 background: var(--accent);
	 color: var(--white);
}

.gform_button {
	 background: var(--accent);
	 color: var(--white) !important;
}
.button-holder {
	display:flex;
	flex-flow:wrap row;
	align-items: center;
	& .btn {
		margin-right:10px;
	}
}
 @media only screen and (max-width: 450px) {
	 .button-holder {
		 display: flex;
		 flex-flow: Wrap column;
	}
	 .button-holder a {
		 width: 100%;
		 margin-left: 0;
		 margin-right: 0;
		 margin-bottom: 1rem;
	}
}
 .center-aligned .button-holder {
	 text-align: center;
	 justify-content:center;
}

@property --angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 300deg;
}

body .btn.button-alt, body .gform_button {
	position:relative;
	--angle: 300deg;
	transition: all ease .25s;
	overflow:hidden;
	background:Var(--black);
	color:Var(--light) !important;
	&:hover {
		--angle: 150deg;
		&:after {
			transform:none;
		}
	}
	&:after {
		position:absolute;
		height:100%;
		width:100% !important;
		content:"";
		inset: 0 !important;
    	padding: 1.5px !important;
    	border-radius: inherit !important;
		inset: 0;
    	border-radius: inherit;
		background: linear-gradient( var(--angle), rgba(210,156,69,1) 0%, rgba(247,241,179,1) 51%, rgba(210,156,69,1) 100% );
    	mask: conic-gradient(#000 0 0) content-box exclude, conic-gradient(#000 0 0);
		z-index:9;
		transition: --angle 500ms cubic-bezier(0.15, 0.1, 0.15, .1);
		z-index:9;
	}
}
 .text-link {
	 display: flex !important;
	 align-items: center;
	 text-decoration: none;
	 font-weight: 400;
	 text-transform: uppercase;
	 font-size:.85rem;
	 position: relative;
	 color:var(--dark);
	 margin: 10px 0;
	 padding:10px 30px 10px 10px;
	 font-family:var(--altfont);
	&: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 {
		right:0px;
	}
	&:hover:before {
		right:0px;
		opacity:1;
		width:15px;
	}
}

.grid-tile:hover {
	& .text-link {
		&:after {
			right:0px;
		}
		&:before {
		right:0px;
		opacity:1;
		width:15px;
	}
	}
}

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




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


 :root {
	 --mainwidth: 1600px;
	 --smallwidth: 1000px;
	 --mainshadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
	 --mainpadding: 3rem 1rem;
	 --smallpadding: 1.5rem 1rem;
	 --bigpadding: 6rem 1rem;
	 --mainfontsize: 1rem;
	 --shine-degree: 120deg;
	--shine-color: rgba(255, 255, 255, 0.3);
	--shine-effect: linear-gradient(
		var(--shine-degree),
		transparent,
		var(--shine-color),
		transparent
	);
	--shine-transition: all .4s ease-in-out;
	

	 /* Colors */
	 --darkgold: #d29c45;
	 --lightgold: #f3ea8e;
	 --lightgray: #efefef;
	 --goldgradient: linear-gradient(90deg,rgba(210, 156, 69, 1) 0%, rgba(243, 234, 142, 1) 50%, rgba(210, 156, 69, 1) 100%);
	 --white: #fff;
	 --black: #000000;
	 --darkblue: #253c5c;
	 --lightblue: #426686;
	 --lightblack: #383838;

	 --dark: var(--black);
	 --light: var(--white);
	 --accent: var(--darkgold);

	 /* Fonts */
	 --mainfont: "Raleway", sans-serif;
	 --altfont: "Audiowide", sans-serif;
}


.gold-bottom, .current_day {
	&:after {
		content:"";
		bottom:0;
		height:8px;
		width:100%;
		background:var(--goldgradient);
		position:absolute;
		left:0;
	}
	position:relative;
}
.current_day {
	background:var(--black) !important;
	padding-bottom:35px;
	& * {
		color:var(--white) !important;
	}
}

.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);
}
.darkgold {
	background:var(--darkgold);
}
.lightgold {
	background:var(--lightgold);
}
.goldgradient {
	background:var(--goldgradient);
}
.black {
	background:var(--black);
}

.lightblue {
	background:Var(--lightblue);
}
.darkblue {
	background:Var(--darkblue);
}


.light .inner-content {
	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 .inner-content {
	color: var(--light);
	& p, h1, h2, h3, h4, h5, h6, li, .text-link, p a, li a, .gform_wrapper.gravity-theme .gfield_label {
		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);
	  }
}

section.bgimage p a {
	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 ----------- */
.gold-borders {
	&:before {
		content: "";
    top: 0;
    height: 8px;
    width: 100%;
    background: var(--goldgradient);
    position: absolute;
    left: 0;
	z-index:99;
	}
	&:after {
	content: "";
    bottom: 0;
    height: 8px;
    width: 100%;
    background: var(--goldgradient);
    position: absolute;
    left: 0;
	z-index:99;
	}
}
.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;
		&.plattered {
			padding:30px !important;
			box-shadow:var(--mainshadow);
			&.white {
				& p, h1, h2, h3, h4, h5, h6, li, .text-link, p a, li a {
				color:var(--dark);
				}
			}
			&.black {
				color:var(--white);
				& p, h1, h2, h3, h4, h5, h6, li, .text-link, p a, li a {
				color:var(--white);
				}
			}
		}
		&.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;
		display:flex;
		flex-flow:nowrap column;
		align-items: center;
		justify-content: flex-start;
		& .grid-tile-content, .tile-content-copy {
			display:flex;
			flex-flow:nowrap column;
			align-items:center;
			justify-content:flex-start;
		}
	}
	& .module-inner {
		width:100%;
	}
	& .module.large-padding {
		& .module-inner {
			padding:40px 20px;
		}
	}
	& .flex_image.flush-padding {
		& .module-inner {
			height:100%;
			& figure {
				margin:0;
				height:100%;
			}
			& img {
				height:100%;
				object-fit:cover;
			}
		}
	}
}

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


/* 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;
}
.flex-table {
	& 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);
		color:var(--black);
	  }
	  
	
	}
	  

	

	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;
		padding:30px !important;
	}
    .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;
	&.one .grid-tile {
		width: 100% !important;
	}
	&.two .grid-tile {
		width: 50%;
	}
	&.three .grid-tile {
		width: 33.3333%;
	}
	&.four .grid-tile {
		width: 25%;
	}
	&.five .grid-tile {
		width: 20%;
	}
	&.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;
	}
}


/* 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:100px;
		max-height:100px;
		padding:30px 20px 20px 20px;
	}
	& .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.light * {
		color: var(--dark) !important;
	}
	
	& .grid-tile-inner {
		height: 100%;
		position:relative;
		&:before {
			content: "";
			bottom: 0;
			height: 8px;
			width: 100%;
			background: var(--goldgradient);
			position: absolute;
			left: 0;
		}
		& a {
			text-decoration:none !important;
		}
		&.center * {
			text-align: center !important;
			text-wrap:balance;
		}

		&.dark:after {
			content:"";
			background:var(--dark);
			opacity:.8;
			position:absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
			z-index:-1;
		}
		&.light:after {
			content:"";
			background:var(--light);
			opacity:1;
			position:absolute;
			left:0;
			right:0;
			top:0;
			bottom:0;
			z-index:-1;
		}
	}
	& .icon-wrapper {
		width: 100%;
		text-align: center;
		flex-grow:1;
	}
}

.module.left-aligned {
	& .grid-tile {
		& .tile-content-copy {
			display:flex;
			flex-flow:nowrap column;align-items: flex-start;
		}
	}
}

.grid-tile-inner.plattered {
		& .grid-tile-content {
			padding:20px;
		}
		box-shadow:var(--mainshadow);
	}

.grid-tile.overlain {
	& .grid-tile-inner {
		position:relative;
		overflow:hidden;
		padding:20px;
		&:after {
			background:var(--goldgradient);
			position:absolute;
			content:"";
			bottom:0;
			left:0;
			height:8px;
			width:100%;
		}
		& .grid-tile-content * {
			color:var(--light);
			text-decoration:none;
		}
	}
	& .icon-wrapper {
		position:absolute;
		left:0;
		right:0;
		top:0;
		bottom:0;
		z-index:-1;
		overflow:hidden;
		& img {
			height:100%;
			object-fit:cover;
			transition: all ease .35s;
		}
	}
	& .tile-link {
		background:linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
		opacity:.75;
	}
	& .grid-tile-content {
		z-index:9;
		position:relative;
		pointer-events:none;
		display:flex;
		flex-flow:nowrap column;
		justify-content: flex-end;
		align-items: center;
		transition: transform 0.35s ease;
	}
	& .text-link {
		margin-top:0;
	}
	& .tile-content-copy {
		  display: flex;
  flex-direction: column;
  align-items: center;
  transform: translateY(100%);
  opacity: 0;

  transition:
    transform 0.35s ease,
    opacity 0.35s ease;
	}
	&:hover {
		& .tile-content-copy {
  transform: translateY(0);
  opacity: 1;
		}
		& img {
			transform:scale(1.1);
			filter:blur(10px) brightness(.8);
		}
	}
	overflow:hidden;
}
.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;
		}
	}
}

/* Blog Tile */

/* Case Study Tile */







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

.dark-header {
	background:var(--dark) !important;
	& .desktop-nav ul > li > a, #mobile-menu-label, .search-open span {
		color:Var(--light);
	}
	& .dark-logo {
		display:none;
	}
	& .sub-menu-level-1 {
		& a {
			color:var(--dark) !important;
			padding:10px 20px;
		}
		& li:first-child a {
			padding-top:20px;
		}
		& li:last-child a {
			padding-bottom:20px;
		}
	}
}

.desktop-nav {
	flex-grow:1;
	display:flex;
	justify-content: center;
}



 @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: 250px;

	 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;
}
.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: 1300px) {
	.header-container .header-nav-elements nav#site-navigation {
		width: 100%;
		flex-flow: nowrap row-reverse !important;
		justify-content: flex-start !important;
   }
	 #site-navigation {
		 justify-content: flex-end !important;
	}
	 .desktop-nav {
		 display: none;
	}
}
 .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%;
}
.transparent-header {	
& .site-header {
	background:none !important;
	position:fixed;
	box-shadow:none;
	transition: all ease .25s;
	&:after {
		content:"";
		background:linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
	}
	& .desktop-nav ul > li > a, #mobile-menu-label, .search-open span {
		color:Var(--light);
	}

}
& .light-logo {
	display:flex;
}
& .dark-logo {
	display:none;
}

& .title-section .inner-content  {
	padding-top:200px;
}
}
 .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;
	}
}

.scrolled header.site-header.light-header {
	background:var(--light) !important;
	& .desktop-nav ul > li > a, #mobile-menu-label, .search-open span {
		color:Var(--dark);
	}
	& .light-logo {
		display:none;
	}
	& .dark-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:not(.submenu-img) {
		max-width: 150px !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 .menu-subtitle {

	 font-weight: 500;
	 font-size: 0.8rem;
	 margin-top: 10px;
	 display: inline-block;
	 text-transform: none;
	 flex-grow: 1;
}
.mobile-menu-items ul > li  {
	& a {
		padding:20px 10px;
	}
	& .sub-menu-label {
		font-size:1.5rem !important;
	}
	& .sub-menu .sub-menu-label {
		font-size:1rem !important;
	}

}
 .mobile-menu-items li {
	width:100% !important;
	display:flex;
	flex-flow:Wrap row;
	justify-content: space-between;
	align-items: stretch;
	& .sub-menu-level-1 {
		padding-left:20px;
	}
	& button.open-mobile-sub-menu {
		background:none;
		border:none;
		height:auto;
		width:50px;
		cursor:pointer;
		& img {
			transition: all ease .25s;
			width:15px;
		}
	}
	& 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:600;
		display:flex;
		align-items: center;
	}

	& .sub-menu-level-2, .sub-menu-level-3 {
		flex-flow:nowrap column;
		margin:0;
		margin-bottom:20px;
		padding:0 20px;
		top:0 !important;
	}
	& a {
		color:var(--light);
	}
	border-bottom:solid 1px rgba(255,255,255,.2);
 & > a {
	 text-decoration: none;
	 display: flex;
	 justify-content: space-between;
	 width: calc(100% - 50px);
	 flex-grow:1;
	 padding:10px 0;
	 font-size:1.25rem !important;
	 & .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 li .sub-menu a {
	 font-weight: 400;
	 font-size: 1rem !important;
	 padding-top: 10px !important;
	 padding-bottom: 10px !important;
	 display:flex !important;
	 color:var(--white) !important;
	 & img {
		height:30px;
	 }
}
.mobile-menu-items li .sub-menu .menu-item-has-children > a {
	display:flex !important;
	flex-flow:Wrap row;
	& .sub-menu-label {
		flex-grow:1;
		width:auto;
	}
	& .menu-arrow {
		width:50px;
	}
}
 .mobile-menu-items.sub-menu-is-open li:not(.sub-menu-open) {
	 display: none;
}
 .mobile-menu-items.sub-menu-is-open .sub-menu li {
	 display: flex;
}
 @media only screen and (max-width: 600px) {
	 .header-container {
		 justify-content: flex-start;
		 padding:0 10px;
	}
	 .header-container .header-btn {
		 width: auto;
		 padding: 0.5rem 1rem !important;
	}

	 .header-container .header-content {
		 width: 100%;
	}
	 .header-container .menu-toggle {
	}
	.mobile-menu-open {
		& .menu-toggle {
			left:10px;
		}
	}
}
 .menu-mobile-menu-container li {
	 padding-right: 40px;
}
 .menu-mobile-menu-container li li {
	 padding-right: 0;
}
 .menu-mobile-menu-container li a {
	 line-height: 1.25;
}
 .menu-toggle {
	 display: none !important;
}
 @media only screen and (max-width: 600px) {
	 body .menu-toggle {
		 display: flex !important;
	}
}
 @media only screen and (max-width: 1300px) {
	 body .menu-toggle {
		 display: flex !important;
		 align-items: center !important;
		 margin-left: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 .menu-main-menu-container {
		 display: none;
	}
}
 .toggled .menu-main-menu-container {
	 display: none;
}
 .mobile-menu-wrapper {
	 position: absolute;
	 width: 400px;
	 max-width:calc(100dvw - 75px);
	 overflow:hidden;
	 left:-400px;
	 z-index: 9;
	 top:0;
	 bottom:0;
	 transition: all ease 0.25s;
	 transition-delay: 0.15s;
	 box-shadow: var(--mainshadow);
	 display: flex;
	 flex-flow: Wrap row;
	 align-items: space-between;
	 transition:all ease .25s;
	 visibility:hidden;
}

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


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


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

 .mobile-top-half::-webkit-scrollbar-track {
	background:var(--light);
 }
 .mobile-bottom-half {
	 width: 100%;
	 background: var(--dark);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 padding: 20px;
	 flex-flow: wrap column;
}
 .mobile-bottom-half .header-btn {
	 margin-left: 0;
	 margin-bottom: 1rem;
}
 .mobile-menu-items .menu {
	 padding-left: 0;
	 list-style-type: none !important;
	 margin: 0;
}
 .mobile-menu-items .sub-menu {
	 list-style-type: none !important;
	 padding:0;
	 margin:0;
	 margin-bottom:20px;
	 display:none;
	 width:100%;
	 & .sub-menu {
		padding-left:20px;
		width:100%;
	 }
}

.mobile-menu-items .sub-menu-open {
	& > button img {
		transform:rotate(180deg);
	}
	& > ul {
	display:block;
}
}

 .mobile-menu-items .menu-item-has-children button::after {
	 top: auto;
	 bottom: auto;
	 right: 1rem;
}
 .mobile-menu-wrapper #global-menu {
	 flex-flow: wrap row;
	 padding-left: 0;
	 margin: 0;
}
 .toggle-elements div {
	 background: var(--goldgradient);
	 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;
}
 .mobile-menu-wrapper .menu-main-menu-container {
	 display: block !important;
}






/* ------------------------ 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: center;
	 margin-top: 0 !important;
	 margin-bottom: 0 !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;
	}
}


.flex_featured_posts {
	& .tile-grid {

		
		& .individual-post .dark {
			& * {
				color:Var(--white);
			}
		}
		& .dining-tile, .casino-tile {
			height:100%;
			& .btn {
				margin-top:20px;
			}
			& img {
				aspect-ratio:3/2;
				object-fit:cover;
			}
		}
		&.one {
			& article {
				width:100%;
			}
		}
		&.two {
			& article {
				width:50%;
			}
		}
		&.three {
			& article {
				width:33.33%;
			}
		}
		&.four {
			& article {
				width:25%;
			}
		}
		&.five {
			& article {
				width:20%;
			}
		}
	}

}


 .archive-main {
	 display: flex;
	 flex-flow: Wrap row;
}
 body.archive .individual-post {
	 width: 100% !important;
}
 @media only screen and (max-width: 600px) {
	 .archive-main .sidebar {
		 display: none !important;
	}
	 .archive-content {
		 width: 100% !important;
	}
}
 .post-archives {
	 display: flex;
	 flex-flow: wrap row;
}
 .post-archives .facet-options {
	 align-items: flex-start !important;
}
 .sidebar {
	 width: 350px;
	 padding-right: 40px;
	 padding-top: 10px;
}
 .sidebar .facet-options {
	 display: flex;
	 flex-flow: wrap column;
}
 .sidebar .facetwp-facet {
	 margin-top: 1rem !important;
}
 .sidebar h6 {
	 margin-bottom: 0 !important;
}

/* 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(--accent);
	 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;
}
 .blog-tile {
	 display: flex;
	 flex-flow: Wrap row;
	 align-items: stretch;
	 height: 100%;
}
 .blog-tile .post-image-link {
	 width: 200px;
	 overflow: hidden;
	 min-height: 100%;
}
 .blog-tile img {
	 height: 100%;
	 width: 100%;
	 object-fit: cover;
	 aspect-ratio: 1;
}
 .blog-tile .blog-tile-content {
	 width: calc(100% - 200px);
	 flex-grow: 1;
}

.title-section {
	background:var(--dark);
	z-index:999;
	& .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;
}

/* ----- Slots ------ */

.slots-section {
	display:flex;
	flex-flow:Wrap row;
	padding:5px !important;
	& .slot-game-popup-trigger {
		width:20% !important;
		cursor:pointer;
		padding:5px !important;
	}
}

.slots-popup {
	& .popup-content {
		height:auto !important;
	}
}

.slots-popup-content-wrapper {
	display:flex;
	flex-flow:Wrap row;
	& .slot-popup-img-wrapper {
		width:50%;
		flex-grow:1;
		padding:20px;
		background:var(--black);
	}
}
.slot-popup-content {
	background:var(--white);
	padding:20px;
	width:50%;
	flex-grow:1;
	min-width:300px;
}



/* -------------- 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: 10px;
	 font-size: 1.25rem;
	 position: relative;
	 display: flex;
	 align-items: center;
}
 .share-items a img {
	 widtH: 25px;
	 height: 25px;
	 position: relative;
	 display: inline-block;
	 margin-right: 15px;
}

 .custom-social-share {
	 display: flex;
	 flex-flow: wrap row;
	 justify-content: center;
}
/* -------------------------- CTA Section --------------------------- */
 .cta-section .bg-overlay {
	 opacity: 0.75;
	 z-index: 1;
}
 .cta-section .inner-content {
	 padding: var(--mainpadding);
}
 .cta-section .background-image {
	 z-index: 1;
}
 .cta-section .bg-overlay {
	 z-index: 2;
}
 .cta-section .content-side {
	 z-index: 3;
}


/* ---------------------------- Title Sections ----------------------- */
 .title-section .inner-content {
	 z-index: 9;
	 position: relative;
	 justify-content: center;
	 align-items: flex-end;
	 padding-top:300px;
	 & .cta-links {
		& .text-link {
			color:var(--white);
		}
		justify-content: center;
	 }
}
 .title-section .supertitle {
	 color: var(--white);

}

 .title-section .title-inner-content {
	 padding:30px 20px;
	 flex-flow: wrap column;
	 justify-content: center;
	 align-items: flex-start;
	 margin-left: 0;
	 max-width: 1100px;
	 position: relative;
	 text-align:center;
	 background:rgba(0,0,0,.6);
	 backdrop-filter:blur(5px);
	 margin-bottom:-60px;
}
 .title-section h1 {
	 color: var(--white);
	 font-weight: 500;
}
.default-title {
	& h1 {
	font-size: clamp(1.75rem, 1.12rem + 2.88vw, 4rem);	
	}
	& .title-inner-content {
		padding-left:20px !important;
		padding-right:20px !important;
	}
}
 .title-section .main-subtitle {
	 font-weight: 500;
	 margin-top: 0;
	 color: var(--white);
}

 .title-section .background-image img {
	 object-position: 50% 50%;
}
 .large-title .inner-content {
	 padding-top: 150px;
	 padding-bottom: 150px;
}





 @media only screen and (max-width: 600px) {
	 .large-title .inner-content {
	 padding-top: 100px;
	 padding-bottom: 100px;
}
	 .main-subtitle {
		 font-size: 1rem !important;
	}
	 .title-inner-content {
		 padding: 2rem 0 !important;
	}
	 .faq-section .horizontal .one-third {
		 padding-right: 0 !important;
	}
}
 .no-border-img img {
	 border-radius: 0 !important;
	 box-shadow: none !important;
}


/* Hero Slider Title */
.hero-title-slider {
	& sup {
		font-size:40%;
		top:-50%;
	}
	& .inner-content {
		padding-top:0;
	}
	& .hero-slider-image-wrapper {
		overflow:hidden;
	}
	& .btn {

	}
	& .extra-image .hero-slider-image {
		filter:blur(5px);
	}
	& .hero-extra-image {
		width:auto;
		height:300px;
		object-fit:contain;
		object-position:center bottom;
		margin-bottom:20px;
	}
&:before {
		content:"";
		background:var(--black);
		height:calc(100% - 120px);
		top:0;
		left:0;
		width:100%;
		z-index:-1;
		display:block;
		position:absolute;
	}
	& .slick-dots {
		margin:auto;
		width:100%;
		justify-content: center;
		& li.slick-active button {
			background:var(--white);
			border-color:var(--white);
		}
	}
	& .slick-dots button {
		border-color:var(--white);
	}
}
.title-hero-slider {
	& h1, h2 {
font-size: clamp(1.5rem, 1.08rem + 1.92vw, 3rem);
	}
	width:100%;
	& .hero-slider-image {
		aspect-ratio:2/1;
		object-fit: cover;
		min-height:500px;
	}
	& .cta-links {
		justify-content: center;
	}
	& .hero-slide {
		padding-bottom:60px;
	}
}
.hero-slide-inner {
	position:relative;
	display:flex;
	justify-content: center;
	& .hero-slide-content {
		position:absolute;
		bottom:0;
		z-index:9;
		display:flex;
		flex-flow:nowrap column;
		align-items: center;
		justify-content: flex-end;;
	}
	& .hero-slide-content-inner {
		
		padding:20px 40px 50px 40px;
		text-align:center !important;
		margin-left:60px;
		margin-right:60px;
		margin-bottom:-40px;
		background:rgba(0,0,0,.6);
		backdrop-filter:blur(5px);
		& * {
			color:var(--white) !important;
		}
		& .sold-out {
			color:Var(--darkgold) !important;
			margin-bottom:10px;
			display:inline-block;
		}
	}
	& .event-slide-date {
		color:var(--darkgold) !important;
		font-size: clamp(1.15rem, 1.052rem + 0.448vw, 1.5rem);
		  background: var(--goldgradient);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
	}
}



/* ------------------------ Featured blogs Section ---------------------------- */
 .featured-blog-section .content-wrapper {
	 max-width: 1100px;
	 margin: auto;
	 text-align: center;
}
 .blog-tile-content {
	 display: flex;
	 flex-flow: Wrap column;
	 align-items: flex-start;
	 justify-content: space-between;
	 padding: 1rem;
	 text-align:left;
}

.post-link {
	position:absolute;
	top: 0;
	bottom: 0;
	left:0;
	right:0;
}

 .blog-tile-content h4 a {
	 color: var(--dark);
	 text-decoration: none;
}
 .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;
}
 .blog-tile {
	 box-shadow: var(--mainshadow);
	 background: #fff;
	 position:relative;
}
 .blog-tile .post-meta {
	 margin-top: 0;
	 color: var(--dark);
}
 .blog-tile .post-meta a {
	 color: var(--dark);
}
 .blog-tile .text-link:after {
	 background: url("/wp-content/themes/brando_flex/assets/arrow_right.svg") no-repeat;
}
 .blog-tile .text-link {
	 color: var(--dark);
	 margin-top:10px;
	 pointer-events:none;
}
.blog-tile:hover .text-link:after {
	left:15px;
}
 .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;
}

.post-image {
	width:200px;
}



/* ---- Menu Popups ------- */
.open-popup {
	display:flex;
	align-items: center;
	& img {
		margin-right:10px;
		height:15px;
		width:15px;
	}
}
.popup-holder {
	background:rgba(0,0,0,.6);
	backdrop-filter:blur(5px);
	position:fixed;
	height:100dvh;
	width:100dvw;
	top:0;
	z-index:9999;
	left:0;
	padding:40px;
	display:flex;
	align-items: center;
	justify-content: center;
	& .popup-content {
		max-width:1200px;
		width:100%;
		height:100%;
		max-height:70dvh;
		z-index:99;
		overflow-y:auto;
		& iframe {
			min-height:70dvh;
		}
	}
	& .popup-download-button {
		width:100%;
		max-width:1200px;
		margin-top:0;
		padding:20px 20px;
		background:var(--black);
		color:var(--white);
		text-decoration:none;
		font-family:var(--altfont);
		text-align:center;
		text-transform: uppercase;
		display:flex;
		align-items: center;
		justify-content: center;
		& img {
			margin-right:10px;
		}
	}
}

.pdf-button {
	display:flex;
	align-items: stretch;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:10px;
	& .button-alt {
		margin:0;
		display:flex;
		align-items: center;
		& img {
			margin-right:10px;
		}
	}
	& .view-popup-button {
		background:Var(--goldgradient);
		border:none;
		border-radius:0;
		display:flex;
		align-items: center;
		justify-content: center;
		height:auto;
		cursor:pointer;
		& img {
			margin-right:0;
		}
	}
}

.lazy-flipbook-mount {
	min-height: 240px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.lazy-flipbook-status,
.lazy-flipbook-error p {
	color: var(--dark);
	font-family: var(--altfont);
}
.lazy-flipbook-error {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}
.embedpress-el-powered {
	display:none;
}



/* ---------- Hours of operation ------- */
.open-close-table {
	& * {
		color:var(--dark) !important;
	}
	color:var(--dark);
	list-style-type:none;
	margin:20px 0px 20px 0px;
	padding:20px;
	box-shadow:var(--mainshadow);
	& .open-close-main-info {
		display:flex;
		justify-content: space-between;
	}
	& .day {
		font-weight:600;
		padding-right:20px;
	}
	& .time {
		font-family:var(--altfont);
		font-size:1.25rem;
	}
	& .open-close-description {
		font-style:italic;
	}
	& li {
		color:var(--dark);
		padding:10px 0;
		margin:0;
		&:not(last-child) {
			border-bottom:dotted 1px var(--darkgold);
		}
		&:last-child {
			border:none;
		}
	}
}







/* Single Events */
.individual-event-main {
	padding:40px 30px;
	& .custom-social-share {
		justify-content: flex-start;
	}
}
.event-message {
	background:Var(--lightgray);
	padding:20px;
	margin:20px 0;
}

.event-title-section {
	& .inner-content {
		display:flex;
		flex-flow:Wrap row;
		align-items: center;
	}
	& .event-title-image {
		width:400px;
		flex-grow:1;
	}
	& .title-inner-content {
		width:calc(100% - 400px);
		padding-right:30px;
		flex-grow:1;
		min-width:400px;
	}
	& .event-subtitle {
		font-size: clamp(1.25rem, 0.9rem + 1.6vw, 2.5rem);
	}
}
.coming-soon-events h5 {
	white-space:nowrap;
	&:after {
		margin-left:20px;
		top:0;
	}
}

.event-meta {
	margin-top:50px;
	& ul {
		list-style-type:none;
		margin:20px 0;
		padding:0;
	}
	& a {
		color:var(--white) !important;
		text-decoration-thickness: 2px;
  text-decoration-color: var(--accent);
  text-underline-offset: 1.5px;
  font-weight: 600;
	}
	& li {
		position:relative;
		margin-bottom:15px;
		margin-top:15px;
		padding-left:30px;
		&:before {
			content:"";
			background:url("/wp-content/themes/brando_flex/assets/calendar.svg") no-repeat;
			background-size:contain;
			height:20px;
			width:20px;
			position:absolute;
			left:0px;
			top:0px;
			display:inline-block;
		}
		&.event-time:before {
			content:"";
			background:url("/wp-content/themes/brando_flex/assets/time.svg") no-repeat;
			background-size:contain;
		}
		&.event-venue:before {
			content:"";
			background:url("/wp-content/themes/brando_flex/assets/location.svg") no-repeat;
			background-size:contain;
		}
		&.event-game:before {
			content:"";
			background:url("/wp-content/themes/brando_flex/assets/game.svg") no-repeat;
			background-size:contain;
		}
		&.event-restaurant:before {
			content:"";
			background:url("/wp-content/themes/brando_flex/assets/restaurant.svg") no-repeat;
			background-size:contain;
		}
		&.event-tickets:before {
			content:"";
			background:url("/wp-content/themes/brando_flex/assets/tickets.svg") no-repeat;
			background-size:contain;
		}
	}
}



/* Sugar Event Calendar */
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__gridview .sugar-calendar-event-list-block__gridview__event__body__image__container {
	height:auto !important;
}
.sugar-calendar-block__popover__event__container__image {
	height:auto !important;
}
.sugar-calendar-block__calendar-month .sugar-calendar-block__event-cell__time--recur {
	text-indent:0 !important;
	background:none;
}
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__event__datetime {
	flex-flow:wrap row;
	& img {
		display:none;
	}
}
.event-detail-links {
	& a {
		margin-right:10px;
	}
}
.sugar-calendar-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search input[type="text"].sugar-calendar-block__controls__right__search__field, .sugar-calendar-event-list-block .sugar-calendar-block__controls .sugar-calendar-block__controls__right__search input[type="text"].sugar-calendar-block__controls__right__search__field {
	text-indent:0;
	padding-left:40px !important;
}

.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-overflow.sugar-calendar-block__event-cell, .sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-start-overflow.sugar-calendar-block__event-cell, .sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-start.sugar-calendar-block__event-cell {
	position:relative;
	z-index:99;
}
.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-start.sugar-calendar-block__event-cell {
	color:#000 !important;
	background:none !important;
	max-width:100%;
	border-radius:0;
	& .sugar-calendar-block__event-cell__title {
		color:#000 !important;
	}
}
.sugar-calendar-block__popover__event {
	z-index:999 !important;	
}
.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-overflow {
	
}
.sugar-calendar-event-list-block__gridview__event__body {
	box-shadow:var(--mainshadow);
	width:100%;
}
.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-start.sugar-calendar-block__event-cell {
	height:auto !important;
}
.sugar-calendar-block__calendar-month__body__day__events-container {
	padding-right:10px !important;
	height:100% !important;
	max-height: 175px !important;
	overflow-y: auto;
	overflow-x: hidden;
	cursor:default !important;
	scrollbar-width: thin !important;
  	scrollbar-color: #d29c45 #efefef !important;
	&::-webkit-scrollbar-button {
	  display: none;
	  width: 0;
	  height: 0;
	}
	&::-webkit-scrollbar {
	  width: 5px !important;
	  height: 5px !important;
	}
	
}




.sugar-calendar-block__calendar-month__body__day__events-container__event-multi-day-start.sugar-calendar-block__event-cell .sugar-calendar-block__event-cell__title {
	white-space:normal !important;
}
.sugar-calendar-event-list-block__gridview__event__body__content {
	padding:20px 20px 30px 20px;
	text-align:left !important;
	background:var(--white);
	position:relative;
}
.sugar-calendar-event-list-block__gridview__event__body {
	position:relative;
&:after {
		content:"";
		background:var(--goldgradient);
		height:8px;
		width:100%;
		position:absolute;
		bottom:0;
		left:0;
	}
}


.sugar-calendar-event-list-block__gridview__event__body__image {
	margin-bottom:0 !important;
}
.sugar-calendar-event-list-block__gridview__event__body__image__container {
	border-radius:0 !important;
	width:100%;
	height:auto !important;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.sugar-calendar-event-list-block__gridview__event__body__image__container.sugar-calendar-event-list-block__gridview__event__body__image__container--has-img {
	background-image:none !important;
}
.sugar-calendar-event-list-block__gridview__event__body__image__container .sugar-calendar-event-list-block__gridview__event__body__image__img {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}
.sugar-calendar-event-list-block__gridview__event {
	padding:10px;
	display:flex;
}
.sugar-calendar-event-list-block .sugar-calendar-event-list-block__base-container .sugar-calendar-event-list-block__gridview {
	column-gap:0;
}
.sugar-calendar-block .sugar-calendar-block__popover__month_selector__container .sugar-calendar-block__controls__datepicker .datepicker-months .table-condensed tbody tr td span.month.active, .sugar-calendar-block .sugar-calendar-block__popover__month_selector__container .sugar-calendar-block__controls__datepicker .datepicker-months .table-condensed tbody tr td span.month.active:hover, .sugar-calendar-block .sugar-calendar-block__popover__month_selector__container .sugar-calendar-block__controls__datepicker .datepicker-years .table-condensed tbody tr td span.year.active, .sugar-calendar-block .sugar-calendar-block__popover__month_selector__container .sugar-calendar-block__controls__datepicker .datepicker-years .table-condensed tbody tr td span.year.active:hover {
	background:Var(--darkgold);
}


/* Calendar View */
.sugar-calendar-block__popover__event {
	border-radius:0 !important;
	border:0 !important;
	box-shadow: var(--mainshadow) !important;
}
.sugar-calendar-block__popover__event__container__image {
	border-radius: 0 !important;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.sugar-calendar-block__popover__event__container__image.sugar-calendar-block__popover__event__container__image--has-img {
	background-image: none !important;
}
.sugar-calendar-block__popover__event__container__image .sugar-calendar-block__popover__event__container__image__img {
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:center;
}
.sugar-calendar-block__popover__event__tickets {
	display:flex;
	margin-bottom:0;
	& a {
		margin-bottom: 0 !important;
	}
}

.sugar-calendar-block__calendar-month__cell:has(.sugar-calendar-block__event-cell) {
	background:#f7f7f7;

}
.sugar-calendar-block__popover__event__container__content {
	position:Relative;
	&:after {
	content: "";
    bottom: 0;
    height: 8px;
    width: 100%;
    background: var(--goldgradient);
    position: absolute;
    left: 0;
	}
}
.sugar-calendar-block__calendar-month .sugar-calendar-block__event-cell__title {
	text-transform:uppercase;
	font-weight:500;
	font-family:var(--altfont);
	line-height:1.25;
}
.sugar-calendar-block__calendar-month .sugar-calendar-block__event-cell {
	border-left:solid 3px var(--darkgold) !important;
}
.sugar-calendar-block__popover__event__container__content__title__link {
	font-family:var(--altfont);
	text-transform:uppercase;
	font-family:var(--altfont);
	font-size:1.5rem;
	line-height:1.25;
}





/* ------------ Events Sugar Calendar -------------- */

section:has(.sugar-calendar-block) {
	z-index:99;
}
.post-grid {
	display:flex;
	flex-flow:Wrap row;
	& .individual-event {
		width:25%;
	}
}

article.individual-event {
	padding:10px;
	& .event-subtitle {
		color:var(--black);
		margin-bottom:20px;
		font-family:var(--altfont);
		color:var(--darkgold);

	}
	& .event-type {
		padding:10px 20px;
	}
	& .event-tile-content {
		background:var(--white);
		padding:20px;
		display:flex;
		flex-flow:nowrap column;
		align-items: flex-start;
		justify-content: space-between;
		flex-grow:1;
		position:relative;
		& .btn, .text-link {
			margin-top:5px;
			margin-bottom:5px;
		}
		& h6 {
			margin-bottom:10px;
		}
		&:after {
			background: var(--goldgradient);
      position: absolute;
      content: "";
      bottom: 0;
      left: 0;
      height: 8px;
      width: 100%;
		}
		& p {
			color:var(--black);
		}
		& h6 a {
			color:var(--black);;
			text-decoration:none;
		}
		& .text-link {
			color:var(--black);
		}
		& .events-buttons {
			display:flex;
			flex-flow:Wrap row;
		}
		& .btn {
			margin-right:20px;
		}
	}
	& img {
		height:100%;
		object-fit:cover;
	}
	& .event-tile {
		height:100%;
		display:flex;
		flex-flow:nowrap column;
		justify-content: stretch;
	}
	& .post-image-link {
		display:flex;
		align-items: stretch;
	}
	& .sc-event-details-summary {
		color:var(--black) !important;
		font-weight:400 !important;
		margin-bottom:20px;
	}
}



/* Event View Switcher */

.events-view {
	display:none;
}
.events-view.view-active {
	display:block;
}
.events-holder {
	width:100%;
}
.events-list-grid {
	margin-top:20px;
}
.events-list-empty {
	max-width:var(--mainwidth);
	margin:20px auto 0 auto;
	padding:0 20px;
}
.events-list-pagination {
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	max-width:var(--mainwidth);
	margin:20px auto 0 auto;
	padding:0 20px 20px 20px;
}
.events-list-pagination .page-numbers {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	padding:8px 14px;
	border:1px solid var(--black);
	text-decoration:none;
	color:var(--black);
}
.events-list-pagination .page-numbers.current {
	background:var(--black);
	color:var(--white);
}
.controller-inner {
	display:flex;
	justify-content: space-between;
	max-width:var(--mainwidth);
	margin:auto;
	padding:10px 20px !important;
	& h4, & h1 {
		position:relative;
		display:flex;
		position:relative;
		align-items: center;
		text-align:left;
		&:after {
			content: "";
			position: absolute;
			height: 8px;
			width: 100dvw;
			display: block;
			border-top: 1px solid;
			border-bottom: 1px solid;
			border-image: linear-gradient(90deg,rgba(210, 156, 69, 1) 0%, rgba(243, 234, 142, 1) 50%, rgba(210, 156, 69, 1) 100%) 1 0 1 0;
			z-index: -1;
			left:100%;
			margin-left:20px;
			}
	}
	& h1 {
		font-size:clamp(1.25rem, 0.9rem + 1.6vw, 2.5rem);
	}
}
.controller-buttons {
	display:flex;
	align-items: center;
}
.events-controller {
	padding:0px;
	text-align:center;
	overflow:hidden;
	position:sticky;
	background:Var(--white);
	width:100%;
	z-index:999 !important;
	margin-bottom:10px;
	& button {
		border:none;
		color:rgba(255,255,255,.5) !important;
		font-family:var(--altfont);
		text-transform: uppercase;
		padding:20px;
		cursor:pointer !important;
		position:relative;
		transition: all ease .25s;
		display:flex;
		align-items: center;
		height:100%;
		background:Var(--black);
		margin:0 10px;
		& img {
			margin-right:10px;
			opacity:.5;
			transition: all ease .25s;
		}
		&:after {
			content: "";
			bottom: -6px;
			height: 6px;
			width: 100%;
			background: var(--goldgradient);
			position: absolute;
			left: 0;
			transition: all ease .25s;
		}
		&.button-view-active {
			color:rgba(255,255,255,1) !important;
			& img {
				opacity:1;;
			}
		}
		&:hover {
			color:rgba(255,255,255,1) !important;
			& img {
				opacity:1;;
			}
		}
	}
}





/* ---------------- Scrollable Horizontal Content Tiles ---------- */
.scrolling-tiles-wrapper {
	display:flex !important;
	& .intro-tile {
		width:30%;
		padding:20px;
		display:flex;
		flex-flow:nowrap column;
		align-items: flex-start;
		justify-content: center;
		& * {
			color:var(--white) !important;
		}
	}
	& .tiles-holder {
		width:70%;
		padding-left:5px;
	}
}
.scrolling-tiles-inner {
	max-width:var(--mainwidth);
	padding:var(--mainpadding);
	margin:auto;
	position:relative;
	z-index:9;
	& .grid-tile-content {
		text-align:center;
	}
	& h6 {
		width:100%;
	}
	& .grid-tile {
		height:auto;
		padding:0 5px;
	}
	& .slick-track {
		display:flex !important;
		height:100%;
	}
	& .slick-list {
		height:100%;
	}
	& .scrolling-tiles {
		width:calc(70dvw + 400px);
		display:flex !important;
		align-items: flex-end;
		height:100%;
	}
	& .right-arrow {
		left:70px;
		bottom:20px;
	}
	& .left-arrow {
		left:20px;
		bottom:20px;

	}
	& .tile-link:focus, .tile-link:focus-within {
		border:solid 3px var(--darkgold);
	}
}



/* ------------------------- Paired Content Slider ------------------------------- */
.paired-content-section.dark {
	& .paired-content-copy p {
		color:var(--white) !important;
	}
}
 .paired-content {
	display:flex !important;
	align-items: center !important;
	margin:auto;
	max-width:var(--mainwidth);
	& .btn {
		margin-top:20px;
	}
 }
.paired-content-slider-wrapper {
	position:relative;
	z-index:9;
	padding-bottom:60px;
	& .slick-arrow.right-arrow {
		right:10px;
	}
	& .slick-arrow.left-arrow {
		left:10px;
	}
	& .paired-content-wrapper {
		max-width:var(--smallwidth);
		text-align:center;
		margin:auto;
		display:flex;
		flex-flow:nowrap column;
		align-items: center;
		padding-left:40px;
		padding-right:40px;
	}
	& .slick-current {
		& img {
			opacity:1;
			transform:scale(1.1);
		}
	}
	& img {
		transition: all ease .25s;
		opacity:.75;

	}
	& .paired-individual-image {
		padding:20px;
		cursor:pointer;
		&:hover {
			& img {
				opacity:1;
			}
		}
	}
}


/* Team Grid */
.team-listing {
	width:100%;
	& .team-grid {
		display:flex;
		flex-flow:wrap row;
	}
}



/* -------- Winners ------ */
.facetwp-type-search {
	& .facetwp-icon {
		opacity:1;
		right:10px;
	}
	& .facetwp-icon::before {
		width: 30px;
		height: 100%;
		background: url('/wp-content/themes/brando_flex/assets/search.svg') no-repeat;
		background-position: 5px 50%;
		background-size: 20px 20px;
	}
}
.no-results.not-found {
	background:var(--lightgray);
	border:solid 1px var(--darkgold);
	padding:20px;
	& h1 {
		font-size:2rem;
	}
}
.facet-date {
	position:relative;
	display:flex;
	align-items: center;
	& img {
		position:absolute;
		right:25px;
		height:20px;
		width:20px;
		pointer-events:none;
	}
}
.winners-section {
	margin-top:60px;
	& .facetwp-selections {
		margin-bottom:20px;
	}
	& .inner-content {
		padding-top:40px;
	}
	& .post-archive-grid {
		display:flex;
		flex-flow:wrap row;
		width:100%;
		& .winner-post {
			width:25% !important;
		}
	}
	& .facetwp-facet {
		margin:10px;
		margin-right:0;
		& input {
			background:var(--black);
			color:var(--white);
			border:solid 2px var(--darkgold);
			&::placeholder {
				color:var(--white) !important;
				opacity:1 !important;
			}
		}
		& input:not(:last-child) {
			margin-right:10px;
		}
	}
}
.fdate-wrap {
	box-shadow:var(--mainshadow);
	border:none !important;
	border-radius:0 !important;
	& .fdate-nav {
		background:Var(--lightgray) !important;
		margin-bottom:10px !important;
	}
}
.winner-post {
	& img {
		aspect-ratio:3/2;
		object-fit:cover;
	}
}
.date-range-holder {
	& .facetwp-facet-winner_date {
		display:flex;
	}
}
.winner-tile {
	background:var(--black);
	height:100%;
	& .post-meta {
		display:flex;
		justify-content: space-between;
	}
	& .post-copy {
		width:100%;
	}
	& *, h4 {
		color:var(--white) !important;
	}
	& ul {
		margin:20px 0;
		padding:0 !important;
		& li {
			padding-left:0;
			& .winner-label {
				padding-right:20px;
			}
			& .winner-value {
				font-family:var(--altfont);
				font-size:1.25rem;
				text-align:right;
				
			}
			&:before {
				display:none;
			}
		}
	}
}


/* ------------------ Sticky Page Nav Section ----------------- */
.sticky-page-nav {
	position:sticky;
	z-index:99;
	height:auto;
	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;
		padding: 0 20px;
	}
	& h3, h5 {
		margin:10px 40px 10px 0;
		position:relative;
		display:flex;
		flex-flow:nowrap row;
		align-items: center;
		flex-grow:1;
		&:after {
			content: "";
			position: relative;
			height: 8px;
			width: 100%;
			flex-grow:1;
			display: inline-block;
			border-top: 1px solid;
			border-bottom: 1px solid;
			border-image: linear-gradient(90deg,rgba(210, 156, 69, 1) 0%, rgba(243, 234, 142, 1) 50%, rgba(210, 156, 69, 1) 100%) 1 0 1 0;
			margin-top: 10px;
			z-index: -1;
			margin-left:30px;
		}
	}
	& .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-autoplay-toggle {
  display: inline-block;
  vertical-align: middle;
  background: none;
  border: none;
  cursor: pointer;
  margin-left: 10px;
  padding: 5px;
}

/* The container/track of the bar */
.slider-progress-bar {
  width: 100%;
  height: 4px;             /* Adjust thickness here */
  background-color: rgba(255, 255, 255, 0.2); /* Faded track color */
  position: relative;
  overflow: hidden;
  margin-top: 15px;        /* Spacing from text/buttons */
  border-radius: 2px;
}

/* The actual filling element */
.slider-progress-bar span {
  display: block;
  height: 100%;
  width: 0%;               /* Starts at zero */
  background-color: #ffffff; /* Progress color (e.g., Brand color or white) */
  position: absolute;
  top: 0;
  left: 0;
  /* IMPORTANT: No transition property here! jQuery handles the timing. */
}

/* Optional: Hide progress bars on inactive slides for cleaner UI */
.slick-slide:not(.slick-current) .slider-progress-bar span {
  width: 0% !important;
}


/* Default state: Pause Icon (Two vertical bars) */
.slick-autoplay-toggle .icon::before {
  content: 'II'; /* Or use a FontAwesome icon */
  font-weight: bold;
  color:var(--white);
}

/* Paused state: Play Icon (Right-facing triangle) */
.slick-autoplay-toggle.paused .icon::before {
  content: '▶';
}

.slick-autoplay-item {
	margin-bottom:0 !important;
	& button {
		background:none !important;
		border:none !important;
		display:flex !important;
		align-items: center;
		justify-content: center;
		& * {
			color:var(--white);
			font-size:20px !important;
		}
	}
}

 .slick-dots > li {
	 display: flex;
	 align-items: center;
	 margin-bottom:0;
}
 .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;
	 & li {
		margin-bottom:0 !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;
	 display:flex;
	 align-items: center;
	 justify-content: center;
}
 .right-arrow:before {
	 background: url("/wp-content/themes/brando_flex/assets/arrow.svg");
	 content: "";
	 height: 20px;
	 width: 20px;
	 background-size: contain;
	 display: inline-block;
	 transform: rotate(180deg);
}
 .left-arrow:after {
	 background: url("/wp-content/themes/brando_flex/assets/arrow.svg");
	 content: "";
	 height: 20px;
	 width: 20px;
	 background-size: contain;
	 display: inline-block;
	 
}





/* --------------------------- 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);
}
 body .toggle-copy {
	 display: none;
	 transition: all ease 0.25s;
	 padding-bottom:20px;
	 & * {
		color:var(--dark);
	 }
}
.toggle {
	background:Var(--white);
	color:var(--dark);
	padding:0px 20px;
	margin: 20px 0;
  	box-shadow: var(--mainshadow);
	& *:not(.btn) {
		color:var(--dark) !important;
	}
}
 .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: clamp(1.15rem, 1.052rem + 0.448vw, 1.5rem) !important;
	 font-weight:500;
	 margin-top: 20px;
	 text-align:left;
	 font-family:var(--altfont);
	 text-transform: uppercase;;
}
 .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 {
	 position: relative;
}

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

.site-footer {
	position:relative;
	&:before {
		content: "";
    top: 0;
    height: 8px;
    width: 100%;
    background: var(--goldgradient);
    position: absolute;
    left: 0;
	}
}

 .footer-sub {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 & * {
	 font-size:.85rem;
	 }
	 & .social-media-links img {
		height:20px;
		width:20px;
	 }
}
 .footer-container {
	 max-width: var(--mainwidth);
	 margin: auto;
	 width: 100%;
	 display: flex;
	 justify-content: space-between;
	 padding: 20px;
	 flex-flow: wrap column;
}
 .site-info {
	 padding: 1rem 0 2rem 0;
}
 footer p a {
	 color: var(--white);
	 display: inline-block;
}
 footer p {
	 color: var(--white);
}
 footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
	 color: var(--white);
}
 .footer-logo a {
	 display: inline-block;
}
.footer-top {
	display:flex;
	flex-flow:Wrap row;
	align-items: center;
	justify-content: space-between;
	position:relative;
}

.footer-nav > ul {
	display:flex;
	flex-flow:Wrap row;
}
.footer-nav ul {
	list-style-type:none;
	padding:0;
	margin:0;
	& > li {
		flex-grow:1;
		min-width:200px;
		margin-bottom:20px !important;
		margin-right:20px;
		& .sub-menu li {
			margin-right:0;
			margin-bottom:10px !important;
		}
		& a {
			font-weight:500;
			padding:5px 0;
			font-family:var(--altfont);
			text-transform:uppercase;
		}
		& .sub-menu a {
			font-weight:400;
			font-family:var(--mainfont);
			text-transform:none;
		}
	}
	& .sub-menu {
		border-top: 1px solid;
    border-image: linear-gradient(90deg,rgba(210, 156, 69, 1) 0%, rgba(243, 234, 142, 1) 50%, rgba(210, 156, 69, 1) 100%) 1 0 1 0;
	margin-top:10px;
	padding-top:10px;
	}
}
.footer-nav {
	margin-top:20px;
	margin-bottom:20px;
	& a {
		color:var(--white);
		text-decoration:none;
	}
}




/* ------------- Footer CTA Section ------------ */

.footer-cta-section {
	&.no-image {
		& .inner-content .module {
			max-width:none;
			flex-grow:1;
			width:100% !important;
		}
	}
	display:flex;
	flex-flow:wrap row;
	& .inner-content {
		width:50%;
		flex-grow:1;
		& .module {
			max-width:800px;
			margin-left:auto;
			margin-right:0;
		}
	}
	& .cta-image {
		width:50%;
		flex-grow:1;
		& img {
			height:100%;
			object-fit:cover;
		}
	}
}


.no-link .access-club-link {
	display:none;
}


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

	}
}

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


.blue-scheme {
	& header.site-header {
		background:var(--darkblue) !important;
	}
	& .btn {
		background:var(--lightblue);
	}
	& .btn.button-alt {
		background:Var(--darkblue) !important;
	}

	& .title-section .title-inner-content, .hero-slide-inner .hero-slide-content-inner {
		background:rgba(37,60,92,.8);
	}
	& footer {
		background:Var(--darkblue) !important;
	}
	& .background-video.overlay::after, .background-image.overlay::after {
		background:#192c46;
		opacity:.85;
	}
	& .black {
		background: var(--darkblue);
	}
	& .hero-title-slider:before {
		background:Var(--darkblue);
	}
}