* {
	margin: 0;
	padding: 0;
}

@font-face {
	font-family: 'Plantin Roman';
	src: url('fonts/plantinproroman.woff2') format('woff2'),
		url('fonts/plantinproroman.woff') format('woff');
}

@font-face {
	font-family: 'Plantin Regular';
	src: url('fonts/PlantinMTPro-Regular.woff2') format('woff2'),
		url('fonts/PlantinMTPro-Regular.woff') format('woff');
}

@font-face {
	font-family: 'ABCMarist-BookItalic';
	src: url('fonts/ABCMarist-BookItalic.woff2') format('woff2'),
		url('fonts/ABCMarist-BookItalic.woff') format('woff'),
		url('fonts/ABCMarist-BookItalic.ttf') format('truetype'),
		url('fonts/ABCMarist-BookItalic.otf') format('opentype');

		font-style: italic;
		font-weight: normal;
		font-display: swap;
	}
	
@font-face {
	font-family: 'ABCMarist-Book';
	src: url('fonts/ABCMarist-Book.woff2') format('woff2'),
		url('fonts/ABCMarist-Book.woff') format('woff'),
		url('fonts/ABCMarist-Book.ttf') format('truetype'),
		url('fonts/ABCMarist-Book.otf') format('opentype');


}
@font-face {
	font-family: 'ABCMarist-Regular';
	src: url('fonts/ABCMarist-Regular.woff2') format('woff2'),
		url('fonts/ABCMarist-Regular.woff') format('woff'),
		url('fonts/ABCMarist-Regular.ttf') format('truetype'),
		url('fonts/ABCMarist-Regular.otf') format('opentype');


}

@font-face {
	font-family: 'ABCMarist-RegularItalic';
	src: url('fonts/ABCMarist-RegularItalic.woff2') format('woff2'),
		url('fonts/ABCMarist-RegularItalic.woff') format('woff'),
		url('fonts/ABCMarist-RegularItalic.ttf') format('truetype'),
		url('fonts/ABCMarist-RegularItalic.otf') format('opentype');
		font-style: italic;
		font-weight: normal;
		font-display: swap;
	}


@font-face {
	font-family: 'AlteHaasGroteskBold';
	src: url('fonts/AlteHaasGroteskBold.woff2') format('woff2'),
		url('fonts/AlteHaasGroteskBold.woff') format('woff'),
		url('fonts/AlteHaasGroteskBold.ttf') format('truetype'),
		url('fonts/AlteHaasGroteskBold.otf') format('opentype');

}

@font-face {
	font-family: 'AlteHaasGroteskRegular';
	src: url('fonts/AlteHaasGroteskRegular.woff2') format('woff2'),
		url('fonts/AlteHaasGroteskRegular.woff') format('woff'),
		url('fonts/AlteHaasGroteskRegular.ttf') format('truetype'),
		url('fonts/AlteHaasGroteskRegular.otf') format('opentype');

}




:root {
  --padding: 0.5rem;
  --color-black: #000;
  --color-white: #fff;
  --color-grey: #777;
  --color-light: #efefef;
  --color-code-light-grey:  #cacbd1;
  --color-code-comment:     #a9aaad;
  --color-code-white:       #c5c9c6;
  --color-code-red:         #d16464;
  --color-code-orange:      #de935f;
  --color-code-yellow:      #FFED49;
  --color-code-green:       #a7bd68;
  --color-code-aqua:        #8abeb7;
  --color-code-blue:        #7e9abf;
  --color-code-purple:      #b294bb;
  --font-family-sans: 'AlteHaasGroteskBold', Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}



/* ::-moz-selection { 
  background: rgb(255, 237, 73);

}

::selection {
  background: rgb(255, 237, 73);
} */


img {
  width: 100%;
}
body {
  margin: 0 auto;
  animation: fadeInAnimation ease-in 0.5s;
  animation-iteration-count: 1;
  background:white;

  
}

a:hover{
  cursor: pointer;
}

body.about {
  background-color: #677870; 
}
body.events{
  background-color: #FFF9C1; 
}


body.stories{
  background-color: #6C121C;
}

