/** TABLE OF CONTENTS
-------------------------------------------------------------------------/


1.0 - Global Styles
  1.1 - General
  1.2 - Selection Highlight
  1.3 - Buttons
  1.4 - Typography
  1.5 - Custom Font Face
  1.6 - Hero Styles
  1.7 - Forms
  1.8 - Components
  1.9 - WPGB
  1.10 - Bootstrap
  1.11 - Announcement Bar

2.0 - Layout + Themer
  2.1 - Header
  2.2 - Navigation
  2.3 - Footer
  2.4 - Case Study Singular
  2.5 - Blog Singular
  2.6 - Landing Pages
  2.7 - Resources

3.0 - Page Specific CSS
  3.1 - Homepage
  3.2 - Blog Archive
  3.3 - Podcast
  3.4 - Case Studies
  3.5 - Press
  3.6 - Company
  3.7 - Solutions
    3.7.1 - Acquisition Email
    3.7.2 - CTV Advertising
    3.7.3 - Performance Advertising
    3.7.4 - Creative
    3.7.5 - Growth
  3.8 - Platforms
    3.8.1 - AdStir
    3.8.2 - MailStir
    3.8.3 - DX
    3.8.4 - CDP
  3.9 - Data
    3.9.1 - ID Graph
    3.9.2 - B2B Data
    3.9.3 - Consumer Data
    3.9.4 - Syndicated Audiences
    3.9.5 - 123Push
  3.10 - Resources - Learning Center
  3.11 - Privacy Policy

4.0 - Admin Branding
  4.1 - Admin Bar

5.0 - Tablet Only Styles

6.0 - Tablet + Mobile Styles

7.0 - Mobile Only Styles

8.0 - Accessibility Styles


/// END TABLE OF CONTENTS
------------------------------------------------------------------------*/

/** 1.0 - Global Settings
------------------------------------------------------------------------*/

/* =========================
   1.1 - General
   ========================= */

:root {	
	/* Brand Colors */
	--clr-orange-400: #FF8040;
	--clr-orange-400-rgb: 255 128 64;
	--clr-orange-300: #FF9E6E;
	--clr-orange-300-rgb: 255 158 110;

	--clr-green-500: #24544E;
	--clr-green-500-rgb: 36 84 78;
	--clr-green-400: #32887D;
	--clr-green-400-rgb: 50 136 125;
	--clr-green-300: #61B9AE;
	--clr-green-300-rgb: 97 185 174;
	--clr-green-200: #9CD4CC;
	--clr-green-200-rgb: 156 212 204;
	--clr-green-100: #D9F2EE;
	--clr-green-100-rgb: 217 242 238;
	
	--clr-yellow-400: #F5AF44;
	--clr-yellow-400-rgb: 245 175 68;
	--clr-yellow-300: #FFC56F;
	--clr-yellow-300-rgb: 255 197 111;
	
	--clr-blue-400: #1111A2;
	--clr-blue-400-rgb: 17 17 162;
	
	--clr-neutral-100: #FFFFFF;
	--clr-neutral-400: #F2F2F2;
	--clr-neutral-900: #000000;
	
  /* Color Nicknames */
	--clr-orange: var(--clr-orange-400);
	--clr-orange-rgb: var(--clr-orange-400-rgb);
	--clr-peach: var(--clr-orange-300);
	--clr-peach-rgb: var(--clr-orange-300-rgb);
	--clr-forest: var(--clr-green-500);
	--clr-forest-rgb: var(--clr-green-500-rgb);
	--clr-teal: var(--clr-green-400);
	--clr-teal-rgb:var(--clr-green-400-rgb);
	--clr-turquoise: var(--clr-green-300);
	--clr-turquoise-rgb: var(--clr-green-300-rgb);
	--clr-seafoam: var(--clr-green-200);
	--clr-seafoam-rgb: var(--clr-green-200-rgb);
	--clr-mint: var(--clr-green-100);
	--clr-mint-rgb: var(--clr-green-100-rgb);
	--clr-gold: var(--clr-yellow-400);
	--clr-gold-rgb: var(--clr-yellow-400-rgb);
	--clr-mango: var(--clr-yellow-300);
	--clr-mango-rgb: var(--clr-yellow-300-rgb);
	--clr-blue: var(--clr-blue-400);
	--clr-blue-rgb: var(--clr-blue-400-rgb);

	/* Font Weights */
	--fw-extra-bold: 800;
	--fw-bold: 700;
	--fw-semibold: 600;
	--fw-medium: 500;
	--fw-normal: 400;

	/* Font Sizes */
	--fs-huge: clamp(53px, 6.0vw + 10px, 125px);
  --fs-h1: clamp(40px, 4.0vw + 10px, 65px);
  --fs-h2: clamp(27px, 1.7vw + 23px, 54px);
  --fs-h3: clamp(25px, 1.3vw + 18px, 42px);
  --fs-h4: clamp(20px, 1vw + 15px, 29px);
  --fs-h5: clamp(18px, 0.9vw + 12px, 22px);
  --fs-h6: clamp(16px, 0.7vw + 10px, 18px);
	--fs-small: clamp(13px, 0.75vw + 8px, 15px);

	/* Misc */
	--tr: .2s ease-in-out;
	--bs: 0 2px 10px rgb(0 0 0 / .15);
	--br: 35px;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Utility Classes */

.wrapcenter {
  text-align: center !important;
}

.centeralign {
  margin: 0 auto;
  display: block;
}

.inlineblock {
  display: inline-block;
}

.no-aspect-ratio .fl-row-content-wrap{
	aspect-ratio: unset !important;
}

.flow,
.float {
  display: inline-block;
  position: relative;
}
.fl-col.color-bar .fl-col-content{
	position:relative;
	padding-left:10px;
}
.fl-module.color-bar .fl-module-content,
.review-content{
	position:relative;
	padding-left:30px;
}

.fl-col.color-bar .fl-col-content::before,
.fl-module.color-bar .fl-module-content::before{
	content:'';
	position:absolute;
	width:7px;
	height:100%;
	background-image:linear-gradient(to bottom, var(--clr-peach) 47%, var(--clr-seafoam) 47% 80%, var(--clr-mango) 80%);
	top:0;
	left:0;
}

.fl-col.color-bar.color-bar-right .fl-col-content::before,
.fl-module.color-bar.color-bar-right .fl-module-content::before{
	left: unset;
	right:0;
}

body:not(.fl-builder-edit) .bb-sr-only{
    border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important;
	-webkit-clip-path: inset(50%) !important;
		    clip-path: inset(50%) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;
}

.overflow .fl-row-content-wrap{
	overflow: clip;
}
.fl-builder-edit .overflow:hover .fl-row-content-wrap{
	overflow: unset;
}

body.logged-in #tidio-chat{
	display:none
}

/* Backgrounds */

.bg-forest>.fl-row-content-wrap,
.bg-forest>.fl-col-content {
  background-color: var(--clr-forest);
}
.bg-forest [class*="heading"],
.bg-forest p,
.bg-forest .fl-callout-title-text,
.bg-forest div,
[class*="bg"] .fl-col.bg-forest *:not(a),
.bg-forest-pattern [class*="heading"],
.bg-forest-pattern p,
.bg-forest-pattern .fl-callout-title-text,
.bg-forest-pattern div{
  color: var(--clr-neutral-100)
}

.bg-orange>.fl-row-content-wrap,
.bg-orange>.fl-col-content {
  background-color: var(--clr-orange);
}
.bg-orange [class*="heading"],
.bg-orange p,
.bg-orange .fl-callout-title-text,
.bg-orange div,
[class*="bg"] .fl-col.bg-orange *:not(a) {
  color: var(--clr-neutral-100)
}

.bg-mint>.fl-row-content-wrap,
.bg-mint>.fl-col-content {
  background-color: var(--clr-mint);
}
.bg-mint [class*="heading"],
.bg-mint p,
.bg-mint .fl-callout-title-text,
.bg-mint div {
  color: var(--clr-forest);
}

.bg-neutral-100>.fl-row-content-wrap,
.bg-neutral-100>.fl-col-content {
  background-color: var(--clr-neutral-100);
}

.bg-gray>.fl-row-content-wrap,
.bg-gray>.fl-col-content {
  background-color: var(--clr-neutral-400);
}


.bg-frost>.fl-row-content-wrap,
.bg-frost>.fl-col-content,
[id^="mega-"] .fl-row-content-wrap,
.stirista-bs-tabs-content{
  background: rgba(255, 255, 255, 0.6) !important;
	border-radius: var(--br);
	box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.bg-frost>.fl-col-content,
.stirista-bs-tabs-content{
	padding: 20px 30px;
}
.fl-builder-edit .bg-frost>.fl-row-content-wrap,
.fl-builder-edit .bg-frost>.fl-col-content{
	backdrop-filter: unset;
	-webkit-backdrop-filter: unset;
}

.bg-forest-pattern > .fl-row-content-wrap,
.bg-forest-pattern > .fl-col-content{
	background-color: var(--clr-forest);
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/dark-pattern-bg.svg);
	background-size:cover;
}


.bg-oracle>.fl-row-content-wrap,
.bg-oracle>.fl-col-content {
  background-color: #c74634;
}
.bg-oracle [class*="heading"],
.bg-oracle p,
.bg-oracle .fl-callout-title-text,
.bg-oracle div,
[class*="bg"] .fl-col.bg-oracle *:not(a) {
  color: var(--clr-neutral-100)
}


/* Flexbox */

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.align-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0;
  flex: 1 1 0;
}

.align-flex-start,
.align-flex-start .fl-row-content-wrap,
.align-flex-start.fl-row-custom-height.fl-row-align-center
  .fl-row-content-wrap {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.justify-flex-start,
.justify-flex-start .fl-row-content-wrap,
.justify-flex-start.fl-row-custom-height.fl-row-align-center
  .fl-row-content-wrap {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}
.align-flex-center,
.align-flex-center .fl-row-content-wrap,
.align-flex-center.fl-row-custom-height.fl-row-align-center
  .fl-row-content-wrap {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
}
.justify-flex-center,
.justify-flex-center .fl-row-content-wrap,
.justify-flex-center.fl-row-custom-height.fl-row-align-center
  .fl-row-content-wrap {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
}
.align-flex-end,
.align-flex-end .fl-row-content-wrap,
.align-flex-end.fl-row-custom-height.fl-row-align-center .fl-row-content-wrap {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-align-items: flex-end;
}
.justify-flex-end,
.justify-flex-end .fl-row-content-wrap,
.justify-flex-end.fl-row-custom-height.fl-row-align-center
  .fl-row-content-wrap {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-justify-content: flex-end;
}

/* Sticky Column for Desktop */
@media (min-width: 993px) {
  .sticky-col {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 125px;
  }
}

/* BB Fixes */

/* Remove hover bg overlay */
.fl-block-overlay {
	-webkit-backdrop-filter: unset;
	backdrop-filter: unset;
}

/* Fixes margins for when modules pull content from another saved module. */
.fl-builder-module-template {
  margin: 0 !important;
  max-width: 100% !important;
  padding: 0 !important;
}

/* Fixes pixel shifting for row shape layers */
.fl-builder-shape-layer > svg {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-perspective: 1000px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}



/* Fix flexbox issue when using equal column heights set to center  */

.fl-col-group-equal-height.fl-col-group-align-center .fl-module:not(.fl-module-pp-video){
  width: unset;
}
.fl-col-group-equal-height.fl-col-group-align-center
  > .fl-col
  > .fl-col-content
  > .fl-module {
  width: 100%;
}
.fl-col-group-equal-height .bb-flexbox .fl-col-content{
	flex-flow:unset;
}
.fl-col-group-equal-height.fl-col-group-align-center  > .fl-col.bb-flexbox > .fl-col-content > .fl-module{
	width:unset
}

/* New default module styling */
.fl-post-feed-post{
	border:none;
}
.fl-post-feed .fl-post-feed-post{
	margin-bottom:0;
}
.pp-video-play-icon{
	transition: all var(--tr);
}
.pp-infobox{
	padding: 0;
}
.pp-fit-aspect-ratio iframe{
	background-color:transparent;
}
.fl-post-grid-post,
.fl-post-feed-post{
	overflow:visible;
}


/* Style Guide */
.page-styles header,
.page-styles footer {
  display: none;
}
.page-styles .fl-page{
	padding-top:0 !important;
}
.page-styles .pp-infobox-title{
	margin-top:3px !important;
	margin-bottom:5px !important;
	font-size: var(--fs-h5)
}
.bg-primary,
.bg-secondary{
	color: unset !important;
	background-color: unset !important;
}
.clr-forest .pp-icon {
  color: var(--clr-forest)
}
.clr-teal .pp-icon {
  color: var(--clr-teal)
}
.clr-turquoise .pp-icon {
  color: var(--clr-turquoise)
}
.clr-seafoam .pp-icon {
  color: var(--clr-seafoam)
}
.clr-mint .pp-icon {
  color: var(--clr-mint)
}
.clr-orange .pp-icon {
  color: var(--clr-orange)
}
.clr-peach .pp-icon {
  color: var(--clr-peach)
}
.clr-mango .pp-icon {
  color: var(--clr-mango)
}
.clr-gold .pp-icon {
  color: var(--clr-gold)
}
.clr-neutral-100 .pp-icon {
  color: var(--clr-neutral-100)
}
.clr-neutral-400 .pp-icon {
  color: var(--clr-neutral-400)
}
.clr-neutral-900 .pp-icon {
  color: var(--clr-neutral-900)
}

.page-styles .bg-frost{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/09/home-hero-bg-scaled.jpg);
	background-size:cover;
	padding:20px;
}

