/*
Theme Name: Delacon Corp
Theme URI: https://delaconcorp.com
Author: Yzoja
Author URI: https://websell.io
Version: 0.0.2.2025
*/

:root {
	color-scheme: light;
	--dark: var(--wp--preset--color--dark);
	--pale: var(--wp--preset--color--pale);
	--white: var(--wp--preset--color--white);
	--black: var(--wp--preset--color--black);
	--navy: var(--wp--preset--color--navy);
	--midBlue: var(--wp--preset--color--mid-blue);
	--tBlue: var(--wp--preset--color--t-blue);

	--accent: var(--dark);

	--textContainer: 950px;
}

body {
	--wp--preset--color--black: var(--navy);
	--text: var(--navy);
	font-family: var(--mainFont);
	font-size: var(--em);
	background: var(--bg);
	color: var(--text);
	--wp--preset--font-size--medium: var(--emLg);
	--wp--preset--font-size--large: var(--emXl);
}

h1, h2, h3 {
	font-family: var(--accentFont);
	font-weight: 600;
}

h1 {
	font-size: 2.5em;
	margin-bottom: var(--smallGap);
}

:is(h1, h2, h3, h4, h6) strong {
	font-weight: 500;
}

i {
	min-width: 1.2em;
	text-align: center;
}

a {
	text-decoration: none;
	color: var(--accent);
}

p a {
	text-decoration: underline;
}

.btn {
	box-shadow: var(--shadow);
	gap: var(--gap);
	transition: all .4s;
}

li.btn {
	padding: 0;
}

li.btn a {
	padding: 0.5em 1em;
}

.btn a {
	color: inherit;
	display: flex;
	gap: var(--gap);
}

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

.wp-block-button__link {
	background: var(--accent);
	display: flex;
	align-items: center;
	gap: var(--gap);
	box-shadow: var(--shadow);
	transition: all .4s;
}

.wp-block-button__link:hover {
	background: var(--tBlue);
}

.wp-block-button__link:hover i,
.btn:not(#menu-button):hover i {
	transform: translateX(0px);
}

.wp-block-button__link i,
.btn:not(#menu-button) i {
	transform: translateX(-10px);
}


.wp-block-media-text {
	gap: var(--gap) var(--spacing);
}

/* header */

header {
	position: sticky;
	top: 0;
	border-bottom: var(--border);
	padding: var(--smallGap) 0;
	z-index: 10;
	background: var(--acrylic);
	backdrop-filter: blur(24px) saturate(2);
}

.admin-bar header {
	top: 32px;
}

header .custom-logo-link {

}

.custom-logo-link img {
	display: block;
	max-height: 30px;
	width: auto;
	max-width: 100%;
	height: auto;
}

nav ul.menu {
	display: flex;
	gap: var(--gap);
	list-style-type: none;
	align-items: center;
}

nav a {
	color: inherit;
}

#menu {
	margin-right: auto;
}

#menu .menu > li > a {
	font-weight: 500;
	display: block;
	padding: 5px 0;
}

#menu .menu-item-has-children > a:after {
	content: "";
	font-family: var(--fa);
	margin-left: 1em;
}

#menu a[target="_blank"]:after {
	content: "";
	position: absolute;
	top: 50%;
	right: var(--offset);
	transform: translateY(-50%);
	font-family: var(--fa);
	font-size: .8em;
}

#menu a[target="_blank"] {
	position: relative;
	padding-right: 3em;
}

#menu-mini-menu > li:first-child {
	font-size: 1.2em;
}

.pll-parent-menu-item > a span {
	display: none;
}

.pll-parent-menu-item a {
	display: flex !important;
	align-items: center;
}

.pll-parent-menu-item img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}

header li:hover > a {
	color: var(--accent);
}

header .sub-menu {
	position: absolute;
	background: var(--bg);
	padding: var(--gap);
	min-width: 200px;
	border: var(--border);
	border-radius: var(--borderRadiusXS);
	box-shadow: var(--shadow);
	margin-left: var(--smallNegative);
	list-style-type: none;
	pointer-events: none;
	opacity: 0;
	transform: translateY(40px);
	transition: all 0.3s;
	font-size: 0.9em;
	transition-delay: .2s;
}

header .sub-menu a:hover {
	text-decoration: underline;
}

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

	header li:hover .sub-menu {
		opacity: 1;
		pointer-events: visible;
		transform: translateY(0);
		transition-delay: .1s;
	}

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

		header li:last-child .sub-menu {
			right: calc(2 * var(--gap));
		}
	}

}

header .sub-menu li + li {
	margin-top: 10px;
}

header .sub-menu li a {
	--offset: 10px;
	display: block;
	font-size: 1.1em;
	font-weight: 300;
	padding: var(--offset);
	border-radius: var(--borderRadiusXS);
	transition: var(--transition);
}

header .sub-menu li i {
	background: var(--pale);
	color: var(--accent);
	padding: var(--offset) 0;
	margin: calc(-1 * var(--offset));
	margin-right: var(--offset);
	border-radius: var(--borderRadiusXS);
	width: calc(1em + 2 * var(--offset));
	aspect-ratio: 1;
	text-align: center;
	display: inline-block;
}

header .sub-menu li a:hover {
	background: var(--pale);
	text-decoration: none;
}

/* content */

.changings {
	position: relative;
	display: grid;
	grid-template-columns: 100%;
}

.changings .w {
	grid-column: 1;
	grid-row: 1;
	opacity: 0;
	transform: translateY(40px);
	animation: bounce 15s ease-in-out infinite;
}

.changings .w:nth-child(2) {
	animation-delay: 5s;
}

.changings .w:nth-child(3) {
	animation-delay: 10s;
}

@keyframes bounce {
	0% {
		opacity: 0;
		transform: translateY(40px);
	}
	3% {
		opacity: 1;
		transform: translateY(0);
	}
	29% {
		opacity: 1;
		transform: translateY(0);
	}
	32% {
		opacity: 0;
		transform: translateY(40px);
	}
}

@keyframes flipthrough {
	0% {
		opacity: 0;
		pointer-events: none;
		transform: translateY(40px);
	}
	5% {
		opacity: 1;
		pointer-events: visible;
		transform: translateY(0);
	}	
}

.is-style-tags .wp-block-button__link, .tag-filters a {
	--color: 255, 255, 255;
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) {
	--d: 0s;
	position: relative;
}

