/***START OF _RESET */
/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

* {
  font-family: "Georgia", serif;
  font-style: normal;
  font-stretch: normal;
  font-stretch: normal;
  font-variant-numeric: oldstyle-nums;
}

@font-face {
  font-family: "TradeGothicBoldCondensed20";
  font-style: normal;
  font-stretch: condensed;
  font-display: swap;
  src: url("/fonts/TradeGothicBoldCondensed20_normal_condensed.woff2") format("woff2");
}
@font-face {
  font-family: "SAMPLE";
  font-style: normal;
  font-weight: normal;
  src: url(/fonts/FournierMTPro-Regular.woff2);
}
/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
ul,
dd {
  margin: 0;
}

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role=list],
ol[role=list] {
  list-style: none;
}

/* Set core root defaults */
*,
*::after,
*::before,
html,
body,
html:focus-within,
.scroll,
.anchor-slug {
  --scroll-behavior: smooth !important;
  scroll-behavior: smooth !important;
}

/* Mozilla Firefox  
@-moz-document url-prefix() {
  *,
  html, 
  body,
  html:focus-within, 
  .scroll,
  .anchor-slug 
  {
    scroll-behavior: smooth;
  }
}

*/
/*
@media screen and (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}
*/
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.27;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img,
picture {
  max-width: 100%;
  display: block;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

i {
  font-style: italic;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them 
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
*/
/* RESET */
/***START OF _COLORS */
/***START OF _BASICS */
html {
  background: none;
}

p {
  color: #8c8c8c;
}

/* unvisited link */
a:link {
  color: #8c8c8c;
}

/* visited link */
a:visited {
  color: #8c8c8c;
}

/* mouse over link */
a:hover {
  color: #ff0080;
  color: #ff0080;
  text-decoration: underline;
}

/* selected link */
a:active {
  color: #787878;
}

/* LAYOUT AREAS */
body {
  width: 100%;
  max-width: 901px;
  margin: 0px auto;
  background: white;
  min-height: calc(100vh - 25px);
  overflow-x: hidden;
}

.main-wrapper {
  padding: 0px 50px 0px;
  min-height: calc(100vh - 25px);
}

/*TABLET*/
@media (max-width: 768px) {
  .main-wrapper {
    padding: 0px 35px 0px;
  }
}
/*PHONE*/
@media (max-width: 600px) {
  .main-wrapper {
    padding: 0px 25px 0px;
  }
}
/* FOOTER */
.main-wrapper > .footer-zone {
  position: sticky;
  top: 100vh;
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
  padding: 4px 0px 5px 0px;
  margin: 80px 0px 20px;
}
.main-wrapper > .footer-zone p {
  font-size: 10.5px;
  margin-bottom: 0;
}

.nav-footer-left {
  list-style-type: none;
  padding: 0px 0px;
  justify-content: left;
  margin-right: 10px;
}

.nav-footer-right {
  list-style-type: none;
  padding: 0px 0px;
  width: 100%;
  justify-content: right;
}

.nav-footer-left a,
.nav-footer-right a {
  margin-right: 12px;
  font-size: 18px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  transition: border-color 0.12s ease;
}

.footer-zone .nav-footer a:hover {
  color: #ff0080;
}

/* HEADER */
.nav-header {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 0px;
  width: 100%;
  margin-bottom: 0px;
  font-size: 16px;
}

.nav-header a {
  text-decoration: none;
  font-weight: normal;
  color: #7f7f7f;
  border-bottom: 1px solid transparent;
  transition: border-color 0.12s ease;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.07em;
  font-size: 22px;
}

.nav-header a:hover,
.footer-zone a:hover {
  color: #355356;
  text-decoration: underline;
}

/* TYPOGRAPHY */
p {
  font-size: 14px;
  margin-bottom: 10px;
  color: #8c8c8c;
}

.numero-blurb p {
  padding-top: 0px;
  font-size: 22px;
  color: #8c8c8c;
  margin-bottom: 30px;
}

.article-blurb {
  margin-top: 5px;
  margin-bottom: 5px;
}

.article-blurb-anthology {
  padding-top: 2px;
  margin-bottom: 5px;
}

.article-blurb-author-page p {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
  color: #8c8c8c;
}

.article-card-anthology {
  margin-bottom: 33px;
}

.article-blurb p {
  font-size: 14px;
  color: #8c8c8c;
}

.numero-blurb a {
  color: #8c8c8c;
}

.article-title,
.article-subtitle,
.article-title p {
  font-size: 15px;
  font-weight: normal;
  color: #323232;
}

.article-title-author-page {
  color: #424242;
  margin-top: 4px;
}

.author-list,
.author-list a {
  color: #8c8c8c;
  line-height: 1.3;
  margin-bottom: 3px;
}

.article-title p {
  margin-bottom: 0px;
}

.article-author {
  margin-top: 3px;
  margin-bottom: 5px;
  color: #7f7f7f;
  font-size: 15px;
}

.article-author ul {
  margin-top: 2px;
  margin-bottom: 2px;
  color: #7f7f7f;
  font-size: 15px;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.author {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.article-original-numero p {
  font-size: 12px;
  font-style: italic;
  margin-bottom: 25px;
}

.article-original-numero-author-page p {
  font-size: 13px;
  margin-bottom: 20px;
  margin-top: 4px;
}

.article-title ~ .article-original-numero-author-page {
  margin-top: 4px;
  font-size: 13px;
  margin-bottom: 10px;
}

.article-author-bio p {
  font-size: 12px;
  margin-top: -5px;
  margin-bottom: 5px;
}

.debat-segment-title {
  font-size: 15px;
  color: #323232;
}

.page-heading-area {
  padding-top: 40px;
  padding-bottom: 0px;
  margin-bottom: 15px;
}

/*PHONE*/
@media (max-width: 450px) {
  .page-heading-area {
    padding-top: 25px;
  }
}
.page-heading {
  font-size: 14px;
  font-weight: bold;
  color: #282828;
  margin-bottom: 15px;
}

/*
  h5, h6 {
  font-size: 20px;
  font-variant-caps: all-small-caps;
  letter-spacing: 0.8px;
  font-weight: normal;
  margin-top: 20px;
  margin-bottom: 5px;
  color: #323232;
  }
  /* old color  737373  */
.article-rubrique {
  color: #323232;
  font-weight: normal;
  font-family: "TradeGothicBoldCondensed20", "arial narrow", "arial", "helvetica", sans-serif;
  font-size: 16px;
  margin-top: 0px;
  margin-bottom: 3px;
}

.debat-title {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: -5px;
  font-family: "TradeGothicBoldCondensed20", "arial narrow", "arial", "helvetica", sans-serif;
  margin-top: 10px;
  color: #323232;
}

.debat-title-before {
  margin-top: 45px;
  margin-bottom: 15px;
  height: 3px;
  position: relative;
}

.debat-line {
  background: #ff0080;
  content: " ";
  height: 3px;
  position: absolute;
  top: 0;
  width: 24px;
}

/* SLUG SPACE AFTER DEBAT SECTION */
.slug-space {
  padding-bottom: 35px;
  height: 3px;
  position: relative;
}
.slug-space .debat-line {
  top: -10px;
}

/* Negative margin for Debat that starts at top of page -- eg Numero 1 */
.negative-slug-space-debat-number1 {
  margin-top: -35px;
}

.article-card-anthology .debat-title {
  margin-top: 40px;
  margin-bottom: 15px;
}

.article-card-anthology .article-title {
  margin-top: 15px;
}

/* HERO  ********************************** */
.hero-pic-container {
  width: 100%;
  margin-bottom: 20px;
  aspect-ratio: 3/2;
  overflow: hidden;
}

.hero-pic-container img {
  width: 100%;
}

/* MAIN PAGES */
.sommaire-area {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  grid-gap: 30px;
}

.cover-image-area-home {
  position: sticky;
  top: 50px;
}

/*PHONE BIG*/
@media (max-width: 720px) {
  .sommaire-area {
    grid-template-columns: 3fr 1fr;
  }
}
/*PHONE*/
@media (max-width: 600px) {
  .sommaire-area {
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-gap: 10px;
  }
  .column-1 {
    grid-row: 2;
  }
  .column-2 {
    grid-row: 1;
    border-top: 1px dotted #000;
  }
  .cover-image-area {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 50%;
  }
  .cover-image-area-home {
    aspect-ratio: 2/3;
    width: 50%;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
.home-area {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  grid-gap: 30px;
  border-top: 1px dotted #000;
}

.fading-slideshow-container {
  width: 100%;
  margin-bottom: 20px;
}

/*PHONE HOME*/
@media (max-width: 600px) {
  .home-area {
    display: block;
    grid-auto-flow: row;
    grid-template-columns: 1fr;
    grid-gap: 30px;
  }
  .fading-slideshow-container {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 60%;
  }
  .fading-slideshow-container {
    width: 50%;
  }
}
.home-block {
  border-top: 1px dotted #000;
  padding-top: 12px;
  padding-bottom: 0;
  margin-top: 20px;
  margin-bottom: 30px;
}

.home-block-subhead {
  text-transform: uppercase;
  letter-spacing: 0.92px;
  font-size: 11.5px;
  margin-top: 8px;
  margin-bottom: 11px;
}

.home-block:first-child {
  border-top: none;
  margin-top: 0px;
  padding-top: 0px;
}

.cover-image-home {
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
  -webkit-aspect-ratio: 3/2;
}

/************ RIGHT COLUMN */
.cover-image-area {
  position: sticky;
  top: 50px;
}

.cover-image img {
  margin-bottom: 20px;
  -o-object-fit: cover;
     object-fit: cover;
}

/* hover effect for the cover image: */
a img:hover {
  opacity: 0.7;
}

.cover-image-area a:hover + .button-area a {
  color: #ff0080;
}

div.cover-image-area:has(.button-area a:hover) a img {
  opacity: 0.7;
}
div.cover-image-area:has(.button-area a:hover) .button-area a:hover {
  color: #ff0080;
}

.numero-cover-and-caption a:hover + .numbers-grid-title a {
  color: #ff0080;
}

div.numero-cover-and-caption:has(.numbers-grid-title a:hover) a img {
  opacity: 0.7;
}
div.numero-cover-and-caption:has(.numbers-grid-title a:hover) .numbers-grid-title a:hover {
  color: #ff0080;
}

/* ++++++++++++++++++++++++++++++++++++++++++ */
.column-1,
.column-text {
  border-top: 1px dotted #000;
  padding-top: 12px;
}

.column-1-home,
.column-2-home {
  padding-top: 12px;
}

.article-card {
  margin-bottom: 30px;
  /* border: blue solid 1px; */
}

.add-slug-space {
  margin-bottom: 10px;
}

.feature-picture-area {
  grid-column: 2/3;
  grid-row: 1/2;
  grid-row: auto;
}

.button-area,
.button-sommaire {
  border-top: 1px dotted black;
  border-bottom: 1px dotted black;
  font-size: 12px;
  padding-top: 6px;
  padding-bottom: 8px;
  color: #323232;
}

.button-sommaire:last-child {
  border-top: none;
}

/* ++++++++++++++++++++++++++++++++++++++++++ */
.slide-show-image-container {
  width: 100%;
}

.slide-show-image {
  top: 0;
  width: 100%;
  display: flex;
  transition: transform 0.5s ease;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 15px;
}

.slider-container {
  width: 100%;
}

@keyframes fader {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fading-slideshow {
  position: relative;
  padding: 0;
  list-style-type: none;
}

.fading-slideshow > div {
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
  display: block;
  justify-content: center;
  align-items: center;
}

/* current slide */
.fading-slideshow > div:first-of-type {
  animation-name: fader;
  animation-delay: 1.5s;
  animation-duration: 1s;
  animation-timing-function: ease;
  z-index: 20;
}

/* next slide to display */
.fading-slideshow > div:nth-of-type(2) {
  z-index: 10;
}

/* all other slides */
.fading-slideshow > div:nth-of-type(n + 3) {
  display: none;
}

.feature-image {
  display: block;
}

/* ++++++++++++++++++++++++++++++++++++++++++ */
/* HEADER */
#top-slug {
  height: 20px;
  margin-left: -50px;
  padding-left: 50px;
  margin-right: -50px;
  padding-right: 50px;
}

#top-slug-mask {
  position: fixed;
  height: 20px;
  z-index: 5;
}

.header-slug-inside {
  border-top: 1px dotted black;
  height: 15px;
}

#top-group {
  margin-top: 24px;
}

/*PHONE*/
@media (max-width: 600px) {
  #top-group {
    background-color: white;
    position: sticky;
    top: -12px;
    padding-bottom: 12px;
    z-index: 10;
  }
}
/* .logo-container {
  background: #f2efe2;
  padding-top: 25px;
  padding-bottom: 10px;
  margin-left: -35px;
  margin-right: -35px;
  padding-left: 35px;
  padding-right: 35px;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: flex-end;
  position: static;
  z-index: 99;
  height: 100px;
}
*/
.logo {
  width: 112px;
  margin-bottom: 10px;
  cursor: pointer;
}
.logo a:hover {
  opacity: 0.6;
}

.nav-menu {
  display: flex;
  justify-content: left;
  list-style-type: none;
  padding-bottom: 4px;
  padding-top: 4px;
  padding-left: 0px;
  width: 100%;
  margin: 0 0px 0 0px;
  font-size: 16px;
  border-top-width: 1px;
  border-top-style: dotted;
  border-top-color: black;
  border-bottom: 1px dotted black;
  cursor: pointer;
}

.nav-menu a {
  text-decoration: none;
  font-weight: normal;
  font-size: 16px;
  margin-right: 18px;
  font-family: "TradeGothicBoldCondensed20", "arial narrow", "arial", "helvetica", sans-serif;
  cursor: pointer;
}

.nav-menu a:hover,
.footer-zone a:hover {
  text-decoration: underline;
  color: #000;
}

.nav-menu .nav__link {
  color: gray;
  cursor: pointer;
}

.nav-menu .nav__link--active {
  color: #ff0080;
}

#redaction-page {
  background-color: antiquewhite;
}

.redaction-card {
  display: grid;
  grid-template-columns: 2.2fr 1fr;
  grid-column-gap: 30px;
  border-top: 1px dotted black;
  padding-bottom: 25px;
}

.redaction-card:first-child {
  margin-top: 30px;
}

.anchor-slug {
  height: 0px;
  position: relative;
  top: -20px;
}

/*TABLET*/
@media (max-width: 768px) {
  .redaction-card {
    grid-template-columns: 3fr 1fr;
  }
}
/*PHONE*/
@media (max-width: 600px) {
  .redaction-card {
    grid-template-columns: 1fr;
  }
  .redaction-card-area {
    padding-top: 0;
  }
  .anchor-slug {
    position: relative;
    top: -140px;
  }
}
.page-anchor {
  height: 25px;
  grid-column-start: 1;
  grid-column-end: 3;
  margin-bottom: 0;
}

.redaction-overview {
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: 1px dotted black;
  margin-bottom: 10px;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: red;
  font-size: 12px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  -moz-column-gap: 10px;
       column-gap: 10px;
  grid-row: 1;
}

/*TABLET*/
@media (max-width: 768px) {
  .redaction-overview {
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 0;
    margin-bottom: -10px;
    padding-bottom: 0;
  }
  .headshot-and-caption {
    margin-bottom: 25px;
  }
}
/*PHONE*/
@media (max-width: 600px) {
  .redaction-overview {
    grid-template-columns: repeat(4, 1fr);
  }
}
/*PHONE*/
@media (max-width: 450px) {
  .redaction-overview {
    grid-template-columns: repeat(3, 1fr);
  }
}
.redaction-headshot-container a img {
  width: 100%;
  aspect-ratio: 0.8/1;
  -o-object-fit: cover;
     object-fit: cover;
  margin-bottom: 10px;
}

.redaction-email {
  color: #8c8c8c;
}

.redaction-name-email-block {
  margin-top: 10px;
  margin-bottom: 0;
  color: #323232;
  grid-column-start: 1;
  grid-column-end: 2;
}

.redaction-birth {
  font-size: 13.5px;
}

.redaction-bio {
  font-size: 13.5px;
  margin-top: 10px;
}

/************************************************/
/* Slider on the Anthology page */
.slider {
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  margin-top: 10px;
  position: relative;
}

.slider__reel {
  width: 100%;
  transition: transform 0.5s ease;
  display: flex;
}

.slider__image {
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
}

.slider__nav {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.slider__nav button {
  padding: 10px 7px 10px 12px;
  line-height: 0;
  border: none;
  outline: none;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  display: flex;
  background: none;
}

.slider__nav button img {
  display: inline-block;
  transition: transform 0.12s ease;
}

.slider__nav button.slider__prev:hover img {
  transform: translateX(-2px);
}

.slider__nav button.slider__next:hover img {
  transform: translateX(2px);
}

/************************************************/
/* NUMERO INDEX PAGE */
.numbers-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 25px;
       column-gap: 25px;
  row-gap: 80px;
  grid-row: auto;
  border-top: 1px dotted #000;
  padding-top: 20px;
}

/*TABLET*/
@media (max-width: 768px) {
  .numbers-grid {
    grid-template-columns: repeat(4, 1fr);
    row-gap: 60px;
  }
}
/*TABLET-to-PHONE*/
@media (max-width: 600px) {
  .numbers-grid {
    grid-template-columns: repeat(3, 1fr);
    row-gap: 40px;
  }
}
/*PHONE*/
@media (max-width: 450px) {
  .numbers-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.numbers-grid-title {
  margin-top: 0px;
  margin-bottom: 10px;
}

.numbers-grid-title a {
  color: rgb(92, 92, 92);
  font-weight: normal;
  margin-bottom: 0px;
  font-family: "TradeGothicBoldCondensed20", "arial narrow", "arial", "helvetica", sans-serif;
  font-size: 16px;
  text-decoration: none;
}
.numbers-grid-title a a:hover {
  color: #ff0080;
}

.numbers-grid-title .season-gray {
  font-weight: normal;
  margin-bottom: 0px;
  font-family: "TradeGothicBoldCondensed20", "arial narrow", "arial", "helvetica", sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #a7a7a7;
}
.numbers-grid-title .season-gray a .season-gray:hover {
  color: #ff0080;
}

.pj {
  margin-left: 0px;
  margin-top: -15px;
  padding-bottom: 0px;
}

.pj .article-rubrique {
  color: rgb(150, 150, 150);
}

.splash-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  padding-bottom: 10px;
}
@media (max-width: 810px) and (hover: none) {
  .splash-page {
    height: calc(100vh - 50px);
    -webkit-height: calc(100vh - 108px);
  }
}

.splash-container {
  margin: 0px auto;
  width: 380px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 240px 80px 240px;
  place-items: center;
}
@media (max-width: 810px) and (hover: none) {
  .splash-container {
    grid-template-rows: 1px 80px 1px;
  }
}

.splash-top,
.splash-middle,
.splash-bottom {
  display: flex;
  margin: 0px auto;
  align-items: center;
  justify-content: center;
}

.splash-top,
.splash-bottom {
  opacity: 0;
  display: block;
  transition-duration: 300ms;
}
@media (max-width: 810px) and (hover: none) {
  .splash-top,
  .splash-bottom {
    visibility: hidden;
  }
}

.splash-top img,
.splash-bottom img {
  width: 100%;
}

.splash-middle a img:hover {
  opacity: 0.85;
  cursor: pointer;
}

body.splash-body {
  background-color: #000;
  overflow-y: hidden;
}/*# sourceMappingURL=styles.css.map */