/* fonts */

/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/high-octane-4.0.0/css/fonts/poppins-v22-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-600 - 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: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/high-octane-4.0.0/css/fonts/poppins-v22-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-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: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/high-octane-4.0.0/css/fonts/poppins-v22-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - 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: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('/wp-content/themes/high-octane-4.0.0/css/fonts/poppins-v22-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

[data-title="Pattern"] {
	width: 100%!important;
	max-width: 100%!important;
}

/* Variables
--------------------------------------------- */
  
:root {
	  --main-font: 'Poppins';
	  --alt-font: 'Poppins';
	  --icon: "Font Awesome 6 Pro";
	  
	  --main: var(--wp--preset--color--primary);
	  --sec: var(--wp--preset--color--secondary);
	  --tri: var(--wp--preset--color--tertiary);
	  
	  --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: 25px;
	 --shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.25);
}

.inner-wrap {
	max-width: 1500px;
	margin-inline: auto;
}


/* links */


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

.main-link:hover {
	color: var(--base)!important;
	background: var(--main);
	transform: translateY(-10px);
}

.wp-block-button {
	text-transform: uppercase;
}

.wp-block-button a:hover {
  transform: translatey(-10px);
}



/* 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 .company-address::before {
	content: "\f3c5";
	font-family: var(--icon);
	font-weight: 900;
	margin-right: 10px;
}

.auto-icons .company-address {
	display: flex;
}

.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;
}

/* 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: 300px;
	width: 100%;
	height: 5px;
	background: var(--main);
	border-radius: calc(var(--radius) / 3);
	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: 1500px;
	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;
}


/* heading bold */

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


/* 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;
	}
}

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


/* gravity forms */

.gform-theme--foundation .gform_fields {
	grid-row-gap: 10px!important;
}