.owl-carousel :is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) {
	opacity: 0.001;
	transform: translateY(50px);
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .wp-block-group__inner-container > * {
	opacity: 0.01;
	transform: translateY(50px);
	transition: all 0.5s;
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .wp-block-group__inner-container > *:first-child {
	opacity: 1;
}

.active :is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .wp-block-group__inner-container > * {
	opacity: 1;
	transform: none;
}

.active :is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) {
	transition: all 0.5s;
	opacity: 1;
	transition-delay: 0.3s;
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel.wp-block-image {
	position: relative;
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel:before,
:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel:after {
	content: "";
	background: #fff;
	position: absolute;
	z-index: 2;
	height: 25%;
	left: 6%;
	top: 5px;
	right: 5px;
	opacity: 0.001;
	transition: all 0.4s;
	transition-delay: calc(var(--d) + 1.3s) !important;
}

.active :is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel:before,
.active :is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel:after {
	opacity: 0.8;
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel:after {
	height: 59%;
	top: unset;
	bottom: 5px;
}

:is(#call-log-report) figure.is-style-panel:after {
	height: 43%;
}

:is(#call-sentiment) figure.is-style-panel:after {
	height: 53%;
}

:is(#sms360) figure.is-style-panel:after {
	height: 61%;
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel + .is-style-tooltip {
	position: absolute;
	top: 0;
	left: 30%;
	z-index: 3;
	transform: translateX(40px) translateY(-40px);
	transition-delay: calc(var(--d) + 1.3s) !important;
}

.active :is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel + .is-style-tooltip {
	transform: none;
}

:is(#call-tracking-hero) .is-style-floatie {
	bottom: var(--gap);
	top: unset;
	transition-delay: calc(var(--d) + 2.5s) !important;
}

:is(#call-log-report) .is-style-floatie {
	left: unset;
	top: unset;
	bottom: calc(-2 * var(--gap));
	right: var(--negative);
	transition-delay: calc(var(--d) + 2.5s) !important;
}

:is(#call-sentiment) .is-style-floatie {
	left: unset;
	top: 53%;
	right: 200px;
	transition-delay: calc(var(--d) + 2.5s) !important;
}

:is(#sms360) .is-style-floatie {
	left: unset;
	top: unset;
	bottom: calc(-1 * var(--spacing));
	right: var(--gap);
	transition-delay: calc(var(--d) + 2.5s) !important;
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .is-style-floatie + .is-style-tooltip {
	left: 350px;
	transition-delay: calc(var(--d) + 2.8s) !important;
	bottom: var(--negative);
	z-index: 5;
	position: absolute;
	max-width: 200px;
}

:is(#call-log-report) .is-style-floatie + .is-style-tooltip {
	left: unset;
	right: 380px;
}

:is(#call-sentiment) .is-style-floatie + .is-style-tooltip {
	left: unset;
	right: var(--negative);
}

:is(#sms360) .is-style-floatie + .is-style-tooltip {
	bottom: calc(-2 * var(--gap));
	left: unset;
	right: var(--negative);
}

:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .is-style-floatie + .is-style-tooltip:after {
	transform: rotate(90deg);
	top: unset;
	bottom: 100%;
}

#call-log-report .is-style-floatie + .is-style-tooltip:after {
	transform: rotate(180deg);
	left: 100%;
}

.blog #searchform div {
	margin-top: var(--gap);
}

#searchform div {
	display: flex;
	position: relative;	
}

aside #searchform div {
	margin-bottom: var(--gap);
}

aside #searchform div:after {
	content: "\f002";
	font-family: var(--fa);
	aspect-ratio: 1;
	top: 1px;
	height: auto;
	bottom: 1px;
	right: 1px;
	position: absolute;
	color: var(--dark);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

#s {
	border: var(--border);
	box-shadow: var(--shadow);
	background: var(--bg);
	border-radius: var(--borderRadiusXS);
	font-size: 16px;
	width: 100%;
}

aside #s {
	line-height: 1em;
	padding: var(--smallGap) 1.5em;
}

.blog #s {
	flex-grow: 2;
	font-size: 20px;
	line-height: 25px;
	padding: 1em var(--gap);
}

#searchsubmit {
	background: var(--pale);
	border-radius: var(--borderRadiusXS);
	border: 0;
	cursor: pointer;
	box-shadow: none;
	-webkit-appearance: none;
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

aside #searchsubmit {
	font-size: 0;
	aspect-ratio: 1;
	top: 1px;
	height: auto;
	bottom: 1px;
	right: 1px;
}

.blog #searchsubmit {
	background: none;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	color: var(--dark);
}

.blog #searchsubmit:hover {
	color: var(--navy);
}

#stream .pagination {
	text-align: center;
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: center;
	grid-column: 1 / -1;
}

.pagination .page-numbers:not(.dots):not(.next):not(.prev) {
	background: var(--pale);
	min-width: 25px;
}

.pagination .page-numbers:is(.next,.prev) {
	margin: 0 1em;
}

.pagination .page-numbers:hover {
	color: var(--navy);
}

.pagination .page-numbers {
	color: var(--dark);
	padding: 10px 5px;
	border-radius: 3px;
}

.pagination span.page-numbers.current {
	background: var(--dark) !important;
	color: var(--bg);
}

#entry.container {
	display: grid;
	padding-block: var(--spacing);
	grid-template-columns: 1fr 350px;
	grid-gap: var(--spacing);
}

#entry > section.has-gradient-gradient-background:nth-last-child(2) {
	order: 10;
}

#entry p:not(:last-child) {
	margin-bottom: 1em;
}

#entry .is-layout-flex > :is(*, div) {
	margin-bottom: 0;
}

#entry h1, #entry h2, #entry h3 {
	margin-bottom: 1em;
	text-wrap: balance;
	font-weight: 600;
}

#entry h2 {
	font-size: calc(2 * var(--emLg));
}

.full-width #entry > *:not(.alignfull) {
	max-width: var(--textContainer);
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.alignfull > .wp-block-group__inner-container > .wp-block-group:not(.alignwide) {
	max-width: var(--textContainer);
	width: 90%;
	margin-left: auto;
	margin-right: auto;	
}

.alignfull > .wp-block-group__inner-container > .wp-block-group.alignfull {
	width: 100%;
	max-width: 100%;
}

.full-width #entry > *.alignwide, .alignwide, #entry .alignwide {
	max-width: var(--container);
	width: 100%;
	padding-left: var(--gap);
	padding-right: var(--gap);
	margin-left: auto;
	margin-right: auto;
}

.owl-carousel .owl-item {
	max-width: calc(100vw - 1em);
}

.owl-carousel .owl-item.active {
	-webkit-backface-visibility: visible;
	-moz-backface-visibility: visible;
	-ms-backface-visibility: visible;
	-webkit-transform: translate3d(1, 1, 1);
	-moz-transform: translate3d(1, 1, 1);
	-ms-transform: translate3d(1, 1, 1);
}