.page-styles .fl-module-pp-infobox .pp-description-wrap *,
.page-styles .fl-module-pp-infobox .pp-infobox-title {
  color: var(--clr-neutral-900) !important;
}

/* =========================
   1.2 - Selection Highlight
   ========================= */

::-moz-selection {
  background: rgb(var(--clr-forest-rgb) / 0.75);
  color: white;
  -webkit-text-fill-color: white;
  text-shadow: none;
}
::selection {
  background: rgb(var(--clr-forest-rgb) / 0.75);
  color: white;
  -webkit-text-fill-color: white;
  text-shadow: none;
}

.bg-forest ::-moz-selection,
.bg-orange ::-moz-selection,
.bg-forest-pattern ::-moz-selection{
  background: var(--clr-seafoam);
  color: var(--clr-forest);
  -webkit-text-fill-color: var(--clr-forest);
  text-shadow: none;
}
.bg-forest ::selection,
.bg-orange ::selection,
.bg-forest-pattern ::selection{
  background: var(--clr-seafoam);
  color: var(--clr-forest);
  -webkit-text-fill-color: var(--clr-forest);
  text-shadow: none;
}

/* =========================
   1.3 - Buttons
   ========================= */

button:active,
input[type="button"]:active,
input[type="submit"]:active,
button:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
.fl-builder-content .fl-button:active {
  top: inherit;
}

/* Primary Button */
.fl-builder-content a.fl-button,
.fl-builder-content a.fl-button:visited,
.nav-btn a,
.pp-more-link-button,
.gform_wrapper .fl-button{
	background: var(--clr-orange);
	border:none;
	border-radius:.25em;
	padding: 1em 2.25em;;
	border-radius:100vw;
	transition: var(--tr);
}
.fl-builder-content a.fl-button span,
.nav-btn a,
.fl-module-content .wpgb-facet button.wpgb-load-more,
.pp-more-link-button,
.gform_wrapper .fl-button input[type=submit]{
	color:white;
	transition: var(--tr);
	font-weight:var(--fw-extra-bold);
	font-size:18px;
	text-transform: lowercase;
}

.gform_wrapper .fl-button{
	width: max-content;
	padding-right:0 !important;
	margin-inline: 20px;
}
footer .gform_wrapper .fl-button{
	margin-inline: 0;
}
.gform_wrapper .fl-button input[type=submit]{
	background:none;
	border:none;
	padding-inline: 40px !important;
	margin-right: 0 !important;
	padding-block: 15px !important;
	margin-bottom:0 !important;
}


.fl-builder-content a.fl-button:hover,
.fl-builder-content a.fl-button:focus-visible,
.nav-btn a:hover,
.nav-btn a:focus-visible,
.pp-more-link-button:hover,
.pp-more-link-button:focus-visible,
.gform_wrapper .fl-button:hover,
.gform_wrapper .fl-button:focus-within
{
	background: var(--clr-forest);
	border-color:var(--clr-orange);
	border-radius:100vw;
	border:none;

}
.fl-builder-content .btn-outline a.fl-button:hover span,
.fl-builder-content .btn-outline a.fl-button:focus-visible span,
.nav-btn a:hover,
.nav-btn a:focus-visible,
.pp-more-link-button:hover,
.pp-more-link-button:focus-visible{
	color: white !important;
}


/* Text Button */
.btn-text a.fl-button,
.fl-module-content .wpgb-facet button.wpgb-load-more,
.pp-more-link-button,
.gform_wrapper .btn-text .fl-button{
	background:none;
	--_btn-clr: var(--clr-orange);
	padding-block: .5em;
	padding-left:1em;
	padding-right: 3em;
	position:relative;
	isolation: isolate;
}
.btn-text a.fl-button .fl-button-text{
	text-align:left;
}
.gform_wrapper .btn-text .fl-button input[type=submit]{
	padding-right: 60px !important;
}

.btn-text:not(.icon-left) a.fl-button,
.fl-module-content .wpgb-facet button.wpgb-load-more{
	margin-left:-.75em;
}


.btn-text.icon-left a.fl-button,
#latest-blogs-grid .pp-content-post .pp-more-link-button{
	padding-right:1.25em;
	padding-left: 3.5em;
	padding-block: 0.45em;
}

#latest-blogs-grid .pp-content-post .pp-more-link-button
{
	padding-block: 0.34em;
	margin-left: -.315em;
	margin-top:.5em;
}
.stirista-card .fl-button{
	padding-block: 0.47em !important;
	margin-left: -.315em;
	margin-top:.5em;
}

.btn-text a.fl-button span,
.btn-text a.fl-button:visited span,
button.fl-button.btn-text span,
.fl-module-content .wpgb-facet button.wpgb-load-more,
.pp-more-link-button,
.gform_wrapper .btn-text .fl-button input[type=submit]{
	color: var(--_btn-clr);
	font-size: 18px;
}
.btn-text a.fl-button:hover,
.btn-text a.fl-button:focus-visible,
button.fl-button.btn-text:hover,
button.fl-button.btn-text:focus-visible,
.fl-module-content .wpgb-facet button.wpgb-load-more:hover,
.fl-module-content .wpgb-facet button.wpgb-load-more:focus-visible,
.pp-more-link-button:hover,
.pp-more-link-button:focus-visible,
.gform_wrapper .btn-text .fl-button:hover input[type=submit]{
	background:none;
}

.btn-text a.fl-button::before,
.fl-module-content .wpgb-facet button.wpgb-load-more::before,
.pp-more-link-button::before,
.gform_wrapper .btn-text .fl-button::before{
	content:'';
	position:absolute;
	right: .55em;
	top: 50%;
	transform: translateY(-50%);
	transform-origin:center;
	width: 1em;
  height: 1em;
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/09/arrow.svg);
	background-repeat:no-repeat;
	background-position:center center;
  background-size: contain;
	z-index: 2;
	pointer-events:none;
}

.btn-text.arrow-down a.fl-button::before,
.fl-module-content .wpgb-facet button.wpgb-load-more::before{
	transform:rotate(90deg) translate(-50%);
}
.btn-text.arrow-left a.fl-button::before{
	transform:rotate(180deg) translateY(50%);
}
.btn-text.arrow-up a.fl-button::before{
	transform:rotate(-90deg) translate(50%);
}
.btn-text.icon-left a.fl-button::before,
#latest-blogs-grid .pp-content-post .pp-more-link-button::before
{
	right: unset;
	left: 1em;
}

.btn-text a.fl-button::after,
.fl-module-content .wpgb-facet button.wpgb-load-more::after,
.pp-more-link-button::after,
.gform_wrapper .btn-text .fl-button::after{
	content:'';
	position:absolute;
	background-color:var(--_btn-clr);
	width: 2.25em;
	height: 2.25em;
	right: -.05em;
	top:50%;
	transform: translateY(-50%);
	border-radius:100vw;
	transition: var(--tr);
	z-index:-1;
	pointer-events:none;
}

.fl-module-content .wpgb-facet button.wpgb-load-more::after{
	width: 2em;
	height: 2em;
	right:0;
}

.btn-text.icon-left a.fl-button::after,
#latest-blogs-grid .pp-content-post .pp-more-link-button::after{
	right: unset;
	left: .35em;
}

.btn-text a.fl-button:hover::after,
.btn-text a.fl-button:focus-visible::after,
.fl-module-content .wpgb-facet button.wpgb-load-more:hover::after,
.fl-module-content .wpgb-facet button.wpgb-load-more:focus-visible::after,
.pp-more-link-button:hover::after,
.pp-more-link-button:focus-visible::after{
	bottom:-100px;
	width:calc(100% + 2px);
	height:calc(100% + 2px);
	right:-1px;
}
.gform_wrapper .btn-text .fl-button:hover::after,
.gform_wrapper .btn-text .fl-button:focus-within::after{
	width:calc(100% + 2px);
}
.btn-text a.fl-button:hover span,
.btn-text a.fl-button:focus-visible span,
.fl-module-content .wpgb-facet button.wpgb-load-more:hover,
.fl-module-content .wpgb-facet button.wpgb-load-more:focus-visible,
.pp-more-link-button:hover,
.pp-more-link-button:focus-visible,
.gform_wrapper .btn-text .fl-button:hover input,
.gform_wrapper .btn-text .fl-button:focus-within input{
	color:white !important;
}

/* Outline Button */

.btn-outline.fl-module-button:not(.btn-text) a.fl-button{
	border: 2px solid currentcolor;
	background-color:transparent;
}

/* Small Button */

.btn-small a.fl-button{
	padding: .5em 1.5em;
}
.btn-small a.fl-button span{
	font-size: 16px;
}

/* Button on Forest BG */

.bg-forest .fl-module-button:not(.btn-text) a.fl-button:hover,
.bg-forest .fl-module-button:not(.btn-text) a.fl-button:focus-visible,
.bg-forest-pattern .fl-module-button:not(.btn-text) a.fl-button:hover,
.bg-forest-pattern .fl-module-button:not(.btn-text) a.fl-button:focus-visible{
	background-color: var(--clr-turquoise);
	border-color: var(--clr-forest);
}


/* Button on Orange BG */

.bg-orange .fl-module-button:not(.btn-text):not([class*="clr"]) a.fl-button{
	background-color: var(--clr-forest);
}

.bg-orange .fl-module-button:not(.btn-text) a.fl-button:hover,
.bg-orange .fl-module-button:not(.btn-text) a.fl-button:focus-visible{
	background-color: var(--clr-turquoise);
	border-color: var(--clr-turquoise);
}
.bg-orange .fl-module-button:not(.btn-text) a.fl-button:hover span,
.bg-orange .fl-module-button:not(.btn-text) a.fl-button:focus-visible span{
	color: var(--clr-neutral-100) !important;
}

.bg-orange .fl-module-button:not([class*="clr"]).btn-text a{
	--_btn-clr: var(--clr-forest);
}
.bg-orange .fl-module-button:not([class*="clr"]).btn-text a span{
	color: var(--_btn-clr);
}


.clr-forest .fl-button,
.btn-text.clr-forest .fl-button{
  --_btn-clr: var(--clr-forest)
}
.clr-teal .fl-button,
.btn-text.clr-teal .fl-button{
  --_btn-clr: var(--clr-teal)
}
.clr-turquoise .fl-button,
.btn-text.clr-turquoise .fl-button{
  --_btn-clr: var(--clr-turquoise)
}
.clr-seafoam .fl-button,
.btn-text.clr-seafoam .fl-button,
.fl-module-content .wpgb-facet button.wpgb-load-more{
  --_btn-clr: var(--clr-seafoam)
}
.clr-mint .fl-button,
.btn-text.clr-mint .fl-button{
  --_btn-clr: var(--clr-mint)
}
.clr-orange .fl-button,
.btn-text.clr-orange .fl-button{
  --_btn-clr: var(--clr-orange)
}
.clr-peach .fl-button,
.btn-text.clr-peach .fl-button,
.pp-more-link-button{
  --_btn-clr: var(--clr-peach)
}
.clr-mango .fl-button,
.btn-text.clr-mango .fl-button{
  --_btn-clr: var(--clr-mango)
}
.clr-gold .fl-button,
.btn-text.clr-gold .fl-button{
  --_btn-clr: var(--clr-gold)
}
.clr-blue .fl-button,
.btn-text.clr-blue .fl-button{
  --_btn-clr: var(--clr-blue)
}
.btn-text.text-white .fl-button span{
	color:white;
}


#latest-blogs-grid .pp-content-post .pp-more-link-button{
	background:unset;
	color: var(--clr-peach)
}



/* =========================
   1.4 - Typography
   ========================= */

.ff-heading,
.ff-heading span,
.ff-heading p {
  font-family: var(--ff-heading) !important;
}

.ff-text,
.ff-text span {
  font-family: var(--ff-text) !important;
}

