/*!
Theme Name: Izhak 2020
Theme URI: https://izhak.fr
Description: Thème Izhak 2020
Version: 1.0
Author: Lucas Bigot
Author URI: https://lucasbigot.com
*/

/* Screen reader only - hide visually but keep accessible */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Typography enhancements */
@media screen and (min-width: 1440px) {
  p.rea-cvr-title {
    font-size: 96px;
  }
  .rea-intro-title,
  h2.quote-main {
    font-size: 48px;
  }
  .rea-intro-text-right h3,
  .rea-intro-text-right h2,
  .team-talents-txt {
    font-size: 32px;
  }
}

@media screen and (max-width: 767px) {
  p.rea-cvr-title {
    font-size: 12.8vw;
  }
  .rea-intro-title,
  h2.quote-main {
    font-size: 6.4vw;
  }
  .rea-intro-text-right h3,
  .rea-intro-text-right h2,
  .team-talents-txt {
    font-size: 5.3333333333vw;
  }
}

/* Quote styles */
h2.quote-main {
  font-size: 3.3333333333vw;
  font-family: roc-grotesk-wide, sans-serif;
  font-weight: 600;
}

/* About page */
.about-bigtext-title {
  font-size: 3.3333333333vw;
}

/* Archive filters */
.filters-title:nth-of-type(2) {
  margin-top: 2rem;
}

.filters-rea li h2 {
  font: 400 12px/1.33 roc-grotesk, sans-serif;
  font-weight: 400;
}

.filters-rea li.current a {
  pointer-events: none;
}

.filters-rea li.current a,
.filters-rea li a:hover {
  color: #0ccdb3;
}

/* Archive realisations */
.post-type-archive-realisations,
.tax-realisations_category,
.tax-sectors {
  background-color: #142636;
}

h2.s-rea-title,
.s-rea-title {
  font-family: roc-grotesk-wide, sans-serif;
  font-weight: 600;
}

/* Contact page */
.s-contact-infos-title {
  color: #ffffff;
}

/* Team page */
.team-talents-txt {
  font-size: 2.2222222222vw;
}

/* Homepage */

.hp-cvr-heading {
  max-width: 850px;
}
h1.hp-cvr-title,
p.hp-cvr-title {
  font-size: 48px;
  font-family: roc-grotesk-wide, sans-serif;
  font-weight: 600;

  @media (max-width: 767px) {
    font-size: 30px;
  }
}

/* Secteurs */
.secteur-heading-title {
  font-size: 3.3333333333vw;
}

/* Single realisation */
h1.rea-cvr-title,
p.rea-cvr-title {
  display: block;
  font-family: roc-grotesk-wide, sans-serif;
  font-weight: 600;
  font-size: 6.6666666667vw;
}

.rea-intro-title {
  font-size: 3.3333333333vw;
}

.rea-intro-text-right h3,
.rea-intro-text-right h2 {
  font-size: 2.2222222222vw;
}

.s-rea-intro-text h2,
.s-rea-intro-text h3,
.s-rea-intro-text h4 {
  font-size: 24px;
  font-family: roc-grotesk, sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
}

/* Squad page */
.page-template-t-squad {
  background-color: #142636;
}

.squad-presentation--grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 60px;
}

@media (max-width: 767px) {
  .squad-presentation--grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .squad-presentation .skills-cont {
    order: 2;
  }
  .squad-presentation .about-quote-imgs {
    order: 1;
  }
}

.squad-presentation .s-skills {
  width: 100%;
}

.squad-presentation .about-quote-imgs {
  width: 100%;
  margin: 0;
}

.squad-list-rea {
  padding-top: 80px;
  display: grid;
}

.squad-list-rea .list-rea {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 16px;
}

@media (max-width: 1350px) {
  .squad-list-rea .list-rea {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1023px) {
  .squad-list-rea .list-rea {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767px) {
  .squad-list-rea .list-rea {
    grid-template-columns: repeat(1, 1fr);
  }
}

.squad-list-rea .list-rea .s-rea-arch {
  width: 100%;
  margin-right: 0;
}