/**
 *
 * Variables
 *
 * Specify all project variables in a single globally accessible file
 *
 */
/*----------  Colours  ----------*/
/*----------  Typography  ----------*/
/*----------  Grids  ----------*/
/*----------  Spacing  ----------*/
/*----------  Breakpoints  ----------*/
/*----------  Animation  ----------*/
/**
 *
 * Mixins
 *
 */
@font-face {
  font-family: "aktiv";
  src: url("../../src/fonts/AktivGrotesk-Regular.woff2") format("woff2"), url("../../src/fonts/AktivGrotesk-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "aktiv-italic";
  src: url("../../src/fonts/AktivGrotesk-Italic.woff2") format("woff2"), url("../../src/fonts/AktivGrotesk-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "aktiv-bold";
  src: url("../../src/fonts/AktivGrotesk-Bold.woff2") format("woff2"), url("../../src/fonts/AktivGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "playfair";
  src: url("../../src/fonts/PlayfairDisplay-Regular.woff2") format("woff2"), url("../../src/fonts/PlayfairDisplay-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "playfair-italic";
  src: url("../../src/fonts/PlayfairDisplay-Italic.woff2") format("woff2"), url("../../src/fonts/PlayfairDisplay-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "playfair-bold";
  src: url("../../src/fonts/PlayfairDisplay-Bold.woff2") format("woff2"), url("../../src/fonts/PlayfairDisplay-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
.nav-icons .icon_social_instagram:after {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  background-image: url(../../src/images/instagram-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.nav-icons .icon_social_youtube:after {
  content: "";
  width: 16px;
  height: 11px;
  display: inline-block;
  background-image: url(../../src/images/youtube-gold.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.mobile-nav__icons .icon_social_instagram:after {
  content: "";
  width: 18px;
  height: 18px;
  display: inline-block;
  background-image: url(../../src/images/instagram-icon-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
.mobile-nav__icons .icon_social_youtube:after {
  content: "";
  width: 25px;
  height: 18px;
  display: inline-block;
  background-image: url(../../src/images/youtube-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

.mobile-nav__icons .icon-facebook, .mobile-nav__icons .icon-twitter,
.footer-icons .icon-facebook,
.footer-icons .icon-twitter,
.nav-icons .icon-facebook,
.nav-icons .icon-twitter {
  display: none;
}