main{
  width:100%;
  height:100%;
  padding-bottom:40px;
}
.article_title{
width:100%;
height:60vh;
padding-top:7vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 45px;
flex-shrink: 0;
color: #FFF9C1;

text-align: center;
font-family: "Plantin Regular", Times, serif;
font-variant-numeric: oldstyle-nums proportional-nums;
font-feature-settings: "onum" 1;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 110%; /* 30.8px */
letter-spacing: 0.84px;
}
.article_end{
      margin-top:40px;
  width:100%;
  height:5vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 90px;
  flex-shrink: 0;
  color: #FFF9C1;
  
  text-align: center;
  font-family: "Plantin Regular", Times, serif;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-feature-settings: "onum" 1;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  letter-spacing: 0.84px;
  }
  
.subhead{
  gap:20px;
  display: flex;
justify-content: space-between;
align-items: center;
width: 370px;
  font-family: "ABCMarist-Book";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 18.75px */
letter-spacing: 0.75px;
}

.article_intro{
  gap: 20px;
  display: flex;
width: 100%;
justify-content: space-between;
align-items: flex-start;
color:#FFF9C1;
margin-bottom:20rem;
}


.article_intro_mobile{
  display: none;;
  gap: 20px;
 
width: 100%;
justify-content: space-between;
align-items: flex-start;
color:#FFF9C1;
}

.article_intro .info{
  color:#FFF9C1;
}
.article_intro .minititle{
  color:#FFF9C1;
}
.article_intro img{
  max-width: 50vw;
  flex: 1 0 0;
}

.article_intro_mobile .info{
  color:#FFF9C1;
}
.article_intro_mobile .minititle{
  color:#FFF9C1;
}
.article_intro_mobile img{
  max-width: 50vw;
  flex: 1 0 0;
}


@keyframes fadeInAnimation {
  0% {
      opacity: 0;
  }

  100% {
      opacity: 1;
  }
}

li {
  list-style: none;
}
a {
  color: currentColor;
  text-decoration: none;
}

button {
  font: inherit;
  background: none;
  border: 0;
  color: currentColor;
  cursor: pointer;
}
strong, b {
  font-weight: 600;
}
small {
  font-size: inherit;
  color: var(--color-text-grey);
}

.bg-light {
  background-color: var(--color-light);
}
.color-grey {
  color: var(--color-text-grey);
}




.nav {
  z-index: 9999;

width: 100%;
position:fixed;
top:0;
  color: #FFED49;
  text-align: center;
  font-family: "AlteHaasGroteskBold";
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.7px;
  text-transform: uppercase;
}

.nav a {
  display: inline-block;
  margin: 0;
  transition: opacity 0.4s cubic-bezier(.4, 0, .2, 1);
}

.nav a:hover {
  cursor: pointer;
  opacity: 0.7;
}

.innernav{
  display: flex;
padding: 16px 16px;
justify-content: space-between;
align-items: center;
flex-shrink: 0;

}






