/*!
Theme Name: Cirkay 2025
Theme URI: http://underscores.me/
Author: Scott van Winden
Author URI: https://scottvanwinden.com
Description: Website designed and built by Scott van Winden
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: blueprint
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Blueprint is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

body.page-loading {
    height: 100%;
    overflow: hidden;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

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

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

::placeholder {
    color: #fff;
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
input, textarea {
    border-radius: var(--bs-border-radius-pill)!important;
    border: 0 !important;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important;
    --bs-bg-opacity: 0.75;
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important;
	padding: .5rem 1.5rem !important;
	outline-color: #fff !important;
}

textarea {
    border-radius: var(--bs-border-radius-xl) !important;
}

.gform_heading, .ginput_counter {
    display: none !important;
}

.gform-theme--foundation .gform_fields {
    grid-row-gap: 1rem !important;
    row-gap: 1rem !important;
}

.gform_validation_errors, .gform_submission_error, .gform-icon {
    background: none !important;
    box-shadow: none !important;
    color: #fff !important;
    border-color: #fff !important;
	outline: 0 !important;
}

.gform_validation_errors {
    border-radius: var(--bs-border-radius-xl) !important;
    border: 0 !important;
    background-color: rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important;
    --bs-bg-opacity: 0.75;
    box-shadow: none !important;
}

.gfield_error {
    position: relative !important;
}

.validation_message {
    color: #fff !important;
    font-size: 0.75rem !important;
    background: none !important;
    -webkit-text-stroke: 4px #DA0E5B !important;
    paint-order: stroke fill !important;
    padding: 0 !important;
    border: none !important;
    text-align: center;
    text-align: center !important;
}

.gform_button {
    background: #fff !important;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
    text-transform: uppercase !important;
    margin-left: auto !important;
}

.gform_confirmation_message {
    font-size: 1.5rem !important;
    font-weight: bold !important;
    text-align: center !important;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #ffffff;
	font-family: 'effra', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, b, strong {
	font-weight: 700;
}

p {
	margin-bottom: 1.25em;
}

dfn,
cite,
em,
i {
	font-style: italic;
	font-family: 'abril-display', serif;
	font-weight: 400;
}

.abril {
	font-family: 'abril-display', serif;
}

.fs-head {
    font-size: 2.5em;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background-color: #DA0E5B;
	background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: top center;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 1.5em 0 1.5em 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: #ffffff;
}

a:focus,
a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
}

select {
}

textarea {
	width: 100%;
}

textarea {
    height: 10em;
}

.wpcf7-not-valid-tip {
    font-size: 0.5em !important;
    text-transform: uppercase !important;
    position: absolute !important;
    bottom: -2em !important;
	color: #fff;
}

.wpcf7 label .wpcf7-form-control-wrap {
    margin: 10px 0 0;
    display: block;
}

.wpcf7-form-control-wrap {
    display: block !important;
}

.wpcf7 form .wpcf7-response-output {
    margin: 1em auto 0 !important;
    padding: 0 !important;
    border: none !important;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.75em;
}

.wpcf7-not-valid-tip {
    font-size: 0.5em !important;
    text-transform: uppercase !important;
    position: absolute !important;
    bottom: -2em !important;
}

.wpcf7-spinner {
    position: absolute !important;
    top: 50%;
    left: 50%;
    margin: -12px;
}

.wpcf7-form.sent p, .wpcf7-form.sent .wpcf7-form-control-wrap, .wpcf7-form.sent input, .wpcf7-form.sent textarea {
    display: none !important;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding-left: 0;
    gap: 10px;
}

.main-navigation ul ul {
    display: none;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
	display: block;
	margin-top: 0.25em;
}

.main-navigation a {
    background: #000;
    border-radius: 100px;
    padding: 0.45em 0.5em 0.25em;
    line-height: 1em;
	display: block;
	text-decoration: none;
}

.main-navigation a:hover {
	opacity: 0.5;
}

.menu-item.current-menu-item a {
    background: #fff;
    color: #000;
}

.menu-item.current-menu-item a ul a {
    background: #000;
    color: #fff;
}

.dropdown-menu-button:after {
    content: ' +';
}

.dropdown-menu-button.active:after {
    content: ' -';
}

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


.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.default-page {
    max-width: 900px;
    margin: auto;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.background-cover {
	background: center center no-repeat;
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}

.background-contain {
	background: center center no-repeat;
    -o-background-size: contain;
    -ms-background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
}

.full-height {
    min-height: 100vh;
    min-height: 100dvh;
}

.navigation-padding {
    padding-left: 400px;
}

.buttons-wrapper-single:before {
/*    content: '';*/
    display: inline-block;
    width: 2px;
    height: 1em;
    background: #da0d5b;
    margin: 0 0.75em;
}

