/* fonts */

/* dm-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/high-octane-4.0.0/css/fonts/dm-sans-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/high-octane-4.0.0/css/fonts/dm-sans-v15-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/high-octane-4.0.0/css/fonts/manrope-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  src: url('/wp-content/themes/high-octane-4.0.0/css/fonts/manrope-v15-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.wp-block-post-content {
	font-family: var(--main-font);
}

/* Variables
--------------------------------------------- */
  
:root {
	  --main-font: 'DM Sans';
	  --alt-font: 'Manrope';
	  --icon: "Font Awesome 6 Pro";
	  
	  --main: var(--wp--preset--color--primary);
	  --sec: var(--wp--preset--color--secondary);
	  --tri: var(--wp--preset--color--tertiary);
	  --quat: var(--wp--preset--color--quaternary);
	  --pink: var(--wp--preset--color--pink);
	  
	  --base: var(--wp--preset--color--base);
	  --contrast: var(--wp--preset--color--contrast);

	  --fs-xsm: var(--wp--preset--font-size--x-small);
	  --fs-sm: var(--wp--preset--font-size--small);
	  --fs-s-md: var(--wp--preset--font-size--s-medium);
	  --fs-md: var(--wp--preset--font-size--medium);
	  --fs-mdlg: var(--wp--preset--font-size--m-large);
	  --fs-lg: var(--wp--preset--font-size--large);
	  --fs-xlg: var(--wp--preset--font-size--x-large);
	  --fs-xxlg: var(--wp--preset--font-size--xx-large);
	  
	  --radius: 30px;
	 --shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.wp-block-heading {
	font-family: var(--alt-font);
}

.main-link {
	background: var(--main);
	color: var(--base)!important;
	border-radius: var(--radius);
	font-size: var(--fs-s-md);
	text-decoration: none;
	transition: .3s;
	display: inline-block;
	width: fit-content;
	padding: 10px 30px;
}

.main-link:hover {
	color: var(--base)!important;
	background: var(--sec);
	padding: 10px 30px;
}

.wp-block-button__link {
	transition: .4s;
	box-shadow: 0 6px 0 var(--pink);
}

.wp-block-button__link:hover {
	box-shadow: 0 0 0 var(--pink);
	transform: translatey(5px);
}

.wp-block-button__link.has-secondary-background-color {
	box-shadow: 0 6px 0 #3e4e5d;
}

.wp-block-button__link.has-secondary-background-color:hover {
	box-shadow: 0 0 0 #3e4e5d;
}


/* auto icons */
.auto-icons .wp-block-button__link[href^="mailto:"]::before, .auto-icons .main-link[href^="mailto:"]::before, 
.auto-icons .header-button[href^="mailto:"]::before,
.auto-icons .company-email[href^="mailto:"]::before{
	content: "\f0e0";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.auto-icons .wp-block-button__link[href^="tel:"]::before, .auto-icons .main-link[href^="tel:"]::before, 
.auto-icons .header-button[href^="tel:"]::before,
.auto-icons .company-phone[href^="tel:"]::before {
	content: "\f095";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.auto-icons .wp-block-button__link[href^="sms:"]::before, .auto-icons .main-link[href^="sms:"]::before, 
.auto-icons .header-button[href^="sms:"]::before {
	content: "\f27a";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.auto-icons .wp-block-button__link[href$="contact/"]::before, .auto-icons .main-link[href$="contact/"]::before, 
.auto-icons .header-button[href$="contact/"]::before,
.auto-icons .wp-block-button__link[href$="contact-us/"]::before, .auto-icons .main-link[href$="contact-us/"]::before, 
.auto-icons .header-button[href$="contact-us/"]::before{
	content: "\f27a";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.auto-icons .wp-block-button__link[href$="schedule-appointment-now/"]::before, .auto-icons .main-link[href$="contact/"]::before, 
.auto-icons .header-button[href$="schedule-appointment-now/"]::before {
	content: "\f073";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.love-link .wp-block-button__link[href$="feel-the-love-program-by-lennox/"]::before {
	content: "";
	display: inline-block;
	background-image: url('/wp-content/uploads/2025/05/feel-the-love-icon.webp');
	background-size: 19px 15px;
	background-repeat: no-repeat;
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
	width: 19px;
	height: 16px;
	position: relative;
	top: 2px;
}

	.love-link .wp-block-button__link {
		box-shadow: 0 6px 0 var(--main) !important;
	}
	
	.love-link .wp-block-button__link:hover {
		box-shadow: 0 0 0 var(--main) !important;
	}

/* backgrounds */

.octane-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.octane-background img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.octane-content {
    position: relative;
    height: 100%;
}

.octane-position {
    position: relative;
}

.texture {
	background-image: url('/wp-content/themes/high-octane-4.0.0/assets/img/images/texture.webp');
	background-size: cover;
}


.line-after-title::after {
	content: "";
	display:block;
	max-width: 150px;
	width: 100%;
	height: 5px;
	background: #7591aa;
	border-radius: 0;
	margin-top: 10px;
}

.has-text-align-center.line-after-title::after {
	margin-inline: auto;
}

/* alignment */

* {
	box-sizing: border-box!important;
}

.acf-wrap {
	max-width: 1500px;
	width: 100%;
	margin-inline: auto;
}

.alignfull .acf-wrap {
	width: 100%!important;
	max-width: 100%!important;
}

.acf-block-component:has(.acf-fullwidth) {
	max-width: 100%!important;
	width: 100%!important;
}

.align {
/* 	width: min(1500px, 100% - 4rem); */
	margin-inline: auto;
}

.acf-fullwidth {
    width: 100%!important;
    max-width: 100%!important;
    margin-inline: 0px!important;
}

.content-wrap {
	max-width: 1200px;
	margin-inline: auto;
}

.alignfull .content-wrap {
	width: 100%;
	max-width: 100%;
}

:root :where(.wp-block-post-content) {
	margin: 0px!important;
}

:root :where(.editor-styles-wrapper) :where(.is-layout-flow)>* {
	margin-block-start: 0px!important;
}

/* making links not clickable in acf blocks unless the link is a field such as to upload an image */
.acf-block-preview a {
	pointer-events: none;
}

.acf-fields a {
	pointer-events: all;
}

/* heading bold */

.wp-block-heading strong {
	font-weight: 700;
}


/* core blocks on front end */

.wp-core-block :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 1500px;
	margin-inline: auto;
}


.acf-block .wp-core-block, .alignfull .wp-core-block {
	width: 100%;
}

/* core columns block */

@media(max-width: 1024px) {
    .wp-block-columns {
        flex-wrap: wrap!important;
		justify-content: center;
    }

	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 100%!important;
	}

	.wp-block-media-text.is-stacked-on-mobile {
        grid-template-columns:100%!important;
    }

    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__media {
        grid-column: 1!important;
        grid-row: 1!important
    }

    .wp-block-media-text.is-stacked-on-mobile>.wp-block-media-text__content {
        grid-column: 1!important;
        grid-row: 2!important
    }
}


/* rankmath toc block */
.wp-block-rank-math-toc-block {
	background: var(--tri);
	padding: 20px;
	border-radius: var(--radius);
	margin-bottom: 20px!important;
}


/* double row */
@media(max-width: 768px) {
	.double-row {
		flex-direction: column;
	}
}