/*
	Theme Name: Stratabeat
	Theme URI: https://stratabeat.com
	Description: Stratabeat Custom Theme
	Version: 1.4.3
	Author: Stratabeat
	Author URI: https://stratabeat.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

@import url("webfonts.min.css");
@import url("animation.min.css");
@import url("base.min.css");

:root {
  --font-avenir-light: 'AvenirNext Light';
  --font-avenir-regular: 'AvenirNext Regular';
  --font-avenir-medium: 'AvenirNext Medium'; 
  --font-avenir-demi-bold: 'AvenirNext Demi Bold';
  --font-avenir-bold: 'AvenirNext Bold';
  --font-avenir-heavy: 'AvenirNext Heavy';
  --font-tungten-medium: 'Tungsten Medium';
  --font-size-subheading: clamp(22px,1.5em,28px);
  --accordion-header: 18px;
  --white: #ffffff;
  --light-gray: #f6f6f6;
  --light-gray-2: #e1e1e1;
  --dark-gray: #868686;
  --pink: #d11759;
}

/*=====================================
    				Custom Styles
=======================================*/

body {
	font-family: var(--font-avenir-medium);
	font-size: 18px;
	color: #343940;
	background: #f6f6f6;
}

body:not(.home) main {
	position: relative;
	z-index: 2;
}

/*-- Page Background color and logo mark --*/

.page-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100vh;
	background-color: #f6f6f6;
	z-index: 1;
	overflow: hidden;
}

.page-background .logo-outline {
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
	max-width: 780px;
	height: 100%;
	max-height: 1098px;
	overflow:hidden;
}

.page-background .logo-outline:after {
	position: absolute;
	top: -10%;
	left: -15%;
	width: 100%;
	height: 100%;
	content: "";
	background: url('/wp-content/themes/stratabeat/img/hero-logo-outline-pink.png') no-repeat right top;
	background-size: auto 100%;
}

/*-- Typography --*/

h1 {
	font-family: 'Tungsten Medium';
	font-size: clamp(50px,6vw,70px);
	line-height: 1em;
	color: #343940;
}

h2 {
	font-family: 'Tungsten Medium';
	font-size: 70px;
	color: #343940;
	line-height: 1.1em;
	margin-bottom: 30px;
}

h2.font-size-36 {
	line-height: 1.3em;
}

h3 {
	font-family: 'Tungsten Medium';
	font-size: 34px;
	color: #343940;
}

h4 {
	font-family: 'Tungsten Medium';
	color: #343940;
}

h5 {
	font-family: 'Tungsten Medium';
	color: #343940;
}

h6 {
	font-family: 'Tungsten Medium';
	color: #343940;
}

p {
	font-size: 18px;
}

p:not(:last-of-type) {
	margin-bottom: 35px;
}

.text-box p {
	line-height: 1.8em;
}

.paragraph-lg p {
	font-size: 22px;
}

a {
	color: var(--pink);
	transition: all ease 0.4s;
}

a:hover {
	color: #20a4f3;
}


strong {
	font-family: var(--font-avenir-bold);
}

.text-box a {
	color: #20a4f3;
}

.text-box a:hover {
	
}

.letter-spacing-2 {
	letter-spacing: 2px;
}

/*-- Heading Embelishments --*/

.embelish:before,
.section-hero .box-content h2:before,
.section-alternating-rounded .box-container .box-content h2:before {
	display: block;
	width: 82px;
	height: 8px;
	border-radius: 4px;
	margin-bottom: 40px;
	content: "";
	background: var(--pink);
}

.embelish-bottom:after {
	display: block;
	width: 82px;
	height: 8px;
	border-radius: 4px;
	margin-top: 20px;
	content: "";
	background: var(--pink);
}

.embelish.center:before {
	margin-right: auto;
	margin-left: auto;
}

/*-- White Embelishment --*/

.embelish-white:before,
.section-hero .box-content h2.embelish-white:before,
.section-fullwidth-img-rounded-content:not(.box-stretch) .content-box h2.embelish-white:before,
.section-alternating-rounded .box-container .box-content h2.embelish-white:before {
	background: var(--white);
}

/*- Stand-alone embelishment -*/

.embellishment,
.embelishment  {
	display: block;
	width: 82px;
	height: 8px;
	border-radius: 4px;
	margin-bottom: 40px;
	background: var(--pink);
}

.embellishment.center {
	margin-right: auto;
	margin-left: auto;
}

/*- Right pink border line - 5px -*/

.border-right-pink-5 {
	border-right: 5px solid var(--pink);
	padding-right: 30px;
}

/*-- Email Icon Links --*/

a.email {
	
}

a.email:before {
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	font-weight: 200;
	content: "\e1a7";
	margin-right: 5px;
	color: var(--white);
}


/*-- Social Icon Links --*/
a.social-icon  {
	font-size: 0;
	text-decoration: none;
}

a.social-icon:before {
	font-family: "Font Awesome 6 Brands";
	font-weight: 400;
	font-size: 28px !important;
}

a.social-icon.twitter:before {
	content: "\f099";
}

a.social-icon.facebook:before {
	content: "\f39e";
}

a.social-icon.linkedin:before {
	content: "\f08c";
}

a.social-icon.pinterest:before {
	content: "\f0d2";
}

a.social-icon.youtube:before {
	content: "\f167";
}

a.calendar,
a.phone,
a.email-address {
	position: relative;
	display: inline-block;
	margin-left: 38px;
}

a.calendar:before,
a.phone:before,
a.email-address:before {
	position: absolute;
	left: -38px;
	top: 0;
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
}

a.phone:before {
	content: "\f095";
}

a.email-address:before {
	content: "\f0e0";
	margin-right: 10px;
}

a.calendar:before {
	content: "\f073";
	font-weight: 500;
}

/*-- Custom Fonts --*/

.tungsten-medium {
	font-family: 'Tungsten Medium' !important;
}

.avenir-light {
	font-family: var(--font-avenir-light) !important;
}

.avenir-regular {
	font-family: 'AvenirNext Regular' !important;
}

.avenir-medium {
	font-family: var(--font-avenir-medium) !important;
}

.avenir-demibold {
	font-family: var(--font-avenir-demi-bold) !important;
}

.avenir-bold {
	font-family: var(--font-avenir-bold) !important;
}

.avenir-heavy {
	font-family: var(--font-avenir-heavy) !important;
}

/*============================
				 Add-To-Any Fixes
=============================*/

.addtoany_shortcode .addtoany_list {
	display: flex !important;
} 

.addtoany_shortcode .addtoany_list > a {
	display: block !important;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	padding: 0 !important;
	text-decoration: none;
}

.addtoany_shortcode .addtoany_list > a:hover {
	opacity: .5;
}

.addtoany_shortcode .addtoany_list > a svg {
	visibility: hidden;
}

.addtoany_shortcode .addtoany_list > a:before {
	font-family: "Font Awesome 6 Brands";
}

.addtoany_shortcode .addtoany_list > a.a2a_button_linkedin:before {
	content: "\f0e1";
}

.addtoany_shortcode .addtoany_list > a.a2a_button_twitter:before {
	content: "\e61b";
}

.addtoany_shortcode .addtoany_list > a.a2a_button_facebook:before {
	content: "\f39e";
}

/*============================
				 Arrow Links
=============================*/

.arrow {
	position: relative;
	display: inline-block;
	width: auto;
	font-family: var(--font-avenir-bold);
	font-size: clamp(16px,2vw,22px);
	color: #343940;
	text-decoration: none;
	white-space: nowrap;
	padding-right: 52px;
	z-index: 50;
}

.arrow:after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	font-family: "Font Awesome 5 Pro";
	font-weight: 500;
	font-size: 18px;
	content: "\f061";
	color: var(--pink);
	border: 2px solid #d7d7d7;
	border-radius: 50%;
	transition: all ease 0.4s;
}

.arrow:hover {
	color: #343940;
}

.arrow:hover:after {
	transform: translateY(-50%) scale(1.4);
	color: var(--white);
	background: var(--pink);
	border-color: transparent;
	z-index: -1;
}

/*-- Arrow Left --*/

.arrow.arrow-left {
	padding-right: 0;
	padding-left: 62px;
}

.arrow.arrow-left:after {
	right: initial;
	left: 0;
	transform: translateY(-50%) rotate(180deg);
}

/*-- White Text --*/

.arrow.arrow-text-white {
	color: var(--white);
}

/*-- White Arrow --*/
.arrow-white:after {
	color: var(--white);
	border-color: var(--white);
}

/*-- White Circle --*/

.arrow-circle-white {
	border-color: var(--white);
}

.arrow-circle-white:hover:after {
	background: var(--white);
}

/*-- Dark Text --*/

.arrow.arrow-text-dark {
	color: #343940 !important;
}

/*-- Dark Arrow --*/

.arrow-dark:after {
	color: #343940 !important;
	border-color: var(--white);
}

.arrow-dark:hover:after {
	color: var(--white) !important;
	background: #343940;
}

/*-- Blue Arrow --*/

.arrow-blue:after {
	color: #20a4f3 !important;
	border-color: var(--white);
}

.arrow-blue:hover:after {
	color: var(--white) !important;
	background: #20a4f3;
}

/*-- Blue Text --*/

.arrow-text-blue {
	color: #20a4f3 !important;
}

/*-- Blue Circle --*/

.arrow-circle-blue:after {
	border-color: #20a4f3;
}

.arrow-circle-blue:hover:after {
}

/*-- Gray Circle --*/

.arrow-circle-gray:after {
	border-color: #d7d7d7;
}

/*-- Teal Arrow --*/

.arrow-teal:after {
	color: #2ec4b6;
}

.arrow-teal:hover:after {
	color: var(--white);
	background: #2ec4b6;
}

/*-- Teal Text --*/

.arrow-text-teal {
	color: #2ec4b6 !important;
}

/*-- Pink Text --*/

.arrow-text-pink {
	color: var(--pink) !important;
}

/*-- Change circle to white with pink text --*/

.arrow-hover-circle-white-pink:hover:after {
	color: var(--pink) !important;
	background: var(--white);
}

/*-- Custom Arrow Color (Added by inline styles) --*/

.arrow.arrow-custom-color:after {
	color: inherit;
}

.arrow.arrow-custom-color:hover:after {
	background: inherit;
	border-color: transparent !important;
}

/*============================
			Simple Arrow Links
=============================*/

.arrow-simple {
	position: relative;
	display: inline-block;
	font-family: var(--font-avenir-demi-bold);
	font-size: 22px;
	margin-right: 40px;
	text-decoration: none;
}

.arrow-simple:after {
	position: absolute;
	top: 0;
	right: -40px;
	font-family: "Font Awesome 6 Pro";
	font-weight: 500;
	content: "\f061";
	transition: all ease 0.4s;
}

.arrow-simple:hover:after {
	transform: scale(1.6);
}


/*- left arrow -*/

.arrow-simple.arrow-simple-left {
	margin-right: 0;
	margin-left: 40px;
}

.arrow-simple.arrow-simple-left:after {
	right: initial;
	left: -40px;
	content: "\f060";
}

/*============================
					Buttons
=============================*/

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: auto;
	height: 48px;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.1em;
	text-decoration: none;
	color: #231f20;
	border: 2px solid var(--pink);
	background: transparent;
	border-radius: 24px;
	padding-left: 20px;
	padding-right: 20px;
}

.btn:hover {
	color: var(--white);
	background: var(--pink);
}

/*-- solid white button with pink border --*/

.btn.btn-white {
	color: #343940;
	border: 2px solid var(--pink);
	background: var(--white);
}

.btn.btn-white:hover {
	color: var(--white);
	border-color: var(--pink);
	background: var(--pink);
}

/*-- solid Pink with white hover --*/

.btn.btn-pink {
	color: var(--white);
	background: var(--pink);
}

.btn.btn-pink:hover {
	color: #343940;
	border: 2px solid var(--white);
	background: var(--white);
}

/*============================
			Custom Bullets
=============================*/

.text-box ul {
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
}

.text-box ul li {
	position: relative;
	margin-left: 25px;
	margin-bottom: 25px;
}

.text-box ul li:before {
	position: absolute;
	top: 10px;
	left: -25px;
	width: 6px;
	height: 6px;
	content: "";
	border-radius: 50%;
	background: var(--pink);
}

/*-- Bullets White --*/

ul.bullets-white li:before {
	background: var(--white);
}

/*-- Checkmarks --*/

ul.checkmarks {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.checkmarks li {
	position: relative;
	margin: 0 0 28px 44px;
	line-height: 1.3em;
}

ul.checkmarks li:before {
	position: absolute;
	top: 0;
	left: -44px;
	width: auto;
	height: auto;
	color: #2ec4b6;
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	border-radius: 0;
	content: "\f00c";
	background: transparent;
}

/*=================================
				Custom Numbered Lists
==================================*/

.text-box ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  margin: 0 0 35px 25px;
  padding: 0;
}

.text-box ol li {
	position: relative;
	margin-left: 30px;
	margin-bottom: 15px;
  counter-increment: my-awesome-counter;
}

.text-box ol li::before {
	position: absolute;
	top: 0;
	left: -40px;
  content: counter(my-awesome-counter) ". ";
  color: var(--pink);
}

/*===========================
		    Tables
=============================*/

/* Cell borders */

table td {
	padding: 8px;
	border: 1px solid #000;
	min-width: 150px;
}

/* table headings */
table th {
	color: var(--white) !important;
	font-weight: 700;
	border-color: var(--pink);
	background: var(--pink);
}

/* Make responsive */
.responsive-table {
   overflow-x: auto;
   margin-bottom: 40px;
}

/*============================
				 Forms
=============================*/

form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="url"],
form textarea {
	border: 2px solid #d7d7d7;
}

form input[type="submit"] {
	height: 40px;
	font-family: var(--font-avenir-bold) !important;
	font-size: 22px;
	color: var(--pink);
	border: none;
	padding: 0 65px 0 0 !important;
	margin: 0 !important;
	transition: background ease 0.4s;
	text-align: left;
	line-height: 1.2em;
	background: url('/wp-content/themes/stratabeat/img/form-submit.png') no-repeat right 10px center;
}

/*-- Checkboxes --*/

form legend {
	font-family: var(--font-avenir-heavy) !important;
	font-size: 14px;
}

form .gfield--type-checkbox input[type="checkbox"] {
	-webkit-appearance: none;
  -moz-appearance:    none;
  appearance:         none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border: 2px solid #d7d7d7;
  background: var(--white);
  margin-right: 6px;
}

form .gfield--type-checkbox input[type="checkbox"]:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-family: "Font Awesome 6 Pro";
	content: '\f00c';
	font-size: 14px;
	color: var(--pink);
}

/*-- Consent Checkbox --*/

.ginput_container_consent {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin-top: 5px;
}

.ginput_container_consent input[type="checkbox"] {
	width: 20px;
	height: 20px;
	margin: 2px 14px 0 0;
}

.ginput_container_consent .gfield_consent_label {
	font-size: 14px;
}

/*-- Select ---*/

.ginput_container_select {
	position: relative;
	border: 2px solid #d7d7d7;
}

.ginput_container_select:hover {
	cursor: pointer;
}

.ginput_container_select select {
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   color: #9f9f9f;
   border: none;
   background: transparent;
   cursor: pointer;
}

.ginput_container_select select option {
	color: #000;
	background: var(--white) !important;
}

.ginput_container_select:after {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-family: "Font Awesome 6 Pro";
	font-weight: 500;
	content: "\f107";
	font-size: 18px;
	color: var(--pink);
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #9f9f9f;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #9f9f9f;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #9f9f9f;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #9f9f9f;
  opacity: 1;
}

/*- Form Inline -*/

.form-inline {
	display: flex !important;
	align-items: center;
}

.gform_wrapper {
	width: 100%;
}

.form-inline input[type="submit"] {
	height: 40px;
	font-weight: 700;
	border: none;
	padding-right: 65px;
	margin: 0 !important;
	transition: background ease 0.4s;
}

.form-inline .gform_body {
	width: 100%;
	max-width: 70%;
	min-width: 200px;
	padding-right: 15px;
}

.form-inline .gform_footer {
	padding: 0 !important;
	margin: 0 !important;
}

/*- Form white -*/

.form-white input[type="email"] {
	height: 62px;
	color: var(--white);
	padding: 5px 5px 5px 16px !important;
	border: 2px solid var(--white);
	background: transparent;
}

.form-white input[type="submit"] {
	color: var(--white);
	background: url('/wp-content/themes/stratabeat/img/form-submit-white.png') no-repeat right 10px center;
}

.form-button-teal .form-white input[type="submit"] {
	color: #2ec4b6;
}

/*-- Form: Centered --*/

.form-centered .gform_wrapper {
	margin: auto;
}

/*-- Form: Max width --*/

.form-max-450 .gform_wrapper {
	max-width: 450px;
}

input[type="submit"]:hover {
	background-position: right center;
}

/*-- Form: Unsubscribe Text --*/

.form-unsubscribe-message {
	font-size: 14px;
	margin: 10px 0;
}

.form-white ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--white);
  opacity: 1;
}
.form-white ::-moz-placeholder { /* Firefox 19+ */
  color: var(--white);
  opacity: 1;
}
.form-white :-ms-input-placeholder { /* IE 10+ */
  color: var(--white);
  opacity: 1;
}
.form-white :-moz-placeholder { /* Firefox 18- */
  color: var(--white);
  opacity: 1;
}

/*-- Gray Required Text --*/

p.form-required-text {
	font-family: var(--font-avenir-light) !important;
	color: #9f9f9f;
	font-style: italic;
	margin-bottom: 10px;
}

/*-- Unsubscribe Instructions --*/

.form-unsubscribe-message,
.form-upload-instructions {
	margin: 0;
}

.form-unsubscribe-message p {
	font-family: var(--font-avenir-light) !important;
	font-size: 14px;
	margin-bottom: 0;
}

/*-- File upload instructions --*/

.form-upload-instructions p {
	font-family: var(--font-avenir-bold) !important;
	font-size: 14px;
	margin-bottom: 0;
}

/*-- File upload restrictions message --*/

.gform_fileupload_rules {
	font-family: var(--font-avenir-light) !important;
	font-size: 14px;
}

/*-- Required Astericks --*/

.gform_wrapper.gravity-theme .gfield_required {
	display: none !important;
	font-size: 0 !important;
}

/*-- PDF file upload label --*/

.form-pdf-upload label.gfield_label {
	font-family: var(--font-avenir-bold) !important;
	font-size: 22px !important;
	color: #3aa8e9;
}

.form-pdf-upload label.gfield_label:before {
	font-family: "Font Awesome 6 Pro";
		font-weight: 300;
		font-size: 24px;
		display: inline-block;
		content: "\f1c1";
		margin-right: 10px;
}

/*============================
				 Colors
=============================*/

.pink {
	color: var(--pink) !important;
}

.teal {
	color: #2ec4b6 !important;
}

.blue {
	color: #20a4f3 !important;
}

.white {
	color: var(--white) !important;
}

/*-- BG Colors --*/

.bg-white {
	background-color: var(--white) !important;
}

.bg-pink {
	background-color: var(--pink) !important;
}

.bg-teal {
	background-color: #2ec4b6 !important;
}

.bg-blue {
	background-color: #20a4f3 !important;
}

.bg-dark {
	background-color: #272930 !important;
}

/*-- Body background colors --*/

body.bg-body-white .page-background {
	background: var(--white);
}

/*-- Gradients --*/

.gradient-bottom-transparent-white:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	content: "";
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.gradient-bottom-transparent-lightgray:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	content: "";
	background: -moz-linear-gradient(top,  rgba(246,246,246,0) 0%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(246,246,246,0) 0%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f6f6f6', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

/*=====================================
    			Custom Display Options
=======================================*/

.section.content-contained .section-wrapper {
	padding-right: 30px;
	padding-left: 30px;
}

.container-full-width {
	max-width: 100% !important;
}

.content-contained.section-rounded-top-left .section-wrapper {
	border-radius: 40px 0 0 0;
}

.content-contained.section-rounded-top-right .section-wrapper {
	border-radius: 0 40px 0 0;
}

.content-fullwidth.section-rounded-top-left {
	border-radius: 40px 0 0 0;
}

.content-fullwidth.section-rounded-top-right {
	border-radius: 0 40px 0 0;
}

.rounded-top-left {
	border-radius: 40px 0 0 0;
}

.rounded-top-right {
	border-radius: 0 40px 0 0;
}

.box-content-padding {
	padding: 70px 60px;
}

.box-content-shadow {
	box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
}

/*-- Resource Hero and Listing overlap padding --*/

.resource-hero-overlap-btm {
	padding-bottom: 385px;
}

.resource-listing-overlap-top {
	margin-top: -350px;
}

.z-index-15 {z-index: 15;}
.z-index-16 {z-index: 16;}
.z-index-17 {z-index: 17;}
.z-index-18 {z-index: 18;}
.z-index-19 {z-index: 19;}
.z-index-20 {z-index: 20;}
.z-index-21 {z-index: 21;}
.z-index-22 {z-index: 22;}

/*-- Partial background colors --*/

.partial-top-gray-300:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 300px);
	content: "";
	background: #f6f6f6;
}

.partial-bottom-gray-half:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	content: "";
	background: #f6f6f6;
}

.partial-bottom-pink:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(clamp(100px,15vw,260px));
	content: "";
	background: var(--pink);
}

/*---- Breadcrumbs --*/

.breadcrumbs {
	font-family: var(--font-avenir-demi-bold);
	font-size: 14px;
	margin-top: 22px;
}

.breadcrumbs a,
.breadcrumbs span {
	color: var(--pink);
	text-decoration: none;
	white-space: nowrap;
}

.breadcrumbs a:hover {
	text-decoration: underline;
}

.breadcrumbs i {
	display: inline-block;
	font-size: 12px;
	margin: 0 3px;
}

/*====================================
				Custom Image Treatments
=====================================*/

.img-border {
	position: relative;
	margin-bottom: 70px;
}

.img-border::after {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 100%;
	height: 100%;
	content: "";
	border: 2px solid var(--pink);
	z-index: -1;
}

.img-border img {
	width: 100%;
	height: auto;
	margin-bottom: 0;
}

/*====================================
				Accordions
======================================*/

.accordion {
	width: 100%;
}

.accordion-content {
	display: none;
}

.accordion-content.active {
	display: block;
}

/*--- Table of Contents Accordion ---*/

.accordion-toc {
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 2px solid var(--light-gray-2);
}

.accordion-toc .accordion-item {
	border: none;
	background: transparent;
}

.accordion-toc .accordion-header {
	position: relative;
	font-size: var(--accordion-header);
	font-weight: 700;
	cursor: pointer;
}

.accordion-toc .accordion-header:after {
	display: inline-block;
	margin-left: 15px;
	font-family: "Font Awesome 6 Pro";
	content: "\2b";
	color: var(--pink);
}

.accordion-toc .accordion-header.active:after {
	content: "\f068";
}

.accordion-toc .accordion-content {
	padding-top: 20px;
}

/*--- Table of Contents ---*/

#toc ul {
	list-style: none;
	margin: 0;
	padding: 0;
	-webkit-columns: 300px 2;
   -moz-columns: 300px 2;
   columns: 300px 2;
   -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em;
}

#toc ul li {
	line-height: 1.2em;
	-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

#toc .toc-container > ul > li:not(:last-of-type) {
	margin: 0 0 15px 0;
}

#toc li.toc-h2 > a {
	font-family: var(--font-avenir-bold);
}

#toc.exclude-h3 li.toc-h2 > a {
	font-family: var(--font-avenir-medium);
}

#toc ul li a {
	font-size: 16px;
	text-decoration: none;
	color: var(--dark-gray);
}

#toc ul li a:hover {
	color: var(--pink) !important;
}

#toc ul.toc-sublist {
	margin: 5px 0 0 20px;
}

#toc ul.toc-sublist li:not(:last-of-type) {
	margin-bottom: 15px;
}

#toc ul.toc-sublist li {
	position: relative;
	margin-left: 15px;
}

#toc ul.toc-sublist li:before {
	position: absolute;
	left: 0;
	top: 10px;
	display: block;
	width: 4px;
	height: 4px;
	content: "";
	border-radius: 50%;
	margin-left: -15px;
	background: var(--pink);
}

/*=====================================
    					Header
=======================================*/

header.header {
	background: transparent;
}

header.header.slideDown:not(.headroom--top) {
	background: rgba(209,23,89,0.9);
}