.fl-rich-text ul,
.fl-rich-text ol{
	padding-left:20px;
}
.fl-rich-text ul ul,
.fl-rich-text ol ol,
.fl-rich-text ul ol,
.fl-rich-text ol ul{
	padding-left:40px;
}
.fl-rich-text li:nth-child(3n +1)::marker,
.fl-rich-text li:nth-child(3n +1)::before{
	color:var(--clr-peach)
}
.fl-rich-text li:nth-child(3n +2)::marker,
.fl-rich-text li:nth-child(3n +2)::before{
	color:var(--clr-seafoam)
}
.fl-rich-text li:nth-child(3n +3)::marker,
.fl-rich-text li:nth-child(3n +3)::before{
	color:var(--clr-mango)
}
.fl-rich-text li{
	margin-bottom: 10px;
}

p a{
	color: var(--clr-orange);
	text-decoration:underline;
	transition: all var(--tr);
}
p a:hover,
p a:focus-visible{
	color: var(--clr-turquoise);
}

.bg-forest p a{
	color: var(--clr-turquoise);
}
.bg-orange p a{
	color: var(--clr-forest);
}
.bg-forest p a:hover,
.bg-orange p a:hover,
.bg-forest p a:focus,
.bg-orange p a:focus{
	color: var(--clr-mint);
}

.bg-turquoise p a:hover,
.bg-turquoise p a:hover{
	color: var(--clr-forest);
}

h1, h2, h3, h4, h5, h6{
	text-wrap: balance;
}
.balance,
.balance *{
	text-wrap: balance;
}

h1,
h1 span{
	font-size: var(--fs-h1);
  line-height: 1;
}
.fs-h1,
.fs-h1 span,
.fs-h1 h2,
.fs-h1 h3,
.fs-h1 h4,
.fs-h1 h5,
.fs-h1 h6,
.fs-h1 p {
  font-size: var(--fs-h1) !important;
  line-height: 1;
}

h2,
h2 span{
	font-size: var(--fs-h2);
  line-height: 1;
}
.fs-h2,
.fs-h2 span,
.fs-h2 h1,
.fs-h2 h2,
.fs-h2 h3,
.fs-h2 h4,
.fs-h2 h5,
.fs-h2 h6,
.fs-h2 p {
  font-size: var(--fs-h2) !important;
  line-height: 1;
}

h3,
h3 span{
	font-size: var(--fs-h3);
  line-height: 1;
}
.fs-h3,
.fs-h3 span,
.fs-h3 h1,
.fs-h3 h2,
.fs-h3 h3,
.fs-h3 h4,
.fs-h3 h5,
.fs-h3 h6,
.fs-h3 p {
  font-size: var(--fs-h3) !important;
  line-height: 1;
}

h4,
h4 span{
	font-size: var(--fs-h4);
  line-height: 1.2;
}
.fs-h4,
.fs-h4 span,
.fs-h4 h1,
.fs-h4 h2,
.fs-h4 h3,
.fs-h4 h4,
.fs-h4 h5,
.fs-h4 h6,
.fs-h4 p {
  font-size: var(--fs-h4) !important;
  line-height: 1.2;
}

h5,
h5 span{
  font-size: var(--fs-h5);
  line-height: 1.2;
}
.fs-h5,
.fs-h5 span,
.fs-h5 h1,
.fs-h5 h2,
.fs-h5 h3,
.fs-h5 h4,
.fs-h5 h5,
.fs-h5 h6,
.fs-h5 p,
#latest-blogs-grid .pp-post-title,
#latest-blogs-grid .pp-post-title a{
  font-size: var(--fs-h5) !important;
  line-height: 1.2;
}

h6,
h6 span{
  font-size: var(--fs-h6);
  line-height: 1.2;
}
.fs-h6,
.fs-h6 span,
.fs-h6 h1,
.fs-h6 h2,
.fs-h6 h3,
.fs-h6 h4,
.fs-h6 h5,
.fs-h6 h6,
.fs-h6 p {
  font-size: var(--fs-h6) !important;
  line-height: 1.2;
}

.lead{
	font-size: 20px;
	font-weight: 400;
	margin:0;
}

.eyebrow p,
.eyebrow .fl-heading span {
  font-family: var(--ff-text);
  font-weight: 600;
  text-transform: uppercase;
  font-size: var(--fs-small);
  letter-spacing: 2px;
  width: fit-content;
  line-height: 2;
}
.eyebrow .fl-heading {
  line-height: calc( var(--fs-small) ) * 2);
}
.eyebrow .fl-module-content{
	margin-bottom:0;
}

.fw-400,
.fw-400 *:not(.fl-tip),
.fw-normal{
  font-weight: 400 !important;
}

.fw-500, 
.fw-500 *:not(.fl-tip),
.fw-medium{
  font-weight: 500 !important;
}

.fw-600,
.fw-600 *:not(.fl-tip),
.fw-semibold{
  font-weight: 600 !important;
}

.fw-700,
.fw-700 *:not(.fl-tip),
.fw-bold{
  font-weight: 700 !important;
}

.fl-rich-text p:last-child{
	margin-bottom:0;
}

.two-col .fl-rich-text {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}
.two-col .fl-rich-text p{
  position: relative;
  -webkit-column-break-inside: avoid;
            page-break-inside: avoid;
                 break-inside: avoid;
}

.fl-module-content .clr-orange,
.clr-orange .fl-module-content *{
	color: var(--clr-orange) !important;
}
.fl-module-content .clr-peach,
.clr-peach .fl-module-content *{
	color: var(--clr-peach) !important;
}
.fl-module-content .clr-forest,
.clr-forest .fl-module-content *{
	color: var(--clr-forest) !important;
}
.fl-module-content .clr-teal,
.clr-teal .fl-module-content *{
	color: var(--clr-teal) !important;
}
.fl-module-content .clr-turquoise,
.clr-turquoise .fl-module-content *{
	color: var(--clr-turquoise) !important;
}
.fl-module-content .clr-seafoam,
.clr-seafoam .fl-module-content *{
	color: var(--clr-seafoam) !important;
}
.fl-module-content .clr-mint,
.clr-mint .fl-module-content *{
	color: var(--clr-mint) !important;
}
.fl-module-content .clr-gold,
.clr-gold .fl-module-content *{
	color: var(--clr-gold) !important;
}
.fl-module-content .clr-mango,
.clr-mango .fl-module-content *{
	color: var(--clr-mango) !important;
}
.fl-module-content .clr-blue,
.clr-blue .fl-module-content *{
	color: var(--clr-blue) !important;
}

.fl-module-content .clr-white,
.clr-white .fl-module-content *,
.fl-module-content .clr-neutral-100,
.clr-neutral-100 .fl-module-content *{
	color: var(--clr-neutral-100) !important;
}

.label p{
	background-color: var(--_color, var(--clr-seafoam));
	color: white;
	text-transform:lowercase;
	font-weight: var(--fw-bold);
	display:inline-block;
	padding: 5px 10px;
	border-radius: .25em;
}



/* =========================
   1.5 - Custom Font Face
   ========================= */

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/marketmax/stirista/fonts/Plus-Jakarta-Sans-400.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/marketmax/stirista/fonts/Plus-Jakarta-Sans-500.woff2") format("woff2");
  font-weight: 500;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/marketmax/stirista/fonts/Plus-Jakarta-Sans-600.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/marketmax/stirista/fonts/Plus-Jakarta-Sans-700.woff2") format("woff2");
  font-weight: 700;
}
@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("/marketmax/stirista/fonts/Plus-Jakarta-Sans-800.woff2") format("woff2");
  font-weight: 800;
}


/* =========================
   1.6 - Hero Styles
   ========================= */

body:not(.home) .hero:not(.hero-gradient) .fl-row-content-wrap{
	padding-top: 220px;
}
body:not(.home) .hero p{
	font-size: 20px;
}

/* Hero - Gradient */
.page .hero.hero-gradient h1,
.page .hero.hero-dark h1{
	letter-spacing:-.025em;
	line-height:1;
}
.hero-gradient .fl-row-content-wrap {
  min-height: 80vh;
}
.hero-gradient .fl-row-content-wrap{
	background: url(https://www.stirista.com/wp-content/uploads/2023/10/bg-swoosh.svg),
		linear-gradient( rgb(var(--clr-seafoam-rgb) / .25) 25%, transparent 65%);
	background-size:cover;
	background-position:center bottom;
	padding-bottom: 15vh !important;
}

/* Hero - Dark */
.hero-dark.fl-row-align-center .fl-row-content-wrap {
	background: url(https://www.stirista.com/wp-content/uploads/2023/10/bg-swoosh-dark.svg),
		var(--clr-forest);
	background-size:cover;
	background-position:center bottom;
	color:white;
	padding-bottom:100px;
}
.hero-dark h1{
	color: var(--clr-peach);
}

@media (max-width: 767px) {
  .hero-gradient .fl-row-content-wrap,
	.hero-dark .fl-row-content-wrap{
    padding-top: 100px !important;
  }
}

/* Hero - Blob */
.hero.hero-blob .fl-row-content-wrap{
	padding-bottom:0;
}
.hero.hero-blob .fl-module-photo .fl-module-content{
	margin:0;
}
.hero.hero-blob img,
.hero.hero-blob svg.video-swoosh{
	margin-bottom:-80px;
	z-index:1;
	position:relative
}

.hero.hero-blob + .fl-row .fl-row-content-wrap{
	padding-top: 100px;
	padding-bottom: 100px;
}

@media (max-width: 992px) {
	.hero.hero-blob img{
		width:100%;
		max-width: 500px;
		padding: 20px;
	}
}

/* Hero - Platform */
.hero.hero-platform .fl-row-content-wrap{
	padding-bottom: 400px;
}
.hero.hero-platform + .fl-row{
	position:relative;
	margin-top: -400px;
}
.hero.hero-platform + .fl-row .fl-row-content-wrap{
	padding-top:40px;
	padding-bottom:0;
}
.hero.hero-platform + .fl-row:not(.fl-block-overlay-active) .fl-row-content-wrap{
	z-index: 10;
}


/* =========================
   1.7 - Forms
   ========================= */

/* Gravity Forms */

/* .gform_wrapper label{
	border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
} */

.gform_heading{
	display:none;
}
.gform_confirmation_message {
	text-align: center;
}
.gform_footer.top_label .fl-button {
	margin-inline: auto;
}
form.footer-sign-up-form .gform_footer.top_label,
.gform_legacy_markup_wrapper form.footer-sign-up-form  ul.gform_fields li.gfield,
 .gform_legacy_markup_wrapper form.footer-sign-up-form  .top_label div.ginput_container{
	margin:0 !important;
	padding:0 !important;
}
.gform_legacy_markup_wrapper ul li.gfield,
body .gform_legacy_markup_wrapper .top_label div.ginput_container{
	margin:0 !important;
	padding-bottom:0 !important;
}
.fl-button.gravity-btn-wrapper{
	padding:0 !important;
}
.gform_legacy_markup_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_legacy_markup_wrapper select,
.gform-theme--foundation .gfield input{
	border-radius:100vw !important;
	padding: 7px 20px !important;
/* 	text-transform:lowercase; */
	border:none !important;
	font-weight: 400 !important;
	width: 100% !important;
}
.gform_legacy_markup_wrapper textarea,
.gform-theme--foundation .gfield textarea{
	border-radius: 20px;
	border:none;
	font-weight: 400;
	padding: 7px 20px !important;
}
.gform_legacy_markup_wrapper label{
	text-transform: lowercase;
	font-weight: 400 !important;
	font-size: 18px !important;
	margin-bottom: 10px !important;
	line-height: 1; 
}
ul.gform_fields{
	display:flex !important;
	flex-wrap: wrap;
}
.gfield.width-50{
	width: 50% !important;
	padding:20px !important;
}
.gfield:not(.width-50){
	width: 100% !important;
	padding:20px !important;
}

.ginput_container--name{
	display:flex;
	gap: 30px;
}

.gform_footer{
	justify-content:center;
}

.gform_confirmation_message {
	text-align: center;
}

.gform-body input::placeholder,
.gform-body textarea::placeholder{
	color: gray;
	text-transform: lowercase;
}

/* New forms */
.fl-button.gravity-btn-wrapper .gform_button{
	border-radius: 100vw !important;
	background-color: var(--clr-orange) !important;
	color: white !important;
	transition: var(--tr) !important;
	font-weight: var(--fw-extra-bold) !important;
	font-size: 18px !important;
	text-transform: lowercase !important;
}
.fl-button.gravity-btn-wrapper .gform_button:hover,
.fl-button.gravity-btn-wrapper .gform_button:focus-visible{
	background-color: var(--clr-forest) !important
}

.gform-theme--foundation .gform_fields{
	gap: 0 !important;
}
.gform-theme--foundation .gfield:not(.width-50){
	padding: 10px !important;
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
	box-shadow:none !important;
}

.gform-theme--foundation .gfield_label {
	border: 0 !important;
	clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
	-webkit-clip-path: inset(50%) !important;
		clip-path: inset(50%) !important;  /* 2 */
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important;
	white-space: nowrap !important;            /* 3 */
}

/* Footer signup form */

.footer-sign-up-form .gform_fields{
	display:grid !important;
	grid-template-columns: 1fr 1fr;
	gap: 20px 40px;
	padding-bottom: 40px !important;
}
.footer-sign-up-form .gform_fields > *{
	width: unset !important;
}
.footer-sign-up-form input:not([type="submit"]){
	background: var(--clr-mint);
	border: 2px solid var(--clr-mint) !important;
}



/* =========================
   1.8 - Components
   ========================= */

/* Post Grid */
.stirista-grid .fl-post-feed{
	display:grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 80px 60px;
}
.stirista-grid .fl-post-feed-post{
	grid-column: span 2;
}
.stirista-grid .fl-post-feed-post:nth-child(1),
.stirista-grid .fl-post-feed-post:nth-child(2){
	grid-column: span 3;
}
.featured-image{
	margin-bottom:20px;
}
.featured-image img{
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center top;
	border-radius: calc(var(--br) / 2);
	width: 100%;
}

.post-meta{
	display:flex;
	gap: 30px;
	padding-bottom: 15px;

}
.post-meta > *{
	padding-left: 45px;
	font-size: 16px;
	position:relative;
}
.post-meta > *::before{
	content:'';
	position:absolute;
	width: 35px;
	aspect-ratio: 1;
	background-color: var(--clr-turquoise);
	left:0;
	top:-6px;
	border-radius:50%;
}
.post-meta > *::after{
	content:'';
	position:absolute;
	width: 21px;
	height:100%;
	background-size:contain;
	background-position: center;
	background-repeat:no-repeat;
	left:7px;
	top:0;
}
.post-date::after{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/icon-calendar.svg);
}

.stirista-card .post-title{
	margin-bottom: 15px;
}

/* Post Carousel */

.owl-nav button.disabled{
	display:none;
}
.pp-content-post-carousel .owl-theme .owl-controls .owl-buttons div, .pp-content-post-carousel .owl-nav button{
	top: 20%;
}

/* Latest Blogs */

.latest-blogs .fl-row-content-wrap {
    background-image: linear-gradient(180deg, transparent 45%, var(--clr-forest) 45%);
}

@media (max-width: 1200px){
	.latest-blogs .fl-row-content-wrap {
			background-image: linear-gradient(180deg, transparent 40%, var(--clr-forest) 40%);
	}
}

#latest-blogs-grid .pp-content-post{
	overflow:visible;
}
#latest-blogs-grid .pp-post-title a{
	color:white;
}
#latest-blogs-grid img{
	border-radius: calc(var(--br)/ 2);
	margin-bottom:20px;
}