:is(.page-template-default) #entry {
	max-width: var(--textContainer);
	margin-inline: auto;
}

:is(.page-template-default, .single-post) #entry :is(ol, ul) {
	margin-bottom: 1em;
}

:is(.page-template-default, .single-post) #entry li {
	margin-left: 1.2em;
	margin-top: 0.5em;
	line-height: 1.5;
	font-weight: 300;
}

.wp-block-table td, .wp-block-table th {
	border-color: #ddd;
	line-height: 1.7em;
	vertical-align: top;
}

:is(.page-template-default, .single-post) #entry li::marker {
	color: var(--accent);
}

:is(.page-template-default, .single-post) #entry p {
	line-height: 1.7;
}

:is(.page-template-default, .single-post) #entry li a {
	text-decoration: underline;
}

:is(.page-template-default, .single-post) #entry h2 {
	font-size: 2em;
	margin-top: 2em;
}

:is(.page-template-default, .single-post) #entry h3 {
	font-size: 1.6em;
}

#entry .is-style-heroslider .alignwide .alignwide {
	padding-left: 0;
}

#entry .is-style-heroslider .alignwide + .alignwide {
	display: none;
}

.wp-block-media-text__content p {
	font-size: var(--emLG);
	line-height: 1.8em;
	text-wrap: balance;
}

.has-gradient-pale-gradient-background .wp-block-media-text__content p {
	font-size: var(--em);
}

.has-gradient-pale-gradient-background .wp-block-media-text__content .wp-block-columns {
	flex-direction: column;
}

.has-gradient-pale-gradient-background .wp-block-media-text__content .wp-block-column {
	display: flex;
	align-items: center;
	gap: var(--gap);
}

.has-gradient-pale-gradient-background .wp-block-media-text__content .wp-block-columns p {
	margin: 0 !important;
}

.has-gradient-pale-gradient-background .wp-block-media-text__content .wp-block-columns p strong {
	font-weight: 300;
	font-size: var(--emLg);
	color: var(--text);
}

.has-gradient-pale-gradient-background .wp-block-media-text__content p i {
	background: var(--bg);
	width: 60px;
	height: 60px;
	border-radius: var(--borderRadiusXS);
	display: flex;
	align-items: center;
	justify-content: center;
}

.wp-block-media-text__content > *:not(:last-child) {
	margin-bottom: 1em;
}

.wp-block-media-text>.wp-block-media-text__content {
	padding: 0;
}

#brands img {
	max-height: 70px;
	display: block;
	margin: 0 auto;
	align-items: center;
}

#brands .figure {
	display: flex;
	margin-bottom: 0;
}

#brands .owl-carousel figure.wp-block-image:not(#individual-image) {
	width: 60%;
	margin: 0 auto;
}

#brands .owl-stage-outer:before,
#brands .owl-stage-outer:after {
	content: "";
	width: 20%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	pointer-events: none;
	background: linear-gradient(90deg ,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
}

#brands .owl-stage-outer:after {
	left: unset;
	right: 0;
	background: linear-gradient(-90deg ,rgb(255,255,255) 0%,rgba(255,255,255,0) 100%);
}

blockquote p {
	font-weight: 300;
}

.is-style-rounded-right .owl-nav {
	text-align: right;
	padding-right: var(--spacing);
	position: absolute;
	right: 0;
	bottom: 0;
}

.is-style-rounded-right .owl-nav button {
	background: none;
	-webkit-appearance: none;
	border: none;
	font-size: 24px;
	padding: .5em 1em;
	box-shadow: none;
	color: var(--bg);
}

section {
	padding-top: var(--spacing);
	padding-bottom: var(--spacing);
}

.gradient {
	background: var(--wp--preset--gradient--gradient);
	aspect-ratio: 1;
	border-radius: 600px;
	color: var(--bg);
	font-size: 1.7em;
	line-height: 1.2em;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	text-wrap: balance;
	max-width: 215px;
	padding: var(--em);
	font-weight: 600;
	font-family: var(--accentFont);
	top: calc(-1 * (var(--gap) + var(--spacing)));
	position: absolute;
	opacity: 0.001;
	transform: translateX(200px) rotate(-180deg);
	transition: all 1s;
}

.gradient.in {
	opacity: 1;
	transform: translateX(0) rotate(0);
}

.ct-small-canvas .step > * {
	opacity: 0.001;
	transform: translateY(40px);
	transition: all 0.6s;
	transition-delay: 1.5s;
}

.ct-small-canvas.in .step > * {
	opacity: 1;
	transform: translateY(0px);
}

.interface.list {
	overflow: visible;
}

.interface header {
	padding: 5px;
	box-shadow: none;
	position: static;
	text-align: right;
}

.interface header .dot {
	width: 8px;
	height: 8px;
	margin-right: 14px;
	display: inline-block;
	border-radius: 4px;
	background: currentColor;
	opacity: 0.2;
	box-shadow: -14px 0 0 currentColor, 14px 0 0 currentColor;
}

.interface .line {
	display: block;
	height: 12px;
	background: #aaa;
	margin: 2px 0;
}

.line:not(.small) + .line.small {
	margin-top: 10px;
}

.interface .-txt-c .line {
	margin-left: auto;
	margin-right: auto;
}

.interface figure {
	background: #ccc;
}

.interface .o60 {
	opacity: 60%;
}

.interface .o40 {
	opacity: 40%;
}

.interface .line.small {
	height: 8px;
}

.ct-small-canvas {
	display: grid;
	grid-template-columns: 80px 1fr;
	grid-gap: var(--spacing);
	padding-bottom: var(--spacing);
}

.ct-small-canvas .step {
	position: relative;
}

.ct-small-canvas .step-1 {
	grid-column: 2;
	margin-left: var(--gap);
}

.ct-small-canvas .step-2 {
	grid-row: span 2;
}

.ct-small-canvas .step-3 {
	grid-column: 2;
	grid-row: 3;
	margin: 0 auto;
}

.ct-small-canvas .step-1 .interface {
	aspect-ratio: 16 / 9;
}

.ct-small-canvas :is(.step-1, .step-3) .is-style-floating-icon {
	position: absolute;
	bottom: calc(2 * var(--negative));
	left: calc(2 * var(--negative));
	z-index: 2;
}

.ct-small-canvas .step-1 .is-style-floating-icon {
	bottom: var(--negative);
	left: var(--negative);
}

.ct-small-canvas .bubble {
	position: absolute;
	bottom: calc(2 * var(--negative) + 40px);
	left: calc(2 * var(--negative) - 50px);
	font-size: 65px;
	z-index: 6;
}

.ct-small-canvas .step-1 .bubble {
	left: var(--gap);
	bottom: 0;
	font-size: 40px;
}