.buttons-wrapper-single:first-child:before {
    content:;
    display: none;
}

.fs-5 h2 {
    font-size: 2rem;
}

.page-title {
    font-size: 3rem;
}


@media screen and (min-width: 1400px) {

.desktop-large {
    font-size: 1.5rem !important;
}

.desktop-large h2 {
    font-size: 3rem;
}

.desktop-large .page-title {
    font-size: 3.5rem;
}

}

.single-button.text-white:hover {
    background: #fff;
    color: #da0d5b !important;
}


#page-background {
	-webkit-transition: 0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
}

/*  Header  */

body.page-template-tpl-iframe #page {
    padding-top: 150px;
}

body.page-template-tpl-iframe #masthead, body.page-template-tpl-iframe.page-loaded-complete .site-branding, body.page-template-tpl-iframe #nav-toggle {
    position: absolute !important;
}

@media screen and (min-width: 931px) {
body.page-template-tpl-iframe .navigation-wrapper{
    position: absolute !important;
}
}
.loading-background {
    z-index: 2;
}

.navigation-load {
	display: none;
}

#masthead {
	z-index: 3;
	height: 150px;
}

.site-branding {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 75vh;
    width: 75dvh;
    max-width: 100%;
    -webkit-transition: 0.5s all ease-out;
    transition: 0.5s all ease-out;
	z-index: 4;
}

body.page-loaded .site-branding {
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    width: 150px;
    height: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}


.scrolled #masthead {
    position: absolute !important;
}

.header-pink .main-navigation a, .menu-active .main-navigation a, .current-menu-item a, .single-casestudies .menu-item-object-casestudies a, .single-playbooks .menu-item-object-playbooks a {
    background: #fff;
    color: #000;
}

.header-pink .menu-item.current-menu-item a, .menu-active .menu-item.current-menu-item a, .header-pink .current-menu-item a, .menu-active .current-menu-item a, .single-casestudies .header-pink .menu-item-object-casestudies a, .single-casestudies .menu-active .menu-item-object-casestudies a, .single-playbooks .header-pink .menu-item-object-playbooks a, .single-playbooks .menu-active .menu-item-object-playbooks a{
    background: #da0d5b;
    color: #fff;
}

.header-pink svg, .header-pink svg path {
    fill: #DA0E5B;
}

.page-loading .site-header svg, .page-loading .site-header svg path {
    fill: #ffffff;
}

.menu-active svg, .menu-active svg path {
    fill: #DA0E5B;
}

.page-template-default #primary {
    padding-top: 150px !important;
}

/*  Home  */

.fixed-bg-image {
    width: 115%;
    background-position: top left;
    position: absolute;
	min-height: 115%;
	min-height: 115vh;
	min-height: 115dvh;
    top: 0;
    left: -15%;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.page-template-tpl-home .fixed-bg-image {
    width: 215%;
}

.background-scroll-up .fixed-bg-image {
	top: -15%;
	top: -15vh;
	top: -15dvh;
}

.background-adjust .fixed-bg-image {
    left: 0;
}

.fixed-image-sizer {
    position: relative;
    height: 0;
    padding-bottom: 66.6748046875%;
}

.home-hero-title {
    top: 200px;
    width: 400px;
    font-size: 3em;
}

.home-hero-box {
    width: 90%;
    max-width: 800px;
}

.home-hero-box-text {
/*    max-width: 18em;*/
}

#home-section-1 .scroll-title {
    opacity: 0;
    -webkit-transform: translateX(3rem);
    transform: translateX(3rem);
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
}

.background-adjust #home-section-1 .scroll-title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.spinning-logos-spacer {
	padding-bottom: 250px;
}

.rotating-logos-wrapper {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    height: 0;
    max-height: 0;
}

.page-section.active .rotating-logos-wrapper, .logos-active .rotating-logos-wrapper, .logos-active .rotating-logos-wrapper {
	height: 55vh;
	height: calc(50vh + 50px);
	height: calc(50dvh + 50px);
	max-height: calc(25vw + 50px);
}