.stories-image {
  width:100%;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

.stories-image img {
  width:100%;
  height: auto;
  display: block;
}

.symbol {
  display: flex;
  align-items: center; /* Align images vertically centered */
  justify-content: center; /* Center horizontally */
  gap: 4px; /* Space between the images */
  width: auto;
  height: 80px; /* Adjust the height automatically */
  position: fixed;
  bottom: 0;
  z-index: 9999;
  padding: 0.5rem;
  box-sizing: border-box;
}





.mainlogo {
	display: flex;
  position: fixed;
  z-index: 999999;
  bottom:0px;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	padding:16px 16px;
	box-sizing: border-box;
}
.mainlogoabout{
	display: flex;
  position: fixed;
  z-index: 999999;
  bottom:0px;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	padding:16px 16px;
	box-sizing: border-box;
}



.logo {
	display: flex;
	align-items: center;
	/* Align images vertically centered */
	justify-content: center;
	/* Center horizontally */

	/* Space between the images */
	width: 100%;
	height: auto;

	padding: 1rem ;
	box-sizing: border-box;
}



.intro {
font-family: "ABCMarist-Book";
font-size: 16px;
font-weight: 400;
line-height: 120%; /* 19.2px */
letter-spacing: 0.64px;
width: 480px;
color: #FFED49;
padding-top:40px;
padding-left:16px;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
}

.intro i {
  font-family: "ABCMarist-BookItalic", "ABCMarist-RegularItalic", serif;
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
}
.ig {
  margin-top:20px;
  padding-left: 14px;
font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
font-weight:400;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 0.6px;
color: #FFED49;
}

.ig a{
margin-left:20px;
    color: #FFED49;
    font-variant-numeric: oldstyle-nums proportional-nums;
    font-family: "ABCMarist-Book";
    text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
    font-size: 14.854px;
    font-style: normal;
    font-weight: 400;
    line-height: 125%; /* 18.568px */
    letter-spacing: 0.743px;

}



/* Preloader styles */
#preloader {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
	font-size: 22px;
	font-family: "Plantin Regular", Times, serif;
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
	background: #FFED49;
color:#4D3308;
	z-index: 99999999999999;
	/* Make sure it stays on top */
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 1;
	/* Initial opacity */
	transition: opacity 1s ease-in-out, backdrop-filter 0.3s ease;
	/* Smooth fade-out and blur transition */
	-webkit-transition: opacity 1s ease-in-out, -webkit-backdrop-filter 0.3s ease;
	/* Safari */
}



#preloader.fade-out {
	opacity: 0;
	/* Fades out */
}

#preloader.hidden {
	display: none;
	/* Ensures the preloader is hidden after fading out */
}


.menu a {
  display: block;
}


.social {
  display: flex;
  padding: 0 .5rem;
}
.social a {
  padding: 1rem .5rem;
}

.section {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 100vh;
  background-size: cover;
  background-position: center;
  text-align: center;
  overflow: hidden;
}


.section-stories {

  padding: 25vh 0;
}

.title {
  transform: translateY(-95px); 
  transition: opacity 0.4s cubic-bezier(.4, 0, .2, 1);
  align-items: center;
  position: absolute; /* key for JS positioning */
  z-index: 999999990;
  color: #FFF9C1;
  flex-direction: row;
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100vw; /* stretch full screen */

}
.title_stories {

  align-items: center;
  height:100%;
  color: #FFF9C1;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  width: 100vw; /* stretch full screen */


}
.info_stories{
  margin-top:60px;
  display: flex;
  width: 100%;
  align-items: flex-start;
  gap: 80px;
color:  #FFF9C1;

}

.info_inside_copy{
  display: flex;
width: 273px;
flex-direction: column;
align-items: flex-start;
gap: 0px;
flex-shrink: 0;

color:  #FFF9C1;
      font-variant-numeric: oldstyle-nums proportional-nums;
      font-family: "ABCMarist-Book";
      -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
      font-size: 14.854px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      letter-spacing: 0.743px;
}

.info_inside{

    padding-left:16px;
    display: flex;
  width: 273px;
  flex-direction: column;
  align-items: flex-start;
  gap: 0px;
  flex-shrink: 0;
  
  color:  #FFF9C1;
        font-variant-numeric: oldstyle-nums proportional-nums;
        font-family: "ABCMarist-Book";
        -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 125%;
        letter-spacing: 0.743px;
  
  

}

.minititleinside{
  text-align: left;
  width:55px;
  color:  #FFF9C1;
font-family: "AlteHaasGroteskBold";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-weight: 400;
font-size: 12px;
line-height: normal;
letter-spacing: 0.6px;
}

#fixed-title-stories{
  /*border-top: 1px dashed #FFF9C1;*/
  /*padding-top: 9px;*/
margin-left:16px;
margin-right:16px;
  width: calc(100% - 32px);
  margin-top:40px;
  display: flex;
  justify-content: center;
  align-items: center;
  color:  #FFF9C1;
  text-align: center;
	font-family: "Plantin Regular", Times, serif;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
	font-variant-numeric: oldstyle-nums proportional-nums;
	font-feature-settings: "onum" 1;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.84px;
}





.title:hover {
  cursor: pointer;
  opacity: 0.7;
}