.ct-small-canvas .bubble:before {
	color: var(--bg);
	content: attr(data-content);
	font-size: 16px;
	font-style: normal;
	text-align: center;
	position: absolute;
	top: 20px;
	text-align: center;
	width: 86%;
	z-index: 6;
	font-family: var(--accentFont);
}

.ct-small-canvas .is-style-floating-icon {
	display: grid;
	grid-template-columns: 80px;
}

.bubble svg {
	width: 1em;
	transform: scale(-1,1);
}

.ct-small-canvas .step-1 .bubble svg {
	transform: scale(1,1);
}

.delacon-mark:before {
	content: "";
	display: block;
	width: 1em;
	background: url('/wp-content/uploads/2025/02/favicon.png');
	background-size: contain;
	aspect-ratio: 1;
}

.interface {
	overflow: hidden;
	border: var(--border);
	border-radius: var(--borderRadiusXS);
	background: var(--bg);
	position: relative;
	box-shadow: var(--shadow);
	font-size: 16px;
}

.interface .button {
	background: var(--pale);
	font-size: 10px;
	padding: 2px 5px;
	border-radius: 4px;
}

.interface .click {
	position: relative;
	padding-right: 4em;
	display: block;
	width: max-content;
	margin-top: 10px;
	animation: click 15s linear infinite;
}

/*@keyframes click {
	13% {
		transform: scale(1);
		box-shadow: none;
	}
	15% {
		transform: scale(1.05);
		box-shadow: inset 0 0 0 50px rgba(0, 174, 239,.1);
	}
	17% {
		transform: scale(1);
		box-shadow: none;
	}
}*/

.ct-small-canvas :is(.step) .is-style-floating-icon {
	animation: click 15s linear infinite;
	animation-delay: 1s;
}

.ct-small-canvas .step-2 .is-style-floating-icon {
	animation-delay: 2s;
}

.ct-small-canvas .step-3 .is-style-floating-icon {
	animation-delay: 3s;
}

.interface .click i {
	position: absolute;
	bottom: -5px;
	right: 1em;
	font-size: 1.3em;
}

img.arrow {
	position: absolute;
	width: 75px;
}

.arrow.bottom-left {
	transform: translateY(-40px) translateX(40px);
}

.arrow.bottom-right {
	transform: translateY(-40px) translateX(-40px) rotate(-100deg);
}

.arrow.bottom-left.return {
	transform: translateY(40px) translateX(-40px) rotate(-180deg);
}

.arrow.top {
	transform: rotate(127deg) translate(0px, 50px);
}

.in .arrow {
	transform: translateY(0) translateX(0);
}

.in .arrow.bottom-right {
	transform: translateY(0) translateX(0) rotate(-100deg);
}

.in .arrow.return {
	transform: translateY(0) translateX(0) rotate(-180deg);
}

.in .arrow.top {
	transform: rotate(127deg) translate(-20px, 60px);
}

[data-tooltip] {
	position: relative;
}

[data-tooltip]:after {
	content: attr(data-tooltip);
	width: 110%;
	text-align: center;
	top: 100%;
	margin-top: 10px;
	position: absolute;
	color: #474748;
	left: -5%;
}

.interface.list {
	padding: var(--smallGap);
}

.interface.list i {
	width: 2em;
	text-align: center;
}

.interface.list div + div {
	margin-top: var(--smallGap);
}

/* */

.is-style-heroslider > * {
	transition: all 0.1s;
}

.is-style-heroslider.owl-carousel:not(.owl-loaded) {
	justify-content: center;
}

/*.is-style-heroslider > *:not(.owl-loaded) {
	opacity: 0;
}*/

#entry .is-style-heroslider {
	padding-bottom: 80px;
	position: relative;
}

.owl-dots {
	padding: var(--gap);
	text-align: center;
}

.is-style-heroslider > div {
	max-width: 100%;
}

.is-style-heroslider.owl-carousel .animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.is-style-heroslider .owl-dots {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	right: 0;
}

#entry .owl-dots button {
	width: 10px;
	height: 10px;
	background: var(--accent);
	border-radius: 1em;
	margin: 0 5px;
	transition: all 0.4s;
	opacity: 0.7;
}

#entry .owl-dots button.active {
	width: 50px;
	opacity: 1;
}

#entry .is-style-heroslider .owl-dots button {
	height: 20px;
	width: 20px;
	font-size: 14px;
	color: var(--dark);
	vertical-align: middle;
}

#entry .is-style-heroslider .owl-dots button.active {
	width: 40px;
}

#entry .is-style-heroslider:hover .owl-dots button.active {
	color: var(--bg);
}

#entry .is-style-heroslider .owl-dots button.active span:before {
	content: "\f04c";
	font-weight: 300;
	font-family: 'Font Awesome 6 Pro';
}

h1 mark.query {
	background: var(--pale);
	padding: 0 .3em;
}

.hentry {
    background: var(--bg);
    border-radius: var(--borderRadiusXS);
    border: var(--border);
    box-shadow: var(--shadow);
    padding: var(--gap);
    display: flex;
    flex-direction: column;	
}

.single-post #entry aside h2 {
	margin-top: 0;
	color: var(--dark);
	font-size: 1.7em;
}

#single-blog #entry aside h3 {
	margin-top: 0;
	font-size: 1em;
	text-wrap: pretty;
}

#single-blog #entry aside h3 a {
	color: var(--text);
}

#single-blog #entry aside .terms {
	text-transform: uppercase;
	font-size: 13px;
	color: var(--dark);
	margin-block: var(--smallGap);
	display: block;
}

#single-blog aside {
	align-self: start;
	position: sticky;
	top: calc(70px + var(--gap));
}

.admin-bar #single-blog aside {
	top: calc(70px + var(--gap) + 32px);
}

aside .small {
	margin-top: var(--gap);
}

.small .post-thumb {
	display: block;
}

.small .post-thumb img {
	display: block;
	border-radius: var(--borderRadiusXS);
	border: var(--border);
	box-shadow: var(--shadow);
}

.small .read-more a {
	font-size: 14px;
	text-decoration: none;
}

.case_study {
	background: var(--wp--preset--gradient--gradient-pale) !important;
}

.search-results .has-post-thumbnail {
	grid-row: span 2;
}

.hentry span.terms {
	display: block;
	text-transform: uppercase;
	color: var(--dark);
	margin-top: var(--smallGap);
	font-size: 0.9em;
	margin-bottom: 5px;
}

.single-header span.terms {
	display: block;
	color: var(--dark);
	text-transform: uppercase;
	font-size: 0.9em;
	margin-bottom: var(--smallGap);
}