/* Gradient CTA */
.gradient-cta .fl-button-text{
	color:white !important;
}


/* Review */
.review-wrapper{
	display:grid;
	grid-template-columns: 220px 1fr;
	gap: 80px;
	max-width: 1200px;
	margin-inline: auto;
}
.review-info{
	padding-bottom:5px;
}
.review-info .review-content div{
	font-size: var(--fs-h4);
	line-height:1.5;
	font-weight: 800;
	margin-bottom: 20px;
}
.review-info cite{
	font-style:normal;
}
.review-info .btn-text{
	margin-left: 30px;
	margin-top: 30px;
}

/* Accordion */
.fl-accordion-item{
	border:none !important;
}
.fl-accordion-small .fl-accordion-content,
.pp-accordion .pp-accordion-item .pp-accordion-content{
	background-color: var(--clr-mint);
	padding: 30px 40px;
	border-radius: var(--br);
}
.fl-accordion-small .fl-accordion-button,
.pp-accordion .pp-accordion-item .pp-accordion-button{
	padding-left:0;
}
.fl-accordion-button-icon,
.pp-accordion-button-icon{
	background-color: var(--clr-teal);
	opacity:1;
	color:white;
	border-radius:50%;
	padding: 5px !important;
	display:inline-grid;
	place-content:center;
	aspect-ratio:1;
	height: 30px;
	width: 30px;
	margin-right:15px;
	transition: var(--tr);
}
.pp-accordion-button-icon::before{
	color:white;
	font-size: 18px !important
}
.pp-accordion .pp-accordion-item .pp-accordion-button{
	background:none;
}
.fl-accordion-button-label,
.pp-accordion-button-label{
	color: var(--clr-teal);
	font-size: var(--fs-h5);
	transition: var(--tr);
}
.fl-accordion-item-active .fl-accordion-button-label,
.pp-accordion-item-active .pp-accordion-button-label{
	color: var(--clr-peach);
	font-weight: 800;
}
.fl-accordion-item-active .fl-accordion-button-icon,
.pp-accordion-item-active .pp-accordion-button-icon{
	background-color: var(--clr-peach);
}
span.pp-accordion-button-icon{

	position:relative;
}
span.pp-accordion-button-icon::before{
	position:absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.accordion-swap .pp-accordion-icon{
	display:none !important;
}


/* Counter */

.fl-number-before-text{
	font-size: var(--fs-h5);
	font-weight: 700;
}
.fl-module-numbers .fl-number .fl-number-text .fl-number-string,
.fl-module-numbers .fl-number .fl-number-text .fl-number-string span{
	font-size: calc( var(--fs-h1) * 1.2 );
	color: var(--clr-seafoam);
	font-weight: 700;
	overflow:visible;
}
.fl-number-after-text{
	text-wrap:balance;
	font-weight: 700;
}

/* Gradient Coloumns */
.gradient-col .fl-col-content{
	position:relative;
	padding: 30px 20px;
	--_color: #000;
}
.gradient-col .fl-col-content > *{
	position:relative;
	z-index:1;
}
.gradient-col:not(.feat-card-col) .fl-col-content::after{
	content:'';
	width:100%;
	height:65%;
	position:absolute;
	bottom:0;
	left:0;
	background-image: linear-gradient(transparent, var(--_color) 95%);
}
.gradient-orange .fl-col-content{
	--_color: var(--clr-orange);
}
.gradient-mango .fl-col-content{
	--_color: var(--clr-mango);
}
.gradient-turquoise .fl-col-content{
	--_color: var(--clr-turquoise);
}

/* Video Swoosh Custom Module */
#video-wrapper video {
	-webkit-mask: url('https://www.stirista.com/wp-content/plugins/stirista-acf-blocks/blocks/stirista-video-swoosh/assets/video-mask.svg') center / contain no-repeat;
	mask: url('https://www.stirista.com/wp-content/plugins/stirista-acf-blocks/blocks/stirista-video-swoosh/assets/video-mask.svg') center / contain no-repeat;
	width:100%;
	height:100%;
}
#video-wrapper foreignobject {
	transform: translate(-20px, -50px)
}
/* Video Swoosh - Non Safari CSS */
@supports not (-webkit-hyphens:none){
	#video-wrapper foreignobject {
		width: 600px;
		height: 600px;
	}
}
/* Video Swoosh - Safari-specific CSS */
@supports (-webkit-hyphens:none){
	#video-wrapper video{
		width: 75%;
		position:relative;
		left:5%;
	}
}
/* Video Swoosh - iOS-specific CSS */
@supports (-webkit-touch-callout: none) {
	#video-wrapper video {
		width: calc(75vw - 30px);
		position: relative;
		left: 2.5%;
	}
}

/* =========================
   1.9 - WPGB
   ========================= */
.wpgb-facet .wpgb-radio-facet .wpgb-hierarchical-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.wpgb-facet .wpgb-radio-facet .wpgb-hierarchical-list li{
	margin:0;
}
.wpgb-facet .wpgb-radio-facet .wpgb-hierarchical-list .wpgb-radio{
	margin:7px 10px !important;
	padding: 10px 20px;
	background-color: var(--clr-mint);
	color: var(--clr-teal);
	text-transform:lowercase;
	border-radius:100vw;
	transition: var(--tr);
}
.wpgb-facet .wpgb-radio-facet .wpgb-hierarchical-list .wpgb-radio[aria-pressed="true"],
.wpgb-facet .wpgb-radio-facet .wpgb-hierarchical-list .wpgb-radio:hover,
.wpgb-facet .wpgb-radio-facet .wpgb-hierarchical-list .wpgb-radio:focus-visible{
	background: var(--clr-orange);
	color:white;
}
.wpgb-facet .wpgb-radio-facet .wpgb-radio-control{
	display:none !important;
}

.wpgb-facet-1{
	margin-top:20px;
	text-align:center;
}

.wpgb-facet>fieldset:only-child{
	margin-bottom:0px !important;
}

/* Search */
.fl-module-wpgb_facet .wpgb-facet .wpgb-search-facet input[type="search"],
.fl-module-wpgb_facet .wpgb-facet .wpgb-date-facet label input[type="text"]{
	background-color: var(--clr-mint);
	border-radius:100vw;
	border:1px solid white;
	padding-left:40px;
	transition: var(--tr);
}
.fl-module-wpgb_facet .wpgb-facet.wpgb-loading{
	opacity: 1 !important;
}
.fl-module-wpgb_facet .wpgb-facet.wpgb-loading .wpgb-search-facet input[type="search"],
.fl-module-wpgb_facet .wpgb-facet.wpgb-loading .wpgb-date-facet label input[type="text"]{
	background-color:var(--clr-seafoam);
}
.fl-module-wpgb_facet .wpgb-facet .wpgb-search-facet .wpgb-input-icon,
.fl-module-wpgb_facet .wpgb-facet .wpgb-date-facet .wpgb-input-icon,
.fl-module-wpgb_facet .wpgb-facet .wpgb-clear-button{
	color: var(--clr-teal)
}


/* =========================
   1.10 - Bootstrap
   ========================= */

/* Modals */
.modal-dialog{
	max-width:1200px;
}

.modal-content{
  border:0;
	border-radius:var(--br);
	margin-inline: auto;
	max-width:95vw;
	overflow:hidden;
}

.modal-header{
	border-bottom:0;
	padding-bottom:0;
}

body.fl-builder-edit .modal{
	display:none;
}

.modal-header .close{
	color:var(--clr-forest);
	background-color: transparent;
	border-radius:50%;
	width:50px;
	height:50px;
	display:grid;
	place-content:center;
	line-height:10px;
	border:none;
	opacity:1;
	position:absolute;
	top:25px;
	right:25px;
	font-size: 35px;
	transition: var(--tr);
}

.modal-header .close:hover{
	border:none;
	opacity:1 !important;
	background-color: var(--clr-turquoise);
	color:white;
}

/* Tabs */
.stirista-bs-tabs{
	justify-content:space-between;
}
.stirista-bs-tabs .nav-link{
	color: var(--clr-forest);
	font-size:18px;
	line-height:1.2;
	font-weight: 400;
	transition: all var(--tr);
	border:none;
	text-transform:lowercase;
}
.stirista-bs-tabs{
	border:none;
	margin-top: 160px;
	margin-bottom:20px;
}
.stirista-bs-tabs .nav-item{
	position:relative;
	width: 150px;
	text-align:center;
}
.stirista-bs-tabs .nav-link{
	margin-top: 10px;
	font-weight: 700;
}
.stirista-bs-tabs .nav-link::before,
.stirista-bs-tabs .nav-link::after{
	--_icon-bg-size: 12vw;
	--_icon-scale: 60%;
	content:'';
	position: absolute;
}
.stirista-bs-tabs .nav-link::before{
	background: var(--clr-teal);
	width: var(--_icon-bg-size);
	max-width: 100%;
	aspect-ratio: 1;
	border-radius: calc(var(--br) / 2);
	bottom: 100%;
	left:50%;
	transform: translate(-50%);
	transition: var(--tr);
}
.stirista-bs-tabs .nav-link::after{
	bottom: 100%;
	left:50%;
	transform: translate(-50%);
	width: var(--_icon-bg-size);
	max-width: 160px;
	aspect-ratio: 1;
	background-repeat:no-repeat;
	background-size:var(--_icon-scale);
	background-position:center;
}
.stirista-bs-tabs .nav-link.active::before,
.stirista-bs-tabs .nav-link:hover::before,
.stirista-bs-tabs .nav-link:focus-visible::before{
	background-color: var(--clr-peach);
}
.stirista-bs-tabs .nav-link:hover,
.stirista-bs-tabs .nav-link:focus-visible,
.stirista-bs-tabs .nav-link.active:hover,
.stirista-bs-tabs .nav-link.active{
	background: none;
	border:none;
	color: white;
	text-shadow:1px 1px 2px rgb(0 0 0 / .1);
	background: var(--clr-peach);
	border-radius: 100vw;
	outline: none;
}
.stirista-bs-tabs .nav-link.active:focus-visible{
	outline: 2px solid var(--clr-forest);
	border-radius: 100vw;
	outline-offset: 5px;
}
.stirista-bs-tabs .nav-link:hover{
	border-top:0;
	border-left:0;
	border-right:0;
}
.stirista-text-tabs{
	margin-top:0;
	margin-bottom: 60px;
	justify-content:center;
	gap: 40px;
}
.stirista-text-tabs .nav-item,
.stirista-text-tabs .nav-link{
	width: fit-content;
	margin: 0;
}
.stirista-text-tabs .nav-link{
	background: var(--clr-mint);
	border-radius: 100vw;
	padding: 10px 20px 13px;
	color: var(--clr-turquoise)
}
.stirista-text-tabs.stirista-bs-tabs .nav-link::before,
.stirista-text-tabs.stirista-bs-tabs .nav-link::after{
	display:none;
}