header.header .logo {
	max-width: 245px;
	width: clamp(200px,21vw,245px);
	margin-top: 4px;
}

body.home header.header .logo svg {	
	fill: #ffffff;
}

header.header .logo svg {
	fill: #231f20;
}

/*-- Header --*/
	header.header {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: auto;
		transition: all ease 0.4s;
		z-index: 999;
	}
	
	body.home header.header {
		position: fixed;
	}

	header.slideUp {
		transform: translateY(-120px);
	}
	
	.global-announcement-bar header.slideUp {
		transform: translateY(-200px);
	}
	
	header.slideDown:not(.headroom--top) {
		position: fixed;
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	}


	header.header .header-container {
		position: relative;
		display: flex;
		width: 100%;
		max-width: 1240px;
		height: auto;
		justify-content: space-between;
		align-items: flex-start;
		transition: opacity ease 0.4s;
		margin: 32px auto 22px auto;
		padding: 0 10px;
	}
	
	header.header.slideDown:not(.headroom--top) .header-container {
		margin: 12px auto 0 auto;
	}

	header .nav-desktop {
		flex-grow: 1;
		justify-content: flex-end;
		padding-left: 20px;
	}

	 .nav-desktop .nav-container {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.nav-desktop .nav-container > ul {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.nav-desktop .nav-container ul li a:hover,
	.header-search a:hover {
		text-decoration: none;
	}

	.nav-desktop .nav-container > ul > li:not(.nav-contact) {
		position: relative;
		padding: 0 13px 0 13px;
	}
	
	.nav-desktop .nav-container > ul > li:not(.nav-contact) > a {
		position: relative;
		display: block;
		font-size: 14px;
		font-weight: 900;
		text-decoration: none;
		color: #231f20;
		padding: 25px 0;
		white-space: nowrap;
		z-index: 12;
	}
	
	body.home .nav-desktop .nav-container > ul > li:not(.nav-contact) > a {
		color: var(--white);
	}
	
	.nav-desktop .nav-container > ul > li:not(.nav-contact) > a:before {
		position: absolute;
		bottom: 18px;
		left: 0px;
		width: 0;
		height: 3px;
		content: " ";
		background: var(--pink);
		opacity: 0;
		transition: all ease-out 0.3s;
	}
	
	body.home .nav-desktop .nav-container > ul > li:not(.nav-contact) > a:before {
		background: var(--white);
	}
	
	.nav-desktop .nav-container > ul > li.current-menu-item > a:before,
	.nav-desktop .nav-container > ul > li:hover:not(.nav-contact) > a:before {
		width: 100%;
		opacity: 1;
	}

	.nav-desktop .nav-container > ul > li:hover.menu-item-has-children > a:before {
		width: calc(100% - 15px);
	}
	
	.nav-desktop .nav-container > ul > li.menu-item-has-children.current-menu-item > a:before,
	.nav-desktop .nav-container > ul > li.current-page-parent > a:before {
		opacity: 1;
		width: calc(100% - 15px);
	}

	.nav-desktop .nav-container > ul > li.menu-item-has-children > a:after {
		font-family: "Font Awesome 6 Pro";
		font-weight: 500;
		font-size: 12px;
		display: inline-block;
		content: "\f078";
		color: var(--pink);
		margin-left: 7px;
	}
	
	body.home .nav-desktop .nav-container > ul > li.menu-item-has-children > a:after { 
		color: var(--white);
	}
	
	/*-- Contact Link/Button --*/
	
	.nav-desktop .nav-container > ul > li.nav-contact a {
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		width: auto;
		height: 48px;
		font-size: 14px;
		font-weight: 700;
		text-decoration: none;		
		color: #231f20;
		border: 2px solid var(--pink);
		border-radius: 24px;
		padding-left: 20px;
		padding-right: 20px;
		margin-left: 25px;
	}
	
	.nav-desktop .nav-container > ul > li.nav-contact a:hover {
		color: var(--white);
		background: var(--pink);
	}
	
	body.home .nav-desktop .nav-container > ul > li.nav-contact a {
		color: var(--white);
		border: 2px solid var(--white);
	}
	
	body.home .nav-desktop .nav-container > ul > li.nav-contact a:hover {
		color: var(--pink);
		background: var(--white);
	}

	.nav-desktop .nav-container > ul > li a {
		transition: all ease 0.4s;
	}

	.nav-desktop .nav-container > ul > li:first-of-type {
		padding-left: 0;
	}

	.nav-desktop .nav-container > ul > li > ul.sub-menu {
		position: absolute;
		top: -9999px;
		left: 0;
		width: 240px;
		height: auto;
		list-style: none;
		padding: 5px 0;
		margin: 0;
		opacity: 0;
		transition: opacity ease 0.3s;
		background: #272930;
	}
		
	.nav-desktop .nav-container > ul > li:not(:first-of-type) > ul.sub-menu {
		left: 12px;
	}

	.nav-desktop .nav-container > ul > li:hover > ul.sub-menu {
		top: 71px;
		opacity: 1;
	}
	
	.nav-desktop .nav-container > ul > li > ul.sub-menu:before {
		position: absolute;
		top: -10px;
		left: 20px;
		content: " ";
		width: 0;
		height: 0;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #272930 transparent;
		border-style: solid;
	}
	
	.nav-desktop .nav-container > ul > li > ul.sub-menu > li {
		position: relative;
	}
	
	.nav-desktop .nav-container > ul > li > ul.sub-menu a {
		position: relative;
		display: block;
		padding: 10px 15px;
		font-size: 14px;
		color: var(--white);
		text-decoration: none;
	}
	
	.nav-desktop .nav-container > ul > li > ul.sub-menu a:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		content: " ";
		background: rgba(255,255,255,.1);
		transition: all ease-out .2s;
	}
	
	.nav-desktop .nav-container > ul > li > ul.sub-menu a:hover:before {
		width: 100%;
	}
	
	.nav-desktop .nav-container > ul > li > ul.sub-menu li a:hover {
		padding-left: 20px;
		/* background: rgba(255,255,255,.1); */
	}
	
	.nav-desktop .nav-container> ul > li > ul.sub-menu li.current-menu-item > a {
		background: rgba(255,255,255,.1);
	}
	
	/*- 2nd level sub nav -*/
	
	.nav-desktop .nav-container ul.sub-menu li.menu-item-has-children:after {
		position: absolute;
		top: 16px;
		right: 5px;
		width: 20px;
		height: 20px;
		font-family: "Font Awesome 5 Pro";
		font-size: 14px;
		font-weight: 600;
		color: 000;
		content: "\f0da";
	}
	
	.nav-desktop .nav-container > ul > li > ul.sub-menu > li > ul.sub-menu {
		display: none;
		position: absolute;
		top: 0;
		left: 298px;
		width: 300px;
		height: auto;
		list-style: none;
		padding: 0;
		margin: 0;
		opacity: 0;
		transition: opacity ease 0.3s;
		background: var(--white);
		border: 1px solid #ccc;
		box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.09);
	-webkit-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.09);
	-moz-box-shadow: 0px 0px 16px 4px rgba(0,0,0,0.09);
	}
	
	.nav-desktop .nav-container ul.sub-menu li.menu-item-has-children:hover ul.sub-menu {
		display: block;
		opacity: 1;
	}
	
	/*-- Mega Menu Sub Menu --*/
	
	.nav-desktop .nav-container > ul > li.nav-resources > ul.sub-menu {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.nav-desktop .nav-container > ul > li.nav-resources > ul.sub-menu::before {
		left: 50%;
		transform: translateX(-50%);
	}

	.nav-desktop .nav-container > ul > li.nav-submenu-2-col > ul.sub-menu {
		display: flex;
		align-items: stretch;
		justify-content: center;
		min-width: 400px !important;
	}

	.nav-desktop .nav-container > ul > li.nav-submenu-2-col > ul.sub-menu > li.rt-custom-menu-field-item {
		position: relative;
		display: block;
		width: 50%;
		flex-basis: 50%;
		padding: 0 25px;
		margin: 20px 0;
	}

	.nav-desktop .nav-container > ul > li.nav-submenu-2-col > ul.sub-menu > li.rt-custom-menu-field-item:first-of-type:after {
		position: absolute;
		top: 0;
		right: 10px;
		width: 2px;
		height: 100%;
		content: "";
		background: rgba(255,255,255,.1);
	}

	.nav-desktop .nav-container > ul > li.nav-submenu-2-col > ul.sub-menu > li.rt-custom-menu-field-item .rt-wp-menu-custom-fields-wrapper {
		padding: 0 !important;
	}

	.nav-container > ul > li.nav-submenu-2-col > ul.sub-menu > li > a {
		display: none;
	}

	.nav-container > ul > li.nav-submenu-2-col > ul.sub-menu > li.rt-custom-menu-field-item h4 {
		font-size: 24px;
		color: var(--pink);
		text-transform: uppercase;
		font-weight: 700;
		margin-bottom: 0;
	}

	.nav-container > ul > li.nav-submenu-2-col > ul.sub-menu > li.rt-custom-menu-field-item a {
		word-break: break-word;
	}
	
	/*-- Headroom: Not Top --*/
	
	header.header.headroom--not-top .logo svg {	
		fill: #ffffff;
	}
	
	header.header.headroom--not-top .nav-desktop .nav-container > ul > li:not(.nav-contact) > a,
	header.header.headroom--not-top .nav-desktop .nav-container > ul > li:not(.nav-contact) > a::after {
		color: var(--white);
	}
	
	header.header.headroom--not-top .nav-desktop .nav-container > ul > li:not(.nav-contact) > a::before {
		background: var(--white);
	}
	
	header.header.headroom--not-top .nav-desktop .nav-container > ul > li.nav-contact a {
		color: var(--white);
		border-color: var(--white);
	}
	
	header.header.headroom--not-top .nav-desktop .nav-container > ul > li.nav-contact a:hover {
		color: var(--pink);
		background: var(--white);
	}
	
	/*-- START Fixed centered header - no nav --*/
	
	body.header-fixed-centered header.header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
	}
	
	body.header-fixed-centered header.header .header-container {
		justify-content: center;
		padding-bottom: 15px;
		margin-top: 15px;
		border-bottom: 3px solid rgba(255,255,255,.1);
	}
	
	body.header-fixed-centered header.header .logo svg {
		fill: var(--white);
	}
	
	/*-- END Fixed centered header - no nav --*/
	
	/*-- Header Announcement Bar --*/
	
	/*
	body:not(.home) .wrapper.global-announcement-bar-exists {
		padding-top: 50px;
	}
	*/
	
	.global-announcement-bar {
		position: relative;
		min-height: 50px;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
	}
	
	.global-announcement-bar .content,
	.global-announcement-bar .button a {
		font-size: 16px;
	}
	
	.global-announcement-bar .content {
		max-width: 740px;
		padding-right: 30px;
		line-height: 1.1em;
		text-align: right;
	}
	
	.global-announcement-bar .button {
		width: auto;
	}
	
	.global-announcement-bar .button a {
		position: relative;
		display: block;
		font-family: var(--font-avenir-bold) !important;
		text-decoration: none;	
		padding-right: 45px;
		white-space: nowrap;
	}
	
	.global-announcement-bar .button a:after {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		display: flex;
		align-items: center;
		justify-content: center;
		width: 30px;
		height: 30px;
		font-family: "Font Awesome 5 Pro";
		font-weight: 500;
		font-size: 16px;
		content: "\f061";
		color: var(--white);
		border: 2px solid #d7d7d7;
		border-radius: 50%;
		transition: all ease 0.4s;
	}
	
	.global-announcement-bar .button a:hover:after {
		background: var(--pink);
	}
	
	header:not(.headroom--top) .global-announcement-bar {display: none !important;}
	
	/*-- Blog Post Read Meter --*/
	
	.progress-container-bottom,
	.progress-container-top {
		opacity: 1 !important;
	}
	
/*====================================
			Labels: Post Types
====================================*/

.post-type-label {
	position: relative;
	display: inline-block;
	font-family: var(--font-avenir-bold);
	font-size: 14px;
	text-transform: uppercase;
	color: #b7b7b7;
	line-height: 1em;
	letter-spacing: 2px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	padding-left: 35px;
	border-bottom: 2px solid #f6f6f6;
}

.post-type-label span.icon {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

/*==================================
		Publication Label
===================================*/

span.publication {
	display: block;
	font-family: var(--font-avenir-bold);
	font-size: 14px;
	margin-bottom: 10px;
}

/*=====================================
		Hero - Fixed Header
=====================================*/

.section-hero-fixed-header {
	padding-top: clamp(140px,14vw,200px) !important;
}


/*====================================
    	Block: Hero Simple
=====================================*/

.section-hero-simple {
	padding-top: clamp(80px,13vw,130px);
}

.section-hero-simple .container {
	padding-bottom: clamp(60px,11vw,92px);
}

.section-hero-simple h1 {
	line-height: 1.1em;
	margin-bottom: 30px;
}

.section-hero-simple .content p {
	font-family: 'AvenirNext Regular';
	font-size: clamp(22px,1.6vw,28px);
}

.section-hero-simple .cta-button {
	margin-top: 40px;
}

.section-hero-simple .bottom-curve img {
	width: 100%;
	height: auto;
	max-width: 100000%;
}

/*====================================
    	Block: Hero Home
=====================================*/

/*-- Section Top --*/

.section-hero-home .section-wrapper:first-of-type {
	position: relative;
	padding-top: 150px;
	padding-bottom: 0;
	background: var(--pink);
}

.section-hero-home .section-wrapper:first-of-type:after {
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(50% + 10px);
	height: 104px;
	content: " ";
	background: var(--white);
	z-index: 5;
}

.section-hero-home h1 {
	text-align: center;
	margin-top: 50px;
}

.section-hero-home h1 span.hero-text-1,
.section-hero-home h1 span.hero-text-3 {
	display: inline-block;
	font-family: var(--font-avenir-heavy);
	font-weight: 900;
	font-size: 52px;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.4em;
}

.section-hero-home h1 span.hero-text-1 {
	max-width: 200px;
	margin-right: 30px;
}

.section-hero-home h1 span.hero-text-2 {
	display: inline-block;
	max-width: 500px;
	font-weight: 500;
	font-size: 162px;
	text-transform: uppercase;
	text-align: center;
	line-height: 1em;
	margin-right: 30px;
}

.section-hero-home h1 span.hero-text-3 {
	max-width: 320px;
}

.section-hero-home .container-top {
	z-index: 15;
}

.section-hero-home .container-top .row:last-of-type {
	padding-top: 70px;
}

.section-hero-home .container-top .row:last-of-type {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: nowrap;
}

.section-hero-home .hero-image {
	flex-basis: 85%;
	margin-top: 76px;
}

/*-- Old code for image only --
.section-hero-home .hero-image img {
	border: 2px solid var(--white);
}
*/

/*-- Video --*/

.section-hero-home .hero-image .video-player video {
	width: 100%;
	max-width: 100%;
	border: 2px solid var(--white);
}

.section-hero-home .hero-content {
	flex-basis: 40%;
	padding: 74px 45px 45px 45px;
	border-radius: 50px 0 0 0;
	border-bottom: 8px solid #bc1550;
	margin-left: -25%;
	box-shadow: 7px 8px 27px 0px rgba(0,0,0,0.39);
	-webkit-box-shadow: 7px 8px 27px 0px rgba(0,0,0,0.39);
	-moz-box-shadow: 7px 8px 27px 0px rgba(0,0,0,0.39);
	background: var(--white);
	z-index: 22;
}

/*-- Video Controls --*/

#video-controls {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

#video-controls a#play-pause {
	display: block;
	font-size: 0;
	text-decoration: none;
	color: var(--white);
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   display: none; /* temp until pause/play script works */
}

#video-controls a#play-pause:after {
	font-family: "Font Awesome 6 Pro";
	font-weight: 700;
	font-size: 30px;
	content: "\f04c";
}

#video-controls a#play-pause.paused:after {
	content: "\f04b";
}

.section-hero-home .hero-content h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 36px;
}

.section-hero-home .hero-content h2:before {
	display: block;
	width: 82px;
	height: 9px;
	content: " ";
	background: var(--pink);
	border-radius: 4px;
	margin-bottom: 30px;
}

.section-hero-home .hero-content p {
	font-size: 24px;
}

.section-hero-home .hero-content a.arrow {
	margin-top: 30px;
}

/*-- Background Word --*/

.section-hero-home .bg-word {
	position: absolute;
	top: 180px;
	left: 0;
	width: 100%;
	height: 212px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Tungsten Medium';
	text-align: center;
	text-transform: uppercase;
	font-size: min(350px,23vw);
	line-height: 1em;
	color: #bc1550;
	z-index: 1;
}

/*-- Bottom Curve --*/

.section-hero-home .bg-curve {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.section-hero-home .bg-curve svg {
	position: relative;
	fill: #f6f6f6;
	z-index: 2;
}

.section-hero-home .bg-curve:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	content: " ";
	background: #f6f6f6;
	z-index: 1;
}

/*-- Logo Outline --*/

.section-hero-home .logo-outline {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-width: 1600px;
	z-index: 2;
	background: url('/wp-content/themes/stratabeat/img/bg-logo-outline-white.png') no-repeat left top;
	background-size: 50% auto;
}

/*-- Section Bottom --*/

.section-hero-home .section-wrapper:last-of-type {
	background: #f6f6f6;
}

.section-hero-home .section-wrapper:last-of-type:before {
	position: absolute;
	top: 60px;
	left: 0;
	width: 60%;
	width: calc(50% + 270px);
	height: 3px;
	content: " ";
	background: var(--pink);
	z-index: 25;
}

.section-hero-home .section-wrapper:last-of-type .container {
	max-width: 100% !important;
}

.section-hero-home .section-wrapper:last-of-type .container .row .col:first-of-type {
	padding-top: 50px;
}

.section-hero-home .section-wrapper:last-of-type .container .row .col:first-of-type .col-content {
	max-width: 380px;
	padding-right: 30px;
}

.section-hero-home .section-wrapper:last-of-type .container .row .col:first-of-type .col-content h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 36px;
}

.section-hero-home .section-wrapper:last-of-type .container .row .col:last-of-type {
	padding: 120px 50px 150px 72px;
	margin-right: -30px;
	background: var(--white);
}

.section-hero-home .services-list li:not(:last-of-type) {
	margin-bottom: 22px;
} 

/*==== adjust padding when global notification bar is present ====*/

.wrapper.global-announcement-bar-exists .section-hero-home .section-wrapper:first-of-type {
	padding-top: 200px;
}

.wrapper.global-announcement-bar-exists .section-hero-home .bg-word {
	top: 230px;
}

/*=========================================
    	Block: Hero (Default)
==========================================*/

.section-hero {
	overflow: hidden;
}

.section-hero.media-video { /* if video exists */
	padding-top: 50px;
}

.section-hero .section-heading .row .col:first-of-type {
	width: 100%;
	max-width: 46%;
	padding-top: 80px;
}

.section-hero .section-heading .row .col:last-of-type {
	width: 100%;
	max-width: 54%;
}

.section-hero .col-content {
	max-width: 470px;
	margin-bottom: 175px;
}

.section-hero h1 {
	margin-bottom: 10px;
}

.section-hero .sub-heading {
	font-size: 28px;
	font-size: clamp(22px,2vw,28px);
}

.section-hero .col-image img {
	width: 100%;
	height: auto;
	max-width: 100%;
}

.section-hero .col-image:after {
	position: absolute;
	top: 24px;
	left: 24px;
	width: 100%;
	height: 100%;
	content: "";
	border: 2px solid var(--pink);
	z-index: -1;
}

/* box content */

.section-hero .box-content {
	width: 80%;
	max-width: 980px;
	border-radius: 50px 0 0 0;
	border-bottom: 8px solid var(--pink);
	margin-top: clamp(-165px,-10vw,-50px);
	margin-bottom: 40px;
	box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
	background: var(--white);
}

.section-hero.media-video .box-content { /* If video exists */
	margin-top: 0;
}

.section-hero .box-content h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 36px;
}

/*-- Overlap box content on section below --*/

.section-hero.overlap-box-content .overlap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

/*=========================================
    	Block:  Hero (Advanced)
==========================================*/

.section-hero-advanced h1 {
	margin-bottom: 30px;
}

.section-hero-advanced .subheading {
	font-size: var(--font-size-subheading);
	margin-bottom: 30px;
}