.hentry h2 {
	width: 100%;
	font-size: 1.2em !important;
	line-height: 1.3em;
	margin-bottom: 1em;
	margin-top: 0;
}

.hentry h2 a {
	color: var(--navy);
}

.hentry p {
	line-height: 1.5em;
	font-weight: 300;
}

.hentry img.attachment-thumbnail {
	border-radius: var(--borderRadiusXS);
	border: var(--border);
	display: block;
	width: 100%;
}

.hentry .read-more {
	margin-top: auto;
}

#single-blog #entry > * {
	margin-bottom: 1em;
}

#single-blog #entry li {
	margin-left: 1em;
}

#single-blog #entry h3 {
	font-size: 1.7em;
}

#single-blog #entry h2 + h3 {
	margin-top: -1em;
}

#single-blog #entry :is(p, li) {
    font-size: var(--wp--preset--font-size--medium);
}

/* forms */

form.mktoForm {
	min-width: 100%;
	max-width: 100%;
}

.mktoForm .mktoOffset, .mktoForm .mktoGutter {
	display: none;
}

.mktoForm .mktoFormCol {
	width: 100%;
}

#entry .mktoForm .mktoFieldWrap,
#entry .mktoForm div:not(.mktoAsterix) {
	float: none;
}

:is(.wpforms-field-row-block, .mktoFieldWrap, .wpforms-field:not(.wpforms-field-name)) {
	flex-basis: 100%;
	display: grid;
	grid-auto-flow: dense;
	grid-template-columns: 200px 1fr;
	align-items: baseline;
	padding: 0 !important;
}

.wpforms-field:not(.wpforms-field-name), .mktoFieldWrap, #entry .mktoFormRow {
	margin-bottom: var(--em);
}

#entry .mktoForm label.mktoLabel {
	max-width: 100%;
	min-width: 100%;
	font-size: var(--em);
	font-weight: normal;
	font-family: var(--mainFont);
	padding-right: var(--gap);
}

#entry .mktoForm .mktoButtonWrap {
	margin-left: 200px !important;
}

:is(.wpforms-field-row-block, .wpforms-field:not(.wpforms-field-name)) label {
	grid-column: 1;
	order: -1;
}

:is(.wpforms-field-row-block, .wpforms-field:not(.wpforms-field-name)) input, #entry .mktoForm input {
	min-width: 100%;
}

#entry .mktoForm input, #Comments__c {
	border-radius: var(--borderRadiusXS);
	background: var(--pale);
	box-shadow: none;
	border: 0;
	padding: .5em 1em;
	width: 100%;
	min-width: 100%;
	font-size: var(--em);
	font-family: var(--mainFont);
}

.wpforms-container .wpforms-form .wpforms-field.wpforms-field-name .wpforms-field-row {
	gap: var(--em);
}

.wpforms-submit-container button {
	grid-column: 2;
	margin-left: auto !important;
	display: block;
}

#entry .mktoButton {
	background: var(--accent);
	border-radius: var(--borderRadiusXS);
	box-shadow: none;
	border: 0;
	color: var(--bg);
	padding: .5em 1em;
	font-size: var(--em);
	font-family: var(--mainFont);
}

.is-style-timeline {
	padding: 0 var(--gap);
}

/* animations */

[data-inview] {
	opacity: 0;
	transition: all 0.4s;
	transform: translateY(40px);
}

[data-inview].in {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

.animate .wp-block-group__inner-container > * {
	opacity: 0;
	transform: translateY(40px);
}

.is-style-floating-icon > * {
	margin-top: 0 !important;
}

/* footer */

footer {
	background: var(--pale);
	padding: var(--gap) 0;
}

footer img[src*="Delacon-Logo"] {
	max-width: 200px;
	height: auto;
	margin-bottom: var(--gap);
}

footer h4, footer .menu-item-has-children > a {
	font-family: var(--accentFont);
	font-weight: 600;
	font-size: 1.2em;
	margin-bottom: var(--smallGap);
	line-height: 1em;
}

footer ul li a {
	color: var(--text);
	font-weight: 300;
	font-size: 13px;
	display: block;
	line-height: 1.7em;
	margin-bottom: 5px;
}

footer .wp-block-group.is-vertical {
	flex-grow: 2;
	gap: var(--smallGap);
}

footer .wp-block-group + .wp-block-group:not(.is-nowrap) {
	padding-left: var(--gap);
}

footer .wp-block-group + .wp-block-group li {
	list-style-type: none;
}

footer .menu {
	display: flex;
}

footer .ghost, footer .ghost div,  footer .ghost ul.menu {
	display: contents;
}

footer .is-nowrap .wp-block-group:not(:last-child),
footer .menu > li:not(:last-child) {
	padding-right: var(--gap);
	border-right: var(--border);
}

footer .menu > li {
	padding-left: var(--gap);
}

footer#widgets .wp-block-social-links {
	padding: calc(.667em + 2px) calc(1.333em + 2px);
	border-radius: var(--borderRadiusXS);
	box-shadow: var(--shadow);
	margin-top: var(--gap) !important;
	gap: .5em;
}

footer .wp-block-social-links li a {
	font-size: 30px;
}

:root :where(.is-layout-constrained) > * {
	margin-block-start: var(--smallGap);
}

#widgets .is-layout-flex {
	gap: var(--smallGap) 0;
}

#widgets > .container > .widget:last-child {
	margin-left: 30%;
	border-radius: var(--borderRadius) 0 0 0;
	padding: var(--gap);
	padding-right: 0;
	margin-bottom: var(--negative);
	background: var(--dark);
	box-shadow: 10vw 0 0 var(--dark), 30vw 0 0 var(--dark), 50vw 0 0 var(--dark);
}