body.fl-builder-edit .bb-tab-content{
	position: relative;
	margin-block: 20px;
	padding-top: 60px
}
body.fl-builder-edit .bb-tab-content::before,
body.fl-builder-edit .bb-tab-content::after{
	position: absolute;
	left:10px;
	z-index: 10;
	opacity: .5;
}
body.fl-builder-edit .bb-tab-content::before{
	content: '-- This is tab content --';
	top:0px;
}
body.fl-builder-edit .bb-tab-content::after{
	content: 'Tab Name: ' attr(data-tab-name);
	top:20px;
}
body.fl-builder-edit .bb-tab-content{
	outline: 2px dashed lightgray;
	outline-offset: 5px;
}

/* Accordion */
.stirista-bs-accordion .card{
	border:none;
	background:none;
	border-radius: 0;
}
.stirista-bs-accordion .card[aria-expanded="true"] .card-header{
	border-bottom-color: var(--clr-forest)
}
.stirista-bs-accordion .card-header{
	background:none;
/* 	border-bottom:2px solid var(--clr-mint); */
	border-bottom:none;
	padding: 20px 0px;
	padding-right: 40px;
	position:relative;
	cursor:pointer;
}
.stirista-bs-accordion .card-header *{
	text-align: left;
}
.stirista-bs-accordion button{
	color: var(--clr-forest);
	font-size:22px;
	padding:0;
	font-weight: 700;
}
.stirista-bs-accordion .card-body{
	padding:0;
	background: rgba(255, 255, 255, 0.6) !important;
	border-radius: var(--br);
	box-shadow: 0 4px 30px -5px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}
.stirista-bs-accordion .card .card-header:before,
.stirista-bs-accordion .card .card-header:after{
	content: "";
	position: absolute;
	width: 15px;
	height: 3px;
	background: var(--clr-forest);
	right:10px;
	top:50%;
	transform: translateY(-50%);
	cursor:pointer;
}
.stirista-bs-accordion .card .card-header::after{
	width: 3px;
	height: 15px;
	right:16px;
}
.stirista-bs-accordion .card-header[aria-expanded="true"]::after{
	display:none;
}

/* Swap Between Tabs and Accordion */
@media (min-width:993px){
	.stirista-bs-accordion{
		display:none !important;
	}
	.stirista-bs-tabs{
		display:flex !important;
	}
	.stirista-bs-tabs-content{
		display:block !important;
	}
}
@media (max-width:992px){
	.stirista-bs-accordion{
		display:block !important;
	}
	.stirista-bs-tabs,
	.stirista-bs-tabs-content{
		display:none !important;
	}
}

/* =========================
   1.11 - Announcement Bar
   ========================= */

/* Hide and then only show if close cookie isn't present */
body:not(.fl-builder-edit) .announcement-bar{
	display: none;
}
.announcement-bar .banner-close{
	position:absolute;
	top:5px;
	right:5px;
	border-radius:50%;
	border:none;
	background-color:transparent;
	font-size: 40px;
	color:white;
	transition:all var(--tr);
	aspect-ratio: 1;
	display: grid;
	place-content: center;
	padding:0;
	height: 35px !important;
	width: 35px !important;
}
.announcement-bar .banner-close span{
	position: absolute;
	left: 50%;
	top: 50%;
	translate:-50% -50%;
	height: 25px !important;
	width: 25px !important;
}
.announcement-bar .banner-close span::before,
.announcement-bar .banner-close span::after{
	content:'';
	width: 2px;
	height: 25px;
	background:white;
	position: absolute;
}
.announcement-bar button span::before{
	rotate:45deg;
}
.announcement-bar button span::after{
	rotate:-45deg;
}
.announcement-bar .banner-close:is(:hover, :focus-visible){
	background:var(--clr-turquoise);
}


/** END Global Settings
------------------------------------------------------------------------*/

/** 2.0 - Layout + Themer
------------------------------------------------------------------------*/

/* =========================
   2.1 - Header
   ========================= */

header {
  position: relative;
}
header .bg-frost > .fl-row-content-wrap{
	border-radius: calc(var(--br) / 2)
}


/* =========================
   2.2 - Navigation
   ========================= */

.menu-item a {
  -webkit-transition: var(--tr);
  transition: var(--tr);
	color: var(--clr-forest);
	text-transform:lowercase;
	font-weight: 600;
/* 	letter-spacing:1px; */
}
.menu-item:not(.nav-btn) a:hover,
.menu-item:not(.nav-btn) a:focus-visible,
.menu-item > a.meg-exit[tabindex="100"]{
	color: var(--clr-orange) !important;
}
.fl-menu-toggle::before{
	transition: var(--tr);
}
.menu-item a:hover .fl-menu-toggle::before,
.menu-item a:focus-visible .fl-menu-toggle::before,
.menu-item > a.meg-exit[tabindex="100"]  .fl-menu-toggle::before{
	border-color: var(--clr-orange) !important;
}
.menu li.menu-item.nav-btn > a{
	color: white;
	margin-left: 12px;
	letter-spacing:0 !important;
	padding: 1em 2.25em !important;
	transition: var(--tr);
	font-weight: var(--fw-extra-bold);
	font-size: var(--fs-h6);
	text-transform: lowercase;
}

@media (max-width: 1225px){
	.menu li.menu-item.nav-btn > a{
		padding: .75em 1.5em 1em !important;
	}
	#menu-header-menu li{
		font-size: 15px;
	}
}
@media (max-width: 1160px){
	.menu li.menu-item.nav-btn > a{
		padding: .65em 1em  .85em !important;
		font-size: 16px;
	}
	#menu-header-menu li a{
		padding-left: 11px
	}
}
@media (max-width: 1095px){
	.fl-module-menu .fl-module-content{
		margin-left: 0;
	}
}
@media (max-width: 1070px){
	#menu-header-menu li a{
		padding-left: 8px
	}
}
@media (max-width: 1045px){
	#menu-header-menu li{
		font-size: 14px;
	}
}
@media (max-width: 1015px){
	#menu-header-menu li{
		font-size: 13px;
	}
}


/* Mega Menu */
[id^="mega-"]{
	padding-inline: 40px;
}
[id^="mega-"] .fl-row-content-wrap{
	background: rgba(255, 255, 255, 0.8) !important;
	border-radius: calc(var(--br) / 2);
	width: fit-content;
	max-width: 1500px;
	margin-inline: auto;
	margin-top: 24px;
}
[id^="mega-"] .menu-item a{
	text-transform:initial;
	color: black;
	font-weight: 600;
	font-size: var(--fs-h6);
	position:relative;
	padding-left: 80px !important;
	height: 65px;
	display:flex;
	align-items:center;
	padding-right: 25px;
	margin-left: 15px;
}
[id^="mega-"] .menu-item a::before,
.sub-menu a::before{
	content:'';
	position:absolute;
	width: 65px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--_mm-color, var(--clr-peach));
	left:0;
}
.sub-menu a::before{
	width: 50px;
	top:50%;
	transform: translateY(-50%)
}
[id^="mega-"] .menu-item a::after,
.sub-menu a::after{
	content:'';
	position:absolute;
	width:40px;
	height:40px;
	background-repeat:no-repeat;
	background-position:center;
	left:13px
}
.sub-menu a::after{
	width: 25px;
	top: 50%;
	transform: translateY(-50%);
}

[id^="mega-"] .fl-menu-horizontal{
	row-gap: 20px
}

#mega-solutions .menu-item:last-child a{
	padding-right:10px;
}

@media(max-width: 1510px){
	[id^="mega-"] .menu-item a::before,
	[id^="mega-"] .menu-item a::after{
		scale:.8;
	}
	[id^="mega-"] .menu-item a{
		padding-left: 70px !important;
	}
}
@media(max-width: 1450px){
	[id^="mega-"] .menu-item a{
		margin-left: 0px !important;
	}
}

#mega-solutions .menu-item a::before,
#menu-mobile-menu #menu-item-23459 .sub-menu a::before{
	--_mm-color: var(--clr-peach);
}
#mega-data .menu-item a::before,
#menu-mobile-menu #menu-item-23460 .sub-menu a::before{
	--_mm-color: var(--clr-turquoise);
}
#mega-industries .menu-item a::before,
#menu-mobile-menu #menu-item-23461 .sub-menu a::before{
	--_mm-color: var(--clr-mango);
}
#mega-resources-hub .menu-item a::before,
#menu-mobile-menu #menu-item-23463 .sub-menu a::before{
	--_mm-color: var(--clr-peach);
}
#mega-platforms .menu-item a::before,
#menu-mobile-menu #menu-item-23464 .sub-menu a::before{
	--_mm-color: var(--clr-turquoise);
}



#mega-solutions #menu-item-21622 a::after,
#menu-mobile-menu #menu-item-23465 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-email.svg);
}
#mega-solutions #menu-item-21623 a::after,
#menu-mobile-menu #menu-item-23466 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-creative.svg);
}
#mega-solutions #menu-item-21624 a::after,
#menu-mobile-menu #menu-item-23467 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-ctv.svg);
	width:50px;
	top:9px;
	left:9px;
}
#menu-mobile-menu #menu-item-23467 a::after{
	width: 40px;
	top:47%;
	left:7px
}

#mega-solutions #menu-item-21625 a::after,
#menu-mobile-menu #menu-item-23468 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-growth.svg);
	top:9px;
	left:10px;
}
#menu-mobile-menu #menu-item-23468 a::after{
	top: 50%;
	width: 20px;
	left: 15px;
}
#mega-solutions #menu-item-21626 a::after,
#menu-mobile-menu #menu-item-23469 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-performance-advert1.svg);
	height:50px;
	width:50px;
	top:6px;
	left:9px;
}
#menu-mobile-menu #menu-item-23469 a::after{
	width: 40px;
	top: 47%;
	left: 5px;
}
#mega-solutions #menu-item-24030 a::after,
#menu-mobile-menu #menu-item-24123 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2024/01/icon-platforms.svg);
}
#mega-solutions #menu-item-24030 a::after{
	top:12px;
}

#mega-industries #menu-item-21632 a::after,
#menu-mobile-menu #menu-item-23461 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-brands.svg);
	width: 50px;
	height:50px;
	left:8px;
}
#menu-mobile-menu #menu-item-23461 a::after{
	width: 35px;
}
#mega-industries #menu-item-21631 a::after,
#menu-mobile-menu #menu-item-23475 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-agencies.svg);
	width: 50px;
	height:50px;
	left:8px;
}
#menu-mobile-menu #menu-item-23475 a::after{
	width: 35px;
}
#mega-industries #menu-item-21633 a::after,
#menu-mobile-menu #menu-item-23477 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-martech.svg);
	width: 55px;
	height:55px;
	left:5px;
}
#menu-mobile-menu #menu-item-23477 a::after{
	width: 40px;
}

#mega-data #menu-item-21627 a::after,
#menu-mobile-menu #menu-item-23471 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-b2b-data.svg);
	left: 10px
}
#mega-data #menu-item-21628 a::after,
#menu-mobile-menu #menu-item-23472 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-consumer.svg);
}
#mega-data #menu-item-21629 a::after,
#menu-mobile-menu #menu-item-23473 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-id-graph.svg);
}
#mega-data #menu-item-21630 a::after,
#menu-mobile-menu #menu-item-23474 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-syndicated-audiences.svg);
}
#mega-data #menu-item-22898 a::after,
#menu-mobile-menu #menu-item-23470 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-123push.svg);
}

#mega-resources-hub #menu-item-21643 a::after,
#menu-mobile-menu #menu-item-23478 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-case-studies.svg);
}
#mega-resources-hub #menu-item-21640 a::after,
#menu-mobile-menu #menu-item-23479 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-podcast.svg);
}
#mega-resources-hub #menu-item-21639 a::after,
#menu-mobile-menu #menu-item-23480 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-blog.svg);
}
#mega-resources-hub #menu-item-21641 a::after,
#menu-mobile-menu #menu-item-23481 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-learning-center.svg);
}
#mega-resources-hub #menu-item-21642 a::after,
#menu-mobile-menu #menu-item-23482 a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-press.svg);
}


