/* unset hardcoded styles */
.hero--tfs .card--hero > .card__media .aspect-ratio-frame {
  height: unset;
  max-height: unset;
}

.hero--tfs .card--hero > .card__media .aspect-ratio-frame img, .hero--tfs .card--hero > .card__media .aspect-ratio-frame::before {
  height: unset;
}

@media print, screen and (min-width: 64.0625em) {
.hero--tfs .card--hero > .card__media .aspect-ratio-frame img, .hero--tfs .card--hero > .card__media .aspect-ratio-frame::before {
  height: unset;
  min-height: unset;
 }
}

@media print, screen and (min-width: 48em) {
 .hero--tfs .card--hero > .card__media .aspect-ratio-frame img, .hero--tfs .card--hero > .card__media .aspect-ratio-frame::before {
  min-height: unset;
  height: unset;
 }
}



/* new styles */

.site-header__menu-container.site-header__sticky-container.topographic-map {
    overflow: visible;
}

.page--forest-school > .site-header > .site-header__menu-container.site-header__sticky-container.topographic-map:before {
    background-image: none;
}

.page--forest-school .site-header__menu-container, .page--forest-school > .site-header > .site-header__menu-container {
    background: none;
}

/* font combos for uptop */

.site-header__menu-container.site-header__sticky-container.blue--dark {
  color: red;
}




/* not layout but have to force */

.page--forest-school .main-content .blue--dark, .page--forest-school .main-content .blue, .page--forest-school .main-content .card--stat.blue--dark {
    background-color: #00356B;
}

.page--forest-school .site-header--beyond-threshold > .site-header__sticky-container {
  background-color: #00356B;
}

.page--forest-school .mobile-menu-button {
  display: block;
}


 .page--yse-landing-tfs .hero__background {
  /* height: calc( (100vw/(3/2)) * 3 ); */
  max-height: 800px;
  /* height: 90%; */

}

.page--yse-landing-tfs .hero__background:after {
  /* height: calc( (100vw/(3/2)) * 3 ); */
  /* max-height: 800px; */
  /* height: 90%; */
  background-image: none;
}

.hero--tfs > .card--hero > .card__media > .card__media__content {
  margin-bottom: 2rem;  /* from stock css */
}

.page--yse-landing-tfs .hero--tfs-landing .herointro--tfs {
  position: absolute;
  top: 5.5em;
  left: 1.75em;
  background: #00340c;
  padding: 1.5em 1.25em;
}

.page--yse-landing-tfs .hero--tfs .card .hero--tfs-landing .intro-text {
    font-size: 1.5rem;
    max-width: 21.5rem;
    line-height: 1.35em;
}

/* IMG */

.page--yse-landing-tfs .hero--tfs .card figure {
    margin: 0;
 /*   height: calc(((100vw)/(21/9)) * .9); */
}

.page--yse-landing-tfs .hero--tfs .card--hero>.card__media .aspect-ratio-frame {
  position: relative;
  top: -2.5em;
 /* min-height: fit-content; */
  width: 100vw;
  min-width: 100vw;
 /* height: calc((100vw)/(21/9)); */
 /*  max-height: calc((100vw)/(21/9)); */
  z-index: 1;
}

.page--yse-landing-tfs .hero--tfs .card--hero>.card__media .aspect-ratio-frame:before {
  position: relative;
  width: 100vw;
  min-width: 100vw;
  padding-bottom: calc(.6667 * 100%);
  
/*  padding-bottom: calc(var(--aspect-ratio) * 100%); */
/*  height: calc((100vw)/(21/9)); */
/*  max-height: calc((100vw)/(21/9)); */
/*  min-height: calc((100vw)/(21/9)); */
  z-index: -1;
}

.hero--tfs .card--hero>.card__media .aspect-ratio-frame img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
  position: absolute;
  top: 0;
  left: 0;
}

.hero--tfs .card--hero>.card__content {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  margin-top: -4em;
}

.two-up--std .global-spacing--default {
    margin-top: 0;
}

@media print, screen and (min-width: 641px) {
  
  .page--yse-landing-tfs .hero--tfs .card--hero>.card__media .aspect-ratio-frame:before {
    padding-bottom: calc(.4285 * 100%);
  }
  
 .hero--tfs .card--hero>.card__content {
    margin-top: -5em;
 }
}

@media print, screen and (min-width: 1023px) {
.page--yse-landing-tfs .hero--tfs .card .hero--tfs-landing .intro-text {
    max-width: 360px;
    min-width: 360px;
 }
}



/* roughtly 1024px */
@media print, screen and (max-width: 64.0625em) {
  .page--forest-school .site-header__sticky-container {
    box-shadow: none;
  }
  
  
  .page--forest-school .mobile-menu-button {
    margin: 0 1em 0 0;
  }
  
  .page--yse-landing-tfs .hero--tfs-landing .herointro--tfs {
    position: relative;
    top: -0.5em;
    left: 0;
    background: #00340c;
    padding: 1em 1.25em;
  }
    
  .page--yse-landing-tfs .hero--tfs .card .hero--tfs-landing .intro-text {
    max-width: 96%;
  }
}

@media screen and (min-width: 760px) and (max-width: 1024px) {
  .page--yse-landing-tfs .hero--tfs-landing .herointro--tfs {
    padding: 1em 2.5em;
  }
}

/* roughtly 1024px */
@media print, screen and (min-width: 64.0625em) {
  .page--yse-landing-tfs .site-header {
    height: 7.25rem;
  }
  .page--forest-school .mobile-menu-button {
    display: block;
  }
  

}

@media print, screen and (min-width: 826px) {
  .page--yse-landing-tfs .hero--tfs .card .hero--tfs-landing .intro-text {
    font-size: 1.75rem;
  }
}

@media print, screen and (min-width: 1025px) and (max-width: 1025px) {
  .page--yse-landing-tfs .hero--tfs-landing .herointro--tfs {
    margin-left: -32px;
    margin-right: -32px;
  }
  
  .page--yse-landing-tfs .hero--tfs-landing .herointro--tfs {
    padding: 1em 3em;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1024px) {
  .page--yse-landing-tfs .hero--tfs-landing .herointro--tfs {
    margin-left: -20px;
    margin-right: -20px;
  }
}

@media print, screen and (max-width: 767px) {

  .page--yse-landing-tfs .hero--tfs-landing .herointro--tfs {
    margin-left: -20px;
    margin-right: -24px;
  }
  
  .page--yse-landing-tfs .hero--tfs .card .hero--tfs-landing .intro-text {
    line-height: 1.2em;
  }
  
  .two-up--std .global-spacing--default:nth-of-type(2) {
    margin-top: 2em;
  }
  

  
}