#footer {
	background: var(--bg);
}

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

	:root {
		--container: calc(100% - (2 * var(--gap)));
	}
}

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

	:root {
		--spacing: calc(2 * var(--gap));
	}

	#entry.container {
		grid-template-columns: 1fr 300px;
	}

	#single-blog aside {
		top: calc(115px + var(--gap));
	}

	.admin-bar #single-blog aside {
		top: calc(115px + var(--gap) + 32px);
	}

	#header .flex {
		gap: 10px var(--gap);
	}

	.owl-carousel .owl-item {
		max-width: 100vw;
	}

	h1 {
		font-size: 2em;
	}

	div {
		--emLg: calc(1.1* var(--em));
    	--emXl: calc(1.2* var(--em));
	}

	div.is-style-grid, #stream {
		grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
	}

	div.is-layout-grid {
		grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	}

	:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .is-style-floatie + .is-style-tooltip {
		left: unset;
		right: var(--gap);
	}

	:is(#call-log-report) .is-style-floatie + .is-style-tooltip {
		left: 10%;
		right: unset;
	}

	:is(#call-log-report) .is-style-floatie {
		bottom: var(--smallGap);
	}

	:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .is-style-floatie {
		width: 50%;
	}

	:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel + .is-style-tooltip {
		right: var(--smallGap);
		max-width: 250px;
		left: unset;
	}

	:is(#sms360) .is-style-floatie + .is-style-tooltip {
		left: 30%;
		bottom: calc(3 * var(--negative));
	}

	.owl-carousel :is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) {
		transform: translateY(100px);
	}

	#call-tracking-hero figure.is-style-panel + .is-style-tooltip {
		top: var(--negative);
	}

	#widgets .is-layout-flex:not(.wp-container-core-group-is-layout-31) {
		flex-wrap: wrap;
	}

	#header .flex {
		flex-wrap: wrap;
	}

	header {
		border-bottom: 0;
	}

	#menu {
		order: 4;
		flex-grow: 2;
		margin: 0 calc(-2 * var(--gap)) calc(-1 * var(--smallGap));
		padding: 10px calc(2 * var(--gap));
		background: var(--pale);
	}

	#menu .menu {
		justify-content: space-between;
	}

	#widgets .is-nowrap {
		margin-top: var(--spacing);
		flex-grow: 2;
	}

	.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
		margin-bottom: 0;
	}

	#brands img {
		max-height: 50px;
	}

	section .is-style-overflow-top {
		margin-top: calc(-3 * var(--gap)) !important;
	}

	footer .menu > li, 
	footer .is-nowrap .wp-block-group {
		flex: 1 1 200px;
	}

	#widgets > .container > .widget:last-child {
		margin-left: 0;
	}

	#widgets #block-7 .is-vertical {
		border-bottom: 1px solid var(--dark);
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--gap);
		padding-bottom: var(--gap);
	}

	#widgets #block-7 figure {
		flex: 1 1 100%;
	}

	footer img[src*="Logo"] {
		margin-bottom: 0;
	}

	footer#widgets .wp-block-social-links {
		margin-top: 0 !important;
		background: none !important;
		box-shadow: none;
		margin-left: auto;
		padding: 0 !important;
		gap: .5em;
	}

	#widgets .wp-block-social-links .wp-social-link svg {
		color: var(--dark);
	}

	#entry .wp-container-core-columns-is-layout-3 {
		display: grid;
		gap: var(--gap);
	}

	#entry .is-style-heroslider .wp-container-core-columns-is-layout-3 {
		display: flex;
	}

}

@media screen and (max-width: 1000px) {
	body.home .wp-container-core-columns-is-layout-4 {
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
	}

	body.home .wp-container-core-columns-is-layout-4 > .wp-block-column:first-child {
		grid-column: span 2;
	}

	body.home .wp-container-core-columns-is-layout-4 > .wp-block-column:last-child {
		grid-column: -3 / -1;
	}

	section .is-style-video-box {
		grid-column: 1 / -1;
		order: -1;
		border-radius: var(--borderRadiusXS);
		overflow: hidden;
	}
}