.quotes:hover {
  cursor: pointer;
  opacity: 80%;
}
.minititle{
  text-align: left;
  width:55px;
  color: #FFED49;
font-family: "AlteHaasGroteskBold";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-weight:400;
font-size: 11.5px;
line-height: normal;
letter-spacing: 0.6px;
}
.location{
  display: flex;
align-items: center;
gap: 33px;
align-self: stretch;
  font-variant-numeric: oldstyle-nums proportional-nums;
font-family: "ABCMarist-Book";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: 14.854px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 18.568px */
letter-spacing: 0.743px;
}
.date{
  display: flex;
align-items: center;
gap: 33px;
align-self: stretch;
  font-variant-numeric: oldstyle-nums proportional-nums;
font-family: "ABCMarist-Book";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: 14.854px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 18.568px */
letter-spacing: 0.743px;
}
.info{
  padding-left:16px;
  display: flex;
width: 273px;
flex-direction: column;
align-items: flex-start;
gap: 2px;
flex-shrink: 0;

  color: #FFED49;
      font-variant-numeric: oldstyle-nums proportional-nums;
      font-family: "ABCMarist-Book";
      -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
      font-size: 14.854px;
      font-style: normal;
      font-weight: 400;
      line-height: 125%;
      letter-spacing: 0.743px;


}
.quotes{
  text-align: left;
  width: 273px;
  display: inline-flex;
  align-items: flex-start;
  gap:2px;
padding-right:14px;
font-family: "ABCMarist-Book";
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 125%; /* 18.568px */
letter-spacing: 0.743px;
flex-shrink: 0;
color:  var( --color-code-yellow);
}
#fixed-title-events{
  /* border-top: 1px dashed #4D3308; */
  /* padding-top: 4px; */

  color: #4D3308;




  position: absolute; /* Position it relative to the parent container */
  top: 84px;
  left:16px;
      text-align: left;
width:50%;


  font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 110%; /* 30.8px */
  letter-spacing: 0.14px;

}


#fixed-title{
  display: flex;
  padding: 4px 0px;
  justify-content: center;
  align-items: center;
  color:  var( --color-code-yellow);
  text-align: center;
	font-family: "Plantin Regular", Times, serif;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
	font-variant-numeric: oldstyle-nums proportional-nums;
	font-feature-settings: "onum" 1;
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 0.84px;
}

.events {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center content inside the div */
  gap: 40px;
  width: 100%;
  margin: 150px auto 80px auto;
  color: var(--color-code-yellow);
  letter-spacing: -0.00125rem;
}

.events ul {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.events li {
  display: block;
  width: 70%;
  margin: 0 auto;
}

.event {
  display: flex;
  flex-direction: column;
  align-items: center; /* Center the event content */
  padding-bottom: 40px;
  gap: 10px;
  text-align: center;
  width: 100%; /* Ensure it takes full width */
}



.tag{
  color: #FFED49;
  text-transform: uppercase;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
  font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
  font-weight: 400;
  font-size: 16px;
  line-height: normal;
  letter-spacing: 0.28px;
}




.grid li {
  line-height: 105%;
  list-style-type: none;
}

.grid li a {
  color: #FFED49;
  text-decoration: none;
  opacity: 0.3; /* Set opacity for all non-hovered items */
  transition: opacity 0.3s ease-in-out; /* Smooth transition for opacity */
}

/* First item should have full color and opacity on page load */
.grid li a.first-item {
  opacity: 1;
}

/* When an item is hovered or active, set it to full color and opacity */
.grid li a:hover,
.grid li a.active {

  opacity: 80%;
}

.grid li a:hover {
  color: #FFED49; /* Ensures the hover color stays the same */
  opacity: 80%;
}
#background-container {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100vw;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  transition: background-image 0.6s ease-in-out;
}

#background-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;  /* Ensures the image covers the entire container without jumping */
}
.grid li {
  list-style-type: none;
}





.text{


  position: fixed;
  top: 35%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-style: normal;
  line-height: normal;



}