/* all platform icons are same */
#mega-platforms .menu-item a::after,
#menu-mobile-menu #menu-item-23464 .sub-menu li a::after{
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/icon-plus.svg)
}

/* Mobile Menu */
#mobile-menu{
	width: 100%;	
}
.pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box{
	width: 40px
}
.pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner,
.pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner::before,
.pp-advanced-menu-mobile .pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner::after{
	height: 4px;
	width: 40px;
}
.pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:before{
	background-color: var(--clr-turquoise);
	top: -9px
}
.pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner{
	background-color: var(--clr-orange)
}
.pp-advanced-menu-mobile-toggle .pp-hamburger .pp-hamburger-box .pp-hamburger-inner:after{
	background-color: var(--clr-gold);
	bottom: -9px
}

#mobile-menu .pp-advanced-menu-mobile{
	justify-content:flex-end;
}

#menu-mobile-menu .pp-advanced-menu,
.pp-has-submenu-container,
#menu-mobile-menu a{
	text-align:left;
}


#menu-mobile-menu > li{
	background-color: var(--clr-neutral-400);
	border-radius: 10px;
	margin-bottom: 10px;
	padding-inline: 20px;
	transition: var(--tr);
}
#menu-mobile-menu .sub-menu{
	padding-block: 20px !important;
	margin-left: 0px !important;
	width: 100%;
}

#menu-mobile-menu > li.pp-active .sub-menu{
/* 	display: grid !important;
	grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
	gap:10px; */
}
#menu-mobile-menu .sub-menu li{
	text-align:left;
	color: black;
	padding-block: 8px;
	padding-left: 60px;
}
#menu-mobile-menu .sub-menu li span{
	color:black;
}

#menu-mobile-menu > li.pp-active{
	background-color: var(--_bg-color, var(--clr-neutral-400));
	
}
#menu-mobile-menu > li.pp-active.menu-heading > .pp-has-submenu-container .menu-item-text{
	color: var(--_color)
}

/* Solutions */
#menu-mobile-menu #menu-item-23459{
	--_bg-color: rgb(var(--clr-peach-rgb) / .25);
	--_color: var(--clr-orange);
}
/* Data */
#menu-mobile-menu #menu-item-23460{
	--_bg-color: rgb(var(--clr-seafoam-rgb) / .25);
	--_color: var(--clr-teal);
}
/* Industries */
#menu-mobile-menu #menu-item-23461{
	--_bg-color: rgb(var(--clr-mango-rgb) / .25);
	--_color: var(--clr-gold);
}
/* Company */
#menu-mobile-menu #menu-item-23462{
	--_bg-color: rgb(var(--clr-orange-rgb) / .25);
	--_color: var(--clr-orange);
}
/* Resource Hub */
#menu-mobile-menu #menu-item-23463{
	--_bg-color: rgb(var(--clr-peach-rgb) / .25);
	--_color: var(--clr-orange);
}
/* Platforms */
#menu-mobile-menu #menu-item-23464{
	--_bg-color: rgb(var(--clr-seafoam-rgb) / .25);
	--_color: var(--clr-teal);
}



/* =========================
   2.3 - Footer
   ========================= */

footer .menu-item a{
	letter-spacing:0;
	color:black;
	font-weight: normal;
	padding-left:0px !important
}

footer .social-icons {
	list-style: none;
	display: flex;
	gap: 10px;
	justify-content: flex-start;
	padding: 0;
	margin-bottom:10px;
}
footer .social-icons img {
	width: 20px;
	aspect-ratio: 1;
	object-fit: contain;
}
footer .social-icons a {
	background: red;
	padding: 5px;
	width: 35px;
	aspect-ratio: 1;
	display: grid;
	place-content: center;
	border-radius: 50%;
}
footer .social-icons li:nth-child(odd) a {
	background: var(--clr-peach);
}
footer .social-icons li:nth-child(even) a {
	background: var(--clr-turquoise);
}





/* =========================
   2.4 - Case Study Singular
   ========================= */

.share-col{
	width: fit-content !important;
}
.share-col .pp-social-share-content.pp-share-buttons-skin-flat .pp-share-grid-item .pp-share-button a{
	transition: var(--tr);
}

.share-col .pp-social-share-content.pp-share-buttons-skin-flat .pp-share-grid-item:nth-child(1) .pp-share-button a{
	background-color: var(--clr-turquoise)
}
.share-col .pp-social-share-content.pp-share-buttons-skin-flat .pp-share-grid-item:nth-child(2) .pp-share-button a{
	background-color: var(--clr-peach)
}
.share-col .pp-social-share-content.pp-share-buttons-skin-flat .pp-share-grid-item:nth-child(3) .pp-share-button a{
	background-color: var(--clr-gold)
}

.share-col .pp-social-share-content.pp-share-buttons-skin-flat .pp-share-grid-item .pp-share-button a:hover,
.share-col .pp-social-share-content.pp-share-buttons-skin-flat .pp-share-grid-item .pp-share-button a:focus-visible{
	background-color: var(--clr-forest)
}


.share-col .pp-social-share-content .pp-share-button-icon i{
	font-size: 25px !important;
}
.share-col .pp-social-share-content.pp-share-buttons-skin-flat .pp-share-grid-item:nth-child(2) .pp-share-button-icon i{
	font-size: 30px !important
}


/* =========================
   2.5 - Blog Singular
   ========================= */
#breadcrumbs a,
.cat-item a{
	transition: var(--tr);
	text-decoration:none;
}
#breadcrumbs a:hover,
#breadcrumbs a:focus-visible,
.cat-item a:hover,
.cat-item a:focus-visible{
	color: var(--clr-peach) !important;
}

.fl-module-fl-post-content h2,
.fl-module-fl-post-content h3,
.fl-module-fl-post-content h4,
.fl-module-fl-post-content h5,
.fl-module-fl-post-content h6{
	margin-top: 1.25em;
	margin-bottom: .5em;
}

.fl-module-fl-post-content h2,
.fl-module-fl-post-content h2 *{
	font-size: var(--fs-h4);
}
.fl-module-fl-post-content h3,
.fl-module-fl-post-content h3 *{
	font-size: var(--fs-h5);
}
.fl-module-fl-post-content h4,
.fl-module-fl-post-content h5,
.fl-module-fl-post-content h6,
.fl-module-fl-post-content h4 *,
.fl-module-fl-post-content h5 *,
.fl-module-fl-post-content h6 *{
	font-size: var(--fs-h6);
}

.single-post .share-col{
	width: 100% !important;
}


.single-post .hero h1, 
.single-post .hero h1 span{
	line-height: 1.1;
}

#blog-feat-img .fl-photo-content,
#blog-feat-img img{
	width: 100%;
}

#blog-sidebar{
	padding-left: clamp(20px, 3vw, 60px);
	padding-top: 100px;
}

#blog-sidebar .fl-col .fl-col-content{
	border-radius: calc(var(--br) / 2);
	padding: 10px;
}
#blog-sidebar h2{
	font-size: var(--fs-h5);
	margin-bottom:20px
}

.cat-item a{
	font-weight: bold;
	color: var(--clr-turquoise);
	text-transform: lowercase;
}

/* Table of Contents */
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li a{
	position:relative;
}
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li::before{
	display:none;
}
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li a::before{
	content:'';
	width: 35px;
	aspect-ratio: 1;
	border-radius: 50%;
	display:grid;
	margin-left:0 !important;
	position:absolute;
	background-color: var(--clr-turquoise);
	left:0;
	top:0;
	transition: var(--tr);
}
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li a::after{
	content:'';
	position:absolute;
	background-image:url('https://www.stirista.com/wp-content/uploads/2023/10/icon-arrow-down.svg');
	height: 20px;
	aspect-ratio: 1;
	background-size:contain;
	background-repeat:no-repeat;
	top:7px;
	left:11px
	
}
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li a{
	padding-left: 45px;
	padding-top: 5px;
	display:block;
	color: var(--clr-teal);
	transition: var(--tr);
}
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li a:hover,
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li a:focus-visible{
	color: var(--clr-forest);
	outline:none;
}
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li a:hover::before,
.pp-toc-container .pp-toc-list-wrapper.pp-toc-list-bullet li a:focus-visible::before{
	background-color: var(--clr-forest)
}
.pp-toc-header-title{
	font-size: var(--fs-h5) !important;
}

/* =========================
   2.6 - Landing Pages
   ========================= */

/* Google font added to LP php template */
/* Loaded locally via Perfmatters */
.single-lp .fl-heading{
	font-family: 'Onest';
	font-weight: 900;
}
#lp-completion-type,
#lp-redirect,
body:not(.fl-builder-edit) #asset-download,
#resource-completion-type,
#resource-redirect
{
	display:none
}
.single-lp form textarea,
.single-resources form textarea{
	display: none;
}
.single-lp.enable-form-comments form textarea,
.single-resources.enable-form-comments form textarea{
	display: block;
}

/* =========================
   2.7 - Resources
   ========================= */

.single-resources h1.fl-heading span.fl-heading-text span,
#resource-asset-headline span.fl-heading-text span{
	color: var(--clr-orange) !important
}

/** END Layout
------------------------------------------------------------------------*/




/** 3.0 - Page Specific CSS
------------------------------------------------------------------------*/

/* =========================
   3.1 - Homepage
   ========================= */

.home-hero h1 span{
	font-size: var(--fs-huge);
}
.uabb-fancy-text-main{
	display: inline-block;
}
.uabb-typed-main{
	background-color: var(--clr-turquoise);
	border-radius: .25em;
	padding-inline: .2em;
	padding-bottom: .1em;
	display:inline-block;
}
.uabb-fancy-text-type{
	line-height: calc(var(--fs-huge)* 1.15);
}

#home-video{
    z-index: 1;
    position: relative;
}

.stirred-up > .fl-col-content{
	display:grid;
	grid-template-columns: 4fr 3fr 3fr ;
	gap: 20px;
}
.stirred-up > .fl-col-content > .fl-col-group{
	border-radius: var(--br);
	overflow:hidden;
}
.fl-builder-edit .stirred-up:hover > .fl-col-content > .fl-col-group{
	overflow:visible;
}
body:not(.fl-builder-edit) #see-what-weve-stirred-up,
body:not(.fl-builder-edit) #industries-we-serve{
	overflow: clip;
}

#see-what-weve-stirred-up,
#industries-we-serve{
	position:relative;
	isolation: isolate;
}
#industries-we-serve::after,
#see-what-weve-stirred-up::before,
#see-what-weve-stirred-up::after{
	content:'';
	position: absolute;
	width: 300px;
	height: 300px;
	z-index:-1;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat:no-repeat;
}
#industries-we-serve::after{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/stirred-up-top.svg);
	right:25%;
	top: 110%;
	background-position: left;
}
#see-what-weve-stirred-up::before{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/stirred-up-left.svg);
	left:-7%;
	top: 50%;
}
#see-what-weve-stirred-up::after{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/stirred-up-right.svg);
	right:-7%;
	top: 70%;
}

.solutions-suite-col-wrapper .fl-col-group{
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
    align-items: flex-start;
}
.solutions-suite-col-wrapper .fl-col-group .fl-col{
    width: calc(33% - 40px) !important;
}

.grid-col-wrapper .fl-col-group{
    display: grid;
    grid-template-columns:repeat(auto-fit, minmax(375px, 1fr));
    gap: 30px;
}
.grid-col-wrapper .fl-col-group .fl-col{
    width: 100% !important;
}

@media (max-width:500px){
    .grid-col-wrapper .fl-col-group{
        grid-template-columns:1fr;
    }
}

#solutions-suite .fl-col-group::before{
	display: none;
}
@media (min-width: 1400px){
	#solutions-suite .fl-row-content-wrap,
	#our-work .fl-row-content-wrap,
	.grid-col-row .fl-row-content-wrap{
		position:relative;	
		aspect-ratio: 1.22;
	}
}
#find-your-platform .fl-col-group{
	justify-content: center;
}
#find-your-platform .fl-col-group .fl-col-content{
    max-width: 590px;
    margin-inline: auto;
}

@media (min-width: 768px) and (max-width: 992px) {
	#find-your-platform .bg-frost{
		padding-inline: 30px;
	}
}
@media (min-width: 992px){
	#find-your-platform .fl-row-content-wrap{
		position:relative;
		aspect-ratio: 1.46
	}
}

span.plus{
	margin-left:.25em;
	color:white !important;
	font-size: .6em !important;
	background-color: var(--clr-turquoise);
	height: 1.15em;
	aspect-ratio: 1;
	padding-bottom:.33em;
	top: -.33em;
	position:relative;
	font-weight:600;
	border-radius:50%;
	line-height:0px !important;
	display:inline-grid;
	place-content: center;
}