@media screen and (min-width: 801px) and (max-width: 1200px) {

	#entry #call-tracking-animation {
		grid-template-columns: 70px 1fr 350px 100px;
		padding: 0;
		width: 100%;
		max-width: 100%;
		gap: 30px;
	}

	#call-tracking-animation .wp-container-content-6,
	#call-tracking-animation .wp-container-content-5 {
		grid-column: span 1;
	}

	.call-details .wp-block-group {
		max-width: 100%;
	}

	#call-tracking-animation .icons {
		grid-template-columns: 1fr 1fr;
	}

	#entry #call-tracking-animation .icons > * {
		font-size: 40px;
	}

}

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

	:root {
		--em: 14px;
		--emLg: 16px;
		--emXl: 18px;
		--spacing: var(--gap);
		--textContainer: calc(100vw - (2 * var(--gap)));
	}

	:root :where(.wp-block-pullquote) {
		font-size: 1em;
	}

	#call-tracking-animation > .wp-block-image:first-child {
		max-width: 70px;
		margin: 0 auto;
	}

	#entry #call-tracking-animation {
		display: flex;
		flex-direction: column;
		padding: 0;
		width: 100%;
		max-width: 100%;
		gap: 30px;
	}

	#call-tracking-animation:before {
		left: 50%;
		top: var(--gap);
		bottom: var(--gap);
		right: unset;
		width: 6px;
		height: unset;
		margin-left: -3px;
		background: linear-gradient(to bottom, var(--pale) 0%, var(--accent) 50%, var(--pale) 100%);
	}

	#call-tracking-animation .wp-container-content-6,
	#call-tracking-animation .wp-container-content-5 {
		grid-column: span 1;
	}

	.call-details .wp-block-group {
		width: calc(100vw - (4 * var(--gap)));
	}

	.call-details .owl-item + .owl-item {
		margin: 0 auto;
	}

	#call-tracking-animation.animate .wp-block-group__inner-container > *.owl-dots {
		display: none;
	}

	#call-tracking-animation .icons {
		grid-template-columns: 1fr 1fr 1fr;
	}

	#entry #call-tracking-animation .icons > *:nth-child(2) {
		border-top-right-radius: 0;
	}

	#entry #call-tracking-animation .icons > *:nth-child(3) {
		border-top-right-radius: var(--borderRadiusXS);
	}

	#entry #call-tracking-animation .icons > *:nth-child(4) {
		border-bottom-left-radius: var(--borderRadiusXS);
	}

	#entry #call-tracking-animation .icons > *:nth-last-child(2) {
		border-bottom-left-radius: 0;
	}

	#call-tracking-animation .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: calc(24% - var(--wp--style--unstable-gallery-gap, 16px)/2);
	}

	#entry #call-tracking-animation .icons > * {
		font-size: 40px;
		aspect-ratio: 1;
	}

	#call-tracking-animation {
		height: unset;
	}

	.sub-menu {
		column-width: 300px;
	}

	.container {
		max-width: 100%;
		padding-inline: var(--gap);
	}

	#menu {
		margin-bottom: 0;
	}

	#menu-button {
		background: var(--bg);
		aspect-ratio: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		border: var(--border);
		border-radius: var(--borderRadiusXS);
	}

	#menu .menu > li:last-child {
		border-bottom: 0;
	}

	#entry.container {
		grid-template-columns: 100%;
	}

	#entry aside {
		width: 100% !important;
		max-width: 100% !important;
	}

	#entry .widget {
		display: grid;
		grid-gap: var(--gap);
		grid-template-columns: 1fr 1fr;
	}

	#entry .small {
		margin-top: 0;
	}

	#entry .widget h2 {
		margin: 0;
		grid-column: 1 / -1;
	}

	body.home .wp-container-core-columns-is-layout-4 {
		grid-template-columns: 1fr 1fr;
	}

	.owl-carousel .owl-stage {
		align-items: flex-start;
	}

	.is-style-scatters {
		gap: var(--spacing) var(--gap);
	}

	.is-style-scatters img {
		object-fit: contain;
		object-position: center center;
	}

	.full-width #entry > *.alignwide, .alignwide, #entry .alignwide {
		padding-left: 0;
		padding-right: 0;
	}

	.is-style-rounded-right .owl-nav {
		position: static;
		text-align: left;
		margin-left: -1.5em;
	}

	.is-style-rounded-right {
		border-radius: 0 2em 2em 0;
	}

	section .is-style-overflow-top {
		margin-top: 0 !important;
	}

	footer#widgets .wp-block-social-links {
		margin-left: 0;
		margin-right: auto;
	}

	h1 {
		font-size: 1.7em;
	}

	h2, #entry h2 {
		font-size: 1.7em;
	}

	#entry .is-style-hugeline {
		font-size: 2em !important;
	}

	#header nav {
		display: none;
	}

	.is-style-scatters figure img {
		max-height: 70px;
	}

	nav ul.menu {
		flex-direction: column;
	}

	section .is-style-overflow-top {
		margin-top: 0;
	}

	footer .menu > li, footer .is-nowrap .wp-block-group {
		flex: 1 1 100%;
		border: 0 !important;
		padding: 0 !important;
	}

	#widgets .wp-block-page-list, footer ul.sub-menu, footer h4 ~ ul {
		display: none;
		margin-block-start: var(--smallGap);
		border-bottom: var(--border);
	}
	
	#widgets h4 ~ p:empty {
		display: none;
	}

	#widgets :is(h4, .menu-item-has-children > a) {
		border-bottom: var(--border);
		padding-bottom: var(--smallGap);
		margin-bottom: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		cursor: pointer;
	}

	#widgets :is(h4, .menu-item-has-children > a).open-menu {
		border-bottom: 0;
	}

	#widgets :is(h4, .menu-item-has-children > a):after,
	#menu .menu > li > a.menu-item-has-children:after {
		content: "\f107";
		font-family: var(--fa);
		transition: all 0.3s;
		width: 1.5em;
	}

	header nav {
		order: 4;
		flex: 1 1 100%;
	}

	.custom-logo-link img {
		height: 30px;
	}

	#menu .menu {
		align-items: start;
		gap: 0;
	}

	#menu .menu > li {
		border-bottom: var(--border);
		width: 100%;
	}

	#menu .menu > li > a {
		padding: 10px 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	header .sub-menu {
		display: none;
		position: static;
		opacity: 1;
		pointer-events: visible;
		transform: none;
		transition: none;
		margin-right: var(--smallNegative);
		margin-bottom: -1px;
	}

	.is-style-floating-icon > p {
		grid-column: span 2;
		margin-top: 0 !important;
	}

	#entry .is-style-floating-icon > i, #entry .is-style-floating-icon > *:not(.wp-block-group__inner-container):first-child {
		grid-row: span 1 !important;
	}

	#entry .is-style-floating-icon h3 {
		margin-top: 0;
		align-self: center;
		font-size: 1.2em;
	}

	.is-style-floating-icon {
		grid-template-columns: 47px 1fr;
	}

	.is-style-floating-icon > .wp-block-group__inner-container > i {
		font-size: 18px;
	}

	.overflow {
		width: 100vw;
		overflow: hidden;
		--container: 100%;
		padding-left: var(--gap) !important;
		padding-right: var(--gap) !important;
	}

	.is-style-rounded-left {
		border-radius: 30px 0 0 30px;
	}

	.wp-block-media-text__content :is(.is-style-rounded-right, .is-style-rounded-left) p {
		font-size: var(--em);
	}

	.wp-block-media-text__content :is(.is-style-rounded-right, .is-style-rounded-left) {
		margin-top: var(--gap);
	}

/*	#widgets .container, main.container {
		padding: 0;
	}
*/
	#widgets .wp-block-button__link {
		font-size: 13px;
	}

	#menu-mini-menu {
		flex-direction: row;
		gap: 1em;
	}

	#menu-mini-menu .pll-parent-menu-item {
		margin-left: auto;
	}

	*:not(figure).is-style-panel {
		padding: var(--smallGap);
	}

	.numbers .has-text-align-center:not(.text-only):first-line {
		font-size: 2em;
	}

	:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .is-style-floatie {
		max-width: 150px;
	}

	:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) {
		margin: 50px 0;
	}

	:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) .is-style-floatie + .is-style-tooltip {
		left: 150px;
	}

	:is(#call-sentiment) .is-style-floatie + .is-style-tooltip {
		right: var(--smallNegative);
	}

	.is-style-tooltip:after {
		width: 37px;
		height: 31px;
		background-size: contain;
	}

	:is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) figure.is-style-panel + .is-style-tooltip {
		top: var(--negative);
		right: var(--smallNegative);
		max-width: 65vw;
		left: unset;
	}

	:is(#call-tracking-hero) .is-style-floatie {
		left: var(--smallNegative);
	}

	:is(#call-log-report) .is-style-floatie + .is-style-tooltip,
	:is(#call-sentiment) .is-style-floatie {
		left: var(--smallNegative);
		right: unset;
	}

	:is(#sms360) figure.is-style-panel + .is-style-tooltip {
		top: calc(2 * var(--negative));
	}

	:is(#sms360) .is-style-floatie {
		left: var(--smallNegative);
		right: unset;
		bottom: var(--gap);
	}

	:is(#sms360) .is-style-floatie + .is-style-tooltip {
		right: var(--negative);
		left: 40%;
		bottom: calc(2 * var(--negative));
	}

	:is(#sms360) {
		padding-top: 100px;
	}

	p.is-style-max-width.has-text-align-center {
		max-width: 90%;
	}

	.is-style-tooltip {
		max-width: 250px;
	}

	div.is-layout-grid {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    }

    div.is-layout-grid.mini {
		grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }

	.is-style-scatters figure:nth-child(4) {
		margin-top: var(--smallNegative);
	}

	:is(#call-tracking-hero, #call-log-report, #call-sentiment) figure.is-style-panel + .is-style-tooltip {
		transform: translateY(-40px);
	}

	.is-style-heroslider .wp-block-column:first-child {
		padding-block: var(--gap);
	}

	.active :is(#call-tracking-hero, #call-log-report, #call-sentiment, #sms360) {
		transform: none;
	}

	#entry .is-style-heroslider .alignwide .alignwide {
		gap: 0;
	}

	#brands {
		--container: 100vw;
	}

	#brands h2 {
		margin-inline: var(--gap);
	}

	#brands .wp-block-gallery {
		gap: 2em .5em;
	}

	#brands img {
		max-height: 50px;
	    max-width: 100px !important;
	    object-fit: contain;
	    width: auto;
	    height: auto;
	}

	.wp-block-gallery.has-nested-images:not(.is-cropped) figure.wp-block-image:not(#individual-image) {
		margin-top: auto;
	}

	.gradient {
		width: 130px;
		font-size: 15px;
		top: var(--negative);
	}

	#call-tracking-small,
	#call-monitoring-small {
		margin-top: var(--spacing);
	}
	
	.ct-small-canvas .step-1 {
		grid-column: span 2;
	}
	
	.ct-small-canvas .step-2 {
		--spacing: 80px;
		margin-top: calc(2 * var(--gap));
	}
	
	.ct-small-canvas .step-1 .is-style-floating-icon {
		left: calc(4 * var(--gap));
	}
	
	.ct-small-canvas .step-3 {
		margin-top: 150px;
	}
	
	.ct-small-canvas .step-3 .interface {
		font-size: 12px;
		margin-left: var(--negative);
		margin-top: 100px;
	}
	
	.ct-small-canvas .step-3 .bubble {
		left: calc(2 * var(--negative));
		bottom: unset;
		top: var(--smallNegative);
	}

	.ct-small-canvas .step-1 .bubble {
		right: calc(2 * var(--gap));
		left: auto;
	}
	
	.ct-small-canvas .step-3 span[data-tooltip]:after {
		top: 12px;
		left: 100%;
		padding-left: 10px;
		text-align: left;
	}
	
	.ct-small-canvas .step-3 .is-style-floating-icon {
		left: 0;
		bottom: unset;
		top: var(--gap);
	}
	
	blockquote.wp-block-quote.is-style-default {
		--gap: 15px;
		font-size: 0.9em;
		margin-bottom: 50px;
	}
	
	.wp-block-list.is-style-arrows li {
		margin-left: calc(2 * var(--gap));
	}
	
	.is-style-timeline {
		margin-inline: var(--negative);
	}
	
	.is-style-timeline li {
		padding: 1.5em;
		font-size: 14px;
		line-height: 1.6em;
	}

	#widgets #block-7 .is-vertical {
		gap: var(--smallGap);
	}
}