.section-hero-advanced .bottom-curve {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.section-hero-advanced .bottom-curve img {
	width: 100%;
	margin-top: 80px;
	height: auto;
}

/*====================================
    	Block: Hero (Content/Logos)
=====================================*/

.section-hero-content-logos {
	padding-top: 25px;
	padding-bottom: clamp(50px,5vw,85px);
}

/*- Content column -*/

.section-hero-content-logos .col-content label {
	font-family: var(--font-avenir-bold);
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: .18em;
	margin-bottom: 20px;
}

.section-hero-content-logos .col-content h1 {
	margin-bottom: 25px;
}

.section-hero-content-logos .text-box p,
.section-hero-content-logos .text-box ul li {
	margin-bottom: 15px;
}

/*- Logo columns -*/
.section-hero-content-logos .col-logos {
	max-width: 542px;
	padding: 45px clamp(10px,2vw,35px);
	border-radius: 20px 0 0 0;
}

.section-hero-content-logos .col-logos h2 {
	font-family: var(--font-avenir-heavy);
	font-size: clamp(26px,1.5vw,36px);
}

.section-hero-content-logos .col-logos h2.embelish:before {
	margin-bottom: 15px;
}

.section-hero-content-logos .col-logos .grid-logos {
	gap: 40px 20px;
}

.section-hero-content-logos .col-logos .grid-logos .logo {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-basis: calc(33% - 20px);
	max-width: calc(33% - 20px);
	padding: 0 15px;
}

.section-hero-content-logos .col-logos .grid-logos .logo img {
	width: 100%;
	height: auto;
	max-width: 125px;
}

/*=========================================
    	Block:  Client Success Stories
==========================================*/

.section-client-success-stories .section-content {
	max-width: 1240px !important;
}

.section-client-success-stories .item:not(:last-of-type) {
	margin-bottom: 80px;
}

.section-client-success-stories .item .col-text {
	padding: 150px 190px 130px 95px;
	margin-right: -100px;
	margin-left: -30px;
	border-radius: 0 50px 0 0;
	background: #2ec4b6;
	flex-grow: 1;
}

.section-client-success-stories .item .col-text .col-content {
	max-width: 500px;
}

.section-client-success-stories .item .col-text h3 {
	font-family: var(--font-avenir-heavy);
	font-size: 36px;
	margin-bottom: 20px;
}

.section-client-success-stories .item .col-text h3::before {
	display: block;
	width: 82px;
	height: 9px;
	content: " ";
	background: var(--white);
	border-radius: 4px;
	margin-bottom: 35px;
}

.section-client-success-stories .item .col-text p {
	line-height: 1.7em;
}

.section-client-success-stories .item .col-text a.arrow {
	margin-top: 10px;
}

.section-client-success-stories .item .col-image {
	width: 455px;
}

.section-client-success-stories .item .col-image div {
	background: var(--white);
}

.section-client-success-stories .item .col-image div img {
	width: 445px;
	height: auto;
	transform: translate(10px,-10px);
}

/*-- Alternating Items --*/

.section-client-success-stories .item:nth-of-type(even) {
	flex-direction: row-reverse;
}

.section-client-success-stories .item:nth-of-type(even) .col-text {
	padding: 150px 95px 130px 190px;
	margin-left: -100px;
	margin-right: -30px;
	border-radius: 50px 0 0 0;
}

.section-client-success-stories .item:nth-of-type(even) .col-image {
	display: flex;
	justify-content: flex-end;
}

.section-client-success-stories .item:nth-of-type(even) .col-image div img {
	transform: translate(-10px,-10px);
}

/*-- Black Style --*/

.section-client-success-stories .item.style-black .col-text {
	background: #272930;
}

.section-client-success-stories .item.style-black .col-text *,
.section-client-success-stories .item.style-blue .col-text * {
	color: var(--white) !important;
}

.section-client-success-stories .item.style-black .col-text h3::before {
	background: #20a4f3;
}

/*-- Blue Style --*/

.section-client-success-stories .item.style-blue .col-text {
	background: #20a4f3;
}

/*=====================================
    		Block: Who We Work With
=======================================*/

.section-who-work-with .section-heading {
	padding-bottom: 20px;
}

.section-who-work-with .section-content .row {
	max-width: 1110px;
	padding: 70px 60px;
	border-radius: 40px 0 0 0;
	background: var(--pink);
}

.section-who-work-with .section-content p {
	font-size: 24px;
}

.section-who-work-with .items {
	width: calc(100% + 60px);
	margin: 50px -30px 0 -30px;
	padding: 0;
}
.section-who-work-with .items:before,
.section-who-work-with .items:after {
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	content: "";
	width: 4px;
	height: 100%;
	border-left: 2px dotted var(--white);
}

.section-who-work-with .items:before {
	left: 33.3333%;
}

.section-who-work-with .items:after {
	left: 66.66666%;
}

.section-who-work-with .items .item {
	flex-basis: 33.333%;
	text-align: center;
	margin: 10px 0;
	padding: 0 clamp(20px,3vw,40px);
}


.section-who-work-with .items .item span {
	font-family: var(--font-avenir-bold);
	font-size: clamp(16px,2vw,22px);
	color: var(--white);
}



/*=====================================
    		Block: Logos
=======================================*/

.section-logos h2 {
	text-align: center;
}

.section-logos .logo {
	flex-basis: 20%;
	min-width: 200px;
	margin-bottom: 80px;
}

/*-- 4 logos in row --*/

.section-logos.logos-4 .logo {
	flex-basis: 25%;
	min-width: 290px;
	padding: 0 15px;
	margin-bottom: 80px;
}

/*-- 5 logos in row --*/

.section-logos.logos-5 .logo {
	flex-basis: 20%;
	min-width: 290px;
	padding: 0 15px;
	margin-bottom: 80px;
}

/*-- 6 logos in row --*/

.section-logos.logos-6 .logo {
	flex-basis: 16.66666666666667%;
	min-width: 150px;
	padding: 0 15px;
	margin-bottom: 80px;
}

/*-- 7 logos in row --*/
.section-logos.logos-7 .logo {
	flex-basis: 14.285714%;
	min-width: 130px;
	padding: 0 15px;
	margin-bottom: 80px;
}

/*-- Contained Logos -- */

.section-logos.section-logos-contained {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	background: none !important;
}

.section-logos.section-logos-contained .container-wrapper {
	border-radius: 50px 0px 0px;
	padding: 50px 40px;
	background-color: var(--white);
}

.section-logos.section-logos-contained .section-heading {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.section-logos.section-logos-contained .logo {
	margin-bottom: 50px;
}

.section-logos.section-logos-contained.logos-4 .logo {
	min-width: 200px;
}

.section-logos.section-logos-contained.logos-5 .logo {
	min-width: 170px;
}

/*=========================================
    		Block: Books
=========================================*/

.section-books .container .row {
	max-width: 1100px;
	justify-content: space-between;
}

.section-books .container .row:first-of-type {
	z-index: 20;
}

.section-books .container .row:last-of-type {
	z-index: 19;
}

.section-books .row .col-4 {
	max-width: 340px;
}

.section-books .row .image:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 282px;
	height: 282px;
	content: "";
	border-radius: 30px 0 0 0;
	background: #e6e6e6;
	z-index: -1;
}

.section-books .row .col-content {
	max-width: 610px;
	padding: 0 30px 20px 0;
}

.section-books h2 {
	font-size: 72px;
	color: var(--pink);
	margin-bottom: 20px;
}

.section-books .buttons {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin-top: 40px;
}

.section-books .buttons a {
	margin-bottom: 20px;
}

.section-books .buttons a:first-of-type {
	margin-right: 50px;
}

/*-- Testimonial --*/

.section-books .testimonial {
	width: calc(100% - 160px);
	padding-right: 40px;
}

.section-books .testimonial-text {
	max-width: 550px;
	font-size: 36px;
	margin-bottom: 50px;
	margin-top: -45px;
	line-height: 1.2em;
}

.section-books .author-image div {
	width: 150px;
	border-radius: 50%;
	border: 7px solid var(--pink);
	margin-bottom: 46px;
	overflow: hidden;
}

.section-books .author-name {
	color: var(--pink);
}

.section-books .author-title {
	max-width: 362px;
}

/*-- Line --*/
.section-books .author-image:before {
	position: absolute;
	top: 50%;
	left: 150px;
	width: calc(100% - 105px);
	height: 7px;
	content: "";
	transform: translateY(-50%);
	background: var(--pink);
}

.section-books .testimonial:after {
	position: absolute;
	bottom: 72px;
	left: 100%;
	width: 7px;
	height: calc(100% + 150px);
	content: "";
	background: var(--pink);
	z-index: -1;
}

/*===================================================
    	Block: Blog Posts List / Resource Items
====================================================*/

.section-blog-posts .blog-list {
	max-width: 1100px;
}

.resource-items.featured-items .blog-item,
.section-blog-posts .blog-list .blog-item {
	flex-basis: calc(50% - 15px);
	margin-bottom: 60px;
}

.section-blog-posts .blog-list .blog-item:not(:first-of-type),
.resource-items.featured-items .blog-item:not(:first-of-type) {
	flex-direction: column;
}

.section-blog-posts .blog-list .blog-item:not(:first-of-type) .image,
.resource-items.featured-items .blog-item:not(:first-of-type) .image {
	width: calc(100% - 72px);
	margin: 0 0 0 40px;
}

.section-blog-posts .blog-list .blog-item .image,
.resource-items.featured-items .blog-item .image {
	border-radius: 30px 0 0 0;
	overflow: hidden;
	z-index: 25;
}

.section-blog-posts .blog-list .blog-item .image .image-container,
.resource-items.featured-items .blog-item .image .image-container,
.category-items .blog-item .image .image-container,
.section-related-items .item .image .image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.section-blog-posts .blog-list .blog-item .image:before,
.resource-items.featured-items .blog-item .image:before,
.category-items .blog-item .image:before,
.section-related-items .item .image:before,
.resource-item .image:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,.5);
	z-index: -0;
}

.section-blog-posts .blog-list .blog-item .image img {
	width: 100%;
	height: auto;
}

.resource-items.featured-items .blog-item .image img {
	width: 100%;
	height: auto;
}

.section-blog-posts .blog-list .blog-item .content,
.resource-items.featured-items .blog-item .content {
	z-index: 24;
}

.section-blog-posts .blog-list .blog-item:not(:first-of-type) .content,
.resource-items.featured-items .blog-item:not(:first-of-type) .content {
	padding: 40px 36px 40px 40px;
}

.section-blog-posts .blog-list .blog-item:not(:first-of-type):after,
.resource-items.featured-items .blog-item:not(:first-of-type):after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 172px);
	content: "";
	background: var(--white);
}

.section-blog-posts .blog-item h3,
.resource-items .blog-item h3 {
	font-size: 28px;
	margin-bottom: 30px;
	line-height: 1.2em;
}

.section-blog-posts .blog-item h3 a,
.resource-items .blog-item h3 a {
	font-family: var(--font-avenir-heavy);
	color: #343940;
	text-decoration: none;
}

.section-blog-posts .blog-item:not(:first-of-type) h3,
.resource-items .blog-item:not(:first-of-type) h3 {
	max-width: 390px;
}

.section-blog-posts .blog-item:not(:first-of-type) h3,
.resource-items .blog-item:not(:first-of-type) h3 {
	font-size: 28px;
}

.section-blog-posts .blog-list .blog-item:not(:first-of-type) .content .excerpt,
.resource-items .blog-item:not(:first-of-type) .content .excerpt,
.category-items .blog-item .content .excerpt {
	display:none;,
	}

/*-- 1st post --*/

.section-blog-posts .blog-list .blog-item:first-of-type,
.resource-items.featured-items .blog-item:first-of-type {
	position: relative;
	flex-basis: 100%;
	flex-direction: row-reverse;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 40px 0 40px 44px;
} 

.resource-items.featured-items .blog-item:first-of-type {
	justify-content: space-between;
} 

.section-blog-posts .blog-list .blog-item:first-of-type:before,
.resource-items.featured-items .blog-item:first-of-type:before {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 225px);
	height: 100%;
	content: "";
	background: var(--white);
}

.section-blog-posts .blog-list .blog-item:first-of-type .image,
.resource-items.featured-items .blog-item:first-of-type .image {
	display: flex;
	align-items: flex-end;
	flex-basis: 60%;
	align-self: center;
	max-width: 680px;
	min-height: 320px;
}

.section-blog-posts .blog-list .blog-item:first-of-type .sizing-image,
.resource-items.featured-items .blog-item:first-of-type .sizing-image {
	height: clamp(350px,35vw,480px);
}

.section-blog-posts .blog-list .blog-item:first-of-type .image a,
.resource-items.featured-items .blog-item:first-of-type .image a {
	display: block;
	width: 100%;
}

.section-blog-posts .blog-list .blog-item:first-of-type .content,
.resource-items.featured-items .blog-item:first-of-type .content {
	flex-basis: 470px;
	padding-right: 5%;
}

.section-blog-posts .blog-item:first-of-type h3 ,
.resource-items.featured-items .blog-item:first-of-type h3 {
	font-size: 36px;
}

.section-blog-posts .blog-item:first-of-type h3 a,
.resource-items.featured-items .blog-item:first-of-type h3 a {
	font-size: 36px;
}

.section-blog-posts .blog-list .blog-item:first-of-type .content .excerpt,
.resource-items.featured-items .blog-item:first-of-type .content .excerpt {
	margin-bottom: 40px;
}


/*-- Category --*/

.resource-items .blog-item .image .category,
.blog-list .blog-item .image .category,
.section-related-items .item .image .category {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	bottom: 0;
	right: 0;
	min-height: 45px;
	color: var(--white);
	font-size: 16px;
	font-family: var(--font-avenir-heavy);
	line-height: 1em;
	padding: 10px 20px 4px 20px;
	border-radius: 8px 0 0 0;
	box-shadow: 0px 3px 32px -7px rgba(0,0,0,0.83);
-webkit-box-shadow: 0px 3px 32px -7px rgba(0,0,0,0.83);
-moz-box-shadow: 0px 3px 32px -7px rgba(0,0,0,0.83);
}

/*-- Category Items --*/

.category-items {
	display: grid;
	grid-template-columns: repeat(2, 50%);
	grid-template-rows: repeat(2, 1fr);
	gap: 22px 30px;
}

.category-items .blog-item:first-of-type {
	grid-column: 1 / 2;
	grid-row: span 3;
}

.category-items .blog-item:nth-of-type(2) {
	grid-column: 2 / 3;
	grid-row: 1 / 2;
	min-height: 360px;
}

.category-items .blog-item:last-of-type {
	grid-column: 2 / 3;
	grid-row: 2 / 3;
	min-height: 360px;
}

.category-items .blog-item {
	align-items: center;
	justify-self: stretch;
}

.category-items .blog-item .content {
	display: flex;
	flex-basis: 60%;
	flex-direction: column;
	justify-content: center;
	flex-basis: calc(60% + 32px);
	height: 100%;
	margin-left: -32px;
	padding: 30px 30px 30px 92px;
	background: var(--white);
	z-index: 21;
}

.category-items .blog-item .content h3 {
	font-size: clamp(18px,2vw,24px);
	line-height: 1.3em;
}

.category-items .blog-item .content a.arrow {
	align-self: flex-start;
}

.category-items .blog-item .image {
	flex-basis: calc(40% + 32px);
	max-height: 80%;
	border-radius: 40px 0 0 0;
	margin: 0 -32px 0 0;
	overflow: hidden;
	z-index: 22;
}

.category-items .blog-item:not(:first-of-type) .image {
	flex-basis: calc(40% + 32px);
	height: 80%;
	max-height: 270px;
	border-radius: 40px 0 0 0;
	margin: 0 -32px 0 0;
	overflow: hidden;
	z-index: 22;
}

.category-items .blog-item .image img {
	width: auto;
	height: 100%;
	max-width: initial;
}

/*-- 1st post in category listing --*/

.category-items .blog-item:first-of-type {
	flex-direction: column;
	align-items: flex-start;
	height: calc(100% - 20px);
}

.category-items .blog-item:first-of-type .content {
	flex-basis: 60%;
	justify-content: flex-start;
	width: 100%;
	margin: 0;
	padding: 40px 36px 40px 40px;
}

.category-items .blog-item:first-of-type .content h3 {
	font-size: 28px;
}

.category-items .blog-item:first-of-type .image {
	flex-basis: calc(100% - 72px);
	height: 55%;
	max-height: 450px;
	width: calc(100% - 72px);
	margin: 0 0 0 40px;
}

.category-items .blog-item:first-of-type:after {
	position: absolute;
	top: 25%;
	left: 0;
	width: 100%;
	height: 55%;
	content: "";
	background: var(--white);
}

/*-- Main Category listings --*/

.section-category-posts {
	padding-bottom: 110px;
}

.section-category-posts .alm-listing {
	position: relative;
	display: block;
	padding-bottom: 70px;
}

.section-category-posts .alm-paging-content {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-wrap: wrap;
	width: calc(100% + 20px);
	margin-left: -10px;
}

.resource-item {
	display: flex;
	flex-direction: column;
	flex-basis: calc(33% - 16px);
	min-height: 525px;
	margin: 0 8px 60px 8px;
	background: var(--white);
}

.resource-item:after {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 38.84615%;
	height: 48%;
	content: "";
	background: #f6f6f6;
}

.resource-item .image {
	width: 100%;
	max-width: calc(100% - 56px);
	border-radius: 40px 0 0 0;
	margin-left: 28px;
	overflow: hidden;
	z-index: 22;
}

.resource-item .image .image-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.resource-item .image img {
	width: 100%;
	height: auto;
}

.resource-item .image .category {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	bottom: 0;
	right: 0;
	min-height: 45px;
	color: var(--white);
	font-size: 16px;
	font-family: var(--font-avenir-heavy);
	line-height: 1em;
	padding: 10px 20px 4px 20px;
	border-radius: 8px 0 0 0;
}

.resource-item .content {
	padding: 65px 28px 32px 28px;
	margin-top: -25px;
	background: var(--white);
	z-index: 20;
}

.resource-item .content h3 {
	font-family: var(--font-avenir-heavy);
	font-size: 24px;
	font-size: clamp(20px,2vw,24px);
	margin-bottom: 22px;
}

.resource-item .content h3 a {
	color: #343940;
	text-decoration: none;
}

/*-- Paging --*/

ul.alm-paging.resource-listing-paging {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	margin: 0 0 0 0;
}

ul.alm-paging.resource-listing-paging li a {
	display: block;
	font-family: var(--font-avenir-bold);
	font-size: 18px;
	padding: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #464646;
	border: none;
	background: transparent !important;
}

ul.alm-paging.resource-listing-paging li.prev a,
ul.alm-paging.resource-listing-paging li.next a {
	font-size: 24px;
}

ul.alm-paging.resource-listing-paging li.prev a {
	margin-right: 25px;
}

ul.alm-paging.resource-listing-paging li.next a {
	margin-left: 25px;
}

ul.alm-paging.resource-listing-paging li.prev a:before {
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	content: "\f060";
	margin-right: 20px;
}

ul.alm-paging.resource-listing-paging li.next a:after {
	display: inline-block;
	font-family: "Font Awesome 6 Pro";
	content: "\f061";
	margin-left: 20px;
}

ul.alm-paging.resource-listing-paging li.num {
	margin: 0 8px 3px 8px;
}

ul.alm-paging.resource-listing-paging li:hover a,
ul.alm-paging.resource-listing-paging li.num.active a {
	color: var(--pink);
}

ul.alm-paging.resource-listing-paging li.disabled a {
	color: #464646;
	cursor: default;
	opacity: 0.1;
}

/*--- STYLIZED Person/Blob image for featured items and grid -----*/

.section-blog-posts .blog-list .blog-item.stylized-image .image .image-container, 
.resource-items .blog-item.stylized-image .image .image-container,
.resource-item.stylized-image .image .image-container,
.section-related-items .item.stylized-image .image .image-container {
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	max-width: 60%;
	margin-top: 10px;
	background-size: contain;
	background-position: center center;
}

.section-blog-posts .blog-list .blog-item.stylized-image:first-of-type .image .image-container, 
.resource-items.featured-items .blog-item.stylized-image:first-of-type .image .image-container {
	max-width: 320px;
}

/*=========================================
				Block: Case Studies Main Listing
==========================================*/

.section-case-studies-featured .resource-items .blog-item .image .categories,
.case-studies-listing-container .resource-item .image .categories {
	position: absolute;
	bottom: 0;
	right: 0;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: wrap;
	padding: 0 10px 5px 10px;
	z-index: 10;
}

.section-case-studies-featured .resource-items .blog-item .image .category,
.case-studies-listing-container .resource-item .image .category {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 35px;
	color: var(--white);
	font-size: 14px;
	font-family: var(--font-avenir-bold);
	text-transform: uppercase;
	line-height: 1em;
	padding: 7px 10px 7px 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	border-radius: 4px;
}

.section-case-studies-featured .resource-items .blog-item .image:after,
.case-studies-listing-container .resource-item .image:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: rgba(0,0,0,.3);
	z-index: 1;
}

.section-case-studies-featured .resource-items .blog-item .categories .category:last-of-type {
	margin-right: 0;
}

.section-case-studies-featured .resource-items .blog-item .logo,
.case-studies-listing-container .resource-item .image .logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 10;
}

.case-studies-listing-container .resource-item {
	width: 100%;
	max-width: 33.333333%;
}

/*=========================================
				Block: Case Studies - Featured
==========================================*/

.section-case-studies-featured .section-heading h3 {
	position: relative;
	font-family: var(--font-avenir-heavy);
	font-size: clamp(24px,1.6vw,34px);
	
}

.section-case-studies-featured .section-heading h3:before {
	display: block;
	width: 82px;
	height: 8px;
	border-radius: 4px;
	content: "";
	margin: 35px auto 35px auto;
	background: var(--pink);
}

/*=========================================
				Block: Resources Main Listing
==========================================*/

.section-resource-featured .section-heading h2 {
	font-size: 48px;
	padding-bottom: 30px;
	margin-bottom: 40px;
	border-bottom: 2px solid rgba(255,255,255,.5);
}

/*-- Category Sections --*/

.section-resources-category .heading {
	padding-bottom: 30px;
	margin: 70px 0 40px 0;
	border-bottom: 2px solid #ebebeb;
}

.section-resources-category .heading h2 {
	font-size: 48px;
	margin: 0;
}

.case-studies-listing-container .resource-item .image .categories {
	padding: 0 0 10px 0;
}


/*=========================================
    			Block: New Leads (Home)
=========================================*/

.section-new-leads-home {
	min-height: 38.35274542429285vw;
	padding-bottom: 80px;
	background-color: #003044 !important;
}

.section-new-leads-home .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: " ";
	background-image: url('/wp-content/uploads/2022/08/bg-new-leads-flood-min.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
	z-index: 1;
}

.section-new-leads-home .section-wrapper {
	width: 100%;
	padding-top: clamp(400px,24vw,1200px);
	height: 100%;
}

.section-new-leads-home .wrapper-container {
	max-width: 1100px;
	width: 100%;
	margin: auto;
	z-index: 20;
}

.section-new-leads-home .section-wrapper .col-content {
	flex-basis: 45%;
}

.section-new-leads-home .section-wrapper .col-form {
	flex-basis: 50%;
	z-index: 99;
}

.section-new-leads-home .section-wrapper .col-content {
	padding-right: 35px;
}

.section-new-leads-home .section-wrapper .col-content h2 {
	font-size: clamp(62px,4vw,72px) !important;
}

.section-new-leads-home .section-wrapper .col-form {
	padding-left: 35px;
}

.section-new-leads-home .gform_body {
	width: 100%;
	max-width: 60%;
	min-width: 200px;
	padding-right: 15px;
}

/*==============================================================
    	Block: Top Fullwidth Image/Bottom Rounded Content Box
===============================================================*/

.section-fullwidth-img-rounded-content {
	padding-bottom: 65px;
}

.section-fullwidth-img-rounded-content .section-top {
	width: 100%;
	min-height: 678px;
	padding-top: 172px;
}

.section-fullwidth-img-rounded-content .section-top .heading {
	max-width: 870px;
	margin: 0 auto 150px auto;
	z-index: 10;
}

.section-fullwidth-img-rounded-content .section-top .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
}

/*- Box Content -*/

.section-fullwidth-img-rounded-content .content-box {
	width: 100%;
	max-width: 1075px;
	padding: 70px 98px;
	background: var(--white);
}

.section-fullwidth-img-rounded-content.box-stretch .content-box {
	width: calc(100% - 70px);
	max-width: 1440px;
	padding: 90px 98px 80px 98px;
}

.section-fullwidth-img-rounded-content.box-stretch .content-box .text-box {
	max-width: 920px;
	padding-left: 30px;
}

.section-fullwidth-img-rounded-content:not(.box-stretch) .content-box h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 36px;
}

.section-fullwidth-img-rounded-content .content-box ul {
	-webkit-columns: 200px 3;
   -moz-columns: 200px 3;
   columns: 200px 3;
   -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}

.section-fullwidth-img-rounded-content .content-box ul li {
	-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.section-fullwidth-img-rounded-content .content-box .cta-buttons {
	margin-top: 45px;
}

.section-fullwidth-img-rounded-content .content-box .cta-buttons div {
	width: 100%;
	min-width: 300px;
	max-width: 33.3333%;
}

/*============================================
    	Block: Alternating Rounded Boxes
=============================================*/

.section-alternating-rounded .box-container {
	padding-top: 35px;
	padding-bottom: 35px;
}

.section-alternating-rounded .box-container:first-of-type {
	padding-top: 0;
}

.section-alternating-rounded .box-container:last-of-type {
	padding-bottom: 0;
}

.section-alternating-rounded .box-container .box-content {
	width: calc(100% - 95px);
}

.section-alternating-rounded .box-container .box-content .col-content {
	max-width: 800px;
}

.section-alternating-rounded .box-container .box-content h2 {
	line-height: 1em;
}

/*- overlap last box with section below -*/

.section-alternating-rounded.include-bottom-section .box-container:last-of-type .box-content {
	transform: translateY(200px);
	margin-top: -200px;
}

/*- background -*/

.section-alternating-rounded .box-container .background {
	position: absolute;
	left: 0;
	width: 100%;
	background: #f6f6f6;
}

.section-alternating-rounded .box-container.background-color-top .background {
	top: 0;
}

.section-alternating-rounded .box-container.background-color-bottom .background {
	bottom: 0;
}

/*- bottom section -*/

.section-alternating-bottom .col-content {
	padding-top: clamp(50px,10vw,140px);
}

.section-alternating-bottom .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*==============================================
    	Block: Testimonial (single full-width)
===============================================*/

.section-testimonial .testimonial {
	max-width: 980px;
	margin: auto;
}

.section-testimonial .testimonial .text {
	margin-bottom: 30px;
	padding: 0 130px;
}

.section-testimonial .testimonial .text p {
	font-size: clamp(18px,2vw,22px);
}

.section-testimonial .testimonial:not(.no-quotes) .text:before {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 64px;
	height: 64px;
	content: "";
	background: url('/wp-content/themes/stratabeat/img/quote-left.png') no-repeat center center;
}

.section-testimonial.bg-white .testimonial:not(.no-quotes) .text:before {
	background: url('/wp-content/themes/stratabeat/img/quote-left-dark.png') no-repeat center center;
}

.section-testimonial .testimonial:not(.no-quotes) .text:after {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 64px;
	height: 64px;
	content: "";
	background: url('/wp-content/themes/stratabeat/img/quote-right.png') no-repeat center center;
}

.section-testimonial.bg-white .testimonial:not(.no-quotes) .text:after {
	background: url('/wp-content/themes/stratabeat/img/quote-right-dark.png') no-repeat center center;
}

.section-testimonial .testimonial .text,
.section-testimonial .testimonial .author-name {
	font-size: 24px;
}

/*==============================================
    	Block: Testimonial (simple version)
===============================================*/

.section-testimonial-simple .col-content {
	padding: 78px 185px 78px 70px;
	border-right: 9px solid var(--pink);
	background: url('/wp-content/themes/stratabeat/img/quote-right-pink.png') no-repeat right 52px top 80px;
}

.section-testimonial-simple .col-content span.testimonial p {
	font-size: 28px;
	line-height: 1.3em;
}

/*=========================================
    	Block: 2 Boxes + Testimonial
=========================================*/

.section-2-boxes-testimonial .box-container {
	width: 100%;
	max-width: 1140px;
	padding: 0 30px;
}

.section-2-boxes-testimonial .box-container .box-content {
	flex-basis: 50%;
	margin: 0 15px 30px 15px;
	border-bottom: 8px solid;
	padding-bottom: 92px;
	box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.2);
	background: var(--white);
}