.text h2{
  color: black;
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
  font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
  font-size: 16px;
  font-weight:400;
  line-height: normal;
  letter-spacing: 0.28px;
  text-align: center;
}

.text p{

font-size: 16.989px;
font-style: normal;
font-weight: 700;
line-height: 120%; /* 20.387px */
letter-spacing: -0.34px;
}



.contacts{
  margin-top:40px;
  display: flex;
justify-content: center;
align-items: center;
gap: 60px;
}

hr {
  border: 0;
  background: currentColor;
  height: 2px;
  width: 1.5rem;
  margin: 3rem auto;
}

.align-center {
  text-align: center;
}


.cta {
  background: var(--color-black);
  color: var(--color-white);
  display: inline-flex;
  justify-content: center;
  padding: .75rem 1.5rem;
  border: 4px solid var(--color-white);
  outline: 2px solid var(--color-black);
}


.video,
.img {
  position: relative;
  display: block;
  --w: 1;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  background: var(--color-black);
}
.img img,
.video iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
}
.img[data-contain] img {
  object-fit: contain;
}
.img-caption,
.video-caption {
  color:#FFF9C1;;
margin-top:4px;
  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family: "ABC Marist";
  -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 125%; /* 13.75px */
  letter-spacing: 0.66px;
}

.footer {
  padding: 9rem 0 6rem;
  line-height: 1.5em;
}
.footer:before {
  content: "";
  display: block;
  width: 1.5rem;
  height: 2px;
  background: var(--color-black);
  margin-bottom: 1.5rem;
}

.footer h2 {
  font-weight: 600;
  margin-bottom: .75rem;
}
.footer ul,
.footer p {
  color: var(--color-text-grey);
}
.footer p {
  max-width: 15rem;
}
.footer a:hover {
  color: var(--color-text);
}


.map {
  --w: 2;
  --h: 1;
  padding-bottom: calc(100% / var(--w) * var(--h));
  position: relative;
  overflow: hidden;
  background: var(--color-black);
}
.map iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


.margin-s {
  margin-bottom: .75rem;
}
.margin-m {
  margin-bottom: 1.5rem;
}
.margin-l {
  margin-bottom: 3rem;
}

.margin-xxl {
  margin-bottom: 6rem;
}




.pagination {
  display: flex;
  padding-top: 6rem;
}
.pagination > span {
  color: var(--color-text-grey);
}
.pagination > * {
  padding: .5rem;
  width: 3rem;
  text-align: center;
  border: 2px solid currentColor;
  margin-right: 1.5rem;
}
.pagination > a:hover {
  background: var(--color-black);
  color: var(--color-white);
  border-color: var(--color-black);
}

.note-excerpt {
  line-height: 1.5em;
}
.note-excerpt header {
  margin-bottom: 1.5rem;
}
.note-excerpt figure {
  margin-bottom: .5rem;
}
.note-excerpt-title {
  font-weight: 600;
}
.note-excerpt-date {
  color: var(--color-text-grey);
}





.main_article {

  margin: 0 auto; /* Center the content horizontally */

}