.rotating-logos-content {
	position: absolute;
	padding: 50px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.rotating-logos-enter-spin {
	position: relative;
	width: 100vh;
	width: 100dvh;
	max-width: 75vw;
	height: 100vh;
	height: 100dvh;
	max-height: 75vw;
	left: 0;
}

.logos-enter .rotating-logos-enter-spin {
	-webkit-animation: enter-spin 2s cubic-bezier(0.22, 0.61, 0.36, 1) 1;
	animation: enter-spin 2s cubic-bezier(0.22, 0.61, 0.36, 1) 1;
}

@-webkit-keyframes enter-spin { 
	100% { -webkit-transform: rotate(360deg); } 
}
@keyframes enter-spin { 
	100% { 
		-webkit-transform: rotate(360deg); 
		transform:rotate(360deg); 
	} 
}
.rotating-logos-exit-spin {
	position: relative;
	width: 100vh;
	width: 100dvh;
	max-width: 75vw;
	height: 100vh;
	height: 100dvh;
	max-height: 75vw;
}

.logos-exit .rotating-logos-exit-spin {
	-webkit-animation: exit-spin 1s cubic-bezier(0.55, 0.06, 0.68, 0.19) 1;
	animation: exit-spin 1s cubic-bezier(0.55, 0.06, 0.68, 0.19) 1;
/*			animation-delay: 5s;*/
}
@-webkit-keyframes exit-spin { 
	100% { -webkit-transform: rotate(720deg); } 
}
@keyframes exit-spin { 
	100% { 
		-webkit-transform: rotate(720deg); 
		transform:rotate(720deg); 
	} 
}

.rotating-logos-main {
	position: relative;
	border-radius: 50%;
	width: 100vh;
	width: 100dvh;
	max-width: 75vw;
	height: 100vh;
	height: 100dvh;
	max-height: 75vw;
	-webkit-animation: spin 20s linear infinite;
	animation: spin 20s linear infinite;
}

@-webkit-keyframes spin { 
	100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
	100% { 
		-webkit-transform: rotate(360deg); 
		transform:rotate(360deg); 
	} 
}

.rotating-logo-single {
	position: absolute;
	left: 0;
	top: calc(50% - 50px);
	height: 100px;
	width: 100%;
}

.rotating-logo-single:nth-child(1) {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.rotating-logo-single:nth-child(2) {
	-webkit-transform: rotate(30deg) ;
	transform: rotate(30deg) ;
}

.rotating-logo-single:nth-child(3) {
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
}

.rotating-logo-single:nth-child(4) {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.rotating-logo-single:nth-child(5) {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}

.rotating-logo-single:nth-child(6) {
	-webkit-transform: rotate(150deg);
	transform: rotate(150deg);
}

.rotating-logo-single:nth-child(7) {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.rotating-logo-single:nth-child(8) {
	-webkit-transform: rotate(210deg) ;
	transform: rotate(210deg) ;
}

.rotating-logo-single:nth-child(9) {
	-webkit-transform: rotate(240deg);
	transform: rotate(240deg);
}

.rotating-logo-single:nth-child(10) {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.rotating-logo-single:nth-child(11) {
	-webkit-transform: rotate(300deg);
	transform: rotate(300deg);
}

.rotating-logo-single:nth-child(12) {
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg);
}

.rotating-logo {
	position: absolute;
	max-width: 100px;
	max-height: 100px;
	top: 50%;
	left: 0;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg);
}

#home-section-3 {
	background: #000;
}

.scroll-title {
    font-size: 4rem;
    font-size: 5vw;
    font-size: 5dvw;
}

/*  Home Logos  */
#expanding-logos {
    width: 90%;
}

#expanding-logos-inner {
    padding: 150px;
}

#central-logo {
    z-index: 3;
    width: 100%;
    max-width: 250px;
}

.popout-logo {
    max-width: 20%;
    max-height: 10%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	transition-duration: 1s !important;

}

.isonscreen .popout-logo-1 {
    top: 10%;
    left: 12.5%;
    transform: none;
}

.isonscreen .popout-logo-2 {
    top: 0%;
    left: 60%;
    transform: none;
}

.isonscreen .popout-logo-3 {
    top: 40%;
    left: 85%;
    transform: none;
}