.section-2-boxes-testimonial .box-container .box-content .embelish {
	width: 82px;
	height: 8px;
	border-radius: 4px;
	margin-bottom: 40px;
}

.section-2-boxes-testimonial .box-container .box-content h2 {
	font-family: "AvenirNext Heavy";
	font-size: 36px;
	margin-bottom: 20px;
}

.section-2-boxes-testimonial .box-container .box-content p:first-of-type {
	font-size: 24px;
	line-height: 1.4em;
}

.section-2-boxes-testimonial .box-container .box-content .cta {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 20px 60px 38px 60px;
}

.section-2-boxes-testimonial .box-container .box-content .cta a {
	position: relative;
	min-height: 42px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 2px;
	text-decoration: none;
	padding-right: 50px;
}

.section-2-boxes-testimonial .box-container .box-content .cta a span {
	position: relative;
	display: inline-block;
	padding-bottom: 2px;
	border-bottom: 2px solid;
}

.section-2-boxes-testimonial .box-container .box-content .cta a i {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	font-size: 34px;
}

/* Testimonial */

.section-2-boxes-testimonial .section-testimonial {
	transition: background-color linear 0.4s;
}

.section-2-boxes-testimonial .section-testimonial .testimonial {
	display: none;
	padding: 115px 0;
}

.section-2-boxes-testimonial .section-testimonial .testimonial.current {
	display: block;
}

.section-testimonial .testimonial.font-dark .text::before {
	background: url('/wp-content/themes/stratabeat/img/quote-left-dark.png') no-repeat center center;
}

.section-testimonial .testimonial.font-dark .text::after {
	background: url('/wp-content/themes/stratabeat/img/quote-right-dark.png') no-repeat center center;
}

/*=========================================
    	Block: Testimonials Grid
=========================================*/

.section-testimonials-grid .testimonials-grid .grid-col {
	flex-basis: calc(50% - 15px);
}

.section-testimonials-grid .testimonials-grid .item {
	position: relative;
	width: 100%;
	margin-bottom: 28px;
	padding: 54px 30px 60px 55px;
	box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.2);
}

.section-testimonials-grid .testimonials-grid .item .testimonial-text {
	position: relative;
	padding: 60px 30px 0 0;
	margin-bottom: 20px;
	background: url('/wp-content/themes/stratabeat/img/quote-right-pink.png') no-repeat right top;
	background-size: 40px auto;
}

.section-testimonials-grid .testimonials-grid .item .testimonial-text:before {
	position: absolute;
	top: 8px;
	left: 0;
	display: block;
	width: 82px;
	height: 8px;
	border-radius: 4px;
	content: "";
	background: var(--pink);
}

.section-testimonials-grid .testimonials-grid .item .info  {
	flex-grow: 1;
	padding-right: 15px;
}

.section-testimonials-grid .testimonials-grid .item span {
	line-height: 1.1em;
}

.section-testimonials-grid .testimonials-grid .item span:not(:last-of-type) {
	margin-bottom: 8px;
}

.section-testimonials-grid .testimonials-grid .item .author {
	font-family: "AvenirNext Heavy";
}

.section-testimonials-grid .testimonials-grid .item .image {
	position: relative;
	min-width: 75px;
	width: 75px;
	height: 75px;
}

.section-testimonials-grid .testimonials-grid .item .image img {
	position: relative;
	border-radius: 50%;
	z-index: 2;
}

.section-testimonials-grid .testimonials-grid .item .image:after {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 75px;
	height: 75px;
	border: 2px solid var(--pink);
	border-radius: 50%;
	z-index: 1;
	content: "";
}

/*=========================================
    	Block: Icon List
=========================================*/

.section-icon-list .container {
	max-width: 980px !important;
	margin-right: 0;
	margin-left: 0;
}

.section-icon-list .icon-list .item {
	flex-basis: 50%;
	padding-right: 30px;
	margin-bottom: 30px;
}

.section-icon-list .icon-list .item h3 {
	margin-bottom: 10px;
}

.section-icon-list .icon-list .item h3 span.heading {
	font-size: clamp(20px,3vw,24px);
}

.section-icon-list .icon-list .item h3 span.icon {
	display: inline-block;
	font-size: clamp(30px,4vw,34px);
	min-width: 46px;
}

.section-icon-list .icon-list .item h3 span.icon i:before {
	font-weight: 500;
}

/*=========================================
    	Block: Hero - Pillar Page
=========================================*/

.section-hero-pillar .content-container {
	margin-top: 26px;
	margin-bottom: 22px;
}

.section-hero-pillar .content-container:after {
	position: absolute;
	top: 22px;
	left: 22px;
	width: 100%;
	height: 100%;
	content: '';
	border: 2px solid var(--pink);
	z-index: -1;
}

.section-hero-pillar .col-content {
	max-width: 600px;
	padding: 74px 30px 74px 66px;
}

.section-hero-pillar .col-content .meta {
	color: #b2b2b2 !important;
	margin-top: 38px;
}

.section-hero-pillar .col-content .meta a {
	color: var(--white);
}

.section-hero-pillar .col-content .social-sharing {
	margin-top: 18px;
}

.section-hero-pillar .col-content .social-sharing .addtoany_list a, 
.section-hero-pillar .col-content .social-sharing .widget .addtoany_list a {
	font-size: 18px !important;
	padding: 0 !important;
	margin-right: 10px;
}

.section-hero-pillar .col-image {
	margin: 0 15px 15px 0;
}

.section-hero-pillar .col-image img {
	transform: translateY(-26px);
}

/*===================================================
    	Block: Text Section (Blog posts/Pillar Pages
====================================================*/

.section-text.padding-top-bottom {
	padding-top: 55px;
	padding-bottom: 55px;
}

.section-text h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 28px;
}

.section-text h3 {
	font-family: var(--font-avenir-bold);
	font-size: 24px;
	margin-bottom: 22px;
}

.section-text.large-first-paragraph .col-content p:first-of-type {
	font-size: 24px;
}

.section-text.two-col-bullets .col-content ul,
.section-text.two-col-bullets .col-content ol {
	-webkit-columns: 350px 2;
   -moz-columns: 350px 2;
   columns: 350px 2;
   -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em;
}

.section-text.two-col-bullets li {
	-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/*-- Table of Contents --*/

.section-text .toc-pillar {
	float: left;
	clear: none;
	max-width: 375px;
	margin: 0 60px 50px 0;
	padding: 60px 50px 40px 50px;
	background: #e3e3e3;
}

.section-text .toc-pillar h3 {
	font-size: 48px;
}

.section-text .toc-pillar ul li {
	margin-left: 0 !important;
}

.section-text .toc-pillar ul li:before {
	display: none;
}

/*===================================================
    	Block: Text Only (Job Postings)
====================================================*/

.container-text-only h2 {
	font-family: var(--font-avenir-bold);
	font-size: 22px;
}

.container-text-only p {
	margin-bottom: 20px;
}


/*==============================================================
    	Block: Top Fullwidth Image/Content Box (Pillar Page)
===============================================================*/

.section-fullwidth-img-content-pillar .section-top {
	width: 100%;
	min-height: 500px;
	padding-top: 172px;
}

.section-fullwidth-img-content-pillar.overlap-fixed .section-top {
	min-height: auto;
	/* Old Code overlapped section/links above - removed
	transform: translateY(180px);
	margin-top: -160px;
	*/
	padding-top: 80px;
	padding-bottom: 180px;
}

.section-fullwidth-img-content-pillar .section-top .heading {
	max-width: 870px;
	margin: 0 auto 70px auto;
	z-index: 10;
}

.section-fullwidth-img-content-pillar .section-top .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	z-index: 1;
}

/*- Box Content -*/

.section-fullwidth-img-content-pillar .content-box-container {
	padding-bottom: 70px;
	margin-top: -150px;
}

.section-fullwidth-img-content-pillar .content-box {
	max-width: 1075px;
	padding: 70px 30px 0 30px;
	margin-right: auto;
	margin-left: auto;
	background: #f6f6f6;
}

.section-fullwidth-img-content-pillar .content-box h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 28px;
}

.section-fullwidth-img-content-pillar .content-box h3 {
	font-family: var(--font-avenir-bold);
	font-size: 24px;
	margin-bottom: 22px;
}

.section-fullwidth-img-content-pillar .content-box.large-first-paragraph p:first-of-type {
	font-size: 24px;
}

.section-fullwidth-img-content-pillar .content-box .cta-buttons {
	margin-top: 45px;
}

.section-fullwidth-img-content-pillar .content-box .cta-buttons div {
	width: 100%;
	min-width: 300px;
	max-width: 33.3333%;
}

/*=========================================
    	Block: Content CTA - Side-by-side
=========================================*/

.section-cta-side .container {
	max-width: 1080px;
}

.section-cta-side .container .col-image {
	flex-basis: calc(50% + 140px);
	height: 526px;
	margin-right: -70px;
	overflow: hidden;
}

.section-cta-side .container .col-image img {
	width: auto;
	max-width: none;
	height: 100%;
	margin: auto;
}

.section-cta-side .container .col-content {
	flex-basis: calc(50% + 140px);
	margin-left: -70px;
	padding: 60px 62px;
	background: var(--white);
}

.section-cta-side .container .col-content h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 36px;
}

.section-cta-side .container .col-content h2 a {
	color: #000;
	text-decoration: none;
}

.section-cta-side .container .col-content h2 a:hover {
	color: var(--pink);
}

/*=========================================
    	Block: CTA - Statistic
=========================================*/

.section-cta-stat .col-content {
	flex-basis: calc(55% + 50px);
	margin-right: -50px;
	padding: 62px 50px;
}

.section-cta-stat .col-stat {
	flex-basis: calc(45% + 50px);
	min-height: 460px;
	margin-left: -50px;
	padding: 50px 65px 50px 150px;
}

.section-cta-stat .col-stat div {
	max-width: 270px;
	font-family: 'Tungsten Medium';
	font-size: 72px;
	line-height: 1.1em;
}

.section-cta-stat .col-stat div span.stat {
	font-size: 100px;
}

/*-- Stat/Content orientation --*/

.section-cta-stat.stat-content .row {
	flex-direction: row-reverse;
}

.section-cta-stat.stat-content .col-content {
	margin-left: -50px;
}

.section-cta-stat.stat-content .col-stat {
	margin-right: -50px;
	padding: 50px 150px 50px 65px;
}

/*=========================================
    	Block: CTA - Content Box/Image
=========================================*/

.section-cta-content-image .section-content .col-content {
	width: auto;
	flex-basis: calc(50% + 15vw);
	margin-right: -15vw;
	padding: 75px calc(15vw + 90px) 75px clamp(40px,6.4vw,98px);
}

.section-cta-content-image .section-content .col-image {
	width: calc(50% + 5vw);
	flex-basis: calc(50% + 5vw);
	margin-left: -5vw;
	padding: 70px 0;
}

.section-cta-content-image .section-content .col-image .image {
	padding: 50px;
}

/*=========================================
    	Block: Related Posts
=========================================*/

.section-related-items .item {
	flex-basis: calc(33.3333333% - 16px);
	margin: 0 8px 40px 8px;
}

.section-related-items .item:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200px;
	content: "";
	background: var(--white);
	z-index: -1;
}

.section-related-items .item .image {
	width: calc(100% - 56px);
	max-height: 228px;
	border-bottom: 12px solid var(--pink);
	margin: auto;
	overflow: hidden;
}

.section-related-items .item .content {
	width: 100%;
	min-height: 220px;
	padding: 55px 28px 38px 28px;
	margin-top: -28px;
	background: var(--white);
}

.section-related-items .item .content h3 {
	margin-bottom: 35px;
}

.section-related-items .item .content h3 a {
	color: #343940 !important;
	text-decoration: none;
}

/*=========================================
    	Block: Related Items (Resources)
=========================================*/

.section-related-resources .items {

	margin: auto;
}

.section-related-resources .items .item {
	flex-basis: calc(33.3333333% - 16px);
	margin: 0 8px 40px 8px;
}

.section-related-resources .items .item .image {
	max-height: 378px;
}

.section-related-resources .items .item .image img {
	max-width: ;
	width: 100%;
	height: auto;
}

.section-related-resources .item .content {
	min-height: 220px;
	padding: 250px 28px 38px 28px;
	margin-top: -215px;
}

/*=========================================
    	Blocks: Event Listing
=========================================*/

.section-events {
	margin-top: -194px;
}

.section-events h2 {
	width: clamp(400px,40vw,440px);
	font-size: clamp(36px,4vw,48px);
	padding-bottom: 40px;
	border-bottom: 3px solid rgba(255,255,255,.5);
}

.section-events h3 a {
	text-decoration: none;
}

.section-events h3 a i {
	margin-left: 12px;
}

.section-events .section-content-upcoming .items {
	max-width: 1140px;
	-webkit-columns: 400px 2;
   -moz-columns: 400px 2;
   columns: 400px 2;
   -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin-top: 40px;
}

.section-events .section-content-upcoming .items .item {
	-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.section-events .section-content-upcoming .item {
	margin-bottom: 44px;
}

.section-events .section-content-upcoming .item a {
	position: relative;
}

.section-events .section-content-upcoming .item a:after {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	content: '';
	background: var(--white);
	transition: all ease 0.4s;
}

.section-events .section-content-upcoming .item a:hover:after {
	width: 100%;
}

/* Past Events */

.section-events .section-heading-past {
	margin-top: 88px;
}

.section-events .section-content-past .items {
	-webkit-columns: 280px 3;
   -moz-columns: 280px 3;
   columns: 280px 3;
   -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin-top: 40px;
  margin-bottom: 40px;
}

.section-events .section-content-past .items .item {
	-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  margin-bottom: 40px;
}

/*=============================================
    	Block: Hero - Webinar Registration
=============================================*/

.section-hero-webinar-registration .col-content {
	max-width: 475px;
	padding: 44px 50px 40px 0;
}

.section-hero-webinar-registration .col-content .label {
	font-family: var(--font-avenir-demi-bold);
	letter-spacing: 3px;
	margin-bottom: 25px;
}

.section-hero-webinar-registration .col-content .date {
	margin: 20px 0 20px 0;
}

.section-hero-webinar-registration .col-content .breadcrumbs {
	margin-bottom: 40px;
}

.section-hero-webinar-registration .col-form {
	transform: translateY(170px);
	margin-top: -170px;
	max-width: 586px;
}

/*-- Social share --*/

.section-hero-webinar-registration .social-sharing {
	max-width: 325px;
}

.section-hero-webinar-registration .social-sharing .label {
	margin: 0 10px 0 0;
}

.section-hero-webinar-registration .social-sharing .addtoany_shortcode {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.section-hero-webinar-registration .social-sharing .addtoany_list {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 200px;
}

.section-hero-webinar-registration .social-sharing a span {
	width: 30px !important;
	height: 30px !important;
}

.section-hero-webinar-registration .social-sharing path {
	fill: #3aa8e9;
}

/*-- Bottom Content Section --*/

.section-webinar-content .row .col:first-of-type .col-content,
.section-landing-page-content .row .col:first-of-type .col-content {
	max-width: 500px;
}

.section-webinar-content .row .col:first-of-type .col-content p:first-of-type,
.section-landing-page-content .row .col:first-of-type .col-content p:first-of-type {
	font-size: 24px;
}

.section-webinar-content .row .col:last-of-type {
	padding-top: 185px;
}

.section-webinar-content .testimonial {
	position: relative;
	max-width: 416px;
	margin-bottom: 100px;
	padding-left: 66px;
	background: url('/wp-content/themes/stratabeat/img/quote-left-testimonial-webinar.png') no-repeat left top 5px;
}

.section-webinar-content .testimonial:after {
	display: block;
	width: 100%;
	height: 3px;
	margin-top: 44px;
	background: rgba(255,255,255,.5);
	content: "";
}

.section-webinar-content .testimonial p {
	font-family: 'Tungsten Medium';
	font-size: 60px;
	line-height: 1em;
	color: #edc1d2 !important;
	margin-bottom: 30px;
}

.section-webinar-content .testimonial .author {
	color: #edc1d2 !important;
}

.section-webinar-content .return-to-resource-center {
	padding-left: 66px;
}

/*=========================================
			Block: Webinar OnDemand
===========================================*/

.section-hero-webinar-ondemand {
	margin-top: 180px;
}

.section-hero-webinar-ondemand .col-content {
	max-width: 790px;
}

.section-hero-webinar-ondemand .col-content .label {
	font-family: var(--font-avenir-demi-bold);
	letter-spacing: 3px;
	margin-bottom: 25px;
}

.section-hero-webinar-ondemand .col-content h1 {
	margin-bottom: 20px;
}

.section-webinar-video:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	content: "";
	background: var(--pink);
	z-index: -1;
}

.section-webinar-video .video-wrapper {
	max-width: 970px;
	margin: auto;
}

.webinar .section-webinar-content .row .col:last-of-type {
	padding-top: 20px;
}

/*==============================================================
    	Block: Hero - Landing (based on OnDemand Webinar Hero)
===============================================================*/

.section-landing-page-content .container {
	max-width: 970px !important;
}

.section-landing-page-content .container .col:first-of-type {
	flex-grow: 1;
}

.section-landing-page-content .container .col:first-of-type .col-content {
	max-width: 470px;
}

.section-landing-page-content .container .col:last-of-type {
	max-width: 390px;
}

.section-landing-page-content .container .col:last-of-type .col-content {
	padding-bottom: 20px;
	padding-left: 10px;
}

.section-landing-page-content .container .col:last-of-type .col-cta {
	padding-top: clamp(60px,10vw,80px);
	padding-left: 10px;
	border-top: 2px solid rgba(255,255,255,.5);
}

.section-landing-page-content h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 36px;
}

.section-landing-page-content .container .text-box ul li {
	margin-bottom: 15px;
}

/*=============================================
    	Block: Hero - Playbook
=============================================*/

.section-hero-playbook {
	padding-bottom: 200px;
}

.section-hero-playbook .container {
	padding-top: 50px;
}

.section-hero-playbook .col-content {
	max-width: 475px;
	padding: 0 50px 40px 0;
}

.section-hero-playbook .col-content h3 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.section-hero-playbook .col-content .breadcrumbs {
	margin-bottom: 40px;
}

/*-- Bottom Content Section --*/

.section-playbook-content .container-form {
	padding-bottom: 80px;
}

.section-playbook-content .container-form .col-content {
	max-width: 950px;
	margin-top: -280px;
}

.section-playbook-content .container-content .row .col:first-of-type .col-content {
	max-width: 500px;
}

.section-playbook-content .container-content .row .col:first-of-type .col-content p:first-of-type {
	font-size: 24px;
}

.section-playbook-content .container-content .testimonial {
	position: relative;
	max-width: 416px;
	margin-bottom: 100px;
	padding-left: 66px;
	background: url('/wp-content/themes/stratabeat/img/quote-left-testimonial-webinar.png') no-repeat left top 5px;
}

.section-playbook-content .container-content .testimonial:after {
	display: block;
	width: 100%;
	height: 3px;
	margin-top: 44px;
	background: rgba(255,255,255,.5);
	content: "";
}

.section-playbook-content .container-content .testimonial p {
	font-family: 'Tungsten Medium';
	font-size: 60px;
	line-height: 1em;
	color: #edc1d2 !important;
	margin-bottom: 30px;
}

.section-playbook-content .container-content .testimonial .author {
	color: #edc1d2 !important;
}

.section-playbook-content .container-content .return-to-resource-center {
	padding-left: 66px;
}

/*=========================================
    	Block: Speakers
=========================================*/

.section-speakers .speaker-container .speaker .speaker-box {
	width: calc(100% - 65px);
	padding-top: 90px;
	padding-bottom: 90px;
	margin-bottom: 60px;
}

.section-speakers .speaker-container .speaker:nth-of-type(odd) .speaker-box {
	padding-left: 90px;
}

.section-speakers .speaker-container .speaker:nth-of-type(even) .speaker-box {
	padding-right: 90px;
}

.section-speakers .speaker-container .speaker .speaker-box .image {
	width: 315px;
	height: 326px;
	border-bottom: 10px solid var(--pink);
	overflow: hidden;
}

.section-speakers .speaker-container .speaker .speaker-box .image img {
	width: 100%;
	max-width: auto;
	height: auto;
}

.section-speakers .speaker-container .speaker .speaker-box .col-content {
	max-width: 640px;
	padding-left: 60px;
}

.section-speakers .speaker-container .speaker .speaker-box .col-content .bio {
	margin-top: 25px;
}

/*=========================================
    	Block: Hero - Resources
=========================================*/

.section-hero-resources {
	padding-top: 160px;
}

.section-hero-resources .col-content {
	padding-bottom: 130px;
}

.section-hero-resources h1 {
	font-size: 72px;
}

.section-hero-resources span.label {
	font-family: var(--font-avenir-bold);
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 15px;
	margin-top: -20px;
}

.section-hero-resources .categories-search-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 90px;
	border-radius: 45px;
	border: 2px solid rgba(255,255,255,.5);
	padding: 20px 40px;
	margin-bottom: 75px;
}

/*- Search icon -*/

.categories-search-bar .search {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	right: 0;
	width: auto;
	height: 90px;
}

.categories-search-bar .search .search-icon a span {
	display: none;
}

.categories-search-bar .search .search-icon a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 90px;
	font-size: 24px;
	text-decoration: none !important;
}

.categories-search-bar .search .search-icon.hide {
	display: none;
}

.categories-search-bar .search .search-box {
	display: none;
}

.categories-search-bar .search .search-box.expanded {
	display: block;
}

.categories-search-bar .search .search-box form {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 230px;
	height: 50px;
	border-radius: 45px;
	padding: 0 35px 0 25px;
	transform: translateX(-60px);
	background: var(--white);
}

.categories-search-bar .search .search-box form input[type="search"] {
	display: none;
	height: 50px;
	max-width: 160px;
	border: none;
	border-radius: none;
	padding: 0 0 0 0;
	background: transparent;
}

.categories-search-bar .search .search-box form button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-size: 0;
	border: none;
	box-shadow: none;
	background: transparent;
}

.categories-search-bar .search .search-box form button:before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 700;
	font-size: 24px;
	color: #272930;
	content: "\f002"
}

.categories-search-bar .search .search-box a.close {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 50px;
	color: var(--white);
	font-size: 28px;
	font-weight: 900;
	text-decoration: none !important;
}

/*=========================================
			Block: Hero - Case Study
===========================================*/

.section-hero-casestudy {
	padding-top: 20px;
	margin-bottom: 92px;
}

.section-hero-casestudy .section-wrapper {
	max-width: calc(100% - 35px);
	padding: 75px 65px 55px 65px;
	overflow: visible;
	background-position: center top;
}

