@import url('https://use.typekit.net/rzc7ged.css');

/* English1766 Font Family - for headings and body */
@font-face {
  font-family: 'English 1766';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('https://145595507.fs1.hubspotusercontent-eu1.net/hubfs/145595507/system/fonts/English1766-LightWEB.woff2')
    format('woff2');
}

@font-face {
  font-family: 'English 1766';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('https://145595507.fs1.hubspotusercontent-eu1.net/hubfs/145595507/system/fonts/English1766-RegularWEB.woff2')
    format('woff2');
}

@font-face {
  font-family: 'objektiv-mk1';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('https://use.typekit.net/rzc7ged.css');
}

/* CSS Variables */
:root {
  /* English1766 for headings and body */
  --font-english1766: 'English 1766', -apple-system, BlinkMacSystemFont,
    'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', sans-serif;

  /* objektiv-mk1 for buttons */
  --font-objektiv-mk1: 'objektiv-mk1', -apple-system, BlinkMacSystemFont,
    'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* English1766 Utility Classes */
.font-english1766 {
  font-family: var(--font-english1766);
}

.font-english1766-light {
  font-family: var(--font-english1766);
  font-weight: 300;
}

.font-english1766-regular {
  font-family: var(--font-english1766);
  font-weight: 400;
}

/* objektiv-mk1 Utility Classes */
.font-objektiv-mk1 {
  font-family: var(--font-objektiv-mk1);
}

.font-objektiv-mk1-light {
  font-family: var(--font-objektiv-mk1);
  font-weight: 300;
}

.font-objektiv-mk1-regular {
  font-family: var(--font-objektiv-mk1);
  font-weight: 400;
}

.font-objektiv-mk1-medium {
  font-family: var(--font-objektiv-mk1);
  font-weight: 500;
}

.font-objektiv-mk1-semibold {
  font-family: var(--font-objektiv-mk1);
  font-weight: 600;
}

.font-objektiv-mk1-bold {
  font-family: var(--font-objektiv-mk1);
  font-weight: 700;
}

body {
  font-family: 'English 1766';
}

.hs-form, .hs-elevate-system-form form, .hs-elevate-system-form--subscription-preferences form .email-prefs {
  border: none !important;
  padding: 20px 40px !important;

  @media (width < 767px) {
    padding: 20px 0px !important;
  }
}

.hs-elevate-site-header__button-container .hs-elevate-button--tertiary{
  color: #e13840;
}

h1,
h2,
h3,
h4,
h5,
h6,
li,
td,
th,
input,
textarea,
select,
.hs-form-field,
.hs-form-field input,
.hs-form-field textarea,
.hs-form-field select,
.hs_cos_wrapper,
.hs_cos_wrapper h1,
.hs_cos_wrapper h2,
.hs_cos_wrapper h3,
.hs_cos_wrapper h4,
.hs_cos_wrapper h5,
.hs_cos_wrapper h6,
.hs_cos_wrapper li,
.hs_cos_wrapper td,
.hs_cos_wrapper th,
.hs_cos_wrapper input,
.hs_cos_wrapper textarea,
.hs_cos_wrapper select,
.module-content,
.module-content h1,
.module-content h2,
.module-content h3,
.module-content h4,
.module-content h5,
.module-content h6,
.module-content li,
.module-content td,
.module-content th,
.module-content input,
.module-content textarea,
.module-content select {
  font-family: 'English 1766';
}

.font-english1766 {
  font-family: 'English 1766';
}

.font-english1766-light {
  font-family: 'English 1766';
  font-weight: 300;
}

.font-english1766-regular {
  font-family: 'English 1766';
  font-weight: 400;
}

.font-objektiv-mk1 {
  font-family: 'objektiv-mk1', sans-serif;
}

.font-objektiv-mk1-light {
  font-family: 'objektiv-mk1', sans-serif;
  font-weight: 300;
}

.font-objektiv-mk1-regular {
  font-family: 'objektiv-mk1', sans-serif;
  font-weight: 400;
}

button,
.btn,
.hs-button,
.hs-form-field input[type='submit'],
.hs-form-field input[type='button'],
.hs-form-field button,
.module-content button,
.module-content .btn,
.module-content .hs-button,
.hs_cos_wrapper a,
.module-content a,
a,
.hs-form a {
  font-family: 'objektiv-mk1', sans-serif;
}

p, 
span,
div, .module-content p,
.module-content span,
.module-content div, 
.hs_cos_wrapper p,
.hs_cos_wrapper span,
.hs_cos_wrapper div,
.hs-form p,
.hs-form span,
.hs-form div,
.hs-elevate-system-form p,
.hs-elevate-system-form span,
.hs-elevate-system-form div {
  font-family: 'objektiv-mk1', sans-serif;
}

label,
.hs-form-field label,
.hs_cos_wrapper label,
.module-content label,
.hs-form label,
.hs-elevate-system-form label
 {
  font-family: 'objektiv-mk1', sans-serif;
}

/* Global arrow nudge animation */
.hs-elevate-menu__arrow,
.hs-elevate-button__icon,
.hs-elevate-testimonial-slider__link-icon,
[class*="arrow"],
[class*="icon"] {
  transition: transform 0.5s ease, fill 0.5s ease, color 0.5s ease;
}

/* Arrow nudge on hover for various contexts */
a:hover .hs-elevate-menu__arrow,
a:hover .hs-elevate-testimonial-slider__link-icon,
a:hover [class*="arrow"]:not(.hs-elevate-button__icon),
a:hover [class*="icon"]:not(.hs-elevate-button__icon) {
  transform: translateX(2px);
}

/* Button icons get nudge effect only */
a:hover .hs-elevate-button__icon--right {
  transform: translateX(2px);
}

a:hover .hs-elevate-button__icon--left {
  transform: translateX(-2px);
}

a:active, a:focus{
  color: #e13840 !important; 
  text-decoration: none;
}

.hs-elevate-heading-container h2, 
h2.hs-elevate-heading-container__heading{
  color: #e13840 !important;
}


.hs-elevate-site-header__main-nav-menu li a{
padding: 8px 12px !important;
}

svg.hs-elevate-button__icon{
  display: block;
  height: 1.25rem;
  fill: currentcolor;
  flex: 0 0 auto;
  transition: transform 0.5s;
}

footer.hs-elevate-footer .hs_cos_wrapper_type_logo img {
  max-width: 80%;
}

.hs-elevate-image-and-text__button{
  display: inline-flex;
  min-width: 150px;
  padding: var(--hsElevate--button__padding);
  align-items: center;
  justify-content: space-around;
  text-align: center;
  white-space: normal;
}

.hs-elevate-image-and-text__button svg{
order: 3;
margin-left: 0.5rem;
}

.hs-elevate-heading-container h3{
  @media (width < 767px) {
    font-size: 28px;
  }
}

.hs-blog-button-tab{
  font-family: 'English 1766';
}

.hs-elevate-card--recent-post, .hs-elevate-blog-image-container {
  border-radius: 0 !important;
}

.hsfc-Step{
  border-radius: 0 !important;
}

.hs-elevate-button:focus {
  outline: none !important;
  outline-offset: 0px !important;
}

.hs-elevate-button--primary:focus {
  color: #ffffff !important;
}

.hs-elevate-button--secondary:focus {
  color: #ffffff !important;
}

.hs-elevate-button--tertiary:focus {
  color: unset !important;
}

.hs-elevate-button--accent:focus {
  color: #ffffff !important;
}