/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


@font-face{
  font-family: 'Gotham';
  font-weight: 400;
  src: url('fonts/Gotham-Book.woff2');
}

@font-face{
  font-family: 'Gotham';
  font-weight: 700;
  src: url('fonts/Gotham-Bold.woff2');
}

@font-face{
  font-family: 'Gotham';
  font-weight: 700;
  font-style: italic;
  src: url('fonts/Gotham-BoldItalic.woff2');
}

/* metropolis 
@font-face{
  font-family: 'Metropolis';
  font-weight: 400;
  src: url('fonts/Metropolis-Book.otf');
}

@font-face{
  font-family: 'Metropolis';
  font-weight: 700;
  src: url('fonts/Metropolis-Bold.otf');
}
*/

:root {
  --green: #72A232;
}

.site-footer .wp-block-group.has-background{
  padding: 20px;
  border-radius: 10px;
}

details{
  width: 66%;
  margin: auto;
  text-align: center;
}

details summary{
  font-weight: bold;
  font-size: 1.4em;
  color:  var(--green);
  list-style: none;
  transition: all .2s ease-in-out;
  margin: 0;
}

details[open] summary{
  color: #222;
  font-size: 2.4em;
}

details:before {
    content: '';
    display: block;
    height: 40px;
    border-left: 1px solid  var(--green); /*#6aa318*/
    width: 1px;
    margin: auto;
}

details summary::marker {
  display: none;
}

.site-main .team .wp-block-group__inner-container {
  padding: 20px;
}

.htr-modal-content-wrap {
    margin: 10%;
    padding: 5%;
}

.animate{
  opacity: 0;
  top: 20px;
  position: relative;
  transition: all .5s ease-in-out;
}

.animate.visible{
  opacity: 1;
  top: 0;
}

.animatedown{
  opacity: 0;
  position: relative;
  top: -20px;
  transition: all .5s ease-in-out;
}

.animatedown.visible{
  opacity: 1;
  top: 0px;
}

input[type="text"], input[type="email"], input[type="tel"], input[type="number"], textarea, select{
  width: 100%;
}

input[type="submit"] {
    border-radius: 9999px;
}

a.wp-block-button__link.has-medium-font-size {
    padding: .75em 30px;
    text-indent: 0;
    transition: all .1s ease-in-out;
    text-transform: uppercase;
    border-radius: 5px;
    font-size: 24px;
}

a.wp-block-button__link.has-medium-font-size:hover{
  
}

.site-footer h1{
  letter-spacing: .05em;
  line-height: .5em;
  font-size: 3.2em;
}

.circle{
  border-radius: 999px;
  aspect-ratio: 1 / 1;
  border: 10px solid var(--green);;
  width: 85%;
  min-height: inherit;
  font-size: 3.3em;
  padding-left: 0;
  padding-right: 0;
}

.circle p{
  margin-bottom: 0px;
}

sup{
  font-size: 50%;
  bottom: 1.5ex;
}

.team figure {
    margin-bottom: 10px;
}

.team h4, .team h5, .team p{
  margin-bottom: 7px;
}

.hide{
  display: none;
}

.timeline .wp-block-group:before {
    content: '';
    display: block;
    height: 60px;
    border-left: 1px solid var(--green);;
    width: 2px;
    margin: auto;
}

.wp-swiper__thumb{
  opacity: .7;
}

.wp-swiper__thumb:hover{
  opacity: 1;
}

.wp-swiper__thumb.swiper-slide-thumb-active{
  opacity: 1;
  border: 1px solid var(--green);;
}

.wp-swiper.is-style-thumbnails-bottom-right .wp-swiper__thumbs {
    position: relative;
    right: inherit;
    transform: unset;
    width: 70%;
    margin-left: auto;
    margin-right: 0;
}

.wp-swiper__thumbs .swiper-wrapper{
  width: 100%;
}

.swiper-button-next, .swiper-button-prev {
    color: var(--green);;
}

.partners p{
  margin-bottom: 0;
}

.timeline p{
  margin-bottom: 5px;
}

.timeline .wp-block-group__inner-container{
  padding-top: 5px;
  padding-bottom: 5px;
}

.swiper-button-next, .swiper-button-prev{
  width: auto;
}

.htr-modal-content-close-btn{
  top: 11%;
  right: 11%;
  color: black;
  background: white;
}

.wp-block-cover.page-hero-img {
    margin-top: -20px;
}

input[type="submit"]{
  border-color: var(--accent);
  border-radius: 5px;
}

/* animate details */
:root {
  interpolate-size: allow-keywords;
}

 details * {
    margin: 0;
  }
  
details{
  overflow: hidden;
}

details > p {
  padding-block: 1rem;
}

summary {
  margin-inline-start: 1rem;
  list-style-position: outside;
}
  
details::details-content{
  block-size: 0;
  transition: block-size .5s, content-visibility .5s;
  transition-behavior: allow-discrete;
}

details[open]::details-content{
  block-size: auto;
}
  
/* end animate details */
  
  
  
  


@media (min-width: 768px) {
  .slideshow-spacer{
    height: 40em !important;
  }
}

@media (max-width: 767px) {
  .slideshow-spacer{
    height: 10em !important;
  }
  
  .htr-modal-content-wrap {
    margin: 5%;
    padding: 2%;
  }
  
  a.wp-block-button__link.has-large-font-size {
    padding: .5em;
    line-height: 1;
  }
  
  a.wp-block-button__link.has-large-font-size:after{
    display: none;
  }
  
  a.wp-block-button__link.has-large-font-size:hover{
    text-indent: 0px;
    padding: .5em;
  }
  
  .swiper-button-next, .swiper-button-prev {
    display: block !important; 
  }
  
  .wp-swiper.is-style-thumbnails-bottom-right .swiper-button-prev, .wp-swiper.is-style-thumbnails-bottom-right .swiper-button-next {
    margin-top: auto;
  }
  
  .wp-swiper__thumbs {
    display: none;
  }
  
  :where(.wp-block-columns.is-layout-flex){
    gap: .5em;
  }
  
  :where(.wp-block-columns){
    margin-bottom: .5em;
  }
  
  .site-footer h1{
    font-size: .9em;
  }
  
  .partners p {
    margin-bottom: 1.5em;
  }
  
  .site-main .team .wp-block-group__inner-container {
    padding: 0px;
  }
  
  .home-video .wp-block-group__inner-container {
    max-width: 100%;
    padding: 0;
  }
  
  .wp-block-cover.page-hero-img {
    margin-top: -15px;
  }
  
  .footer-contact {
    margin-top: 1em;
  }
  
  .htr-modal-content-wrap{
    max-width: 90%;
    padding: 5%;
  }
  
  .wp-block-cover, .wp-block-cover-image{
    padding-left: 0;
    padding-right: 0;
  }
  
  .wp-block-group__inner-container .wp-block-group__inner-container{
    padding-left: 0;
    padding-right: 0;
  }

}