.section-hero-casestudy .section-wrapper:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: -moz-linear-gradient(left,  rgba(7,7,7,1) 0%, rgba(7,7,7,0.41) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(7,7,7,1) 0%,rgba(7,7,7,0.41) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(7,7,7,1) 0%,rgba(7,7,7,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#070707', endColorstr='#69070707',GradientType=1 ); /* IE6-9 */
}

.section-hero-casestudy .section-wrapper:after {
	position: absolute;
	top: 22px;
	left: 22px;
	width: 100%;
	height: 100%;
	content: "";
	border: 2px solid var(--pink);
	z-index: -1;
}

.section-hero-casestudy .container .row .col:first-of-type .col-content {
	max-width: 430px;
}

.section-hero-casestudy label,
.section-hero-casestudy .social-sharing label {
	font-size: 15px;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.section-hero-casestudy .social-sharing {
	margin-top: 50px;
}

.section-hero-casestudy .container .row .col:last-of-type .col-content {
	max-width: 370px;
}

.section-hero-casestudy .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 332px;
	min-height: 300px;
	background-size: 100% auto !important;
}

.section-hero-casestudy .icon.shape-pink {
	background: url('/wp-content/themes/stratabeat/img/casestudy-shape-pink.png') no-repeat center center;
}

.section-hero-casestudy .icon.shape-blue {
	background: url('/wp-content/themes/stratabeat/img/casestudy-shape-blue.png') no-repeat center center;
}

.section-hero-casestudy .icon.shape-teal {
	background: url('/wp-content/themes/stratabeat/img/casestudy-shape-teal.png') no-repeat center center;
}

.section-hero-casestudy .icon.shape-orange {
	background: url('/wp-content/themes/stratabeat/img/casestudy-shape-orange.png') no-repeat center center;
}

.section-hero-casestudy .icon.shape-dark {
	background: url('/wp-content/themes/stratabeat/img/casestudy-shape-dark.png') no-repeat center center;
}

.section-hero-casestudy .icon i {
	font-size: 140px;
	transform: translateY(-10px);
}

.section-hero-casestudy .categories {
	margin-top: 42px;
	padding-left: 20px;
}

.section-hero-casestudy .categories span {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	text-align: center;
	text-transform: uppercase;
	padding: 12px 18px;
	border-radius: 8px;
	margin: 0 15px 25px 0;
	line-height: 1.1em;
}

.section-hero-casestudy .categories span:last-of-type {
	margin-right: 0;
}

/*=========================================
    	Block: Overview (Case Study)
=========================================*/

.section-overview-casestudy .container {
	max-width: 980px !important;
}

.section-overview-casestudy .section-content .row .col .col-content {
	max-width: 490px;
}

.section-overview-casestudy .section-content .row .col:first-of-type {
	padding-right: 30px;
}

.section-overview-casestudy .section-content .row .col:last-of-type {
	padding-left: 30px;
}

.section-overview-casestudy .section-content .row .col:first-of-type .col-content p {
	font-size: 28px;
	line-height: 1.2em;
}

.section-overview-casestudy .section-testimonial {
	padding-top: 48px;
	margin-top: 58px;
	border-top: 3px solid rgba(255,255,255,.5);
}

.section-overview-casestudy .section-testimonial .testimonial-text * {
	font-size: 60px;
	line-height: 1em;
	color: rgba(255,255,255,.7);
}

.section-overview-casestudy .section-testimonial .testimonial-author {
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: rgba(255,255,255,.7);
	margin-top: 25px;
}

.section-overview-casestudy .section-testimonial .col-content {
	padding-left: 78px;
	background: url('/wp-content/themes/stratabeat/img/quote-left.png') no-repeat left top 5px;
	background-size: 44px auto;
}

/*=========================================
    	Block: Statistics (Case Study)
=========================================*/

.section-stats-casestudy .statistics .item-wrapper {
	margin-bottom: 95px;
	overflow: hidden;
}

.section-stats-casestudy .statistics .item-wrapper:last-of-type {
	margin-bottom: 0;
}

.section-stats-casestudy .statistics .item-wrapper .item {
	width: 100%;
	max-width: calc(100% - 64px);
	padding-top: 104px;
	padding-bottom: 104px;
}

.section-stats-casestudy .statistics .item-wrapper .item:last-of-type {
	margin-bottom: 0;
}

.section-stats-casestudy .statistics .col-icon {
	padding-right: 65px;
}

.section-stats-casestudy .statistics .icon {
	width: 320px;
	height: 320px;
	padding: 30px;
	border-radius: 40px 0 0 0;
	border-width: 2px;
	border-style: solid;
	background: #3c3e44;
}

.section-stats-casestudy .statistics .icon i {
	font-size: clamp(140px,20vw,206px);
}

.section-stats-casestudy .statistics .col-text {
	max-width: 500px;
}

.section-stats-casestudy .statistics .col-text label {
	position: relative;
	font-size: 15px;
	letter-spacing: 1px;
}

.section-stats-casestudy .statistics .col-text label:after {
	display: block;
	width: 82px;
	height: 8px;
	content: "";
	border-radius: 4px;
	margin: 22px 0 38px 0;
	background: var(--white);
}

.section-stats-casestudy .statistics .item h3 {
	font-size: clamp(60px,4vw,80px);
}

.section-stats-casestudy .statistics .item .description {
	font-size: 36px;
	line-height: 1.3em;
}

/* Odd items */

.section-stats-casestudy .statistics .item-wrapper:nth-of-type(odd) {
	justify-content: flex-end;
	padding-left: max(30px, calc((100vw - 1240px)/2));
}

.section-stats-casestudy .statistics .item-wrapper:nth-of-type(odd) .item {
	padding-right: max(30px, calc((100vw - 1240px)/2));
	padding-left: 94px;
	border-radius: 40px 0 0 0;
}


/* Even items */
.section-stats-casestudy .statistics .item-wrapper:nth-of-type(even) {
	justify-content: flex-start;
	padding-right: max(30px, calc((100vw - 1240px)/2));
}

.section-stats-casestudy .statistics .item-wrapper:nth-of-type(even) .item {
	padding-right: 94px;
	padding-left: max(30px, calc((100vw - 1240px)/2));
	border-radius: 0 40px 0 0;
}

/*=========================================
    	Block: Feature Boxes (Case Study)
=========================================*/

.section-feature-boxes .section-heading {
	padding-bottom: 690px;
}

.section-feature-boxes .section-heading:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 620px;
	content: "";
	background: -moz-linear-gradient(top,  rgba(39,41,48,0) 0%, rgba(39,41,48,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(39,41,48,0) 0%,rgba(39,41,48,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(39,41,48,0) 0%,rgba(39,41,48,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00272930', endColorstr='#272930',GradientType=0 ); /* IE6-9 */: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00272930', endColorstr='#272930',GradientType=0 ); /* IE6-9 */
}

.section-feature-boxes .section-content {
	padding-bottom: 70px;
	background: #272930;
}

.section-feature-boxes .section-content .items {
	max-width: 1150px;
	margin: -590px auto 0 auto;
}

.section-feature-boxes .section-content .items .box-content {
	flex-basis: calc(50% - 40px);
	margin: 0 20px 40px 20px;
	background: var(--white);
}

.section-feature-boxes .section-content .items .box-content h3 {
	font-family: var(--font-avenir-heavy);
	font-size: 36px;
	margin-bottom: 30px;
}

.section-feature-boxes .section-content .items .box-content p {
	line-height: 1.3em;
}

/*=========================================
    			Block: Gallery Slider
=========================================*/

.section-gallery-slider .gallery-slider {
	padding-top: 50px;
}

.section-gallery-slider .slick-slide .slide-content img {
	width: 100%;
	height: auto;
}

.section-gallery-slider .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	border: none;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: 700;
	color: #ccc;
	background: transparent;
	transition: all ease 0.4s;
	z-index: 999;
}

.section-gallery-slider .slick-arrow:hover {
	color: var(--pink);
}

.section-gallery-slider .slick-prev {
	left: 10px;
}

.section-gallery-slider .slick-next {
	right: 10px;
}

.section-gallery-slider .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
	font-size: 0;
	margin: 30px 0 0 0;
	padding: 0;
}

.section-gallery-slider .slick-dots button {
	width: 12px;
	height: 12px;
	border: none;
	border-radius: 50%;
	margin: 0 8px;
	background: #cbcbcc;
}

.section-gallery-slider .slick-dots .slick-active button {
	background: #bf305a;
}

/*=========================================
    			Block: Feature/Cards
=========================================*/

.section-feature-cards {
	padding-top: 25px;
	padding-bottom: 70px;
}

.section-feature-cards .section-heading {
	padding-bottom: 50px;
}

.section-feature-cards h2 {
	font-family: var(--font-avenir-heavy) !important;
	font-size: clamp(30px,1.6vw,36px);
	line-height: 1.5em;
}

.section-feature-cards .card-heading h2 {
	margin-bottom: 0;
}

.card-grid .item {
	flex-basis: calc(50% - 30px);
	margin: 0 15px 30px 15px;
}

.card-grid .item.card-feature {
	border-radius: 50px 0 0 0;
	box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 8px 8px 28px 0px rgba(0,0,0,0.4);
	background: var(--white);
}

.card-grid .item.card-feature h3 {
	font-family: var(--font-avenir-heavy) !important;
	font-size: 26px;
}

.card-grid .item .icon {
	min-height: 45px;
	margin-top: -25px;
	margin-bottom: 15px;
}

.card-grid .item .icon i {
	font-size: 36px;
}

/*=========================================
    			Block: Pricing Table
=========================================*/

.section-pricing-table .container {
	max-width: 990px !important;
}

.pricing-table .table-cols {
	gap: 0 12px;
	margin-top: 30px;
}

.pricing-table .table-cols .table-col {
	flex-basis: calc(33.333% - 8px);
	border-radius: 35px 0 0 0;
	padding: 0 clamp(15px,1.5em,28px) 35px clamp(15px,1.5em,28px);
	background: var(--light-gray);
}

.pricing-table .table-cols .table-col .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 120px;
	height: 120px;
	font-size: 42px;
	margin: -60px auto 0 auto;
	border-radius: 50%;
	border: 1px solid var(--light-gray-2);
	background: var(--white);
}

.pricing-table .table-cols .table-col .content {
	padding-top: 20px;
}

.pricing-table .table-cols .table-col .content h3 {
	font-family: var(--font-avenir-heavy);
	font-size: 26px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 6px solid var(--light-gray-2);
}

.pricing-table .table-cols .table-col .content h4 {
	font-family: var(--font-avenir-bold);
	font-size: 18px;
	color: var(--pink);
	text-transform: uppercase;
	margin-bottom: 5px;
}

.pricing-table .table-cols .table-col .content ul {
	margin-top: 0;
}

.pricing-table .table-cols .table-col .content li {
	margin-bottom: 5px;
}

.pricing-table .table-cols .table-col .content p,
.pricing-table .table-cols .table-col .content li,
.pricing-table .table-footer p,
.pricing-table .table-footer li {
	font-size: clamp(14px,1.6vw,16px);
}

/* table footer */

.pricing-table .table-footer {
	margin-top: 8px;
	padding: 40px clamp(15px,1.5em,28px);
	border-top: 5px solid var(--pink);
	background: var(--light-gray);
}

.pricing-table .table-footer ul {
	margin-top: 0;
}

/*=========================================
    			Block: Content/Image
=========================================*/

.section-content-image h2 {
	font-family: var(--font-avenir-heavy) !important;
	font-size: clamp(30px,1.6vw,36px);
	line-height: 1.5em;
}

.section-content-image .section-content .col-content {
	max-width: 450px;
}

.section-content-image .section-content  .col-content h2 {
	line-height: 1.3em;
}

.section-content-image .section-content  .col-content p {
	line-height: 1.5em;
}

.section-content-image .section-content  .col-image {
	position: relative;
	max-width: 560px;
}

.section-content-image .col-image:after {
	position: absolute;
	top: 20px;
	left: 24px;
	width: calc(100% - 24px);
	height: 100%;
	content: "";
	border: 2px solid var(--pink);
	z-index: 1;
}

.section-content-image .col-image img {
	position: relative;
	width: calc(100% - 24px);
	border-radius: 50px 0 0 0;
	border-bottom: 2px solid var(--white);
	z-index: 20;
}


/*-- Image/Content --*/

.section-content-image.image-content .row {
	flex-direction: row-reverse;
}


/*=========================================
    	Block: CTA with Navigation Items
=========================================*/

.section-cta-navigation .container .row .col:first-of-type {
	max-width: 365px;
	padding-right: clamp(30px,2vw,60px);
}

.section-cta-navigation .container .row .col:last-of-type {
	flex-grow: 1;
	max-width: 750px;
}

.section-cta-navigation h2 {
	font-size: clamp(30px,1.6vw,36px);
	line-height: 1.5em;
}

.section-cta-navigation .container .row .col:last-of-type p {
	font-family: var(--font-avenir-heavy) !important;
	font-size: clamp(18px,1.5vw,22px);
	line-height: 1.3em;
}

.section-cta-navigation .navigation {
	margin-top: 30px;
	margin-bottom: 20px;
}

.section-cta-navigation .navigation .item {
	flex-basis: 50%;
	min-width: 300px;
	padding-right: 20px;
	margin-bottom: 20px;
}

/*=========================================
    	Block: FAQs
=========================================*/

.section-faqs .row {
	max-width: 970px;
}

.section-faqs .faqs .accordion-item {
	margin-bottom: 32px;
	border: none;
	border-radius: 50px 0 0 0;
	padding: 0;
	background: #f6f6f6;
}

.section-faqs .faqs .accordion-item h3 {
	font-family: var(--font-avenir-heavy) !important;
	font-size: 0;
	line-height: 1.5em;
}

.section-faqs .faqs .accordion-item .accordion-button {
	font-size: clamp(18px,1.5vw,24px);
	line-height: 1.5em;
	color: #000;
	background: transparent;
	box-shadow: none;
	padding: 60px 120px 60px clamp(30px,2.2vw,90px);
}

.section-faqs .faqs .accordion-item .accordion-button:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Font Awesome 6 Pro";
	font-size: 30px;
	color: var(--white);
	content: "\f068";
	background: var(--pink);
	transition: none;
}

.section-faqs .faqs .accordion-item .accordion-button.collapsed:after {
	content: "\2b";
}

.section-faqs .faqs .accordion-item .accordion-body {
	padding: 25px clamp(30px,1.8vw,60px) 50px clamp(30px,2.2vw,90px);
}

/*=========================================
    	Block: Hero (Form Landing Page)
=========================================*/

.section-hero-form-landing {
	padding-top: 20px;
}

.section-hero-form-landing .col-content {
	padding-top: 30px;
	padding-right: clamp(30px,9vw,90px);
}

.section-hero-form-landing .col-content .tagline {
	font-size: 17px;
	margin-bottom: 20px;
}

.section-hero-form-landing .col-content h1 {
	color: var(--pink);
	margin-bottom: 20px;
}

.section-hero-form-landing .col-content h3 {
	font-family: var(--font-avenir-medium);
	font-size: 26px;
	margin-bottom: 20px;
}

.section-hero-form-landing .col-content p {
	font-size: 17px;
}

.section-hero-form-landing .col-content ul {
	list-style: none;
	margin: 5px 0;
	padding: 0;
}

.section-hero-form-landing .col-content ul li {
	position: relative;
	font-size: 17px;
	margin-left: 30px;
	margin-bottom: 24px;
}

.section-hero-form-landing .col-content ul li:before {
	position: absolute;
	left: -30px;
	top: 1px;
	font-family: "Font Awesome 6 Pro";
	content: "\f061";
	color: var(--pink);
}

.section-hero-form-landing .col-content .step-process {
	margin-top: 42px;
	transform: translateX(-50px);
}

.section-hero-form-landing .col-content .step-process .item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex-basis: 33.3%;
	text-align: center;
	padding: 0 8px;
}

.section-hero-form-landing .col-content .step-process .item:not(:last-of-type):after {
	position: absolute;
	top: 12px;
	right: 0;
	font-family: "Font Awesome 6 Pro";
	font-size: 26px;
	font-weight: 700;
	content: "\f061";
	color: var(--pink);
}

.section-hero-form-landing .col-content .step-process .item .number {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 70px;
	height: 70px;
	font-family: var(--font-avenir-heavy);
	font-size: 26px;
	color: var(--white);
	margin-bottom: 15px;
	border-radius: 50%;
	background: var(--pink);
}

.section-hero-form-landing .col-content .step-process .item .process {
	max-width: 155px;
	line-height: 1.3em;
	font-size: clamp(13px,1.2vw,17px);
}

/* - form section -*/

.section-hero-form-landing .col-form h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 34px;
	margin-bottom: 10px;
}

.section-hero-form-landing .col-form h2:before {
	display: block;
	width: 82px;
	height: 8px;
	border-radius: 4px;
	margin-bottom: 40px;
	content: "";
	background: var(--pink);
}

.section-hero-form-landing .col-form form input[type="submit"] {
	margin-top: 30px !important;
}

/*=========================================
    		Block: Logos (Form Landing Page)
=========================================*/

.section-logos-form-landing-page h2 {
	text-align: center;
	margin-bottom: 40px;
}

.section-logos-form-landing-page .container {
	padding-bottom: 0 !important;
}

/*-- bottom half background color --*/

.section-logos-form-landing-page.bg-color-half-btm:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
	content: "";
}

/*===================================================
    Block: Content/Testimonial (Form Landing Page)
====================================================*/

.section-content-testimonial-form-landing .col-content {
	max-width: 470px;
}

.section-content-testimonial-form-landing .col-content p {
	font-size: 17px;
	margin-bottom: 30px;
}

.section-content-testimonial-form-landing .col-content h4 {
	font-family: var(--font-avenir-medium);
	font-size: 22px;
	line-height: 1.3em;
}

.section-content-testimonial-form-landing .col-content .cta-button {
	margin-top: 30px;
}

.section-content-testimonial-form-landing .col-testimonial {
	max-width: 410px;
}

.section-content-testimonial-form-landing .col-testimonial * {
	color: #edc1d2 !important
}

.section-content-testimonial-form-landing .col-testimonial h3 {
	font-size: 58px;
	line-height: 1em;
	margin-bottom: 20px;
}

.section-content-testimonial-form-landing .col-testimonial {
	font-size: 17px;
}

.section-content-testimonial-form-landing .col-testimonial .author {
	margin-top: 30px;
}

.section-content-testimonial-form-landing .col-testimonial .author .author-name,
.section-content-testimonial-form-landing .col-testimonial .author .author-title {
	font-family: var(--font-avenir-heavy);
	font-size: 13px;
	text-transform: uppercase;
}

/*=========================================
    	Page: Home
=========================================*/

.home-client-success-stories .section-content {
	transform: translateY(170px);
	margin-top: -170px;
}

.section-home-client-feedback {
	padding-top: 350px !important;
	padding-bottom: 100px !important;
	z-index: 10;
}

.section-home-client-feedback img.img-chevron-down {
	max-width: 53px !important;
}

.section-ventures-home .container .row {
	padding-right: max(30px, calc((100vw - 1440px)/2)) !important;
}

/*========================================
				Page: Services & Solutions
========================================*/

.section-hero-services {
	padding-bottom: 120px;
}

.section-strategy-heart-services {
	padding-bottom: -100px;
}

.section-strategy-heart-services .section-wrapper {
	max-width: 1110px !important;
	margin: auto;
	transform: translateY(-104px);
}

/*========================================
			Page: Serives -> ABM
========================================*/

.section-insights-signup-abm .section-content .row .col:first-of-type {
	padding-bottom: 0 !important;
}

/*========================================
			Page: Industries
========================================*/

.section-hero-industries .box-content-padding {
	padding: 70px 60px 40px 60px;
}

.section-hero-industries .nav-industries {
	-webkit-columns: 200px 2;
   -moz-columns: 200px 2;
   columns: 200px 2;
}

.section-hero-industries .nav-industries li {
	padding-top: 15px;
	padding-bottom: 15px;
}

.section-hero-industries .nav-industries a {
	font-family: var(--font-avenir-heavy);
}

.section-hero-industries .nav-industries a:after {
	content: "\f063";
}

/*========================================
			Page: About
========================================*/

.section-about-mission .section-wrapper {
	max-width: 1340px !important;
	padding-top: 185px;
	padding-bottom: 245px;
	margin-top: -80px;
	margin: -80px auto 0 auto;
}

.section-icon-list-about {
	margin-top: -140px;
}

.section-join-team-about {
	margin-top: -50px;
}

.section-ventures-about {
	margin-top: -60px;
}

/* Thought Leadership/Logo Section */

.section-thought-leadership-about {
	padding-top: 0 !important;
	padding-bottom: 40px !important;
	padding-right: 0 !important;
}

.section-thought-leadership-about .container-wrapper {
	position: relative;
	padding: 70px 60px;
	padding-right: max(30px, calc((100vw - 1240px)/2));
	border-radius: 40px 0 0 0;
	background: var(--white);
	z-index: 20;
}

.section-thought-leadership-about .row {
	max-width: 1110px;
}

.section-thought-leadership-about.section-logos .logo {
	flex-basis: 25%;
	min-width: 220px;
	padding: 0 15px;
	margin-bottom: 80px;
}

.section-thought-leadership-about:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc(50% + 40px);
	content: "";
	background: #20a4f3;
	z-index: 1;
}

/*==========================================
			Page: Pricing
===========================================*/

/* Thought Leadership/Logo Section */

.section-logo-pricing {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
	padding-right: 0 !important;
}

.section-logo-pricing .container-wrapper {
	position: relative;
	padding: 70px 60px;
	padding-right: max(30px, calc((100vw - 1240px)/2));
	border-radius: 40px 0 0 0;
	background: var(--white);
	z-index: 20;
}

.section-logo-pricing .row {
	max-width: 1110px;
}

.section-logo-pricing.section-logos .logo {
	flex-basis: 25%;
	min-width: 220px;
	padding: 0 15px;
	margin-bottom: 80px;
}


/*=========================================
    	Page: Careers
=========================================*/

.section-we-love-marketing-careers {
	padding-top: 226px !important;
	margin-top: -166px;
	background-image: url('/wp-content/themes/stratabeat/img/heart-half-left.png'), url('/wp-content/themes/stratabeat/img/heart-half-right.png');
	background-repeat: no-repeat;
	background-position: top 75px left, top 75px right;
	background-size: auto calc(100% - 146px);
}

.section-hiring {
	margin-bottom: -462px;
}

.section-hiring .section-heading {
	position: relative;
}

.section-hiring .section-heading:after {
	position: absolute;
	bottom: 40px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	max-width: 980px;
	height: 3px;
	background: #e91b64;
	content: "";
}

body.careers footer {
	padding-top: 530px !important;
}

/*=========================================
    	Page: Results
=========================================*/

.section-hero-results .categories-search-bar {
	max-width: 600px;
	margin-right: auto;
	margin-left: auto;
}

/*=========================================
    	Page: Contact
=========================================*/

.section-hero-contact .contact-form {
	margin-top: 30px;
}

.section-hero-contact .contact-form form textarea {
	height: 115px !important;
}

.section-contact-info .section-content .row .col:first-of-type .col-content {
	max-width: 540px;
	padding: 70px 60px;
	border-radius: 40px 0 0 0;
	background: var(--pink);
}

.section-contact-info .section-content .row .col:first-of-type .col-content * {
	color: var(--white);
}

.section-contact-info .section-content .row .col:first-of-type .col-content p {
	font-size: 24px;
}

.section-contact-info .section-content .row .col:first-of-type .col-content a.phone {
	margin-bottom: 15px;
}

.section-contact-info .section-content .row .col:last-of-type {
	padding-top: 65px;
}

.section-contact-info:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100% - 136px);
	content: "";
	background: var(--white);
}

/*========================================
			Page: Events
========================================*/

.section-hire-tom {
	padding-right: max(12px, calc((100vw - 1240px)/2));
	padding-left: max(12px, calc((100vw - 1240px)/2));
}

.section-hire-tom .section-content .row .col:first-of-type {
	padding-top: clamp(100px,20vw,180px);
	padding-bottom: clamp(100px,20vw,180px);
}

.section-hire-tom .section-content .row .col:first-of-type .col-content {
	padding-right: 30px;
}

.section-hire-tom .section-content .row .col:last-of-type {
	background: url('/wp-content/uploads/2022/09/tom-shapiro-dark-shirt-min.jpg') no-repeat center top;
	background-size: cover;
}

/*=========================================
    	Page: Blog Landing
=========================================*/

.section-hero-blog-landing {
	padding-bottom: 420px;
}

/*=========================================
    	Page: Blog Post Page
=========================================*/

.legacy-container {
	max-width: 795px;
	margin: auto;
	padding: 0 20px;
}

.legacy-container h2 {
	font-family: var(--font-avenir-heavy);
	font-size: 28px;
}

.section-hero-blog-post {
	padding-top: 30px;
	margin-bottom: 108px;
}

.section-hero-blog-post .section-heading {
	z-index: 20;
}

.section-hero-blog-post .section-heading:after {
	position: absolute;
	left: 40px;
	top: 26px;
	width: calc(100% - 26px);
	height: 100%;
	content: "";
	border: 2px solid var(--pink);
	z-index: -1;
}

.section-hero-blog-post .section-heading .row {
	display: block;
	width: calc(100% - 20px);
	z-index: 100;
	padding: 70px 30px 60px 70px;
	padding-left: clamp(30px,6vw,70px);
	margin: auto;
	background: #0a0b0d;
}

.section-hero-blog-post .section-heading .row .col:last-of-type {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}

.section-hero-blog-post .section-heading .row .col:last-of-type .image {
	margin-top: -105px;
}

/*- For old posts with rectangle photos -*/
.section-hero-blog-post.vertically-center-image .section-heading .row .col:last-of-type {
	display: flex;
	justify-content: center;
	align-items: center;
}

.section-hero-blog-post.vertically-center-image .section-heading .row .col:last-of-type .image {
	margin-top: 0;
}

.section-hero-blog-post .section-heading .col-content {
	max-width: 500px;
}

.section-hero-blog-post .section-heading .col-content h1 {
	margin-bottom: 20px;
}