.readmore {
  display: flex;
  justify-content: center; /* Horizontally centers the content */
  align-items: center;     /* Vertically centers the content */
  height: 100vh;           /* Ensure the section takes the full viewport height */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.readmore h2{
  color:  var( --color-code-yellow);
  text-align: center;
  leading-trim: both;
  text-edge: cap;
  font-size: 1rem; /* 1rem is equal to 16px by default */
  font-style: normal;
  line-height: normal;
  letter-spacing: -0.00125rem;
  text-transform: uppercase;
}
li{
  margin-bottom:10px;
}
.readmore a:hover{
  opacity: 0.5 !important;
}

.readmore_box {
  text-align: center;
  padding: 20px;
}




.artist_list{
  color: var(--color-code-yellow);
  position: absolute;
  top: 40%;
  left: 49%;
  transform: translate(-50%, -50%);
  text-align: ceter;
  text-align: center;
  font-family: "Plantin Regular", Times, serif;
  font-variant-numeric: oldstyle-nums proportional-nums;
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
  font-feature-settings: "onum" 1;
  font-size: 1.875vw;
  letter-spacing: 0.075vw;
  font-style: normal;
  line-height: 100%;
  padding: 14px 14px;
}

em {
	font-family: 'ABCMarist-BookItalic';
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
}

.article_text{
  text-decoration-thickness: from-font;
  text-underline-offset: 3.5px;
  color: #FFF9C1;

  font-variant-numeric: oldstyle-nums proportional-nums;
  font-family:"ABCMarist-Book";
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%; /* 24px */
  letter-spacing: 1.2px;

}

.col-12 .article_text{

  margin:0 auto;
}

.col-6{
  width:50%;
}
.col-6 .article_text{
  width: 100%;
  margin:0 auto;
}

.info.mobile{
  display: none;
}



.main_article p {
  width: 50%; /* Set the width to 50% */
  margin: 20px auto; /* Automatically center the element horizontally */
}
.main_article a:hover{
  opacity: 1;
}
blockquote{
  width: 60%;
  margin:0rem auto;
  position: relative;
  padding-left: 4px;
  font-family: "AlteHaasGroteskBold";
  text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
  color: #FFF9C1;

  font-size: 45px;
  font-style: normal;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.18px;

    /* For Safari */
    hanging-punctuation: first;


}


.column.col-12 figure {
  width: 55%;
  margin: 0 auto;
}

.margin-xl {
  gap: 40px;
  align-items: center;
  justify-content: center;
    width: calc(100% - 28px);
    display: flex;
    flex-direction: row;
}
.article_text p{
  width: 50%;
  margin: 5rem auto;

}

.main_mobile_logo {
  display: none;
}
.the{
  display: inline-block;
  position:fixed;
  left:14px;
  bottom:0px;
}



.the img{
  width: auto; 
  display: block; 
  padding-bottom: 0.85rem;
  height:80px;

}
.butter{
  display: inline-block;
  position:fixed;
  right:14px;
  bottom:0px;
}
.butter img{
  width: auto; 
  display: block; 
  padding-bottom: 0.85rem;
  height:80px;
}




.mobile_box{
  display: none;
}


@media (max-width: 1100px) {
  .info_inside_copy{
    display: none;
  }
  .stories-image {
    width: calc(100% - 28px);
    padding:0px 14px;

  }

  .info_stories{
flex-direction: column;
gap:40px;
  }
  #fixed-title-stories a{
    width:80%;
  }
}



@media (max-width: 980px) {
  #fixed-title-stories p{
    width:320px;
  }
  .column.col-12 figure {
    width: 95%;
    margin: 0 auto;
  }

  .info.mobile{
    display:none;
  }
  .article_end .subhead{
    width:200px;
  }
  .col-6 {
    width:100%;
  }
  .article_intro_mobile{
    display: flex;


      width:100%;
      flex-direction: column;
    align-items: flex-start;

  }

  .article_intro_mobile .info{
    margin:120px 0px;
    padding-left: 0px;
  }
  .title{
    transform: translateY(0px); 

    gap:20px;
    flex-direction: column;
    align-items: flex-start;

  }
  .quotes{
margin-top:50px;
    padding-left:16px;
    padding-right:0px;
  }
  #fixed-title{
    width: 320px;
      padding-top:  0px;
      padding-bottom:  0px;
    padding-left:16px;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 1.28px;
    text-align: left;
  }


  main {
    width: 100%;
    overflow: hidden;
  }
  .article_title{
    margin-top: 40px;
    gap:40px;
    width: 100%;
    height: 70vh;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 1.28px;
    text-align: center;
    display: flex;

flex-direction: column;
align-items: center;

  }
  .subhead{
    max-width: calc(100% - 42px);
  }
  .article_title_innerbox{
    width:340px;
  }
  /* .article_title_innerbox{
    display: flex;
justify-content: center;
align-items: center;
gap: 0px;
flex: 1 0 0;
align-self: stretch;
  } */
  .article_title p{
    padding:0px 14px;


  }

.article_intro{
  display: none;
  width:100%;
  flex-direction: column;
align-items: flex-start;
}