.isonscreen .popout-logo-4 {
    top: 60%;
    left: 70%;
    transform: none;
}

.isonscreen .popout-logo-5 {
    top: 80%;
    left: 60%;
    transform: none;
}

.isonscreen .popout-logo-6 {
    top: 80%;
    left: 30%;
    transform: none;
}

.isonscreen .popout-logo-7 {
    top: 50%;
    left: 5%;
    transform: none;
}

::-webkit-scrollbar{
	width: 0;
}

::-webkit-scrollbar-track-piece{
	background-color:none;
}

::-webkit-scrollbar-thumb{
	background-color:none;
	outline: none;
	outline-offset:0;
	border: none;
}

::-webkit-scrollbar-thumb:hover{
	opacity:0;
}

.bg-white::-webkit-scrollbar-thumb, .bg-white ::-webkit-scrollbar-thumb, .black-scroll::-webkit-scrollbar-thumb, .black-scroll ::-webkit-scrollbar-thumb {
	background-color: #000000;
}

/*  Phone Video  */

.home-hero-phone_wrapper {
    min-width: 45%;
    min-width: calc(50% - 3rem);
}
	
.home-hero-box-block.phone_wrapper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}
	
.phone_container, .home_phone-image {
    position: relative;
	z-index: 2;
    max-height: 70vh;
    max-height: 70dvh;
}	
	
.home_phone_video_wrapper {
    position: absolute;
    width: 94%;
    left: 3%;
    right: 3%;
    top: 50%;
    padding: 0;
    top: 2%;
    bottom: 2%;
    border-radius: 10% !important;
	transform: translate3d(0,0,0)
}
	
.home_phone_video_container {
    position: relative;
    height: 0;
    width: 120%;
    padding-bottom: 207%;
     background: #d60455 center center no-repeat; 
    -o-background-size: cover;
    -ms-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    margin-left: -10%;
}
	
.phone-video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
/*	opacity: 0;*/
	-o-transform: 0.3s opacity ease-out;
	-ms-transform: 0.3s opacity ease-out;
	-moz-transform: 0.3s opacity ease-out;
	-webkit-transform: 0.3s opacity ease-out;
	transform: 0.3s opacity ease-out;
}
	
.home_phone_video_container.playing .phone-video {
	opacity: 1;
}
	

/*  Phone Popup  */

#phone-popup-wrapper {
    width: 50%;
    margin: auto;
    max-width: 250px;
}

.phone-popup {
    width: 120%;
    max-width: 120%;
    left: -10%;
    top: -10%;
	transition-duration: 1s !important;

}

.phone-popup-side-text-block {
    justify-content: space-between;
    align-content: space-between;
    width: 35%;
    left: 50%;
    transform: translateX(-50%);
    transform: translateX(0);
    font-size: 2rem;
	max-width: 20rem;
}

/*
.isonscreen .scroll-image-position.phone-popup-side-text-block {
    transform: translateX(0);
    left: auto;
}

.isonscreen .scroll-image-position.phone-popup-side-text-left-block {
    left: 0;
	right: auto;
}
*/

.phone-popup-side-text-left-block {
    left: auto;
	right: 65%;
}

.phone-popup-side-text-right-block {
    right: auto;
    left: 65%;
}

/*  Playbooks  */

.playbooks-grid {
    min-width: 100%;
}

.playbook-single {
    aspect-ratio: 1 / 1;
    padding-top: calc(var(--bs-gutter-x) * .5) !important;
    margin-top: 0;
}

.playbook-single-inner {
    min-height: 100%;
}

.playbook-text {
    font-size: 1.25rem;
}

.playbook-sizer {
    height: 0;
    padding-bottom: 100%;
}

/*  Posts Feed  */

.posts-sizer {
    max-width: 1100px;
}

.posts-wrapper {
	padding-top: 155px !important;
}

.background-filter {
    -o-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -webkit-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    -webkit-filter: grayscale(1) contrast(0.5);
    filter: grayscale(1) contrast(0.25);
    opacity: 0.5;
}

.single-post-hover:hover .background-filter {
/*    background-color:#d3d4d5 !important;*/
    -webkit-filter: none;
    filter: none;
	opacity: 1;
}

.background-filter-light {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}

.single-post-hover:hover .background-filter-light {
    -webkit-filter: grayscale(1) contrast(1);
    filter: grayscale(1) contrast(1);	
}

