﻿/* Original WP site loaded the paid Adobe Typekit kit ytr8vbd which is
   domain-locked to sentelcti.wpenginepowered.com and will not serve fonts
   from sentel.net. We substitute the closest Google Fonts equivalents:
     "Inter" -> Inter (humanist geometric sans, near-identical metrics)
     "Space Grotesk"        -> Space Grotesk (technical sans used for buttons / h6)
   To restore the paid Adobe fonts later: add sentel.net to your Adobe Fonts
   account (fonts.adobe.com), then replace the import below with:
     @import url("https://use.typekit.net/ytr8vbd.css");
   and revert the family-name replacements done in this file. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap");
:root {
	--textDark: #373737;
	--textLight: #ffffff;
	--teal: #1eb6ca;
	--tealDark: #0e1415;
	--grayLight: #cfd0d0;
	--dark: #1c2425;
	--links: #1eb6ca;
}

@font-face {
	font-family: "icomoon";
	src: url("/marketing/fonts/icomoon.eot");
	src:
		url("/marketing/fonts/icomoon.eot") format("embedded-opentype"),
		url("/marketing/fonts/icomoon.ttf") format("truetype"),
		url("/marketing/fonts/icomoon.woff") format("woff"),
		url("/marketing/fonts/icomoon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}
a,
b,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
i,
img,
li,
ol,
p,
span,
table,
tbody,
td,
tfoot,
th,
thead,
tr,
u,
ul {
	border: 0;
	margin: 0;
	padding: 0;
}
body.public,
.acf-block-body,
#tinymce {
	color: var(--textLight);
	font-family: "Inter", sans-serif, "Helvetica Neue", "Helvetica", Arial, Sans-Serif;
}
/* BIZANGO TEXT - NEW DEFAULTS - DON'T HAVE A TOP MARGIN THAT IS NOT ZERO ON A CORE TEXT ELEMENT */
.public ul,
.acf-block-preview ul,
#tinymce ul,
.public ol,
.acf-block-preview ol,
#tinymce ol {
	list-style-position: inside;
}
.public li,
.acf-block-preview li,
#tinymce li,
.public p,
.acf-block-preview p,
#tinymce p,
.public .p-style,
.acf-block-preview .p-style,
#tinymce .p-style,
.public figcaption,
.acf-block-preview figcaption,
#tinymce figcaption {
	font-family: "Inter", sans-serif;
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 300;
	line-height: 160%; /* 1.7rem */
	margin-bottom: 1.5rem;
}
.public .p-lrg-style,
.acf-block-preview .p-lrg-style,
#tinymce .p-lrg-style {
	font-family: "Inter", sans-serif;
	font-size: 1.1875rem;
	font-style: normal;
	font-weight: 300;
	line-height: 140%; /* 1.6625rem */
}
.public .p-xl-style,
.acf-block-preview .p-xl-style,
#tinymce .p-xl-style {
	font-family: "Inter", sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 300;
	line-height: 140%; /* 1.6625rem */
}
.public figure,
.acf-block-preview figure,
#tinymce figure {
	margin: 1em 0;
}
.public figure img,
.acf-block-preview figure img,
#tinymce figure img {
	max-width: 100%;
}
.public iframe,
.acf-block-preview iframe,
#tinymce iframe {
	max-width: 100%;
}
.public h1,
.acf-block-preview h1,
#tinymce h1,
.public .h1-style,
.acf-block-preview .h1-style,
#tinymce .h1-style,
.public .h1-lrg-style,
.acf-block-preview .h1-lrg-style,
#tinymce .h1-lrg-style {
	font-family: "Inter", sans-serif;
	font-size: 2.65rem;
	font-style: normal;
	font-weight: 400;
	line-height: 100%; /* 4.75rem */
	margin-bottom: 12px;
}
.public h2,
.acf-block-preview h2,
#tinymce h2,
.public .h2-style,
.acf-block-preview .h2-style,
#tinymce .h2-style {
	font-family: "Inter", sans-serif;
	font-size: 2.5rem;
	font-style: normal;
	font-weight: 300;
	line-height: 110%; /* 4.2625rem */
	margin-bottom: 28px;
}
.public .h2-small-style,
.acf-block-preview .h2-small-style,
#tinymce .h2-small-style {
	font-size: 2.25rem;
}
.public h3,
.acf-block-preview h3,
#tinymce h3,
.public .h3-style,
.acf-block-preview .h3-style,
#tinymce .h3-style {
	font-family: "Inter", sans-serif;
	font-size: 2rem;
	font-style: normal;
	font-weight: 300;
	line-height: 110%; /* 2.8875rem */
	margin-bottom: 1em;
}
.public h4,
.acf-block-preview h4,
#tinymce h4,
.public .h4-style,
.acf-block-preview .h4-style,
#tinymce .h4-style {
	font-family: "Inter", sans-serif;
	font-size: 1.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 110%; /* 2.40625rem */
	margin-bottom: 1em;
	text-transform: uppercase;
}
.public h5,
.acf-block-preview h5,
#tinymce h5,
.public .h5-style,
.acf-block-preview .h5-style,
#tinymce .h5-style {
	font-family: "Inter", sans-serif;
	font-size: 1.375rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 1em;
	text-transform: uppercase;
}
.public h6,
.acf-block-preview h6,
#tinymce h6,
.public .h6-style,
.acf-block-preview .h6-style,
#tinymce .h6-style {
	font-family: "Space Grotesk", sans-serif;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
	line-height: 110%; /* 0.9625rem */
	margin-bottom: 1em;
	text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
	.public h1,
	.acf-block-preview h1,
	#tinymce h1,
	.public .h1-style,
	.acf-block-preview .h1-style,
	#tinymce .h1-style,
	.public .h1-lrg-style,
	.acf-block-preview .h1-lrg-style,
	#tinymce .h1-lrg-style {
		font-size: 4.75rem;
	}
	.public h2,
	.acf-block-preview h2,
	#tinymce h2,
	.public .h2-style,
	.acf-block-preview .h2-style,
	#tinymce .h2-style {
		font-size: 3.875rem;
	}
	.public .h2-small-style,
	.acf-block-preview .h2-small-style,
	#tinymce .h2-small-style {
		font-size: 3.5625rem;
	}
	.public h3,
	.acf-block-preview h3,
	#tinymce h3,
	.public .h3-style,
	.acf-block-preview .h3-style,
	#tinymce .h3-style {
		font-size: 2.625rem;
	}
	.public h4,
	.acf-block-preview h4,
	#tinymce h4,
	.public .h4-style,
	.acf-block-preview .h4-style,
	#tinymce .h4-style {
		font-size: 2.1875rem;
	}
}
@media only screen and (min-width: 1024px) {
	.public .h1-lrg-style,
	.acf-block-preview .h1-lrg-style,
	#tinymce .h1-lrg-style {
		font-size: 5.9375rem;
	}
}
strong,
.acf-block-preview strong,
#tinymce strong,
b,
.acf-block-preview b,
#tinymce b {
	font-weight: 700;
}
/* To minimize extra thickness added to font-weight by browsers */
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
li {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-smooth: auto;
}
/* TinyMCE STYLES */
.text .small-txt > *,
.acf-block-preview .text .small-txt > *,
#tinymce .small-txt > * {
	font-size: 14px;
	letter-spacing: 0;
	line-height: 22px;
	margin-bottom: 10px;
}
.text .text-grad,
.acf-block-preview .text-grad,
#tinymce .text-grad {
	color: transparent;
	background-clip: text;
	background-image: linear-gradient(to bottom, rgba(1, 174, 203, 1), rgba(56, 94, 113, 1));
}
.text .uppercase,
.acf-block-preview .text .uppercase,
#tinymce .uppercase {
	text-transform: uppercase;
}
/*---------------BUTTONS / LINKS ---------------*/
/* Please override this with a sitewide default link color! This should be the color for all body text links. Then override for nav, etc, as needed. */
.public a,
.acf-block-preview a,
#tinymce a {
	color: var(--links);
	cursor: pointer;
	text-decoration: none;
}
/* The #tinymce editor container will not have the same ".text" wrapper as the blocks and preview wp-blocks do */
.text a,
.acf-block-preview a,
#tinymce a {
	color: var(--Teal, #1eb6ca);
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 300;
	line-height: 130%; /* 1.38125rem */
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}
.text a:hover,
.text a:focus,
.acf-block-preview a:hover,
.acf-block-preview a:focus,
#tinymce a:hover,
#tinymce a:focus {
	text-decoration: none;
}
.text a:after,
.acf-block-preview .text a:after,
#tinymce a:after {
	content: "";
}
a:focus,
.acf-block-preview a:focus,
#tinymce a:focus {
	outline: none;
}
.public button,
.acf-block-preview button,
#tinymce button,
.public input[type="submit"],
.acf-block-preview input[type="submit"],
#tinymce input[type="submit"],
.wp-password-form input[type="submit"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
}
.public .button,
.acf-block-preview .button,
#tinymce .button,
.element__form .form-field button[type="submit"],
.acf-block-preview .element__form .form-field button[type="submit"],
#tinymce .element__form .form-field button[type="submit"],
.wp-password-form input[type="submit"],
html body .block form.forminator-custom-form .forminator-field .forminator-button {
	border-radius: 50px;
	/* border: 1px solid transparent; */
	background: linear-gradient(90deg, #008092 0%, #24c1d8 100%);
	box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.2);
	color: var(--textLight);
	cursor: pointer;
	display: inline-block;
	font-family: "Space Grotesk", sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-transform: uppercase;
	margin: 10px 0;
	outline: none;
	padding: 14px 30px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	/* transition: all ease 400ms; */
}
.button:hover,
.button:focus {
	background: var(--Teal, #1eb6ca);
	box-shadow: 0 0 20px 0 rgba(255, 255, 255, 0.5);
}
/* .public .button:after,
.text .button::after,
.acf-block-preview .text .button:after,
#tinymce .button:after, */
a.link-accent::after,
.text a.link-accent::after,
.acf-block-preview a.link-accent::after,
#tinymce a.link-accent::after {
	color: inherit;
	content: "\e801";
	font-family: "icon";
	font-size: 0.8em;
	line-height: 0.8em;
	margin-left: 8px;
	position: relative;
}
/* MCE BUTTONS */
.mce-ico.mce-i-custom-btn:before {
	content: "\02584";
	position: relative;
	top: -6px;
}
.text-link a,
.acf-block-preview .text-link a,
#tinymce .text-link a {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	font-weight: inherit;
	text-transform: none;
}
.text-link a:after,
.acf-block-preview .text-link a:after,
#tinymce .text-link a:after {
	display: none;
}
/*---------------SITE STYLES---------------*/
.file-list > li {
	list-style: none;
}