@media screen and (max-width: 650px) {
	.wp-block-media-text.has-media-on-the-right {
		grid-template-columns: 100%;
	}

	.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media {
		grid-column: 1;
		grid-row: 1;
		margin: var(--negative);
		margin-bottom: 0;
		border-radius: 0;
		border: 0;
	}

	.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media img {
		aspect-ratio: 3 / 1;
		object-fit: cover;
		object-position: center center;
	}

	.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__content {
		grid-row: 2;
	}

	.wp-block-media-text.has-media-on-the-right>.wp-block-media-text__media

	#entry .has-gradient-pale-gradient-background:first-child {
		padding-top: 0;
	}

	p.p-max, p.is-style-max-width {
		line-height: 1.5em;
	}
}

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

	h1 {
		font-size: 1.5em;
	}

	h2, #entry h2 {
		font-size: 1.4em;
	}

	.wp-block-list.is-style-arrows li:before {
		left: -30px;
	}

	.is-style-timeline li {
		padding: 1.5em;
		font-size: 12px;
		line-height: 1.6em;
	}
}

/*
@media screen and (orientation: landscape) {

	.timeline-wrapper {
		overflow-x: auto;
		overflow-y: hidden;
		height: 900px;
		padding: 100px var(--gap);
		width: 100%;
	}

	.is-style-timeline {
		display: flex;
		height: 700px;
		flex-wrap: wrap;
		flex-direction: column;
		width: max-content;
		margin-inline: auto;
		overflow: visible;
		padding: 0;
	}

	.is-style-timeline:before {
		height: 20px;
		width: 100%;
		left: 0;
		right: 0;
		top: 50%;
		margin-left: 0;
		margin-top: -10px;
	}

	#entry .is-style-timeline li {
		width: 350px;
		flex: 0 0 350px;
		font-size: 15px;
		line-height: 1.3em;
		aspect-ratio: 1;
		text-align: center;
		display: flex;
		flex-direction: column;
	}

	.timeline-item strong:first-child {
		display: block;
		text-align: center;
		margin-bottom: var(--smallGap);
	}

	.timeline-item {
		font-size: 13px;
		line-height: 1.3em;
	}

	.timeline-item br {
		display: none;
	}

	.timeline-item:only-child {
		font-size: 15px;
	}

	.timeline-item:not(:only-child) {
		position: relative;
		text-align: center;
	}

	.timeline-item:not(:only-child):first-child:before {
		margin-top: calc(1em + var(--smallGap));
	}

	.timeline-item:not(:only-child):not(:first-child):before {
		content: "•";
		display: block;
		color: var(--tBlue);
	}

	.is-style-timeline li:nth-child(even) {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		margin-top: auto;
		margin-inline: -100px;
		transform: translateY(40px);
		opacity: 0;
	}

	#entry .is-style-timeline li:nth-child(odd) {
		transform: translateY(-40px);
		opacity: 0;
	}

	.is-style-timeline li:after {
		content: "";
		order: -1;
		flex-grow: 2;
		background: var(--tBlue);
		width: 4px;
		margin: var(--negative) auto var(--smallGap);
		border-radius: 5px;
	}

	.is-style-timeline li:nth-child(odd):after {
		order: 2;
		margin: var(--smallGap) auto var(--negative);
	}

	.is-style-timeline li:nth-child(even):last-child {
		margin-inline: -100px 0;
	}

	.is-style-timeline li:nth-child(odd):before {
		right: 50%;
		margin-right: -20px;
		top: 100%;
		margin-top: -20px;
	}

	.is-style-timeline li:nth-child(even):before {
		left: 50%;
		margin-left: -20px;
		top: unset;
		bottom: 100%;
		margin-bottom: -20px;
	}

}*/

div#cookie-popup {
    position: fixed;
    bottom: var(--gap);
    right: var(--gap);
    z-index: 8;
    background: var(--bg);
    max-width: 350px;
    border: var(--border);
    border-radius: var(--borderRadius);
    padding: var(--smallGap);
    font-size: 0.9em;
    line-height: 1.5em;
    box-shadow: var(--shadow);
}

div#cookie-popup p {
    margin-bottom: 1em;
}

a#dismiss {
    margin-left: 1em;
}