.clr-peach span.plus{
	background-color: var(--clr-peach);
}
.clr-mango span.plus{
	background-color: var(--clr-mango);
}
.clr-forest span.plus{
	background-color: var(--clr-forest);
}
.clr-teal span.plus{
	background-color: var(--clr-teal);
}
.clr-seafoam span.plus{
	background-color: var(--clr-seafoam);
}
.clr-mint span.plus{
	background-color: var(--clr-mint);
}
.clr-orange span.plus{
	background-color: var(--clr-orange);
}
.clr-gold span.plus{
	background-color: var(--clr-gold);
}


/* Featured Post Columns */
.feat-card-col .fl-col-content{
	min-height: clamp(350px, 60vh, 600px) !important;
	padding:0;
	}
.feat-card-col .fl-module,
.feat-card-col .fl-module-content,
.feat-card-col .fl-post-feed,
.feat-card-col .fl-post-feed-post{
	height: 100%;
}
.feat-card-col .fl-post-feed-post .feat-card{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.feat-card{
	position: relative;
	padding: 30px 40px;
	height: 100%; 
	background-size:cover;
	background-position: center center;
	cursor:pointer;
}
.feat-card > *{
	position:relative;
	z-index:1;
}
.feat-card::after{
	content:'';
	width:100%;
	height:65%;
	position:absolute;
	bottom:0;
	left:0;
	background-image: linear-gradient(transparent, var(--_color) 95%);
	transition: height var(--tr);
}

.feat-card h3{
	font-size: var(--fs-h5) !important;
}
.feat-card .label{
	margin-bottom: 20px;
}
.feat-card .label p{
	margin:0;
}
.feat-card a:hover{
	text-decoration:none;
}
.feat-card:hover::after,
.feat-card:has(:focus-visible)::after{
	height: 100%;
}

#marketing-stir-podcast-logo{
	margin-bottom: 50%;
}

/* Logo Scroll Slider */

.fl-row:not(.fl-block-overlay-active).logo-slider-wrapper{
	overflow-x:clip;
}
.logo-slider .fl-post-feed{
	display:flex;
}
.logo-slider .fl-post-feed-post{
	border-right: 1px solid rgb(255 255 255 / .25);
	padding: 40px 10px;
}
.logo-slider-reverse .fl-post-feed-post{
	border-right: 1px solid rgb(0 0 0 / .1);
}
/* body:not(.fl-builder-edit) .logo-slider-reverse .fl-post-feed{
	transform: translateX(-200%);
} */
.logo-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.bg-forest .logo-wrapper img{
	filter: invert(1)
}
.logo-wrapper img{
	filter: invert(28%) sepia(36%) saturate(566%) hue-rotate(123deg) brightness(92%) contrast(93%);
	max-height: 65px;
	object-fit:contain;
	max-width: 180px;
	margin-inline: 40px;
}

/* =========================
   3.2 - Blog Archive
   ========================= */



/* =========================
   3.3 - Podcast
   ========================= */


/* =========================
   3.4 - Case Studies
   ========================= */
.term-label .fl-topic{
	display:flex;
	flex-wrap:wrap;
	gap: 10px;
}
.term-label span{
	padding: 4px 10px;
	background-color: var(--clr-seafoam);
	color: white;
	font-weight: 600;
	font-size: 16px;
	text-transform: lowercase;
	border-radius: 100vw;
	display:inline-block;
}
.term-label + .post-title{
	margin-top:10px;
}

.podcast-duration::after{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/icon-timer.svg);
}


/* =========================
   3.5 - Press
   ========================= */

#press-grid .fl-post-feed{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
}

.press-card{
	background:white;
	padding: 40px;
	box-shadow: var(--bs);
	border-radius: var(--br);
	display:flex;
	flex-direction:column;
}
.press-logo img{
	height:60px;
	object-fit:contain;
	object-position: left;
	margin-bottom: 20px;
}
.press-card .post-meta{
	margin-top:20px;
	margin-bottom:40px;
}

.press-card .post-link{
	margin-top: auto;
}


/* =========================
   3.6 - Company
   ========================= */

#leaders,
#board{
	position:relative;
	isolation: isolate;
	
}
body:not(.fl-builder-edit) #leaders,
body:not(.fl-builder-edit) #board{
	overflow-x: clip;
}

#leaders::before,
#leaders::after{
	content:'';
	position: absolute;
	width: 400px;
	height: 65%;
	z-index:-1;
	background-size: contain;
	background-repeat:no-repeat;
}
#leaders::before{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/leaders-bg-accent-left.svg);
	left:-5%;
	top:-5%;
}
#leaders::after{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/leaders-bg-accent-right.svg);
	right:-7%;
	top: 15%;
}

#board::before,
#board::after{
	content:'';
	position: absolute;
	width: 400px;
	height: 400px;
	z-index:-1;
	transform: translateY(-50%);
	background-size: contain;
	background-repeat:no-repeat;
}
#board::before{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/board-bg-accent-left.svg);
	left:-7%;
	top: 40%;
}
#board::after{
	background-image: url(https://www.stirista.com/wp-content/uploads/2023/10/board-bg-accent-right.svg);
	right:-7%;
	top: 70%;
}


/* Team grid */
.team-grid .fl-post-feed{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:65px;
}
.team-grid .fl-post-feed > *{
	width: min(300px, 100%) !important;
}
.team-member{
	display:flex;
	flex-direction:column;
	align-items:center;
	height:100%;
	position:relative;
}
.team-headshot,
.headshot-wrapper{
  width: min(300px, 90%) !important;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
  object-position: center top;
}
.team-name{
  font-size: var(--fs-h5) !important;
	color: black;
  margin-top:0px;
	margin-bottom:5px;
}
.team-member .team-position{
  max-width: 250px;
	text-wrap:balance;
  margin:10px auto;
}

.team-modal .modal-body{
	display:grid;
	grid-template-columns: 2fr 4fr;
	align-items:center;
	padding:0;
}
.modal-body .team-info{
	text-align:center;
}
.modal-headshot{
	aspect-ratio: 2/3;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center top;
}
.modal-body .team-bio{
	padding: 60px;
}
.team-name-wrapper{
	display: flex;
	justify-content:space-between;
	align-items:flex-end;
	gap: 40px;
/* 	justify-content: space-between; */
}
.team-name-wrapper a{
	color: var(--clr-turquoise);
	transition: var(--tr);
	margin-right: 10px;
}
.team-name-wrapper a:hover{
	color: var(--clr-forest)
}


.team-info a{
	color: var(--clr-orange);
	font-size:16px;
}

/* Buttons */
.headshot-wrapper{
	position:relative;
}
.team-member button.modal-btn{
	background-color: var(--clr-orange);
	color:white;
	font-size: 30px;
	border-style: none;
	border-radius: 50%;
	width:55px;
	aspect-ratio:1;
	display:grid;
	place-content:center;
	text-align:center;
	position:absolute;
	bottom:20px;
	right:20px;
	transition: var(--tr);
	line-height: 1;
	padding:0;
}
.team-member button.modal-btn:hover{
	background-color: var(--clr-turquoise);
	color:white
}

.fl-row:not(.fl-block-overlay-active)#careers .fl-row-content-wrap{
	position:relative;
	isolation: isolate;
	overflow-x:clip;
}
.fl-row:not(.fl-block-overlay-active) #work-at-the-company-imgs .fl-module{
	position:absolute;
	z-index:-1;
}
.fl-row:not(.fl-block-overlay-active) #work-at-the-company-imgs .fl-module:nth-of-type(1){
	top:0;
	left:5%;
}
.fl-row:not(.fl-block-overlay-active) #work-at-the-company-imgs .fl-module:nth-of-type(2){
	bottom:0;
	left:-5%;
}
.fl-row:not(.fl-block-overlay-active) #work-at-the-company-imgs .fl-module:nth-of-type(3){
	top: 50%;
	right: -10%;
	transform: translateY(-50%);
}


/* =========================
     3.7 - Solutions
   ========================= */

/* 3.7.1 - Acquisition Email */

@media (min-width:1201px){
	#acquiring-customers-via-email .fl-row-content-wrap{
			aspect-ratio: 2.17 / 1;
	}
}

/* 3.7.2 - CTV Advertising */

#logo-grid .fl-col-content{
	display: grid;
	grid-template-columns:repeat(auto-fit, minmax(175px, 1fr));
	gap:10px;
}
#logo-grid .fl-col-content > *{

	height: 100%;
	display:flex;
	align-items: center;
	justify-content:center;
}

#advertising-channels{
	position:relative;
	isolation: isolate;
}

body:not(.fl-builder-edit) #advertising-channels{
	overflow-x: clip;
}


#advertising-channels::before,
#advertising-channels::after{
	content:'';
	position: absolute;
	width: 400px;
	height: 65%;
	z-index:-1;
	background-size: contain;
	background-repeat:no-repeat;
}

#advertising-channels::before{
	background-image: url(https://www.stirista.com/wp-content/uploads/2024/01/ad-channel-accent-left.svg);
	left:-5%;
	top:5%;
}

#advertising-channels::after{
	background-image: url(<%=parentbasehref%>wp-content/uploads/2024/01/ad-channel-accent-right.svg);
	right:-8%;
	bottom: 5%;
	background-position: right center
}

/* 3.7.3 - Performance Advertising */
#better-tagline{
	display:flex;
	justify-content: space-between;
	gap: 3vw;
}
#better-tagline > *{
	font-size: 2.6vw;
	font-weight: 700;
	color: var(--clr-teal);
	position: relative;
}
#better-tagline > *::after{
	--_width:1.25vw;
	content:'';
	width: var(--_width);
	aspect-ratio: 1;
	position: absolute;
	right:calc(var(--_width) * 2 * -1);
	top:55%;
	transform: translateY(-50%);
	background: var(--clr-peach);
	border-radius:50%;
}
#better-tagline > *:last-child::after{
	display:none;
}
#better-tagline > *:nth-child(2)::after{
	background-color: var(--clr-seafoam)
}
#better-tagline > *:nth-child(3)::after{
	background-color: var(--clr-mango)
}

.frosted-number-grid .fl-col-group,
.frosted-grid .fl-col-group,
#our-work .fl-row-content > .fl-col-group:nth-child(2){
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.frosted-grid.two-by-two .fl-col-group{
	grid-template-columns: repeat(2, 1fr);
}
.frosted-number-grid .fl-col-group::before,
.frosted-grid .fl-col-group::before,
#our-work .fl-col-group::before,
.grid-col-wrapper .fl-col-group::before{
	display:none;
}
.frosted-number-grid .fl-col-group .fl-col,
.frosted-grid .fl-col-group .fl-col,
#our-work .fl-col-group .fl-col{
	width:100% !important;
	
}
.frosted-number-grid .fl-col-group .fl-col-content,
.frosted-grid .fl-col-group .fl-col-content,
#our-work .fl-col-group .fl-col-content{
	height:100%;
}


#win-retain .fl-icon{
	vertical-align: top;
	padding-top: 10px;
}
#win-retain .fl-icon-text{
	max-width: 375px;
	text-wrap: balance;
}

/* 3.7.4 - Creative */
#our-work .fl-row-content > .fl-col-group:nth-child(2) .bg-frost .fl-col-content{
	display:grid;
	place-content:center;
}

/* 3.7.5 - Growth */


/* =========================
     3.8 - Platforms
   ========================= */

/* 3.8.1 - AdStir */

/* 3.8.2 - MailStir */

/* 3.8.3 - DX */

/* 3.8.4 - CDP */

/* =========================
     3.9 - Data
   ========================= */

/* 3.9.1 - ID Graph */

/* 3.9.2 - B2B Data */

/* 3.9.3 - Consumer Data */
#build-your-audience .grid-col-wrapper .fl-col-content{
	min-height:200px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}

/* 3.9.4 - Syndicated Audiences */

/* 3.9.5 - 123Push */
#push-hero .fl-row-content-wrap{
	overflow-x: clip;
}
#push-hero-content{
	position:relative;
	isolation: isolate;
}
#push-hero-content::before,
#push-hero-content::after{
	content:'';
	position:absolute;
	pointer-events:none;
	z-index:-1;
	top:-50px;
	width: 30vw;
	max-width: 500px;
	height: 150%;
	background-size:contain;
	background-repeat:no-repeat;
}
#push-hero-content::before{
	left:-15vw;;
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/123-push-hero-left.svg);
}
#push-hero-content::after{
	right:-15vw;;
	background-image:url(https://www.stirista.com/wp-content/uploads/2023/10/123-push-hero-right.svg);
}

.audience-types {
  --gap: 15px;
  --line-offset: calc(var(--gap) / 2);
  --line-thickness: 1px;
  --line-color: white;
  
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(275px, 1fr));
	grid-auto-rows: 1fr;
	overflow: hidden;
	gap: var(--gap);
	padding-block: calc(var(--gap) / 2 - var(--line-thickness));
	border: var(--line-thickness) solid var(--line-color);
}