.section-hero-blog-post .section-heading .post-type-label {
	border-bottom: none;
}

.section-hero-blog-post .section-heading .post-meta {
	color: #b2b2b2;
	margin-top: 20px;
}

.section-hero-blog-post .section-heading .post-meta a {
	color: var(--white);
}

.section-hero-blog-post .section-heading .social-sharing {
	margin-top: 20px;
}

.section-hero-blog-post .section-heading .social-sharing .addtoany_list a {
	padding: 0 9px;
}

.section-hero-blog-post .section-heading .social-sharing .addtoany_list a:first-of-type {
	padding-left: 0;
}

.section-hero-blog-post .cta-buttons {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 10px;
}

.section-hero-blog-post .cta-buttons.multi-buttons .btn:first-of-type {
	margin-right: 20px;
}

/*- back to blog --*/

.back-to-blog .container {
	border-bottom: 2px solid #ebebeb;
	margin-bottom: 80px;
}

/*=========================================
    	Page: Search Results
=========================================*/

.section-hero-search-results {
	padding-top: 160px;
	padding-bottom: 100px;
	background: rgb(39,41,48);
	background: -moz-linear-gradient(45deg, var(--pink) 0%, #272930 100%);
	background: -webkit-linear-gradient(45deg, var(--pink) 0%,#272930 100%);
	background: linear-gradient(45deg, var(--pink) 0%,#272930 100%);
}

.section-hero-search-results:before {
	position: absolute;
	top: 65px;
	left: 50%;
	transform: translateX(-50%);
	content: "Search";
	font-family: 'Tungsten Medium';
	font-size: clamp(120px,30vw,300px);
	line-height: .8em;
	color: rgba(0,0,0,.1);
	overflow: hidden;
}

.search-results .search-box form {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 350px;
}

.search-results .search-form input[type="search"] {
	height: 50px;
	width: 100%;
	max-width: 350px;
	border: none;
	border-radius: 45px;
	padding: 0 25px 0 40px;
	background: var(--white);
}

.search-results .search-form button {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	font-size: 0;
	border: none;
	box-shadow: none;
	background: transparent;
}

.search-results .search-form button::before {
	font-family: "Font Awesome 6 Pro";
	font-weight: 700;
	font-size: 24px;
	color: #272930;
	content: "\f002";
}

.search-no-results .resource-category-listing section h3 {
	width: 100%;
	text-align: center;
}

/*====================================
    			Single: Job Posting
=====================================*/

.single-job .container-job-post {
	padding-top: 50px;
	padding-bottom: 50px;
}

.single-job .container-job-post .inner-container {
	display: flex;
	align-items: start;
	justify-content: center;
	margin: auto;
}

/*-- Main Column --*/

.single-job .container-job-post .main-col {
	flex-grow: 1;
	padding-left: 38px;
	padding-right: 70px;
}

.single-job .container-job-post .main-col label.main {
	font-size: 18px;
	margin-bottom: 20px;
}

.single-job .container-job-post .main-col h1 {
	margin-bottom: 40px;
}

.single-job .container-job-post .main-col h2 {
	margin-top: 30px;
}

.single-job .container-job-post .main-col ul li {
	margin-bottom: 18px;
}

.single-job .container-job-post .main-col .link-apply-mobile {
	display: none;
}

/* -- Side Column with Form --*/

.single-job .container-job-post .side-col {
	width: 100%;
	max-width: 500px;
}

.single-job .container-job-post .side-col h2 {
	margin-bottom: 5px;
}

.single-job .container-job-post .side-col .embelish:before {
	margin-bottom: 30px;
}

.single-job .container-job-post .side-col .col-content {
	max-width: 500px !important;
}

/*====================================
    			Author Page
=====================================*/

.author .section-author {
	padding-top: 80px;
}

.author .section-author .row {
	max-width: 978px;
}

.author .section-author .row .col:first-of-type {
	padding-right: 70px;
}

.author .section-author h1 {
	margin: 15px 0;
}

.author .section-author .title {
	margin-bottom: 30px;
}

.author .section-author .row .col:last-of-type {
	width: 100%;
	max-width: 316px;
}

.author .section-author .image-social .image {
	width: 100%;
	height: auto;
	border-bottom: 12px solid var(--pink);
}

.author .section-author .image-social .image img {
	border-radius: 40px 0 0 0;
}

.author .section-author .image-social .social {
	padding: 32px 20px;
}

.author .section-author .image-social .social ul {
	margin-top: 18px;
}

.author .section-author .image-social .social ul a {
	display: block;
	margin: 0 12px;
	font-size: 32px;
}

/*====================================
    				404 Page
=====================================*/

.section-404-content .col-content {
	max-width: 680px;
}

.section-404-content h1 {
	font-size: clamp(100px,15vw,200px);
	margin-bottom: 40px;
}

/*-- Suggest Content Items --*/

.suggested-content-404 {
	max-width: 1010px;
	margin: auto;
}

.suggested-content-404 .item {
	flex-basis: calc(33.333333% - 44px);
	min-height: 285px;
	min-width: 250px;
	margin: 0 22px 64px 22px;
}

.suggested-content-404 .item:after {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100%;
	height: 100%;
	content: "";
	z-index: -1;
}

.suggested-content-404 .item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 62px 20px;
	text-decoration: none !important;
	background: var(--white);
}

.suggested-content-404 .item a:hover {
	transform: translate(10px,10px);
}

.suggested-content-404 .item .icon {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	min-height: 68px;
	margin-bottom: 20px;
}

.suggested-content-404 .item .icon i {
	font-size: clamp(50px,6vw,56px);
}

.suggested-content-404 .item a h3 {
	font-family: var(--font-avenir-bold) !important;
	font-size: 22px;
	font-size: clamp(18px,3vw,22px);
	color: #000;
}

.suggested-content-404 .item a:hover h3 {
	color: var(--white);
}


/*=========================================
    	Section: Global Bottom Promo
=========================================*/
	
.section-global-bottom-promo {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	min-height: 400px;
	padding-top: 100px;
	padding-bottom: 100px;
	z-index: -1;
}

.section-global-bottom-promo .col-content {
	max-width: 790px;
}

/*====================================
    					Footer
=====================================*/

footer.footer {
	padding-top: 20px;
	padding-bottom: 38px;
	background: #030303;
	z-index: 1;
}

footer.footer .footer-container {
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 40px;
}

footer.footer h3 {
	font-family: var(--font-avenir-heavy);
	font-size: 20px;
	color: #404040;
	text-transform: uppercase;
	margin-bottom: 24px;
}

footer.footer .footer-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer.footer .footer-menu ul li {
	margin-bottom: 25px;
}

footer.footer .footer-menu ul li a {
	color: var(--white);
	font-size: 16px;
	text-decoration: none;
}

footer.footer .footer-menu ul li a:hover {
	color: var(--pink);
}

/*-- Footer 1 (Logo and Tagline) --*/

footer.footer .footer-1 .footer-container {
	justify-content: space-between;
	align-items: center;
	padding-bottom: 30px;
}

footer.footer .footer-1 .footer-container > div {
	flex-basis: 50%;
}

footer.footer .footer-1 .footer-logo {
	max-width: 305px;
	padding-right: 30px;
}

footer.footer .footer-1 .footer-contact {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

footer.footer .footer-1 .footer-contact img {
	margin-bottom: 0;
}
	
/*-- Footer 2 (Company Menu and Social Links) --*/

footer.footer .footer-2 .footer-container,
footer.footer .footer-4 .footer-container {
	border-top: 2px solid rgba(255,255,255,.15);
}

footer.footer .footer-2 .footer-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

footer.footer .footer-2 .footer-container .footer-menu {
	order: 2;
	width: 100%;
}

footer.footer .footer-2 .footer-container .footer-social {
	width: 100%;
	order: 1;
}

footer.footer .footer-2 .footer-container .footer-menu ul {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	flex-wrap: wrap;
}

footer.footer .footer-2 .footer-container .footer-menu ul li:not(:last-of-type) {
	padding-right: clamp(20px,2.4vw,40px);
}

footer.footer .footer-2 .footer-container .footer-social {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

footer.footer .footer-2 .footer-container .footer-social ul {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	max-width: 370px;
	list-style: none;
	margin: 0;
	padding: 0;
	transform: translateY(30px);
}

footer.footer .footer-social a.email {
	font-size: 16px;
	text-decoration: none;
}

footer.footer .footer-social a.email:hover {
	color: var(--white);
}

/*-- Footer 3 (Resource, Knowledge, Downloads Menus) --*/

footer.footer .footer-3 .footer-container {
	justify-content: space-between;
	padding-bottom: 30px;
}

footer.footer .footer-3 .footer-container .footer-menu {
	flex-basis: calc(33.333% - 10px);
	max-width: 270px;
	padding-top: 40px;
	border-top: 2px solid rgba(255,255,255,.15);
}

footer.footer .footer-3 .footer-container .footer-menu:not(:last-of-type) {
	marign-right: 15px;
}

/*-- Footer 4 (B2B Growth Menu) --*/

footer.footer .footer-4 .footer-container {
	padding-bottom: 30px;
}

footer.footer .footer-4 .footer-container .footer-menu ul {
	-webkit-columns: 200px 3;
   -moz-columns: 200px 3;
   columns: 180px 3;
   -webkit-column-gap: 4.5vw;
  -moz-column-gap: 4.5vw;
  column-gap: 4.5vw;
}

footer.footer .footer-4 .footer-container .footer-menu ul li {
	-webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

/*-- Footer 5 --*/

footer.footer .footer-5 p {
	font-size: 14px;
	color: #7f8082;
}

footer.footer .footer-5 a {
	color: #7f8082;
	text-decoration: underline;
}

footer.footer .footer-5 a:hover {
	color: var(--pink);
}

/*=====================================
    					WP BASE
=======================================*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}

a:focus {
	outline:0;
}

a:hover,
a:active {
	outline:0;
}

input:focus {
	outline:0;
}


/*===================================
    					RESPONSIVE
====================================*/

@media only screen and (min-width:1023px) {
	
	nav.nav-mobile {
		display: none !important;
	}

	/*-- Hide/Display --*/
	
	.hide-desktop {display:none;}
	
	/*-- Resource Categories Links --*/
	
	.ae-select {
		display: none
	}
	
	.section-hero-resources .categories-search-bar .categories ul {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.section-hero-resources .categories-search-bar .categories ul li {
		font-family: var(--font-avenir-bold);
		font-size: 24px;
		font-size: clamp(20px,2vw,24px);
		line-height: 1.1em;
		text-align: center;
		margin: 0 20px;
	}
	
	.section-hero-resources .categories a {
		color: var(--white);
	}
	
	/*-- Block: Blog List --*/

	.section-blog-posts .blog-list .blog-item:first-of-type {
		position: relative;
		flex-basis: 100%;
		flex-direction: row-reverse;
		justify-content: center;
		padding: 40px 0 40px 44px;
	} 

	.section-blog-posts .blog-list .blog-item:first-of-type:before {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 225px);
		height: 100%;
		content: "";
		background: var(--white);
	}

	.section-blog-posts .blog-list .blog-item:first-of-type .image {
		flex-basis: 60%;
		max-width: 600px;
	}

	.section-blog-posts .blog-list .blog-item:first-of-type .content {
		flex-basis: 470px;
		padding-right: 5%;
	}

	.section-blog-posts .blog-item:first-of-type h3 a {
		font-size: 36px;
	}

	.section-blog-posts .blog-list .blog-item:first-of-type .content .excerpt {
		margin-bottom: 40px;
	}
	
	/*-- Page: Contact --*/

	.section-hero-contact .contact-form form input[type="submit"] {
		transform: translateY(-55px);
	}	
	
}

@media only screen and (max-width:1350px) {
	
	/*-- Form Landing Page --*/
	.section-hero-form-landing .col-content .step-process {
		transform: none;
	}
	
}

@media only screen and (max-width:1140px) and (min-width: 1023px) { /*- Tweak top nav to fit items */
	
	header.header {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}
	
	.nav-desktop .nav-container > ul > li.nav-contact a {
		margin-left: 0;
	}
	
	/*-- Form Landing Page --*/
	
	.section-hero-form-landing .col-content .step-process .item .number {
		width: 50px;
		height: 50px;
	}
	
	
}

@media only screen and (max-width:1023px) {
	
	.hide-tablet {display:none !important;}
	
	.mobile-stack-lg.center-responsive .border-right-pink-5 {
		border: none;
		padding-right: none;
	}
	
	body:not(.home,.header-fixed-centered) main {
		padding-top: 30px;
	}

	h2 {
		font-size: 60px;
		line-height: 1.2em;
	}
	
	.box-content-padding {
		padding: 70px 40px;
	}
	
	/*-- Arrow links --*/
	
	.arrow:after {
		width: 30px;
		height: 30px;
		font-size: 16px;
	}
	
	.arrow {
		padding-right: 42px;
	}

	.arrow.arrow-left {
		padding-left: 42px;
	}

	.arrow:hover:before {
		width: calc(100% - 42px);
	}

	/*-- Header --*/
	
	.wrapper.global-announcement-bar-exists .section-hero-home .section-wrapper:first-of-type {
		padding-top: 160px;
	}

	header.header {
		top: 0;
		left: 0;
		width: 100%;
		min-height: 90px;
		transition: all ease 0.4s;
		z-index: 99999;
	}
	
	header.slideUp {
		transform: translateY(-112px);
	}
	
	header.slideDown:not(.headroom--top) {
		box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
	}
	
	header.menu-active {
		transform: none !important;
	}
	
	header.header .header-container {
		margin: 0 auto;
		min-height: auto;
	}
	
	.single-post header.header .header-container { /*-- Adjust header when Reading Progress Bar is present --*/
		margin-top: 20px;
	}
	
	header.header.slideDown:not(.headroom--top) .header-container {
		margin: 0 auto;
	}
	
	header.header .logo {
		margin-top: 15px;
		margin-bottom: 10px;
		width: 245px;
	}
	
	header.header .nav-desktop {display:none;}

	.hamburger-nav {
		position: absolute;
		top: 25px;
		right: 0;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		background: transparent;
		cursor: pointer;
		transition: all ease 0.4s;
		z-index: 99999;
	}

	 header.header.slideUp:not(.menu-active) {
		transform: translateY(-120px);
	}

	.hamburger-nav .hamburger-nav-icon {
		display: block;
		width: 30px;
		height: 3px;
		background: #231f20;
		transition: all ease 0.2s;
	}

	.hamburger-nav .hamburger-nav-icon:before,
	.hamburger-nav .hamburger-nav-icon:after {
		display: block;
		content: " ";
		width: 30px;
		height: 3px;
		background:  #231f20;
		transition: all ease 0.2s;
	}
	
	.headroom--not-top .hamburger-nav .hamburger-nav-icon,
	.headroom--not-top .hamburger-nav .hamburger-nav-icon:before,
	.headroom--not-top .hamburger-nav .hamburger-nav-icon:after,
	body.home .hamburger-nav .hamburger-nav-icon,
	body.home .hamburger-nav .hamburger-nav-icon:before,
	body.home .hamburger-nav .hamburger-nav-icon:after {
		background: var(--white);
	}

	.hamburger-nav .hamburger-nav-icon:before {
		transform: translateY(-10px);
	}

	.hamburger-nav .hamburger-nav-icon:after {
		transform: translateY(7px);
	}
	
	.mobile-search {
		display: block;
	}

	/*-- Active Icon --*/

	.menu-active .hamburger-nav .hamburger-nav-icon {
		transform: rotate(45deg);
	}

	.menu-active .hamburger-nav .hamburger-nav-icon:before {display:none;}

	.menu-active .hamburger-nav .hamburger-nav-icon:after {
		transform: rotate(270deg);
	}
		
	nav.nav-mobile { 
		position: fixed;
		top: 0;
		right: 0;
		display: none;
		height: 100%;
		width: 100%;
		align-items: center;
		justify-content: center;
		padding: 0;
		background: rgba(39,41,48,1);
		z-index: 99998;
		overflow-x: hidden;
		overflow-y: auto;
	}
	
	nav.nav-mobile:after { 
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: calc(100% - 50px);
		padding: 0;
		content: "";
		background: rgba(39,41,48,1) url('/wp-content/themes/stratabeat/img/bg-logo-outline-white.png') no-repeat left top;
		background-size: 80% auto;
		opacity: 0.2;
		z-index: 10;
	}

	nav.nav-mobile .nav-container {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: 100%;
		padding: 0 40px 40px 30px;
		margin: 0 auto;
		z-index: 20;
	}
	
	nav.nav-mobile .logo {
		margin-bottom: 40px;
		max-width: 56px;
	}
	
	nav.nav-mobile .logo svg {
		fill: #d11759 !important;
	}

	nav.nav-mobile .toggle {
		position: relative;
		display: inline-block;
		width: 16px;
		height: 16px;
		margin-left: 15px;
		cursor: pointer;
	}

	nav.nav-mobile .toggle:before {
		position: absolute;
		display: block;
		content: " ";
		width: 10px;
		height: 2px;
		top: 8px;
		left: 0;
		transform: rotate(45deg);
		background: var(--pink);
		transition: all ease 0.2s;
	}

	nav.nav-mobile .toggle:after {
		position: absolute;
		display: block;
		content: " ";
		width: 10px;
		height: 2px;
		top: 8px;
		right: 0;
		transform: rotate(-45deg);
		background: var(--pink);
		transition: all ease 0.2s;
	}

	/* Sub menu toggle arrow */
	nav.nav-mobile .sub-menu .toggle {
		position: relative;
		display: inline-block;
		width: 18px;
		height: 20px;
		margin-left: 15px;
		cursor: pointer;
	}

	nav.nav-mobile .sub-menu .toggle:before {
		position: absolute;
		display: block;
		content: " ";
		width: 12px;
		height: 3px;
		top: 12px;
		left: 0;
		transform: rotate(45deg);
		background: var(--white);
		transition: all ease 0.2s;
	}

	nav.nav-mobile .sub-menu .toggle:after {
		position: absolute;
		display: block;
		content: " ";
		width: 12px;
		height: 3px;
		top: 12px;
		right: 0;
		transform: rotate(-45deg);
		background: var(--white);
		transition: all ease 0.2s;
	}

	nav.nav-mobile .toggle.active:before {
		transform: rotate(-45deg);
	}

	nav.nav-mobile .toggle.active:after {
		transform: rotate(45deg);
	}

	nav.nav-mobile ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	nav.nav-mobile .nav-container > ul {
		padding-bottom: 20px;
		margin-bottom: 30px;
		border-bottom: none;
	}

	nav.nav-mobile .nav-container > ul > li {
		padding-bottom: 28px;
		clear: both;
	}

	nav.nav-mobile .nav-container > ul > li > a {
		font-size: 22px;
		font-weight: 600;
		text-decoration: none;
		color: var(--white);
	}

	nav.nav-mobile .nav-container > ul > li > a:hover {
		color: var(--white);
		text-decoration: none;
	}
	
	nav.nav-mobile .nav-container > ul > li.current_page_item > a {
		
	}
	
	nav.nav-mobile .sub-menu {
		margin-left: 15px;
	}

	nav.nav-mobile .sub-menu,
	nav.nav-mobile .sub-menu .sub-menu {
		display: none;
		padding: 12px 0;
	}
	
	nav.nav-mobile .sub-menu .sub-menu {
		margin-left: 12px;
	}

	nav.nav-mobile .sub-menu li {
		padding: 10px 0;
	}

	nav.nav-mobile .sub-menu li a {
		color: var(--white);
		font-size: 20px;
		text-decoration: none;
	}
	
	.nav-container > ul > li.nav-contact {
		padding-left: 0 !important;
	}

	/*-- 2nd level sub menu --*/

	nav.nav .sub-menu .sub-menu {
		padding-left: 30px !important;
	}
	
	/*-- Resources Menu --*/
	
	.nav-container > ul > li.nav-submenu-2-col > ul.sub-menu > li.rt-custom-menu-field-item h4 {
		font-size: 30px;
		color: var(--pink);
		padding-bottom: 5px;
	}

	.nav-resources .sub-menu {
		float: left;
		clear: both;
		width: 100%;
		padding-top: 0 !important;
		padding-bottom: 40px !important;
	}
	
	.nav-resources .sub-menu > li {
		float: left;
		clear: none !important;
		display: block !important;
		width: calc(50% - 15px);
		max-width: 100% !important;
		min-width: 170px;
		margin-left: 0 !important;
	}
	
	/*-- Header Announcement Bar --*/
	
	.global-announcement-bar {
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	
	.global-announcement-bar .content {
		text-align: center;
	}
	
	.global-announcement-bar .button {
		margin-top: 5px;
	}
	
	.global-announcement-bar .button a {
		padding-right: 35px;
	}
	
	.global-announcement-bar .button a::after {
		width: 25px;
		height: 25px;
		font-size: 14px;
	}

	/*-- Block: Hero Default --*/
	
	.section-hero.media-video { /* if video exists */
		padding-top: 0;
	}
	
	.section-hero .section-heading .row .col:first-of-type {
		padding-top: 10px;
	}
	
	/*-- Block: Hero Home --*/

	.section-hero-home .section-wrapper:first-of-type {
		padding-top: 50px;
		padding-bottom: 8vw;
		background: var(--pink);
	}
	
	.section-hero-home .bg-word {
		display:none;
	}
	
	.section-hero-home h1 span.hero-text-2 {
		font-size: clamp(120px,15vw,162px);
	}
	
	.section-hero-home h1 span.hero-text-3 {
		max-width: 100%;
		text-align: center;
	}
	
	.section-hero-home .container-top  {
		padding-top: 0;
	}

	.section-hero-home .container-top .row:last-of-type {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-direction: column;
		padding-top: 0;
	}

	.section-hero-home .hero-image {
		flex-basis: 100%;
		margin-top: 40px;
	}

	.section-hero-home .hero-content {
		flex-basis: 100%;
		max-width: 500px;
		padding: 74px 45px 45px 45px;
		border-radius: 50px 0 0 0;
		border-bottom: 8px solid #bc1550;
		margin-top: -100px;
		margin-left: 0;
	}
	
	.section-hero-home .section-wrapper:last-of-type .container .row .col:last-of-type {
		padding: 120px 30px 150px 40px;
	}
	
	.section-hero-home .section-wrapper:first-of-type:after {
		display: none;
	}
	
	.section-hero-home .logo-outline {
		background-size: 80% auto;
	}
	
	/*-- Block: Hero - Playbook --*/

	.section-hero-playbook .container .row {
		flex-direction: column;
	}
	
	.section-hero-playbook .col-content {
		max-width: 900px;
		padding: 0 50px 20px 0;
	}
	
	.section-hero-playbook .col-content .breadcrumbs {
		margin-bottom: 20px;
	}
	
	/*-- Block: Hero (Content/Logos) --*/
	
	/*- Logo columns -*/
	.section-hero-content-logos .col-logos {
		max-width: 100%;
	}
	
	.section-hero-content-logos .col-logos .grid-logos .logo {
		display: flex;
		align-items: center;
		justify-content: center;
		flex-basis: calc(20% - 20px);
		min-width: 100px;
		padding: 0 15px;
	}
	
	.section-hero-content-logos .col-logos .grid-logos .logo img {
		width: 100%;
		height: auto;
		max-width: auto;
	}

	/*-- Block: Client Success Stories --*/
	
	.section-client-success-stories .item {
		flex-direction: column-reverse !important;
	}
	
	.section-client-success-stories .item .col-text {
		width: 100%;
		max-width: 800px;
		padding: 150px 30px 80px 30px !important;
		margin: -100px 0 0 0 !important;
	}
	
	.section-client-success-stories .item .col-text .col-content {
		max-width: 500px;
		margin: auto;
	}
	
	.section-client-success-stories .item .col-image {
		max-width: 80% !important;
	}
	
	/*-- Block: Logos --*/

	.section-logos .logo,
	.section-logos.logos-4 .logo,
	.section-logos.logos-5 .logo,
	.section-logos.logos-6 .logo,
	.section-logos.logos-7 .logo {
		margin-bottom: 60px;
	}
	
	/*-- Block: Books --*/
	
	.section-books .testimonial-text {
		margin-top: 0;
	}
	
	/*-- Block: Blog Posts List --*/
	
	.section-blog-posts .blog-list .blog-item:not(:first-of-type):after {
		height: calc(100% - 12vw);
	}
	
	.section-blog-posts .blog-list .blog-item:first-of-type .content {
		flex-basis: 350px;
		padding-right: 20px;
	}
	
	.section-blog-posts .blog-item:first-of-type h3 a {
		font-size: 28px;
	}
	
	/*-- Block: Lead Gen (Home) --*/
	
	.section-new-leads-home .section-wrapper {
		padding-top: clamp(400px,30vw,30vw);
		min-height: 38.35274542429285vw;
	}
	
	.section-new-leads-home .wrapper-container {
		display: block !important;
	}
	
	.section-new-leads-home .wrapper-container .col-content {
		max-width: 500px;
		margin: 0 auto 20px auto;
		padding-right: 0;
	}

	.section-new-leads-home .wrapper-container .col-form {
		display: flex;
		justify-content: center;
		max-width: 500px;
		margin: auto;
		padding-left: 0;
	}
	
	/*-- Block: Top Fullwidth Image/Bottom Rounded Content Box --*/
	
	.section-fullwidth-img-rounded-content .content-box {
		padding: 70px 98px 40px 98px;
	}
	
	.section-fullwidth-img-rounded-content .content-box .cta-buttons div {
		width: auto;
		min-width: 150px;
		max-width: 100%;
	}

	.section-fullwidth-img-rounded-content .content-box .cta-buttons div:not(:last-of-type) {
		margin-right: 40px;
		margin-bottom: 30px;
	}
	
	/*-- Block: Testimonial --*/

	.section-testimonial .testimonial .text,
	.section-testimonial .testimonial .author-name {
		font-size: 20px;
	}
	
	/*-- Block: Testimonial (simple version) --*/

	.section-testimonial-simple .col-content span.testimonial p {
		font-size: 24px;
	}
	
	/*-- Block: 2 Boxes + Testimonial --*/

	.section-2-boxes-testimonial .box-container {
		flex-direction: column !important;
		margin-bottom: -300px !important;
	}

	.section-2-boxes-testimonial .box-container .box-content {
		flex-basis: 100%;
		max-width: 700px;
		margin: 0 auto 80px auto;
		padding-bottom: 92px;
	}
	
	.section-2-boxes-testimonial .box-container .box-content:last-of-type {
		border-radius: 0 40px 0 0 !important;
	}
	
	.section-2-boxes-testimonial .testimonial-wrapper {
		padding-top: 300px !important;
		padding-bottom: 300px !important;
		margin-bottom: -300px !important;
	}
	
	.section-2-boxes-testimonial .section_wrapper:last-of-type .testimonial-wrapper {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	.section-2-boxes-testimonial .section-testimonial .testimonial {
		padding: 0 0 80px 0;
	}
	
	/*-- Block: Testimonials Grid --*/
	
	.section-testimonials-grid .testimonials-grid {
		flex-direction: column;
	}

	.section-testimonials-grid .testimonials-grid .grid-col {
		flex-basis: 100%;
		width: 100%;
	}

	.section-testimonials-grid .testimonials-grid .item {
		max-width: 700px;
		margin-right: auto;
		margin-left: auto;
	}
	
	/*-- Block: Content CTA - side-by-side --*/
	
	.section-cta-side .container .col-content h2 {
		font-size: 30px;
	}
	
	/*-- Block: CTA - Statistic --*/
	
	.section-cta-stat .row {
		flex-direction: column-reverse !important;
	}

	.section-cta-stat .col-content {
		flex-basis: 100%;
		max-width: 600px;
		margin: -120px 0 0 0 !important;
		padding: 62px 50px;
	}

	.section-cta-stat .col-stat {
		flex-basis: 100%;
		min-width: 100%;
		min-height: unset;
		margin: 0 !important;
		padding: 80px 50px 150px 50px !important;
	}

	.section-cta-stat .col-stat div {
		max-width: 400px;
		text-align: center;
		font-size: 72px;
	}

	.section-cta-stat .col-stat div span.stat {
		display: block;
		font-size: 100px;
	}
	
	/*-- Block: CTA - Content Box/Image --*/

	.section-cta-content-image .section-content {
		flex-direction: column;
	}
	
	.section-cta-content-image .section-content .col-content,
	.section-cta-content-image .section-content .col-image {
		flex-basis: 100%;
		width: auto;
		margin-right: 0;
		margin-left: 0;
	}
	
	.section-cta-content-image .section-content .col-content {
		padding: 75px clamp(30px,6vw,50px) 250px clamp(30px,6vw,50px);
	}
	
	.section-cta-content-image .section-content .col-content .content {
		text-align: center;
	}
	
	.section-cta-content-image .section-content .col-image {
		max-width: calc(100% - 40px);
		padding-top: 0;
		padding-bottom: 0;
		margin: -200px auto 0 auto;
	}
	
	.section-cta-content-image .section-content .col-image .image {
		width: 100%;
	}
	
	/*-- Block: Related Items --*/

	.section-related-items .item {
		flex-basis: calc(50% - 16px);
		margin: 0 8px 40px 8px;
	}

	.section-related-resources .item .content {
		padding: 55px 28px 38px 28px;
		margin-top: -28px;
	}
	
	/*-- Block: Resources Main Listing --*/
	
	.case-studies-listing-container .resource-item {
		max-width: 50%;
		min-height: auto;
		flex-basis: calc(50% - 16px);
	}
	
	/*-- Blocks: Event Listing --*/
	
	.section-events {
		margin-top: -50px;
	}

	.section-events h2 {
		width: 100%;
	}

	.section-events .section-content-past .items {
		margin-bottom: 0;
	}
	
	/*-- Block: Webinar Hero/Content --*/
	
	.section-hero-webinar-registration .row {
		display: block !important;
	}
	
	.section-hero-webinar-registration .social-sharing {
		margin-right: auto;
		margin-left: auto;
	}
	
	.section-hero-webinar-registration .col-content {
		padding-right: 0;
		text-align: center !important;
		max-width: 600px;
		margin: auto;
	}
	
	.section-hero-webinar-registration .col-form {
		padding: 60px 30px;
		margin-right: auto;
		margin-left: auto;
		max-width: 600px;
		transform: translateY(350px);
		margin-top: -350px;
	}
	
	.single-webinar-registration .section-webinar-content {
		padding-top: 400px !important;
	}
	
	.single-webinar-registration .section-webinar-content .row .col:last-of-type {
		padding-top: 20px;
	}
	
	.section-webinar-content .testimonial p {
		font-size: 45px;
	}
	
	/*-- Block: Hero (Case Study) --*/
	
	.section-hero-casestudy .container .row {
		flex-wrap: wrap;
	}
	
	.section-hero-casestudy .container .row .col {
		min-width: 100%;
	}
	
	.section-hero-casestudy .container .row .col:first-of-type .col-content {
		max-width: 550px;
	}
	
	.section-hero-casestudy .container .row .col:first-of-type .col-content .logo {
		margin-top: 30px;
	}
	
	.section-hero-casestudy .container .row .col:last-of-type {
		justify-content: flex-start !important;
	}
	
	.section-hero-casestudy .icon {
		display: none;
	}
	
	.section-hero-casestudy .categories {
		flex-wrap: wrap;
		padding-left: 0;
	}
	
	/*-- Block: Overview (Case Study) --*/
	
	.section-overview-casestudy .section-content .row .col:first-of-type .col-content p:first-of-type {
		font-size: 24px;
		line-height: 1.3em;
	}
	
	/*-- Block: Statistics (Case Study) --*/
	
	.section-stats-casestudy .statistics .item-wrapper .item {
		padding-top: 80px;
		padding-bottom: 60px;
	}
	
	.section-stats-casestudy .statistics .item-wrapper:nth-of-type(2n+1) .item {
		padding-left: 50px;
	}
	
	.section-stats-casestudy .statistics .item-wrapper:nth-of-type(2n) .item {
		padding-right: 50px;
	}
	
	.section-stats-casestudy .statistics .col-icon {
		padding-right: 45px;
	}
	
	.section-stats-casestudy .statistics .icon {
		width: 20vw;
		height: 20vw;
	}
	
	.section-stats-casestudy .statistics .icon i {
		font-size: 12vw;
	}
	
	.section-stats-casestudy .statistics .col-text label::after {
		margin: 22px 0 18px 0;
	}
	
	.section-stats-casestudy .statistics .item h3 {
		font-size: clamp(50px,6vw,80px);
	}
	
	/*-- Case Study Grid --*/
	
	.section-case-studies-featured .resource-items .blog-item .logo,
	.case-studies-listing-container .resource-item .image .logo {
		max-width: clamp(80px,12vw,160px);
	}
	
	/*-- Block: Speakers --*/
	
	.section-speakers .speaker-container .speaker:nth-of-type(2n+1) .speaker-box {
		padding-left: 50px;
	}
	
	.section-speakers .speaker-container .speaker .speaker-box .image {
		width: 100%;
		height: auto;
	}
	
	/*-- Block: Hero - Resources --*/
	
	.section-hero-resources,
	.section-hero-search-results {
		padding-top: clamp(80px,18vw,160px);
	}
	
	.section-hero-resources .col-content {
		padding-bottom: 60px;
	}
	
	/*-- Block: Feature Boxes (Case Study) --*/
	
	.section-feature-boxes .section-heading {
		padding-bottom: 630px;
	}
	
	.section-feature-boxes .section-content .items {
		margin: -590px auto 0 auto;
	}
	
	.section-feature-boxes .section-content .items {
		justify-content: center;
	}
	
	.section-feature-boxes .section-content .items .box-content {
		flex-basis: 100%;
		max-width: 700px;
		margin: 0 0 40px 0;
	}
	
	/* Resources Categories Bar */
	
	.section-hero-resources .categories-search-bar {
		position: relative;
		border: none;
		height: auto;
	}
	
	.section-hero-resources .categories-search-bar:before {
		position: absolute;
		top: -8px;
		left: 0;
		width: 100%;
		height: 90px;
		border-radius: 45px;
		border: 2px solid rgba(255,255,255,.5);
		content: "";
	}
	
	.categories-search-bar .search {
		position: absolute;
		top: -8px;
		transform: none;
	}
	
	/* Drop Down List */
	
	.ae-select {
		cursor: pointer;
	}
	
	.ae-select span,
	.ae-select i {
		font-size: 24px;
		color: var(--white);
	}
	
	.ae-select i {
		margin-left: 5px;
	}

	.ae-dropdown .drop-down-menu {
		position: relative;
		display: block;
		width: 100%;
		box-shadow: none;
		border-radius: 0px;
		margin-top: 5px;
		background: #343940;
	}

	.ae-dropdown .drop-down-menu.ae-hide {
		display: none;
	}

	.ae-dropdown .drop-down-menu li a {
		display: block;
		color: var(--white);
		font-size: 18px;
		padding: 8px 15px;
		text-decoration: none;
		border-bottom: 1px solid rgba(255,255,255,.1);
	}
	
	.ae-dropdown .drop-down-menu li a:hover {
		background: var(--pink);
	}
	
	/*-- Block: Resources Category Listings --*/
	
	.section-resources-category .heading h2 {
		font-size: clamp(36px,5vw,48px);
	}
	
	.resource-items.category-items {
		display: flex;
		flex-wrap: wrap;
		gap: 0 30px;
	}
	
	.resource-items.category-items .blog-item {
		min-height: initial;
		flex-basis: calc(50% - 15px);
		margin-bottom: 60px;
	}

	.resource-items.category-items .blog-item:not(:first-of-type) {
		flex-direction: column;
	}

	.resource-items.category-items .blog-item:not(:first-of-type) .image {
		width: calc(100% - 72px);
		height: auto;
		flex-basis: auto;
		margin: 0;
	}

	.resource-items.category-items .blog-item .image {
		border-radius: 30px 0 0 0;
		overflow: hidden;
		z-index: 25;
	}
	
	.resource-items.category-items .blog-item .image img {
		width: 100%;
		height: auto;
	}

	.resource-items.category-items .blog-item .content {
		z-index: 24;
	}

	.resource-items.category-items .blog-item:not(:first-of-type) .content {
		flex-basis: 0;
		padding: 40px 36px 40px 40px;
		margin: 0;
	}

	.resource-items.category-items .blog-item:not(:first-of-type):after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: calc(100% - 172px);
		content: "";
		background: var(--white);
	}

	.resource-items.category-items .blog-item h3 {
		font-size: 28px;
		margin-bottom: 30px;
		line-height: 1.2em;
	}

	.resource-items.category-items .blog-item h3 a {
		font-family: var(--font-avenir-heavy);
		color: #343940;
		text-decoration: none;
	}

	.resource-items.category-items .blog-item:not(:first-of-type) h3 {
		max-width: 390px;
	}

	.resource-items.category-items .blog-item:not(:first-of-type) h3 {
		font-size: 28px;
	}

	/*-- 1st post --*/

	.resource-items.category-items .blog-item:first-of-type {
		position: relative;
		flex-basis: 100%;
		flex-direction: row-reverse;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 40px 0 40px 44px;
	} 

	.resource-items.category-items .blog-item:first-of-type {
		justify-content: space-between;
	} 

	.resource-items.category-items .blog-item:first-of-type:before {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100% - 225px);
		height: 100%;
		content: "";
		background: var(--white);
	}
	
	.category-items .blog-item:first-of-type:after {display:none;}

	.resource-items.category-items .blog-item:first-of-type .image {
		display: flex;
		align-items: flex-end;
		width: calc(100% - 40px);
		flex-basis: 60%;
		align-self: center;
		max-width: 680px;
	}

	.resource-items.category-items .blog-item:first-of-type .image a {
		display: block;
		width: 100%;
	}

	.resource-items.category-items .blog-item:first-of-type .content {
		flex-basis: 470px;
		padding: 0 5% 0 0;
	}
	
	.resource-items.category-items .blog-item:first-of-type .content .excerpt {
		display: block;
		margin-bottom: 30px;
	}
	
	/*-- Resource Items - Ajax Load More default list --*/
	
	.resource-item {
		min-height: auto;
	}
	
	.resource-item .content {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.resource-item .image {
		max-width: calc(100% - 40px);
		margin-left: 20px;
	}
	
	/*-- Form Landing Page --*/
	
	.section-hero-form-landing .col-content {
		padding-right: 0;
		padding-top: 0;
	}
	
	.section-hero-form-landing .col-content .step-process {
		max-width: 600px;
	}
	
	.section-hero-form-landing .col-content .step-process .item .process {
		font-size: 17px;
	}

	
	/*-- Page: Home --*/
	
	.section-b2b-blogging-home {
		overflow: hidden;
	}
	
	.section-b2b-blogging-home.mobile-stack-lg.mobile-reverse .row .col:last-of-type {
		padding-bottom: 0 !important;
	}
	
	.section-b2b-blogging-home .container .row .col:last-of-type img {
		max-width: 600px;
		transform: translateX(10vw);
	}
	
	/*-- Page: Careers --*/
	
	.section-ego-free-culture-careers .section-heading .row .col * {
		text-align: left !important;
	}
	
	.section-we-love-marketing-careers {
		background-repeat: no-repeat;
		background-position: top 75px left, top 75px right;
		background-size: auto 75%;
	}
	
	/*-- Page: Events --*/

	.section-hire-tom {
		padding-right: 0 !important;
	}
	
	/*-- Page: Search Results --*/
	
	.section-hero-search-results {
		padding-bottom: 80px;
	}

}

@media only screen and (max-width:767px) {
	
	.page-background .logo-outline {
		max-height: 700px;
	}
	
	.hide-tablet-sm {display:none !important;}
	
	.mobile-stack-med.center-responsive .border-right-pink-5 {
		border: none;
		padding-right: none;
	}
	
	h1 {
		font-size: 56px;
	}
	
	/*-- Simple Arrow Links --*/

	.arrow-simple {
		font-size: 20px;
	}

	.text-box ul li {
		margin-bottom: 22px;
	}
	
	.standard-padding {
		padding-right: 20px;
		padding-left: 20px;
	}
	
	.box-content-padding {
		padding: 60px 30px;
	}
	
	/*-- Partial background colors --*/

	.partial-top-gray-300:after {
		height: calc(100% - 300px);
		height: 80%;
	}
	
	/*-- Block: Hero Default --*/
	
	.section-hero.media-video .section-heading { /* if video exists */
		padding-bottom: 60px;
	}
	
	.section-hero .section-heading .row {
		display: block !important;
	}
	
	.section-hero .section-heading .row .col {
		max-width: 100% !important;
	}
	
	.section-hero .section-heading .row .col .col-content {
		margin-bottom: 20px;
	}
	
	.section-hero .section-heading .row .col .col-image {
		max-width: 700px;
	}
	
	.section-hero .box-content {
		width: calc(100% - 40px);
		margin-top: -40vw;
		margin-top: -20vw;
	}
	
	.section-hero .box-content h2 {
		font-size: 28px;
	}
	
	/*-- Block: Hero Home --*/
	
	
	.section-hero-home .hero-content {
		margin-top: -40px;
		max-width: 80%;
		padding: 50px 25px 35px 25px;
	}
	
	.section-hero-home .hero-content h2 {
		font-size: 30px;
	}
	
	.section-hero-home .section-wrapper:last-of-type::before {
		display: none;
	}
	
	.section-hero-home .section-wrapper:last-of-type .container .row {
		display: block !important;
	}
	
	.section-hero-home .section-wrapper:last-of-type .container .row .col:first-of-type .col-content {
		max-width: 450px;
		padding-right: 0;
		margin-bottom: 40px;
	}
	
	.section-hero-home .section-wrapper:last-of-type .container .row .col:last-of-type {
		max-width: 600px;
		margin: auto;
		padding: 40px 30px 50px 30px;
	}
	
	/*-- Block: Hero - Case Study --*/
	
	.section-hero-casestudy .section-wrapper {
		max-width: calc(100% - 15px);
		padding: 55px 45px 55px 45px;
	}
	
	.section-hero-casestudy .categories span {
		font-family: var(--font-avenir-bold) !important;
		font-size: 14px;
		padding: 10px 14px;
	}
	
	/*-- Block: Hero - Pillar Page --*/

	.section-hero-pillar .content-container {
		max-width: calc(100% - 20px);
	}

	.section-hero-pillar .col-content {
		max-width: 600px;
		padding: 74px 30px 74px 30px;
	}

	.section-hero-pillar .col-image {
		display: none;
	}
	
	/*-- Table of Contents (Pillar Page) --*/

	.section-text .toc-pillar {
		float: none;
		clear: both;
		max-width: 100%;
		margin: 0 0 50px 0;
	}
	
	.section-text .toc-pillar .toc-content {
		text-align: center;
	}
	
	.section-text .toc-pillar .toc-content h3.embelish-bottom:after {
		margin-right: auto;
		margin-left: auto;
	}
	
	/*-- Block: Overview (Case Study) --*/
	
	.section-overview-casestudy .section-content .row {
		flex-wrap: wrap;
	}
	
	.section-overview-casestudy .section-content .row .col {
		min-width: 100% !important;
		padding-right: 10px !important;
		padding-left: 10px !important;
	}
	
	.section-overview-casestudy .section-content .row .col .col-content {
		max-width: 600px;
	}
	
	.section-overview-casestudy .section-content .row .col:first-of-type {
		padding-bottom: 30px;
	}
	
	.section-overview-casestudy .section-content .row .col:last-of-type {
		padding-left: 0;
	}
	
	.section-overview-casestudy .section-testimonial .col-content {
		padding-left: 58px;
		background: url('/wp-content/themes/stratabeat/img/quote-left.png') no-repeat left top 5px;
		background-size: 34px auto;
	}
	
	.section-overview-casestudy .section-testimonial .testimonial-text * {
		font-size: clamp(45px,8vw,55px);
	}
	
	/*-- Block: Statistics (Case Study) --*/
	
	.section-stats-casestudy .statistics .item-wrapper .item {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.section-stats-casestudy .statistics .item-wrapper:nth-of-type(2n+1) {
		padding-left: 0;
	}
	
	.section-stats-casestudy .statistics .item-wrapper:nth-of-type(2n) {
		padding-right: 0;
	}
	
	.section-stats-casestudy .statistics .item h3 {
		font-size: clamp(40px,6vw,80px);
	}

	/*-- Block: Who We Work With (Home Page) --*/

	.section-who-work-with .items:before {
		left: 50%;
	}

	.section-who-work-with .items:after {
		display: none;
	}

	.section-who-work-with .items .item {
		flex-basis: 50%;
	}
	
	/*-- Block: Logos --*/

	.section-logos .logo,
	.section-logos.logos-4 .logo,
	.section-logos.logos-5 .logo,
	.section-logos.logos-6 .logo,
	.section-logos.logos-7 .logo {
		flex-basis: 50%;
		min-width: auto;
		padding: 0 10px;
		margin-bottom: 50px;
	}
	
	/*-- Block: Books --*/
	
	.section-books .container .row:first-of-type {
		flex-direction: row-reverse;
	}
	
	.section-books .row .col-content {
		padding: 0 30px 0 0;
	}
	
	.section-books .testimonial {
		width: 100%;
		padding-right: 0;
		text-align: center;
	}
	
	.section-books .testimonial-text {
		max-width: 100%;
		font-size: 30px;
		margin-top: 50px;
		margin-bottom: 20px;
		line-height: 1.2em;
	}
	
	.section-books .author-image div {
		margin: 0 auto 20px auto;
	}
	
	.section-books .testimonial-author-info {
		text-align: center;
	}
	
	.section-books .author-title {
		margin: auto;
		text-align: center;
	}

	.section-books .row .image::before,
	.section-books .author-image:before,
	.section-books .testimonial:after {
		display: none;
	}
	
	/*-- Block: Blog Posts/Resources List --*/
	
	.section-resource-featured .section-heading h2 {
		font-size: 36px;
		text-align: center;
	}
	
	.section-resources-category .heading {
		flex-direction: column;
		padding-bottom: 20px;
	}
	
	.section-resources-category .heading h2 {
		margin-bottom: 10px;
	}
	
	.section-blog-posts .blog-list .blog-item, 
	.resource-items.featured-items .blog-item, 
	.resource-items.category-items .blog-item {
		margin-bottom: 30px !important;
	}
	
	.section-blog-posts .blog-list .blog-item:not(:first-of-type) .image,
	.resource-items.featured-items .blog-item:not(:first-of-type) .image {
		width: calc(100% - 40px);
		height: auto;
		margin: 0 0 0 20px;
	}
	
	.resource-items.category-items .blog-item:not(:first-of-type) .image,
	.resource-item .image {
		width: calc(100% - 40px);
		height: auto;
		margin: 0;
	}

	.section-blog-posts .blog-list .blog-item:not(:first-of-type) .content,
	.resource-items.featured-items .blog-item:not(:first-of-type) .content,
	.resource-items.category-items .blog-item:not(:first-of-type) .content {
		padding: 40px 20px 40px 20px;
	}
	
	.section-blog-posts .blog-item:not(:first-of-type) h3 a,
	.resource-items.featured-items .blog-item:not(:first-of-type) h3 a,
	.resource-items.category-items .blog-item:not(:first-of-type) h3 a {
		font-size: 24px;
		line-height: 1.1em;
	}
	
	/* First post */
	.section-blog-posts .blog-list .blog-item:first-of-type,
	.resource-items.featured-items .blog-item:first-of-type,
	.resource-items.category-items .blog-item:first-of-type {
		flex-direction: column;
		padding: 0 20px 40px 20px;
	}
	
	.section-blog-posts .blog-list .blog-item:first-of-type .content,
	.resource-items.featured-items .blog-item:first-of-type .content,
	.resource-items.category-items .blog-item:first-of-type .content {
		flex-basis: initial;
		padding: 40px 20px 20px 20px;
	}
	
	.section-blog-posts .blog-list .blog-item:first-of-type:before,
	.resource-items.featured-items .blog-item:first-of-type:before,
	.resource-items.category-items .blog-item:first-of-type:before {
		width: 100%;
		height: calc(100% - 25vw);
		top: initial;
		bottom: 0;
	}
		
	.section-blog-posts .blog-list .blog-item:first-of-type .image,
	.resource-items.featured-items .blog-item:first-of-type .image,
	.resource-items.category-items .blog-item:first-of-type .image {
		width: calc(100% - 40px);
		margin: auto;
	}
	
	.section-blog-posts .blog-list .blog-item:first-of-type .sizing-image,
	.resource-items.featured-items .blog-item:first-of-type .sizing-image {
		height: clamp(250px,45vw,550px);
	}
	 
	.resource-items.featured-items .blog-item:first-of-type .image {
		min-height: 230px;
	}
	
	/*-- Case Study Items --*/
	
	.section-case-studies-featured .resource-items.featured-items .blog-item,
	.case-studies-listing-container .resource-item {
		flex-basis: 100% !important;
		max-width: 100%;
	}

	.section-case-studies-featured .resource-items.featured-items .blog-item:not(:first-of-type),
	.case-studies-listing-container .resource-item {
		flex-direction: column;
		padding: 0 20px 40px 20px;
	}

	.section-case-studies-featured .resource-items .blog-item .logo,
	.case-studies-listing-container .resource-item .image .logo {
		max-width: clamp(110px,20vw,420px);
	}
		
	/*-- Resource Items List (Default Ajax Load more list) --*/
	
	.resource-item {
		flex-basis: calc(50% - 16px);
	}
	
	.resource-item .image {
		margin-left: 20px;
	}
	
	/*-- Block: Lead Gen (Home) --*/
	
	.section-new-leads-home {
		flex-direction: column-reverse !important;
	}
	
	.section-new-leads-home .section-wrapper {
		padding-top: 0;
		min-height: auto;
	}
	
	.section-new-leads-home .wrapper-container .col-content {
		max-width: 450px;
		text-align: left;
		margin: 0 auto 20px auto;
	}
	
	.section-new-leads-home .section-wrapper .col-content h2 {
		font-size: clamp(52px,10vw,64px) !important;
	}
	
	.section-new-leads-home .wrapper-container .col-form {
		max-width: 450px;
		justify-content: flex-start;
		margin: auto;
	}
	
	.section-new-leads-home .wrapper-container .col-content p span {
		font-size: 20px !important;
	}
	
	.section-new-leads-home .background {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 34.19301164725458vw;
		content: " ";
		background-size: 100% auto;
		z-index: 1;
	}	
		
	.section-new-leads-home .background:after {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 50px;
		content: "";
		background: -moz-linear-gradient(top,  rgba(0,48,68,0) 0%, rgba(0,48,68,1) 100%); 
		background: -webkit-linear-gradient(top,  rgba(0,48,68,0) 0%,rgba(0,48,68,1) 100%); 
		background: linear-gradient(to bottom,  rgba(0,48,68,0) 0%,rgba(0,48,68,1) 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003044', endColorstr='#003044',GradientType=0 );
		z-index: 2;
	}
	
	/*-- Block: Top Fullwidth Image/Bottom Rounded Content Box --*/

	.section-fullwidth-img-rounded-content .section-top {
		min-height: 300px;
		padding-top: 100px;
		padding-bottom: 300px !important;
	}
	
	.section-fullwidth-img-rounded-content .section-top .heading {
		max-width: 550px;
		margin: 0 auto 100px auto;
	}
	
	.section-fullwidth-img-rounded-content .content-box-container {
		margin-top: -300px !important;
	}
	
	.section-fullwidth-img-rounded-content .content-box {
		padding: 70px 40px 40px 40px;
	}
	
	.section-fullwidth-img-rounded-content.box-stretch .content-box {
		width: 100%;
		padding: 60px 50px 60px 50px;
	}
	
	/*-- Block: Testimonial --*/

	.section-testimonial .testimonial:after {
		width: 40px;
		height: 40px;
		background-size: 40px auto;
	}

	.section-testimonial .testimonial .text {
		padding: 0 80px;
	}
	
	.section-testimonial .testimonial .text:before,
	.section-testimonial .testimonial .text:after {
		width: 40px;
		height: 40px;
		background-size: 40px auto;
	}
	
	.section-testimonial .testimonial .text,
	.section-testimonial .testimonial .author-name {
		font-size: 18px;
	}
	
	/*-- Block: Testimonial (simple version) --*/

	.section-testimonial-simple .col-content {
		padding: 68px 18vw 68px 40px;
		background-position: right 6vw top 70px;
		background-size: 7vw auto;
	}
	
	.section-testimonial-simple .col-content span.testimonial p {
		font-size: clamp(20px,3vw,24px);
	}

	.section-testimonial-simple .col-content span.author {
		font-size: 16px;
	}
	
	/*-- Block: 2 Boxes + Testimonial --*/
		
	.section-2-boxes-testimonial .box-container .box-content {
		padding-bottom: 50px;	
	}
	
	.section-2-boxes-testimonial .box-container .box-content h2 {
		font-size: 32px;
	}
	
	.section-2-boxes-testimonial .box-container .box-content p:first-of-type {
		font-size: 22px;
	}
	
	.section-2-boxes-testimonial .box-container .box-content .cta {
		position: relative;
		transform: none;
		padding: 30px 0 0 0;
	}
	
	/*-- Block: Content CTA - side-by-side --*/
	
	.section-cta-side .container {
		flex-direction: column;
		align-items: center;
		justify-content: flex-start;
	}
	
	.section-cta-side .container .col-image {
		flex-basis: 90%;
		min-height: 400px;
		margin: 0;
	}
	
	.section-cta-side .container .col-image img {
		width: 100%;
		height: auto;
	}
	
	.section-cta-side .container .col-content {
		flex-basis: 80%;
		max-width: calc(100% - 80px);
		max-width: 90%;
		min-height: 400px;
		padding: 50px 40px;
		margin: -200px 0 0 0;
	}
		
	/*-- Block: CTA - Statistic --*/

	.section-cta-stat .col-content {
		flex-basis: 100%;
		max-width: calc(100% - 40px);
		padding: 62px 30px;
	}
	
	.section-cta-stat .col-stat div {
		font-size: clamp(50px,10vw,60px);
	}

	.section-cta-stat .col-stat div span.stat {
		font-size: clamp(60px,15vw,100px);
		margin-bottom: 15px;
	}
	
	/*-- Block: Related Items --*/

	.section-related-items .item {
		min-width: 350px;
	}
	
	/*-- Block: Webinar Hero/Content --*/
	
	.section-webinar-content .row,
	.section-playbook-content .row,
	.section-landing-page-content .row {
		display: block;
	}
	
	.section-webinar-content .row .col:first-of-type .col-content,
	.section-playbook-content .row .col:first-of-type .col-content,
	.section-landing-page-content .row .col:first-of-type .col-content {
		max-width: 700px;
	}

	.section-webinar-content .testimonial,
	.section-playbook-content .container-content .testimonial {
		max-width: 700px;
		margin-top: 20px;
		margin-bottom: 50px;
		padding-bottom: 50px;
	}
	
	.section-playbook-content .container-content .testimonial {
		margin-top: 40px;
	}
	
	.section-webinar-content .testimonial::after,
	.section-playbook-content .testimonial:after {
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.section-webinar-content .testimonial p,
	.section-playbook-content .testimonial p {
		font-size: 60px;
		font-size: clamp(45px,10vw,60px);
	}
	
	.arrow-simple.arrow-simple-left {
		margin-left: 0;
	}
	
	/*-- Block: Hero - Landing Page --*/
	
	.section-landing-page-content .container .col:last-of-type {
		max-width: 100%;
	}
	
	.section-landing-page-content .container .col:last-of-type .col-content,
	.section-landing-page-content .container .col:last-of-type .col-cta {
		max-width: 100%;
		padding-top: 40px;
		padding-left: 10px;
	}
	
	/*-- Block: Speakers --*/

	.section-speakers .speaker-container .speaker-box {
		display: block !important;
		width: 100% !important;
		padding-top: 50px;
	}
	
	.section-speakers .speaker-container .speaker:nth-of-type(even) .speaker-box {
		padding-right: 50px;
		padding-left: 50px !important;
	}
	
	.section-speakers .speaker-container .speaker-box .col-image {
		max-width: 350px;
		margin: 0 0 30px 0;
	}
	
	.section-speakers .speaker-container .speaker .speaker-box .col-content {
		padding-left: 0;
	}
	
	/*-- Block: Feature/Cards --*/
	
	.section-feature-cards .card-heading {
		padding: 30px 0 0 0 !important;
		text-align: center;
	}
	
	.section-feature-cards .card-heading .item-content {
		max-width: 100% !important;
	}

	.card-grid .item {
		flex-basis: 100%;
		margin: 0 0 30px 0;
	}
	
	/*== Block: Pricing Table ==*/

	.pricing-table .table-cols .table-col {
		flex-basis: 100%;
		border-radius: 35px 0 0 0;
		margin-bottom: 5px;
		background: var(--light-gray);
	}
	
	.pricing-table .table-cols .table-col:not(:first-of-type) {
		margin-top: 80px;
	}

	.pricing-table .table-cols .table-col .content p,
	.pricing-table .table-cols .table-col .content li,
	.pricing-table .table-footer p,
	.pricing-table .table-footer li {
		font-size: 16px;
	}

	/*-- Block: CTA with Navigation Items --*/
	
	.section-cta-navigation .container .row {
		flex-direction: column;
	}

	.section-cta-navigation .container .row .col:first-of-type {
		max-width: 100%;
		padding-right: 0;
	}
	
	.section-cta-navigation .navigation .item {
		min-width: 210px;
		padding-right: 0;
	}
	
	/*-- Page: About --*/
	
	.section-thought-leadership-about .container-wrapper {
		padding: 50px 20px;
		padding-right: 20px;
	}
	
	/*-- Page: Blog Post --*/
	
	.section-hero-blog-post .section-heading .row {
		flex-direction: column-reverse;
		padding: 40px 10px 30px 10px;
	}

	.section-hero-blog-post .section-heading .row .col .col-content {
		max-width: 100%;
		text-align: center;
	}
	
	.section-hero-blog-post .section-heading .post-meta,
	.section-hero-blog-post .social-sharing .addtoany_shortcode {
		text-align: center;
	}
	
	.section-hero-blog-post .section-heading .row .col:last-of-type .image {
		margin-bottom: 10px;
		margin-top: -60px;
		max-width: 350px;
	}
	
	.section-hero-blog-post .cta-buttons {
		justify-content: center;
	}
	
	/*-- Block: Content/Image --*/
	
	.section-content-image .section-content .row {
		flex-direction: column;
	}
	
	.section-content-image .section-content .row .col-content {
		max-width: 100%;
		padding-bottom: 20px;
	}
	
	/*-- Block: FAQs --*/

	.section-faqs .faqs .accordion-item .accordion-button {
		padding: 40px 60px 40px clamp(30px,2.2vw,90px);
	}

	.section-faqs .faqs .accordion-item .accordion-button:after {
		width: 40px;
		height: 40px;
		font-size: 24px;
	}

	.section-faqs .faqs .accordion-item .accordion-button.collapsed:after {
		content: "\2b";
	}

	.section-faqs .faqs .accordion-item .accordion-body {
		padding: 10px clamp(30px,1.8vw,60px) 50px clamp(30px,2.2vw,90px);
	}
	
	/*-- Form Landing Page --*/
	
	.section-content-testimonial-form-landing .container .row .col:last-of-type {
		justify-content: flex-start !important;
	}
	
	.section-content-testimonial-form-landing .col-testimonial {
		max-width: 600px;
	}
	
	/*-- Page: Contact --*/
	
	.section-contact-info {
		padding-bottom: 20px;
		background: var(--white);
	}
		
	.section-contact-info .section-content .row .col:first-of-type .col-content {
		padding: 60px 30px;
	}
	
	/*-- Page: Events --*/
	
	.section-hire-tom .section-content .row .col:first-of-type {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}

	.section-hire-tom .section-content .row .col:last-of-type {
		min-height: 80vw;
		padding: 0 !important;
	}
	
	/*-- Page: Careers --*/
	
	.section-we-love-marketing-careers {
		background-position: center left, center right;
		background-size: 40% auto;
	}
	
	/*-- Page: Pricing --*/
	
	.section-logo-pricing .container-wrapper {
		padding: 50px 30px;
	}
	
	/*-- Single: Job Posting --*/

	.single-job .container-job-post .inner-container {
		display: block;
	}
	
	.single-job .container-job-post .main-col {
		padding-left:0;
		padding-right: 0;
	}
	
	.single-job .container-job-post .side-col {
		max-width:100%;
		padding-top: 30px;
	}
	
	.single-job .container-job-post .side-col .col-content {
		max-width: 100% !important;
	}
	
	.single-job .container-job-post .main-col .link-apply-mobile {
		display: inline-flex;
	}
	
	/*-- Author Page --*/
	
	.author .section-author {
		padding-top: 0;
	}

	.author .section-author .row {
		flex-direction: column;
	}
	
	.author .section-author .row .col:first-of-type { 
		padding-right: 0;
	}
	
	.author .section-author .row .col:last-of-type {
		width: 100%;
		max-width: 100%;
		padding-top: 40px;
	}
	
	.author .section-author .image-social {
		display: flex;
		align-items: stretch;
		justify-content: center;
	}

	.author .section-author .image-social .image {
		max-width: 250px;
		border-bottom: 0;
		border-right: 12px solid var(--pink);
	}

	.author .section-author .image-social .image img {
		border-radius: 40px 0 0 0;
	}

	.author .section-author .image-social .social {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		flex-grow: 1;
		padding: 32px 20px;
	}
	
	.author .section-author .image-social .social h3 {
		font-size: clamp(20px,5vw,28px) !important;
	}

	.author .section-author .image-social .social ul {
		margin-top: 18px;
	}

	.author .section-author .image-social .social ul a {
		display: block;
		margin: 0 12px;
		font-size: 32px;
	}

	
	/*-- 404 Page --*/
	
	.suggested-content-404 .item {
		flex-basis: calc(33.333333% - 30px);
		min-height: 200px;
		min-width: 220px;
		margin: 0 15px 50px 15px;
	}

	/*-- Footer --*/
	
	footer.footer .footer-container {
		padding-top: 20px;
	}
	
	footer.footer .footer-2 .footer-container .footer-social {
		justify-content: flex-start;
		margin-bottom: 20px;
	}
	
	footer.footer .footer-2 .footer-container .footer-social ul {
		transform: none;
	}
	
	footer.footer .footer-3 .footer-container {
		flex-direction: column;
	}
	
	footer.footer .footer-3 .footer-container .footer-menu {
		width: 100%;
		max-width: 100%;
		padding-top: 25px;
	}
	
	footer.footer .footer-3 .footer-container .footer-menu ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	footer.footer .footer-3 .footer-container .footer-menu ul li {
		padding-right: 20px;
	}

}

@media only screen and (max-width:600px) {
	
	/*-- Block: Hero Home --*/
	
	.section-hero-home h1 span {
		display: block !important;
		margin-right: 0 !important;
		margin-left: 0 !important;
		text-align: center !important;
		max-width: 100% !important;
	}
	
	.section-hero-home h1 span.hero-text-1,
	.section-hero-home h1 span.hero-text-3 {
		font-size: clamp(34px,8vw,52px);
	}
	
	.section-hero-home h1 span.hero-text-2 {
		font-size: clamp(120px,30vw,162px);
	}
	
	/*-- Block: Books --*/
	
	.section-books .container .row:first-of-type {
		flex-direction: column-reverse;
	}
	
	.section-books .row .col-4,
	.section-books .row .col-8 {
		width: 100%;
		margin: auto;
	}
	
	.section-books .row .col-4 .image {
		max-width: 240px;
		margin: 0 auto 20px auto;
	}
	
	.section-books .row .col-content {
		text-align: center;
		padding: 0;
	}
	
	.section-books .row .col-content .buttons {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	
	.section-books .row .col-content .buttons a {
		margin-right: 0 !important;
	}
	
	/*-- Block: Blog Post List --*/
	
	.section-blog-posts .blog-list .blog-item,
	.resource-items.featured-items .blog-item,
	.resource-items.category-items .blog-item {
		flex-basis: 100% !important;
	}
	
	.resource-items.category-items .blog-item .image {
		max-height: initial;
	}
	
	.section-blog-posts .blog-list .blog-item:not(:first-of-type), 
	.resource-items.featured-items .blog-item:not(:first-of-type),
	.resource-items.category-items .blog-item {
		flex-direction: column;
		padding: 0 20px 40px 20px;
	}
		
	.resource-items.category-items .blog-item:before {
		width: 100%;
		height: calc(100% - 25vw);
		top: initial;
		bottom: 0;
	}
	
	.resource-items.category-items .blog-item .content {
		flex-basis: initial;
		padding: 40px 20px 20px 20px;
	}
	
	.resource-items.category-items .blog-item:not(:first-of-type) .content {
		width: calc(100% - 10px);
	}
		
	.resource-items.category-items .blog-item .image {
		max-width: calc(100% - 40px);
		margin: auto;
	}
	
	/*-- Case Study Items --*/
	
	.section-case-studies-featured .resource-items .blog-item .image .category, 
	.case-studies-listing-container .resource-item .image .category {
		font-size: 12px;
		padding: 4px 6px;
	}
	
	/*-- Block: Who We Work With (Home Page) --*/

	.section-who-work-with .items:before {
		display: none;
	}

	.section-who-work-with .items .item {
		position: relative;
		flex-basis: 100%;
		padding: 0;
	}
	
	.section-who-work-with .items .item:not(:last-of-type):after {
		display: block;
		width: 5px;
		height: 5px;
		border-radius: 50%;
		margin: 18px auto 0 auto;
		content: "";
		background: rgba(255,255,255,.5);
	}
	
	/*-- Block: Resources Main Listing --*/
	
	.case-studies-listing-container .resource-item {
		max-width: 100%;
		flex-basis: 100%;
		margin: 0 0 30px 0;
	}
	
	/*-- Form Landing Page --*/
	
	.section-hero-form-landing .col-content .step-process {
		display: block !important;
	}
	
	.section-hero-form-landing .col-content .step-process .item {
		flex-direction: row;
		align-items: center;
		flex-basis: 100%;
		text-align: left;
		padding: 0 8px 30px 0;
	}
	
	.section-hero-form-landing .col-content .step-process .item:last-of-type {
		margin-bottom: 0;
		padding-bottom: 0;
	}
	
	.section-hero-form-landing .col-content .step-process .item .number {
		width: 60px;
		height: 60px;
		min-width: 60px;
		min-height: 60px;
	}
	
	.section-hero-form-landing .col-content .step-process .item .process {
		max-width: 250px;
		padding-left: 15px;
	}
	
	/*
	.section-hero-form-landing .col-content .step-process .item:not(:last-of-type)::after {
		display: none;
	}
	*/
	
	.section-hero-form-landing .col-content .step-process .item:not(:last-of-type)::after {
		top: initial;
		bottom: 5px;
		left: 20px;
		content: "\f063";
	}
	
	/*-- Resource Items List (Default Ajax Load more list) --*/
	
	.resource-item {
		flex-basis: calc(100% - 16px);
	}
	
	.resource-item:after {
		height: 32%;
	}
	
	.resource-item .content {
		padding-right: 28px;
		padding-left: 28px;
	}
	
	.resource-item .image {
		max-width: calc(100% - 56px);
		margin-left: 28px;
	}
	
	/* Pagination */
	
	ul.alm-paging.resource-listing-paging {
		position: relative;
		padding-bottom: 80px;
	}
	
	ul.alm-paging.resource-listing-paging li.prev,
	ul.alm-paging.resource-listing-paging li.next {
		position: absolute;
		bottom: 0;
	}
	
	ul.alm-paging.resource-listing-paging li.prev {
		transform: translateX(-50px);
	}
	
	ul.alm-paging.resource-listing-paging li.next {
		transform: translateX(50px);
	}
	
	/*-- Block: Testimonial --*/

	.section-testimonial .testimonial {
		padding: 90px 0 0 0;
	}

	.section-testimonial .testimonial:before {
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		width: 60px;
		height: 60px;
		content: "";
		background: url('/wp-content/themes/stratabeat/img/quote-left.png') no-repeat center center;
		background-size: 60px auto;
	}
	
	.section-testimonial .testimonial .text {
		padding: 0;
	}

	.section-testimonial .testimonial .text:before,
	.section-testimonial .testimonial .text:after {
		display: none;
	}
	
	/*-- Block: Alternating Rounded Boxes --*/

	.section-alternating-rounded .box-container .box-content {
		width: 100%;
	}
	
	/*-- Block: 2 Boxes + Testimonial --*/
	.section-2-boxes-testimonial .section-testimonial .testimonial {
		padding-top: 90px;
	}
	
	/*-- Block: Icon List --*/

	.section-icon-list .icon-list .item {
		flex-basis: 100%;
		padding-right: 0;
	}
	
	/*-- Block: Hero - Resources --*/
	
	.categories-search-bar .search .search-box form {
		justify-content: flex-start;
		max-width: 100%;
	}
	
	.categories-search-bar .search .search-box form input[type="search"] {
		max-width: calc(100% - 20px);
	}
	
	/*-- Block: Statistics (Case Study) --*/
	
	.section-stats-casestudy .statistics .item-wrapper .item {
		flex-direction: column;
		max-width: calc(100% - 32px);
	}
	
	.section-stats-casestudy .statistics .item-wrapper .item .col-icon,
	.section-stats-casestudy .statistics .item-wrapper .item .col-text {
		width: 100% !important;
		max-width: 500px !important;
	}
	
	.section-stats-casestudy .statistics .icon {
		width: 20vw;
		height: 20vw;
		margin-bottom: 20px;
	}
	
	.section-stats-casestudy .statistics .item .description {
		font-size: 28px;
	}
		
	/*-- Page: About --*/
	
	.section-icon-list-about.section-icon-list h2 {
		width: 90%;
	}
	
	/*-- 404 Page --*/
	
	.suggested-content-404 .item {
		flex-basis: 100%;
		min-height: 30vw;
		min-height: clamp(230px,30vw,450px);
		min-width: auto;
		max-width: 450px;
		margin: 0 15px 40px 15px;
	}

}

@media only screen and (max-width:480px) {
	
	.hide-mobile {display:none;}
	
	.mobile-stack-sm.center-responsive .border-right-pink-5 {
		border: none;
		padding-right: none;
	}
	
	h1 {
		font-size: 60px;
	}
	
	h2 {
		font-size: 50px;
	}
	
	/*-- Forms --*/
	
	form input[type="submit"] {
		/*
		height: auto;
		line-height: 1.1em !important;
		white-space: normal;
		*/
		padding-right: 50px !important;
		background-size: 30px auto;
	}
	
	/*-- Block: Hero Default --*/
	
	.section-hero .box-content {
		width: 90%;
	}
	
	/*-- Block: Hero - Case Study --*/
	
	.section-hero-casestudy .section-wrapper {
		padding: 55px 25px 35px 25px;
	}
	
	/*-- Block: Top Fullwidth Image/Bottom Rounded Content Box --*/
	
	.section-fullwidth-img-rounded-content.box-stretch .content-box {
		width: 100%;
		padding-right: 30px;
	}
	
	/*-- Block: Speakers --*/
	
	.section-speakers .speaker-container .speaker .speaker-box {
		padding-top: 50px;
	}

	.section-speakers .speaker-container .speaker-box:nth-of-type(odd), 
	.section-speakers .speaker-container .speaker-box:nth-of-type(even) {
		padding-right: 30px !important;
		padding-left: 30px !important;
	}
	
	/*-- Block: Testimonials Grid --*/
	
	.section-testimonials-grid .testimonials-grid .item {
		padding: 35px 30px 60px 30px;
	}
	
	/*-- Author Page --*/
	
	.author .section-author .image-social .social h3 {
		display: none;
	}

	.author .section-author .image-social .social ul {
		flex-direction: column;
		align-items: center;
		margin-top: 0;
	}
	
	.author .section-author .image-social .social ul li:not(:last-of-type) a {
		margin-bottom: 20px;
	}
	
	/*-- Block: Hero - Resources --*/

	.categories-search-bar .search .search-box form input[type="search"] {
		max-width: 140px !important;
	}
	
	/*-- Block: Hero Form Landing Page  --*/
	
	.section-hero-form-landing .col-form form input[type="submit"] {
		font-size: 18px;
	}
	
	/*-- Single Post Hero --*/
	
	.section-hero-blog-post .cta-buttons {
		flex-direction: column;
		align-items: center;
	}

	.section-hero-blog-post .cta-buttons.multi-buttons .btn:first-of-type {
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	/*-- Footer --*/
	
	footer.footer .footer-menu ul li {
		margin-bottom: 15px;
	}
	
	footer.footer .footer-4 .footer-container .footer-menu ul {
		-webkit-columns: 175px 2;
	   -moz-columns: 175px 2;
	   columns: 175px 2;
	   -webkit-column-gap: 20px;
	  -moz-column-gap: 20px;
	  column-gap: 20px;
	}

}

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



}

/*====================================
    			WORDPRESS CORE
=====================================*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:var(--white);
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft { =
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}