.intro_img{
  margin-top:60px;
  width:100%;
  padding-left:16px;
  overflow: hidden;  /* Hide any overflow */
}



.col-12 .article_text{
  width: 100%;

}
.col-6 .article_text{
  width: 100%;
}
.column{
  padding:0;
}


/* .col-6 .article_text{
  width: 80%;
  margin:0 auto;
}
 */




.intro_img img {
  max-width: calc(100vw - 28px);
  height: auto;  /* Maintain the aspect ratio of the image */
  display: block;  /* Remove any space below the image */
}

  .the{
    display: inline-block;
    left:14px;
    bottom:0px;
  }
  .the img{
    width: auto; 
    display: block; 
    padding-bottom: 0.85rem;
    height:60px;
  
  }
  .butter{
    display: inline-block;
    position:fixed;
    right:14px;
    bottom:0px;
  }
  .butter img{
    width: auto; 
    display: block; 
    padding-bottom: 0.85rem;
    height:60px;
  }


.box{
  top:70px;
  font-size: 18px;
font-weight: 350;
line-height: 120%; /* 21.6px */
letter-spacing: 0.72px;
}
.ig{
  margin-top:10px;
}
  .nav{
    font-size:12px;
  }
  .logo{
    display: none;
  }
  

  .mobile_box{

		display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
	}
	.mobile_ig {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: auto;
		bottom: 14px;
		z-index: 9999;
    color: #FFED49;
		box-sizing: border-box;
		font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
    font-weight: 400;
		font-size: 14px;
		letter-spacing: 0.8px;
		text-transform: uppercase;
		line-height: 120%;
	}

	.mobile_logo {

		display: flex;
		align-items: center;
		/* Align images vertically centered */
		justify-content: center;
		/* Center horizontally */
		width: 100%;
		height: auto;
		/* Adjust the height automatically */

		z-index: 9999;
		padding: 0.85rem;
		box-sizing: border-box;

	}

  #fixed-title-events{
width: 100%;


  }

  .artist_list{
    width: 100%;
    font-size: 22px;
    line-height: 100%; /* Adjust if needed */
    letter-spacing: 0.999px;
        text-align: center;
  }

	.loader {
		transform: rotate(90deg);
	    font-size: 5vw;
    line-height: 120%;
    letter-spacing: 0.05vw;

	}


  .tag{
    font-size: 14px;
  }
  .date{
    font-size:14px;
    text-align: center;
  }
  a.event_title {
    font-size: 50px;
    line-height: 103%;
    letter-spacing: -0.1rem;
    padding:0 10px;
}
.events{
  width: 100%;
}
.events li {
  width: 100%;

}

.main_article p {
  width:100%;

}

.grid{

    font-size: 4rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -0.3rem;
}
.text{
  width:100%;

}

  .text h2 {
    padding: 0px 20px;
    color: black;
    font-family: "AlteHaasGroteskBold", Helvetica, Arial, sans-serif;
    text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased; 
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    letter-spacing: 0.28px;
    text-align: center;
 }
 .margin-xl {
  gap: 40px;
  width: 100%;
  margin: 4rem auto;
  display: flex;
  flex-direction: column;
}
blockquote {

  width: 90%;
  font-size: 24px;
  line-height: 1.2;

}


.article_text p{
  font-size:16px;
  width:88%;
  margin: 0 auto;
}





.readmore h2 {
  font-size:14px;
}
.readmore_grid {
  font-size: 5rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.3rem;
}


#cover-image {
  font-size: 5rem;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.3rem;
}

}



@media (max-width: 540px) {
  .intro {

		font-size: 16px;
		width: 100%;
		padding: 0;

	}
  .intro p {
    margin-top:30px;
padding:14px 14px;

	}
  .mainlogoabout{
    display: none;
  }


    .main_mobile_logo {
      position:Fixed;
      bottom:0px;
      display: flex;
      align-items: center;
      /* Align images vertically centered */
      justify-content: center;
      /* Center horizontally */
      width: 100%;
      height: auto;
      /* Adjust the height automatically */
    
      z-index: 9999;
      padding: 0.85rem;
      box-sizing: border-box;
    }
  }