.single-post-image {
    padding-bottom: 56.25%;
}

.posts-wrapper .sub-title {
    font-size: 2.5rem;
}

.single-post-copy {
    max-width: 25rem;
}

.single-post-inner {
    min-height: 23rem;
}

.single-news-post.col-12 .single-post-image {
    padding-bottom: 40%;
}

.load-more span {
    display: table;
    margin: auto;
    padding-bottom: 0.5em;
    border-bottom: 2px solid;
    line-height: 1em;
}

/*  Platforms  */

.platforms-hero, .single-post-sub-title {
    max-width: 40rem;
}

.platform-integrations-image-wrapper {
    max-width: 45%;
}

.down-arrows {
    width: 15px;
    display: block;
}

.platform-integrations-image {
    max-height: 55vh;
    max-height: 55dvh;
    margin-left: auto;
}

.flex-row-reverse .platform-integrations-image {
    margin-left: 0;
    margin-right: auto;
}

.platform-integrations-logo-image {
    max-height: 5rem;
	bottom: -2.5rem;
	margin-right: -2.5rem;
}

.scroll-section.active .platform-integrations-logo-image {
	bottom:0;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

.platform-integrations-logo-image-wrapper {
    width: 200px;
}

.platform-integrations-block {
    max-width: 65vh;
}

.platform-integrations-content-inner {
/*    max-width: 18em;*/
}

.platform-integrations-title {
    font-size: 2em;
}

.platform-integrations-copy p {
    margin-bottom: 0.5em;
    line-height: 1em;
}

.platform-integrations-footer-inner {
    max-width: 700px;
}

/*  Playbooks  */
.playbooks-grid {
    margin: auto;
}

/*  Integration  */
	
.intergration-guides-inner {
    padding: 200px 0;
}

.integration-guides-image {
    max-height: 3rem;
}

.integration-guides-single {
    display: flex;
    align-items: stretch;
    align-content: stretch;
    justify-content: stretch;
}

/*  Case Studies  */

.single-post-text-block-image {
    max-height: 55vh;
    max-height: 55dvh;
}

.single-casestudies .page-section-inner, .single-playbooks .page-section-inner {
    padding-top: 150px !important;
}

.single-casestudies .page-section-footer-padding, .single-playbooks .page-section-footer-padding {
    padding-bottom: 100px !important;
}

.archive-inner-block-text ul {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.prev-next-button {
    max-width: 28rem;
}

.prev-next-button.next-button {
    text-align: right;
}

.prev-next-link .background-layer {
    min-width: 100px;
    width: 100px;
    min-height: 100px;
    height: 100px;
}



/*  Iframe Page  */
.page-template-tpl-iframe .navigation-padding {
    padding-left: 200px;
}

/*  Footer  */

#colophon {
    font-size: 10px;
}

.site-footer-title {
    width: 150px;
}

.footer-terms {
    width: fit-content;
}

/*  Bubble  */

#popup-bubble {
    right: 0;
    bottom: 0;
    width: 33.33%;
    max-width: 350px;
	min-width: 200px;
	z-index: 3;
	opacity: 0;
	user-select: none;
    position: absolute !important;
}

.scrolled #popup-bubble {
    position: absolute !important;
	opacity: 1;
	user-select: initial;
}

.popup-bubble-padding {
    padding-bottom: 250px !important;
}

/*  Animating  */

.scroll-item {
	-o-transition: 0.5s all ease-in-out;
	-ms-transition: 0.5s all ease-in-out;
	-moz-transition: 0.5s all ease-in-out;
	-webkit-transition: 0.5s all ease-in-out;
	transition: 0.5s all ease-in-out;
}

.scroll-fade {
	opacity: 0;
} 

.scroll-slide-up {
	-o-transform: translateY(1rem);
	-ms-transform: translateY(1rem);
	-moz-transform: translateY(1rem);
	-webkit-transform: translateY(1rem);
	transform: translateY(1rem);
}

.scroll-slide-side {
    -o-transform: translateX(90vw);
    -ms-transform: translateX(90vw);
    -moz-transform: translateX(90vw);
    -webkit-transform: translateX(90vw);
    transform: translateX(90vw);
}

.scroll-section.active .scroll-slide-side:nth-child(1){
	-webkit-transition-delay: 0s !important;
	transition-delay: 0s !important;
}

