@font-face {
  font-family: 'Montserrat';
  src: url('fonts/web/Montserrat-Regular.woff2') format('woff2'),
      url('fonts/web/Montserrat-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('fonts/web/Montserrat-Black.woff2') format('woff2'),
      url('fonts/web/Montserrat-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/web/Montserrat-Bold.woff2') format('woff2'),
      url('fonts/web/Montserrat-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/web/Montserrat-Light.woff2') format('woff2'),
      url('fonts/web/Montserrat-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/web/OpenSans-Regular.woff2') format('woff2'),
      url('fonts/web/OpenSans-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Open Sans';
  src: url('fonts/web/OpenSans-Bold.woff2') format('woff2'),
      url('fonts/web/OpenSans-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

:root {

  --font-weight-regular: 400;
  --font-weight-bold: 700;
  --font-weight-light: 300;

  --border-width : 1px;
  --border-radius : 48px;
  --box-shadow: none;

  --body-color: #005564;
  --body-background-color: #ffffff;
  --body-secondary-background-color: #ffffff;
  --block-columns-header-background-color:#ffffff; 

  --color-accent: #9CDEE2;
  --color-accent-complementary: #FFDB27;
  --color-accent-complementary-foreground: #005564;

  --body-link-color: var(--color-accent);
  --body-link-hover-color: #ffffff;
  --footer-link-color:  var(--color-accent);

  --body-font-family: 'Open Sans', sans-serif;
  --heading-font-family:  'Montserrat', sans-serif;

  --text-title-2-font-weight: bold;
  --text-title-2-tablet-font-weight: bold;
  --text-title-2-mobile-font-weight: bold;


  --header-top-background-color: #005564;
  --header-top-background-color-scrolled: #005564;
  --header-top-link-color: #ffffff!important;
  --header-top-text-color: #ffffff;
  --header-top-separator-color: #005564;

  --header-background-color: #ffffff;
  --header-box-shadow: 0px 0px 20px 0px rgba(25, 26, 28, 0.25);
  --header-box-shadow-scrolled: 0px 0px 20px 0px rgba(25, 26, 28, 0.25);
  --header-height: 100px;


  --button-color: #9CDEE2;
  --button-background-color: #005564;
  --button-border-color: #005564;

  --button-color-active: #005564;
  --button-background-color-active: #9CDEE2;
  --button-border-color-active: #9CDEE2;
  --button-color-hover: #005564;
  --button-background-color-hover: #fec503;
  --button-border-color-hover: #fec503;

  --color-accent-complementary: #005564;

  --button-box-shadow: 6px 6px 0px -2px #9CDEE2;

  --text-title-display-font-weight: 900;
  --text-title-display-tablet-font-weight: 900;
  --text-title-display-mobile-font-weight: 900;

  --footer-background-color: #005564;
  --footer-secondary-background-color: #00343d;


  --header-link-mark-color: #9CDEE2;
}

body.theme-mestacademytheme  {
  --tutor-color-primary: #005564;
  --tutor-color-primary-hover: #9CDEE2;
  --tutor-body-color: var(--body-color);
  --tutor-border-color: #f4f4f4;
  --tutor-color-gray: #f4f4f4;
}

.tutor-color-black {
  color: var(--body-color);
}

.siteheader__inner {
  padding-top: 12px;
}
.siteheader__brand {
  height: 44px;
}

.siteheader__brand__logo a {
  height: 44px;
}


.hero__background__image {
  opacity: 1;
}

.hero__title {
  max-width: 600px;
}

.hero__intro {
  max-width: 640px;
}

.nav-main__list>li>a::after {
  height: 12px;
  z-index: -1;
  transform: rotate(-3deg);
  opacity: .8;
  bottom: 5px;
}

.button--cart {
  box-shadow: none!important;
}

.tutor-btn {
  border-radius: var(--border-radius);
}

.tutor-btn.tutor-btn-outline-primary:not(.tutor-woocommerce-view-cart) {
  --button-border-color: #fec503;
  --button-background-color: transparent;
  --button-background-color-hover: #005564;
  --button-background-color-active: #005564;
  --button-color: #fec503;
  --button-color-hover: #fff;
  --button-color-active: #fff;
  --button-box-shadow: 6px 6px 0px -2px #fec503;
}

.button .button__icon__badge {
  background-color: #fec503;
}

.instructor-card {
  background-color: #d6fffe;
  box-shadow: 0px 0px 10px 0px #008da63a;
}

.instructor-card__name {
  min-height: 24px;
}

.siteheader__top {
  --header-link-color:  #ffffff;
  --button-color-hover:#ffffff;
}