/*
Theme Name: Total Child Theme
Theme URI: https://your-site.com
Description: Your site description. Go to Appearance > Editor to modify this file.
Author: Your Name
Author URI: https://your-site.com
Template: Total
Version: 1.0
*/

@font-face {
  font-family: "Gotham-Light";
  src: url("fonts/Gotham-Light.eot");
  src: url("fonts/Gotham-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Light.woff2") format("woff2"),
    url("fonts/Gotham-Light.woff") format("woff"),
    url("fonts/Gotham-Light.ttf") format("truetype"),
    url("fonts/Gotham-Light.svg#Gotham Light") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Gotham-Book";
  src: url("fonts/Gotham-Book.eot");
  src: url("fonts/Gotham-Book.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Book.woff2") format("woff2"),
    url("fonts/Gotham-Book.woff") format("woff"),
    url("fonts/Gotham-Book.ttf") format("truetype"),
    url("fonts/Gotham-Book.svg#Gotham Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Gotham-Medium";
  src: url("fonts/Gotham-Medium.eot");
  src: url("fonts/Gotham-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Medium.woff2") format("woff2"),
    url("fonts/Gotham-Medium.woff") format("woff"),
    url("fonts/Gotham-Medium.ttf") format("truetype"),
    url("fonts/Gotham-Medium.svg#Gotham Medium") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

@font-face {
  font-family: "Gotham-Bold";
  src: url("fonts/Gotham-Bold.eot");
  src: url("fonts/Gotham-Bold.eot?#iefix") format("embedded-opentype"),
    url("fonts/Gotham-Bold.woff2") format("woff2"),
    url("fonts/Gotham-Bold.woff") format("woff"),
    url("fonts/Gotham-Bold.ttf") format("truetype"),
    url("fonts/Gotham-Bold.svg#Gotham Bold") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 
This overrides the Wp Bakery way of showing and hiding
H1 tags, which currently uses opacity. This allows the swapping
of H1 tags between mobile and desktop to be accessible
*/
@media only screen and (max-width: 1199px) {
  #team-header #header-text,
  #team-header #contact-info {
    display: none;
  }
  #team-header + .vc_row:has(h1) {
    display: block;
  }
}

@media only screen and (min-width: 1200px) {
  #team-header #header-text,
  #team-header #contact-info {
    display: block;
  }
  #team-header + .vc_row:has(h1) {
    display: none;
  }
}