/* Make Grid Items Control Absolute Pseudo Positioning */
.audience-types > * {
   position: relative;
	text-align: center;
	font-weight: bold;
	font-size: var(--fs-h5);
	line-height:1.1;
	padding: 15px;
	display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* Pseudo Element Shared Styling */
.audience-types > *::before, 
.audience-types > *::after {
   content: '';
   position: absolute;
   background-color: var(--line-color);
   z-index: 1;
}

/* Row Borders */
.audience-types > *::after {
  inline-size: 100vw;
  block-size: var(--line-thickness);
  inset-inline-start: 0;
  inset-block-start: calc(var(--line-offset) * -1);
}

/* Column Borders */
.audience-types > *::before {
  inline-size: var(--line-thickness);
  block-size: 100vh;
  inset-inline-start: calc(var(--line-offset) * -1);
}


/* =========================
   3.10 - Resources - Learning Center
   ========================= */

.resource-excerpt{
	overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
	margin-bottom: 20px;
}
.on-page-nav a{
	transition: var(--tr);
}
.on-page-nav a:hover,
.on-page-nav a:focus-visible{
	color: var(--clr-orange) !important;
	outline: none;
}

/* =========================
   3.11 - Privacy Policy / Terms
   ========================= */

.page-privacy-policy h2,
.page-terms h2{
	font-size: var(--fs-h4)
}

.page-terms ol {
	counter-reset: item;
	list-style-type: none;
	padding-left: 0;
	margin-top: .5em;
}

.page-terms ol > li {
    counter-increment: item;
    margin-bottom: .5em;
    position: relative;
}

.page-terms ol > li:before {
    content: counters(item, ".") " ";
    position: absolute;
    left: 0;
    width: 40px;
    margin-left: -55px; /* Shift numbers to the left */
    text-align: right;
	font-weight: 600;
}

.page-terms ol ol {
    margin-left: 1em;
}

@media (max-width: 767px) {
	.page-terms ol > li{
		padding-left: 10px;
	}
	.page-terms ol > li:before {
		margin-left: -35px; /* Shift numbers to the left */
	}
}






/** END Page Specific CSS
------------------------------------------------------------------------*/

/** 4.0 - Admin Branding
------------------------------------------------------------------------*/

/* =========================
   4.1 - Admin Bar
   ========================= */

#wpadminbar {
  background-color: var(--clr-forest);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

#wpadminbar .menupop .ab-sub-wrapper,
#wpadminbar .shortlink-input {
  background-color: var(--clr-teal);
}

#wpadminbar .ab-top-menu > li.hover > .ab-item,
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover>a, #wpadminbar .quicklinks .menupop ul li a:focus, #wpadminbar .quicklinks .menupop ul li a:focus strong, #wpadminbar .quicklinks .menupop ul li a:hover, #wpadminbar .quicklinks .menupop ul li a:hover strong, #wpadminbar .quicklinks .menupop.hover ul li a:focus, #wpadminbar .quicklinks .menupop.hover ul li a:hover, #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:focus, #wpadminbar .quicklinks .menupop.hover ul li div[tabindex]:hover, #wpadminbar li #adminbarsearch.adminbar-focused:before, #wpadminbar li .ab-item:focus .ab-icon:before, #wpadminbar li .ab-item:focus:before, #wpadminbar li a:focus .ab-icon:before, #wpadminbar li.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover #adminbarsearch:before, #wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus, #wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
#wpadminbar:not(.mobile)>#wp-toolbar a:focus span.ab-label, #wpadminbar:not(.mobile)>#wp-toolbar li:hover span.ab-label, #wpadminbar>#wp-toolbar li.hover span.ab-label{
  background-color: var(--clr-teal);
	color: var(--clr-neutral-100);
}

#wpadminbar #wp-toolbar .blueselected a{
	color: var(--clr-neutral-100);
	font-weight:600;
}



#wp-admin-bar-wp-logo,
#wp-admin-bar-rank-math,
#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
  display: none;
}

li#wp-admin-bar-wlcms-admin-logo img {
  max-width: 30px;
}

/* =========================
   4.2 - Builder Styles
   ========================= */

.fl-builder-bar-title-icon,
#fl-builder-toggle-notifications {
  display: none;
}

.fl-builder-bar-title-area {
  padding: 4px 4px 4px 15px;
}

.fl-block-overlay {
	-webkit-backdrop-filter: unset;
	backdrop-filter: unset;
}
.fl-builder-edit body:not(.single-fl-theme-layout):not(.single-fl-builder-template) .fl-builder-content[data-overlay="1"] {
    display: block;
}

/* Dock the Outline Panel */
.fl-builder-ui-iframe-wrap:has(~ #fl-ui-root .fl-builder-workspace-panel),
.fl-builder-ui-iframe-toolbar:has(~ #fl-ui-root .fl-builder-workspace-panel){
    width: calc(100% - 320px) !important;
}

/** END Admin Branding
------------------------------------------------------------------------*/

/** 5.0 - Tablet Only Styles
------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 992px) {
  .tabletcenter {
    text-align: center !important;
    float: none !important;
  }
	
	.stirred-up > .fl-col-content .fl-col-group:nth-child(1){
		grid-column: span 2
	}
	.stirred-up > .fl-col-content .fl-col-group:not(:nth-child(1)){
		grid-column: span 1
	}
	
	.stirista-grid .fl-post-feed{
		grid-template-columns: repeat(4, 1fr);
		gap: 40px 30px;
	}
	.stirista-grid .fl-post-feed-post:nth-child(1), .stirista-grid .fl-post-feed-post:nth-child(2) {
		grid-column: span 4;
	}
	
	.frosted-number-grid .fl-col-grou,
	.frosted-grid .fl-col-group,
	#our-work .fl-row-content > .fl-col-group:nth-child(2){
		grid-template-columns: 1fr 1fr;
	}
	
	.latest-blogs .fl-row-content-wrap {
			background-image: linear-gradient(180deg, transparent 45%, var(--clr-forest) 45%);
	}
	
	#logo-grid .fl-col-content{
		grid-template-columns:repeat(auto-fit, minmax(90px, 1fr));
		gap:0;
	}  
	
	.review-wrapper{
		grid-template-columns: 125px 1fr;
		gap: 40px
	}
	#leaders::before,
	#leaders::after{
		opacity:.5;
	}
	#leaders::before{
		top:0%;
	}
	#leaders::after{
		top:50%;
	}
	
	#advertising-channels::before,
	#advertising-channels::after{
		display:none;
	}
	
	.fl-row:not(.fl-block-overlay-active) #work-at-the-company-imgs .fl-module:nth-of-type(1){
		top:0;
		left:-10%;
	}
	.fl-row:not(.fl-block-overlay-active) #work-at-the-company-imgs .fl-module:nth-of-type(2){
		bottom:-5%;
		left: unset;
		right:-10%;
	}
	

	
}

/** 6.0 - Tablet + Mobile Styles
------------------------------------------------------------------------*/

@media (max-width: 992px) {
  
/* 	Mega Menu */
/* 	[id^="mega-"] .menu-item{
		padding: 
	} */
	
/* 	[id^="mega-"] .menu-item a::before{
		left: 50%;
		bottom:100%;
	}
	[id^="mega-"] .menu-item a::after{
		left: 50% !important;
		bottom:100%;
	} */
	
	.stirred-up > .fl-col-content{
		grid-template-columns: 1fr 1fr
	}
	.solutions-suite-col-wrapper .fl-col-group{
		display:grid;
		grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));
	gap:30px;
	}
	.solutions-suite-col-wrapper .fl-col-group .fl-col{
    width: 100% !important;
}

  /* Typography */
  .two-col .fl-rich-text {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
  }
	
	#push-hero-content::before,
	#push-hero-content::after{
		display:none;
	}
	#blog-sidebar{
		padding-left: 0;
		padding-top: 40px;
	}
	
	
	
	.team-modal .modal-body > *{
		width: 100%;
	}
	.modal-body .team-info{
		margin-right: 0;
		margin-bottom: 40px;
	}
	
	
}

/** 7.0 - Mobile Only Styles
------------------------------------------------------------------------*/

@media (max-width: 767px) {
  .mobilecenter {
    text-align: center !important;
    float: none !important;
  }
	
	.lp-header-cta a.fl-button{
		font-size:8px;
		margin-right: 10px
	}
	
	body:not(.home) .hero:not(.hero-gradient) .fl-row-content-wrap{
		padding-top: 120px;
	}
	
	#footer-social .fl-icon-group{
		justify-content:center;
	}
	footer .menu-item a{
		font-size: 14px;
		margin-block: 3px;
	}
	footer .fs-h6{
		margin-bottom:3px !important;
	}
	
	.uabb-fancy-plain-text{
		width: 100% !important;
		text-align:center;
		display:block;
		margin-right:0 !important;
	}
	.uabb-typed-main,
	.uabb-typed-main-wrap{
		display:block;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align:center !important;
		width: fit-content !important;
		min-height:60px;
	}

	.btn-text a.fl-button span,
.btn-text a.fl-button:visited span,
button.fl-button.btn-text span,
.fl-module-content .wpgb-facet button.wpgb-load-more,
.pp-more-link-button,
	.fl-builder-content a.fl-button span,
.nav-btn a,
.fl-module-content .wpgb-facet button.wpgb-load-more,
.pp-more-link-button{
		font-size: 16px;
	}
	
	.color-bar .fl-col-content{
		margin-left: 20px !important;
		margin-bottom:40px !important;
	}
	
	.testimonial-carousel-wrapper .fl-col.color-bar .fl-col-content::before{
		display:none;
	}
	
	.stirred-up{
		margin-inline: 20px;
	}
	.stirred-up > .fl-col-content .fl-col-group{
		grid-column: span 2
	}
	
	.stirista-grid .fl-post-feed{
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 30px;
	}
	.stirista-grid .fl-post-feed-post:nth-child(1), .stirista-grid .fl-post-feed-post:nth-child(2) {
		grid-column: span 2;
	}
	
	.frosted-number-grid .fl-col-group,
	.frosted-grid .fl-col-group,
	#our-work .fl-row-content > .fl-col-group:nth-child(2),
	.frosted-grid.two-by-two .fl-col-group{
		grid-template-columns: 1fr;
		margin-inline: 20px;
	}
	.latest-blogs .fl-row-content-wrap {
		background-image: linear-gradient(180deg, transparent 25%, var(--clr-forest) 25%);
	}
	
	#logo-grid .fl-col-content{
		grid-template-columns:repeat(auto-fit, minmax(85px, 1fr));
		gap: 5px;
	}  
	
	.review-wrapper{
		display:flex;
		flex-direction:column;
		gap: 30px;
	}
	.review-img{
		text-align:center;
	}
	.review-img img{
		max-width:120px;
	}
	.uabb-typed-main-wrap{
		padding-right: .25em
	}
	.uabb-typed-main-wrap +  *{
		display:block;
	}

	.pp-advanced-menu .pp-off-canvas-menu{
		width: 100vw !important;
	}
	
	.team-modal .modal-body{
		grid-template-columns: 1fr;
	}
	.modal-body .team-bio{
		padding: 20px;
	}
	.modal-headshot{
		aspect-ratio: unset;
		height: 300px;
		width: 100%;
	}
	.team-name{
		font-size: var(--fs-h4) !important;
	}

	#leaders::before,
	#leaders::after,
	#leaders::before,
	#leaders::after,
	#advertising-channels::before,
	#advertising-channels::after{
		display:none;
	}
	
	.fl-row:not(.fl-block-overlay-active) #work-at-the-company-imgs .fl-module:nth-of-type(1){
		top:-5%;
		left:-15%;
	}
	.fl-row:not(.fl-block-overlay-active) #work-at-the-company-imgs .fl-module:nth-of-type(2){
		bottom:-5%;
		left: unset;
		right:-10%;
		width: 270px
	}

	/* Gravity Forms */
	.gform-body .gfield,
	.ginput_container--name > *{
		width: 100% !important;
		padding:0px !important;
	}
	.ginput_container--name{
		flex-wrap: wrap;
		gap: 10px;
	}
	.gform_fields{
		flex-wrap: wrap;
		gap: 20px;
	}
	
	.footer-sign-up-form .gform_fields{
		grid-template-columns: 1fr;
	}
	#modal-g9zxa5lcd74r .pp-modal .pp-modal-content-inner{
		padding:20px;
		padding-top:60px
	}
		
}

/** 8.0 - Accessibility Styles
------------------------------------------------------------------------*/

/* Reduce Motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    -webkit-animation-delay: 0.01ms !important;
    animation-delay: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    -webkit-transition-delay: 0.01ms !important;
    transition-delay: 0.01ms !important;
    -webkit-transition-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}
select#input_42_12.large.gfield_select,select#input_54_16.large.gfield_select {
    border-radius: 50px;
    border: none;
    box-shadow: none;
		color:gray;
}