.scroll-section.active .scroll-slide-side:nth-child(2){
	-webkit-transition-delay: 0.25s !important;
	transition-delay: 0.25s !important;
}

.scroll-section.active .scroll-slide-side:nth-child(3){
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}

.scroll-section.active .scroll-slide-side:nth-child(4){
	-webkit-transition-delay: 0.75s !important;
	transition-delay: 0.75s !important;
}

.scroll-section.active .scroll-slide-side:nth-child(5){
	-webkit-transition-delay: 1s !important;
	transition-delay: 1s !important;
}

.scroll-section.active .scroll-slide-side:nth-child(6){
	-webkit-transition-delay: 1.25s !important;
	transition-delay: 1.25s !important;
}

.scroll-section.active .scroll-slide-side:nth-child(7){
	-webkit-transition-delay: 1.5s !important;
	transition-delay: 1.5s !important;
}

.scroll-section.active .scroll-slide-side:nth-child(8){
	-webkit-transition-delay: 1.75s !important;
	transition-delay: 1.75s !important;
}

.scroll-section.active .scroll-slide-side:nth-child(9){
	-webkit-transition-delay: 2s !important;
	transition-delay: 2s !important;
}

.isonscreen.scroll-fade, .isonscreen .scroll-fade, .title-show .scroll-fade, .scroll-section.fp-loaded.active .scroll-fade, .fp-loaded.active .scroll-section .scroll-fade {
	opacity: 1;
} 

.isonscreen.scroll-slide-up, .isonscreen .scroll-slide-up, .scroll-section.fp-loaded.active .scroll-slide-up, .fp-loaded.active .scroll-section .scroll-slide-up {
	-o-transform: translateY(0);
	-ms-transform: translateY(0);
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.isonscreen.scroll-slide-side, .isonscreen .scroll-slide-side, .scroll-section.fp-loaded.active .scroll-slide-side, .fp-loaded.active .scroll-section .scroll-slide-side {
	-o-transform: translateX(0);
	-ms-transform: translateX(0);
	-moz-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.single-guide-hover:hover {
    transform: translateY(-0.5rem);
}

@media screen and (min-width: 931px) {
.navigation-wrapper {
    display: block !important;
	padding: 30px 30px 0 0;
}	

.main-navigation ul.sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    text-align: center;
}
}
@media screen and (max-width: 930px) {

.p-0 {
    padding: 0 !important;
}

.p-5, .platforms-hero {
    padding: 1.5rem !important;
}
.pt-5 {
    padding-top: 1.5rem !important;
}
.pb-5 {
    padding-bottom: 1.5rem !important;
}
.ps-5 {
    padding-left: 1.5rem !important;
}
.pe-5 {
    padding-right: 1.5rem !important;
}
.px-5 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}
.py-5 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
	
.g-5, .gy-5 {
    --bs-gutter-y: 1.5rem;
}
.g-5, .gx-5 {
    --bs-gutter-x: 1.5rem;
}
	
.fs-head {
    font-size: 1.75em;
}
	
ul, ol {
    margin-left: 0;
	padding-left: 1.5rem;
}
	
.transition-delay {
	transition-delay: 0.3s !important;
}
	
.transition-delay-long{
	transition-delay: 1s !important;
}
	
.scroll-title {
    font-size: 3rem;
}
	
/*  Header  */	
	
#page {
/*    padding-top: 100px;*/
}	
	
#masthead {
	min-height: auto;
	top: 0;
	bottom: auto !important;
	width: auto;
	padding: 0px !important;
	height: 115px;
	width: 100%;
	position: fixed !important;
/*
	background: #DA0E5B;
	background: -webkit-linear-gradient(0deg, rgba(218, 14, 91, 0) 0%, rgba(218, 14, 91, 1) 100%);
	background: -moz-linear-gradient(0deg, rgba(218, 14, 91, 0) 0%, rgba(218, 14, 91, 1) 100%);
	background: linear-gradient(0deg, rgba(218, 14, 91, 0) 0%, rgba(218, 14, 91, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#DA0E5B", endColorstr="#DA0E5B", GradientType=0 );
*/
}
	
.site-branding {
/*
	position: fixed !important;
	left: 30px;
	top: 30px;
	width: 50px;
	z-index: 4;
*/
}
	
