/* VARIABLES */
/* Media Queries */
body {
  font-size: 14px;
  font-family: "Basier", Roboto, Helvetica, sans-serif;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  font-family: "Moret", Garamond, serif;
  margin-top: 0;
}
body p {
  font-size: 14px;
}

.primary-heading {
  font-size: 50px;
  margin-bottom: 25px;
  color: #000F17;
  font-family: "Moret", Garamond, serif;
}

.secondary-heading {
  font-size: 2.5rem;
  margin-bottom: 25px;
  color: #000F17;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: "Moret", Garamond, serif;
  line-height: 1.3;
}
@media only screen and (max-width: 1024px) {
  .secondary-heading {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 667px) {
  .secondary-heading {
    font-size: 1.7rem;
  }
}

.tertiary-heading {
  font-size: 28px;
  margin-bottom: 25px;
  color: #000F17;
  text-transform: uppercase;
  font-family: "Moret", Garamond, serif;
}

.small-heading {
  font-size: 1rem;
  margin-bottom: 25px;
  color: #000F17;
  text-transform: uppercase;
  font-family: "Basier", Roboto, Helvetica, sans-serif;
  letter-spacing: 2px;
  font-weight: 600;
}
@media only screen and (max-width: 1024px) {
  .small-heading {
    font-size: 0.8rem;
  }
}

.custom-button {
  margin-top: 2em;
}
.custom-button a {
  background: #006963;
  color: #F2F2EB;
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px 25px;
  border-radius: 50px;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 1.5px;
  transition: all 400ms ease;
  position: relative;
  display: inline-block;
}
.custom-button a:after {
  content: "";
  display: inline-block;
  background-image: url('data:image/svg+xml;utf-8,<svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.033 11.3921C27.2283 11.1969 27.2283 10.8803 27.033 10.685L23.851 7.50304C23.6558 7.30778 23.3392 7.30778 23.1439 7.50304C22.9487 7.6983 22.9487 8.01489 23.1439 8.21015L25.9724 11.0386L23.1439 13.867C22.9487 14.0623 22.9487 14.3788 23.1439 14.5741C23.3392 14.7694 23.6558 14.7694 23.851 14.5741L27.033 11.3921ZM0.797119 11.5386L26.6795 11.5386L26.6795 10.5386L0.797119 10.5386L0.797119 11.5386Z" fill="%23000F17"/><circle cx="24.7383" cy="11.0386" r="10.5" stroke="%23000F17"/></svg>');
  background-size: 40px;
  width: 40px;
  height: 26px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 11px;
  right: 25px;
  position: absolute;
  opacity: 0;
  margin-left: 20px;
  transition: all 400ms ease;
}
.custom-button a:hover {
  background-color: #FF9917;
  padding-right: 65px;
}
.custom-button a:hover:after {
  opacity: 1;
  right: 10px;
}

.custom-button-dark {
  margin-top: 2em;
}
.custom-button-dark a {
  background: #000F17;
  color: #F2F2EB;
  text-transform: uppercase;
  font-weight: 500;
  padding: 15px 25px;
  border-radius: 50px;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 1.5px;
  transition: all 400ms ease;
  position: relative;
}
.custom-button-dark a:after {
  content: "";
  display: inline-block;
  background-image: url('data:image/svg+xml;utf-8,<svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.033 11.3921C27.2283 11.1969 27.2283 10.8803 27.033 10.685L23.851 7.50304C23.6558 7.30778 23.3392 7.30778 23.1439 7.50304C22.9487 7.6983 22.9487 8.01489 23.1439 8.21015L25.9724 11.0386L23.1439 13.867C22.9487 14.0623 22.9487 14.3788 23.1439 14.5741C23.3392 14.7694 23.6558 14.7694 23.851 14.5741L27.033 11.3921ZM0.797119 11.5386L26.6795 11.5386L26.6795 10.5386L0.797119 10.5386L0.797119 11.5386Z" fill="%23F2F2EB"/><circle cx="24.7383" cy="11.0386" r="10.5" stroke="%23F2F2EB"/></svg>');
  background-size: 40px;
  width: 40px;
  height: 26px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 11px;
  right: 25px;
  position: absolute;
  margin-left: 20px;
  opacity: 0;
  transition: all 300ms ease;
}
.custom-button-dark a:hover {
  background-color: #FF9917;
  padding-right: 65px;
}
.custom-button-dark a:hover:after {
  opacity: 1;
  right: 10px;
}

.custom-link a {
  -webkit-text-decoration-line: none;
          text-decoration-line: none;
  color: #000F17;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  transition: opacity 0.3ms ease;
}
.custom-link a:after {
  content: "";
  display: inline-block;
  background-image: url('data:image/svg+xml;utf-8,<svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.033 11.3921C27.2283 11.1969 27.2283 10.8803 27.033 10.685L23.851 7.50304C23.6558 7.30778 23.3392 7.30778 23.1439 7.50304C22.9487 7.6983 22.9487 8.01489 23.1439 8.21015L25.9724 11.0386L23.1439 13.867C22.9487 14.0623 22.9487 14.3788 23.1439 14.5741C23.3392 14.7694 23.6558 14.7694 23.851 14.5741L27.033 11.3921ZM0.797119 11.5386L26.6795 11.5386L26.6795 10.5386L0.797119 10.5386L0.797119 11.5386Z" fill="%23000F17"/><circle cx="24.7383" cy="11.0386" r="10.5" stroke="%23000F17"/></svg>');
  background-size: 40px;
  width: 40px;
  height: 25px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 7.5px;
  position: relative;
  margin-left: 15px;
  transition: all 300ms ease;
}
.custom-link a:hover {
  opacity: 0.75;
}
.custom-link a:hover:after {
  transform: translateX(10px);
}

.light a {
  color: #F2F2EB;
}
.light a:after {
  background-image: url('data:image/svg+xml;utf-8,<svg width="36" height="23" viewBox="0 0 36 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M27.033 11.3921C27.2283 11.1969 27.2283 10.8803 27.033 10.685L23.851 7.50304C23.6558 7.30778 23.3392 7.30778 23.1439 7.50304C22.9487 7.6983 22.9487 8.01489 23.1439 8.21015L25.9724 11.0386L23.1439 13.867C22.9487 14.0623 22.9487 14.3788 23.1439 14.5741C23.3392 14.7694 23.6558 14.7694 23.851 14.5741L27.033 11.3921ZM0.797119 11.5386L26.6795 11.5386L26.6795 10.5386L0.797119 10.5386L0.797119 11.5386Z" fill="%23F2F2EB"/><circle cx="24.7383" cy="11.0386" r="10.5" stroke="%23F2F2EB"/></svg>');
}

@font-face {
  font-family: "Basier";
  font-style: normal;
  font-weight: 700;
  src: local("Basier Bold"), url("/wp-content/themes/notion/fonts/basiersquare-bold-webfont.woff") format("woff");
}
@font-face {
  font-family: "Basier";
  font-style: italic;
  font-weight: 700;
  src: local("Basier Bold Italic"), url("/wp-content/themes/notion/fonts/basiersquare-bolditalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "Basier";
  font-style: normal;
  font-weight: 500;
  src: local("Basier Medium"), url("/wp-content/themes/notion/fonts/basiersquare-medium-webfont.woff") format("woff");
}
@font-face {
  font-family: "Basier";
  font-style: italic;
  font-weight: 500;
  src: local("Basier Medium Iitalic"), url("/wp-content/themes/notion/fonts/basiersquare-mediumitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "Basier";
  font-style: normal;
  font-weight: 400;
  src: local("Basier Regular"), url("/wp-content/themes/notion/fonts/basiersquare-regular-webfont.woff") format("woff");
}
@font-face {
  font-family: "Basier";
  font-style: italic;
  font-weight: 400;
  src: local("Basier Regular Italic"), url("/wp-content/themes/notion/fonts/basiersquare-regularitalic-webfont.woff") format("woff");
}
@font-face {
  font-family: "Basier";
  font-style: normal;
  font-weight: 600;
  src: local("Basier Semi Bold"), url("/wp-content/themes/notion/fonts/basiersquare-semibold-webfont.woff") format("woff");
}
@font-face {
  font-family: "Basier";
  font-style: italic;
  font-weight: 600;
  src: local("Basier Semi Bold Italic"), url("/wp-content/themes/notion/fonts/basiersquare-semibolditalic-webfont.woff") format("woff");
}