.site-branding {
    width: 200px;
}
	
body.page-loaded .site-branding {
    width: 115px;
}
	
#nav-toggle {
	height: 36px;
	width: 40px;
	min-width: 40px;
	display: block !important;
	right: 30px;
	top: 37px;
	z-index: 4;
}
	
.header-pink .nav-icon-bar, .menu-active .nav-icon-bar {
    background: #da0d5b !important;
}
	
.nav-icon-bar {
	height: 5px;
	width: 100%;
	transition: all 0.5s ease-in-out;
}
	
.nav-icon-bar-2 {
    width: 80%;
}
	
.nav-icon-bar-3 {
    width: 90%;
}
	
#nav-toggle.active .nav-icon-bar-1 {
    transform-origin: right top;
    transform: rotate(-45deg);
    width: 115%;
}
	
#nav-toggle.active .nav-icon-bar-2 {
    opacity: 0;
}
	
#nav-toggle.active .nav-icon-bar-3 {
    transform-origin: right bottom;
    transform: rotate(45deg);
    width: 115%;
}
	
.navigation-wrapper {
	position: fixed !important;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: #000;
	background: #000000d9;
	z-index: 3;
	width: 100%;
	height: 100%;
	display: none;
}

.navigation-inner {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
}	
	
.mobile-nav-inner {
    width: 100%;
    position: relative !important;
}
	
.navigation-block {
	flex-wrap: wrap;
	gap: 0 !important;
}

.main-navigation{
	width: 100%;
}
	
.main-navigation, .main-navigation ul, .main-navigation li, 
.main-navigation a {
    display: block;
	text-align: center;
}
.main-navigation a {
    display: table !important;
    margin: auto;
}

.main-navigation a {
    margin-bottom: 10px;
}

body.menu-active {
/*    overflow: hidden;*/
}
	
.navigation-padding {
    padding-left: 0 !important;
}
	
#hero.full-height {
/*
    min-height: calc(100vh - 130px);
    min-height: calc(100dvh - 130px);
*/
}
	
.page-template-default #primary, .page-template-tpl-contact #primary, body.page-template-tpl-iframe #page {
    padding-top: 115px !important;
}
	
/*  Home  */

	
.phone_container, .home_phone-image {
    max-height: 50vh;
    max-height: 50dvh;
}	
	
.page-template-tpl-home.page #primary {
    padding-left: 0 !important;
}	
	
.home-hero {
    padding-left: 1.5rem !important;
}	
	
.home-hero-title {
	position: relative !important;
	top: 0;
	width: 100%;
	padding: 0 !important;
    font-size: 3em;
	margin-bottom: 1.5rem !important;
}
	
.home-hero-box {
	width: 80%;
	padding-top: 75px;
}
	
.home-hero-box-text span {
    font-size: 1.25rem !important;
}	
	
.home-hero-box-text h2 span {
    font-size: 1.5rem !important;
}
	
.home-hero-box-inner {
    gap: 1rem !important;
}
	
.fb-text-logo {
    max-width: 200px;
    margin: auto;
}
	
.home-hero-phone_wrapper {
    padding-top: 2rem;
}

.header-buttons {
    margin-right: -100%;
}
	

.spinning-logos-spacer {
    padding-bottom: 0 !important;
}
	
.rotating-logo-single {
    top: calc(50% - 37.5px);
    height: 75px;
}
	
.rotating-logo {
    max-width: 50px;
    max-height: 75px;
}
	
#expanding-logos {
    width: 100%;
}	

#expanding-logos-inner {
    padding: 100px;
}
	
.bg-white.rounded-5.rounded-end-0 {
    margin-left: 1.5rem;
}
	
.reverse-mobile-banner.bg-white.rounded-5.rounded-end-0 {
    margin-left: 0;
    margin-right: 1.5rem;
    border-radius: var(--bs-border-radius-xxl) !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}
	
#phone-popup-wrapper {
    width: 33%;
}
	
.phone-popup-side-text-block {
    font-size: 0.75rem !important;
    gap: 10px !important;
}
	
.playbook-single {
    width: 100%;
	aspect-ratio: initial;
}
	
.playbooks-grid {
    padding-top: 100px !important;
}

/*  Patforms  */	
	
.platforms-hero {
    max-width: 27.5rem;
	padding-left: 0 !important;
}	
	
.platforms-hero span {
    font-size: 1.25rem !important;
}
	
.platforms-hero h2 span {
	font-size: 2.5rem !important;
}
		
.platform-integrations-single {
    gap: 1.5rem !important;
}
	
.platform-integrations-image-wrapper {
	width: 45% !important;
	min-width: 45% !important;
}
	
.platform-integrations-content-wrapper {
    flex-wrap: wrap;
    padding: 0 !important;
}
	
.platform-integrations-logo-image-wrapper {
    width: auto;
}
	
.platform-integrations-logo-image {
	max-height: 2.5rem;
	bottom: -1.75rem;
	margin-right: -0.5rem;
}
	
.scroll-section.active .platform-integrations-logo-image {
    bottom: 0;
}
	
.platform-integrations-content .fs-4 {
    font-size: 1rem !important;
}
	
/*  Case Studies  */

.single-casestudies .page-section-inner, .single-playbooks .page-section-inner {
    padding-top: 100px !important;
}
	
.single-casestudies .page-section-footer-padding, .single-playbooks .page-section-footer-padding {
    padding-bottom: 50px !important;
}
	
.single-casestudies .page-section-inner h2, .single-playbooks .page-section-inner h2 {
    text-align: left !important;
}
	
.prev-next-link {
	flex-wrap: wrap;
}
	
.prev-next-button.next-button {
    text-align: left;
}

.prev-next-button.prev-button {
    text-align: right;
}	
	
.prev-next-link .background-layer {
    min-width: 75px;
    width: 75px;
    min-height: 75px;
    height: 75px;
}
	
/*  Posts  */
.platforms-hero-inner {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
	
.platform-integrations-content h2, .platform-integrations-content h2 span {
    font-size: 1.5rem !important;
}
	
.posts-wrapper {
    --bs-gutter-x: 0;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
#hero .posts-wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
	
.single-news-post {
    width: 100%;
}
	
.single-post-inner-content .sub-title {
    font-size: 1.5rem;
}
	
.single-post-hero-inner, .single-post-hero {
    flex-wrap: wrap;
    gap: 1.5rem !important;
}
	
.single-post-hero .single-post-text-block-image {
    max-height: max-content;
    width: 100%;
}	
	
.single-news-post.col-12 .single-post-image {
    padding-bottom: 56.25%;
}
	

.page #primary, .single #primary {
/*    padding-left: 1.5rem !important;*/
}

/*  Integrations  */	

.page-template-tpl-integrations #hero {
    padding-right: 1.5rem;
}
	
.integrations-hero span {
    font-size: 1.5rem !important;
}
	
.integrations-hero h2 span {
    font-size: 2.5rem !important;
}

.integration-guides-wrapper {
	padding-right: 0.5rem !important;
	width: 100%;
	min-width: 100%;
}
	
.integration-guides-single {
    width: 100%;
}
	
.archive-inner-block {
    flex-wrap: wrap;
    gap: 10px !important;
}
	
.archive-inner-block-column {
    width: 100% !important;
    text-align: left !important;
}
	
.integration-guides-image {
	max-width: 5rem;
	max-height: 3rem;
	margin-left: 0 !important;
}
	
/*  Contact  */

.contact-content-wrapper {
    flex-wrap: wrap;
}
	
.contact-block {
    width: 100% !important;
}
	
/*  Footer  */

.terms-social {
    justify-content: center !important;
}	
	
}


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

.home-hero-box-inner {
	flex-wrap: wrap;
}
	
.home-hero-box .gap-5 {
    gap: 1em !important;
}
	
.home-hero-box-inner {
    flex-direction: column-reverse;
}
	
.phone_container {
    padding: 0 !important;
    margin: auto !important;
}
	
.home-hero-phone_wrapper {
	padding-bottom: 2rem;
}
	
.popup-bubble-padding {
    padding-bottom: 200px !important;
}
	
#popup-bubble {
    width: auto;
    left: 1.5rem;
    right: 1.5rem;
    bottom: 1.5rem;
    margin: 0 !important;
    max-width: initial;
}
	
.bubble-buttons {
    gap: 0 !important;
}
	
}

:root {
    --bs-secondary: #DA0E5B;
    --bs-secondary-rgb: 218, 14, 91;
	--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.5);
}

.text-white::placeholder {
    color: #fff;
}




.fp-warning, .fp-watermark {
    display: none !important;
}