/*
Theme Name: A Aldeia
Theme URI: https://manuelbarbosa.com
Author: Manuel Barbosa
Author URI: https://manuelbarbosa.com
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
Text Domain: aaldeia

*/

*{
    font-family: Jost, Helvetica, Arial, sans-serif;
    box-sizing: border-box;
}

@font-face {
    font-family: Anton;
    src: url('https://fonts.googleapis.com/css2?family=Anton&display=swap') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
     font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;

}

@font-face {
     font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: italic;

}

@font-face {
    font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
    font-family: "Jost", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: #fff8ed;
    font-weight: 200;
}

h3 {
    font-size: 30px;
    font-weight: 400;
    line-height: 0.899991em;
    letter-spacing: -1px;
    margin: 0 auto 25px;
    padding: 0;
}

p, ul {
    color: #000000;
    padding: 0;
    margin: 0 auto 12.5px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
}

div {
  margin: 0 auto;
  padding: 0;
}

li {
    text-align: left;
    list-style-type: none;
    color: #000000;
    padding: 0;
    margin-bottom: 0;
}

embed, object {
	max-width: 100%;
}

iframe{
    max-width: 100%;
}

img {
  width: 100%;
  margin: 0 auto;
}

figure{
  margin: 0;
  padding: 0;
}

.wrapper{
    width: 100%;
    padding: 0;
    margin: 0 auto;
    background: transparent;
}

header{
    position: relative;
    padding: 0;
    background: transparent;
    margin: 0 auto;
    z-index: 2;
}

header:after{
    content: "";
    display: block;
    clear: both;
}

h1 {
    display: none;
}

#site-description, #site-title {
  display: none;
}

a, a:visited, a:hover, a:focus, a:active{
    text-decoration: none;

}

#menu {
   display: block;
  width: 100%;
}

#menu ul {
   display: flex;
   position: absolute;
   color: #fef8ef;
   width: auto;
   right: 50px;
   top: 50px;
   flex-direction: row;
   flex-wrap: nowrap;
   align-items: center;
}
#menu li{
  width: 100%;
  padding: 0 25px;
  text-transform: uppercase;
}

#menu li:nth-child(1){
display: none;
}

#menu li a {
   color: #fef8ef;
}

#search {
  display: none;
}

.site-logo {
  position: relative;
}
.site-logo img{
    position: absolute;
    top: 50px;
    left: 50px;
    max-width: 135px;
    width: 100%;
    object-fit: cover;
    filter: invert(1);
}

.main-banner img {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  min-width: 50%;
  min-height: 50%;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  object-position: 53% 71%;
  opacity: 1;
}

.main-banner h3{
  z-index: 20;
  position: absolute;
  bottom: 50px;
  left: 50px;
  margin: 0 auto;
  color: #fef8ee;
  max-width: 290px;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: -1px;
  padding: 0;
  text-shadow: 1px 1px 12px #535353;
}

.main-banner .wp-block-button{
  position: absolute;
  bottom: 50px;
  right: 50px;
  z-index: 20;
}

.main-banner .wp-block-button a{
  position: relative;
  display: block;
  color: #000000;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
  background-color: #fff8ed;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 21;
  padding: 14px 50px;
  margin: 0;
  border-radius: 0;
}
  
.main-banner:after{
    content: "";
    display: block;
    clear: both;
}

.description {
  margin: 50px auto 50px;
  padding: 0 50px;
  display: block;
  position:relative;
  width: 100%;
  max-width: 1000px;
}
.description div {
  display: flex;
  position: relative;
  text-align: left;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap;
  gap: 50px;
}

.description div div {
  display: block;
  position: relative;
  width: 50%;
  text-align: left;
}

.description div div div{
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  max-width: 450px;
  margin: 0 auto;
}

.description figure {
  text-align: right;
  margin: 0;
}

.description figure img {
  max-width: 230px;
  width: 100%;
  margin: 0 auto;
}

.description figure:nth-child(2) {
  text-align: left;
}
.description figure:nth-child(2) img {
  max-width: 245px;
}

.description h4{
  font-size: 30px;
  max-width: 270px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: -1px;
  margin: 0 0 12.5px;
  padding: 0;
}

.description p{
  font-size: 15px;
  text-align: left;
  font-weight: 400;
  max-width: 350px;
  margin: 0;
}

.description .wp-block-button{
  position:relative;
  margin-top: 70.5px;
}

.description .wp-block-button a{
  border-style: none;
  border-width: 0px;
  border-radius: 0px;
  border: 2px solid #000000;
  background-color: #fff8ed;
  color: #000000;
  /* line-height: 1.35937712em; */
  font-size: 15px;
  font-weight: 400;
  padding: 14px 50px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
}

.description:after{
    content: "";
    display: block;
    clear: both;
}



.experience {
    margin: 0 auto;
    padding: 50px 50px 50px;
    display: block;
    position:relative;
    width: 100%;
    background-color: #272727;
}

.experience div {
  /* max-width: 1000px; */
  /* width: 100%; */
}

.experience h3 {
  color: #fff8ed;
  width: 100%;
  text-align: center;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: -1px;
  }

.experience div div div{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 50px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

.experience div div div div{
  display: block;
  width: calc(50% - 50px);
  max-width: 500px;
}

.experience div div div div div{
  display: block;
  width: 100%;
  margin: 0;
}

.experience img {
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50% 50% 0 0;
}

.experience h5 {
  color: #fff8ed;
  font-size: 25px;
  margin: 25px auto;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: 0px;
  padding: 0;
}

.experience p {
  color: #fff8ed;
  margin: 0 auto 12.5px;
  font-size: 15px;
  text-align: left;
}

.reset {
  position: relative;
  margin: 0 auto;
  padding: 0;
  display: block;
  width: 100%;
  background-color: #272727;
}

.reset img {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 425px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.reset div div{
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 790px;
}

.reset h4 {
  text-align: center;
  color: #fff8ed;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: 0;
  padding: 0;
  margin: 0 auto 25px;
  text-shadow: 1px 1px 25px black;
}

h4.wp-block-heading {}

.reset p {
  color: #fff8ed;
  font-size: 15px;
  text-align: center;
  font-weight: 400;
  line-height: 20px;
  padding: 0;
  width: 100%;
  text-shadow: 1px 1px 12px black;
}

.included {
  margin: 0 auto;
  padding: 50px 50px;
  display: block;
  position:relative;
  width: 100%;
  background-color: #272727;
}

.included h3{
  color: #fff8ed;
  text-align: center;
  padding: 0;
  font-size: 30px;
}

.included div div div{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 25px 25px;
  max-width: 1000px;
}

.included div div div div{
  display: block;
  width: calc(33% - 50px);
  margin: 0;
  padding: 0;
}
.included div div div div div{
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.included img {
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1;
  object-fit: cover;
}

.included h4 {
  color: #fff8ed;
  font-size: 25px;
  margin: 12.5px auto 12.5px;
  font-weight: 400;
}

.included p {
  color: #fff8ed;
  font-size: 30px;
  margin: 0 auto 12.5px;
  font-size: 15px;
  text-align: left;
}

.included .wp-block-button{
  position:relative;
  margin: 50px auto 0;
  text-align: center;
}

.included .wp-block-button a{
  border-style: none;
  border-width: 0px;
  border-radius: 0px;
  border: 2px solid #fff8ed;
  background-color: transparent;
  color: #fff8ed;
  line-height: 1.35937712em;
  font-size: 15px;
  padding: 14px 50px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
}


.upcoming {
  margin: 0 auto;
  padding: 50px 50px;
  display: block;
  position:relative;
  width: 100%;
}

.upcoming h3{
  color: #272727;
  text-align: center;
  padding: 0;
  margin: 0 auto 25px;
}

.upcoming div ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 50px;
  width: 100%;
  max-width: 1000px;
}

.upcoming div ul li{
  display: flex;
  position: relative;
  width: 100%;
  text-align: left;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
  gap: 50px;
}

.upcoming div ul li div{
  display: block;
  position: relative;
  width: 50%;
  text-align: left;
}

.upcoming div ul li div div{
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0 auto;
}


.upcoming div ul li:nth-child(even){
   flex-direction: row;
}

.upcoming h2{
  color: #272727;
  text-align: left;
  margin: 12.5px auto;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: -1px;
}
.upcoming h2 a{
  color: #272727;
}

.upcoming li h3 {
  color: #272727;
  max-width: 100%;
  margin: 0 0 12.5px;
  font-size: 15px;
  text-align: left;
  font-weight: 400;
  letter-spacing: 0;
}

.upcoming p {
  color: #272727;
  max-width: 100%;
  margin: 0 0 12.5px;
  font-size: 15px;
  text-align: left;
}

.upcoming .wp-block-read-more{
  /* position: absolute; */
  display: block;
  margin: 25px 0 0;
  bottom: 0;
  text-align: left;
  border-style: none;
  border-width: 0px;
  border-radius: 0px;
  border: 2px solid #272727;
  background-color: transparent;
  color: #272727;
  line-height: 1.35937712em;
  font-size: 15px;
  padding: 14px 50px;
  text-transform: uppercase;
  letter-spacing: 0em;
  font-weight: 400;
}

.upcoming figure {
  position: relative;
  width: 50%;
  /* height: 100%; */
  margin: 0;
  object-fit: cover;
  height: auto;
  aspect-ratio: 9 / 10;
}

.upcoming img {
  position: relative;
  /* height: 100%; */
  margin: 0;
  object-fit: cover;
  height: auto;
  aspect-ratio: 9 / 10;
}

.host {
  margin: 0 auto;
  padding: 50px 50px 0;
  display: block;
  position:relative;
  width: 100%;
  background-color: #272727;
}

.host h4{
  width: 100%;
  max-width: 260px;
  color: #fef8ee;
  text-align: left;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: -1px;
  margin: 0 0 25px;
  padding: 0;
}

.host p{
  width: 100%;
  /* max-width: 350px; */
  color: #fef8ee;
  font-size: 15px;
  text-align: left;
  margin: 0px 0 12.5px;
  padding: 0;
}

.host div {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  gap: 50px;
  justify-content: center;
  width: 100%;
  max-width: 1000px;
}

.host div div {
  display: block;
  width: 50%;
  margin: 0;
}

.host div div  div{
  display: block;
  width: 100%;
  margin: 0 auto;
}

.host figure {
  width: 50%;
  margin: 0 auto;
  padding: 0px;
}

.host img {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  aspect-ratio: 9 / 10;
  object-fit: cover;
}

.host .wp-block-button{
  /* position: absolute; */
  display: block;
  margin: 25px auto 0;
  bottom: 0;
  text-align: left;
}

.host .wp-block-button a{
  border-style: none;
  border-width: 0px;
  border-radius: 0px;
  border: 2px solid #fef8ee;
  background-color: transparent;
  color: #fef8ee;
  line-height: 1.35937712em;
  font-size: 15px;
  padding: 14px 50px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
  font-weight: 400;
}

footer {
  background-color: #272727;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#copyright {
  position: absolute;
  bottom: 2.5px;
  right: 2.5px;
  color: #fef8ee;
  font-size: 10px;
}

.instagram {
  max-width: 30px;
  width: 100%;
  margin: 0;
  text-align: center;
}

.instagram img{
  filter: invert(0);
  max-width: 30px;
  width: 100%;
  margin: 0 auto;
}

footer a {
    color: #fef8ee;
    text-decoration: none;
}


footer div ul{
  display:flex;
  background-color: #272727;
  width: 100%;
  margin: 0 auto;
  padding: 50px;
  /* max-width: 1000px; */
}

footer div ul li {
  display: block;
  width: 50%;
}

footer div ul li ul{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 auto 25px;
}

footer div ul li ul li{
  display: block;
  width: 100%;
}

footer div div {
  display: block;
  width: 100%;
}

footer p {
  text-align: left;
  color: #fff8ed;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: -1px;
  padding: 0;
  margin: 0 auto 25px;
}

footer li {
  color: #fef8ee;
  font-size: 15px;
  text-align: left;
  margin: 0px auto;
  padding: 0;
}

footer ul li div img {
  width: 100%;
  max-width: 135px!important;
  margin: 0px 0 50px;
  filter: invert(1);
}

footer ul li:nth-child(2) figure {
  text-align: center;
}
footer ul li:nth-child(2) figure:nth-child(2) {
 text-align: left;
}

footer ul li:nth-child(2) figure img{
  width: 100%;
  max-width: 200px!important;
  margin: 0 auto;
  filter: none;
}
footer ul li:nth-child(2) figure:nth-child(2) img{
   width: 100%;
   max-width: 300px!important;
   margin: 0 auto;
   filter: none;
}


 #events-main-banner img {
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  min-width: 50%;
  min-height: 50%;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  object-position: 53% 71%;
  opacity: 1;
   object-position: 50% 55%;
}
 #events-main-banner h3 {
   z-index: 20;
   position: absolute;
   color: #fef8ee;
   font-size: 30px;
   font-weight: 400;
   line-height: 0.899991em;
   letter-spacing: -1px;
   text-shadow: 1px 1px 12px #535353;
   top: 50%;
   left: 50%;
   bottom: auto;
   transform: translate( -50%, -50%);
   margin: 0 auto;
   padding: 0;
   text-align: center;
   max-width: 600px;
  }

#events-description {
  margin: 50px auto 50px;
  padding: 0 50px;
  display: block;
  position:relative;
  width: 100%;
  max-width: 1000px;
}
#events-description div {
  display: flex;
  position: relative;
  text-align: left;
  flex-direction: row;
  justify-content: space-around;
  flex-wrap: nowrap;
  gap: 50px;
}

#events-description div div {
  display: block;
  position: relative;
  width: 50%;
  text-align: left;
}

#events-description div div div{
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  max-width: 450px;
  margin: 0 auto;
}

#events-description figure {
  text-align: right;
  margin: 0;
  width: 50%;
}

#events-description figure img {
  max-width: 230px;
  width: 100%;
  margin: 0 auto;
   max-width: 250px;
    width: 100%;
    margin: 0 auto;
    filter: invert(1)
}

#events-description h4{
  font-size: 30px;
  max-width: 270px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: -1px;
  margin: 0 0 12.5px;
  padding: 0;
}

#events-description p{
  font-size: 15px;
  text-align: left;
  font-weight: 400;
  max-width: 350px;
  margin: 0;
}

#rooms {
    margin: 0 auto;
    padding: 50px 50px 50px;
    display: block;
    position:relative;
    width: 100%;
    background-color: #272727;
}

#rooms div {
  /* max-width: 1000px; */
  /* width: 100%; */
}

#rooms h3 {
  color: #fff8ed;
  width: 100%;
  text-align: center;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: -2px;
  }

#rooms div div div{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 50px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

#rooms div div div div{
  display: block;
  width: calc(33% - 50px);
  max-width: 500px;
}

#rooms div div div div div{
  display: block;
  width: 100%;
  margin: 0;
}

#rooms img {
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50% 50% 0 0;
}

#rooms h4 {
  color: #fff8ed;
  font-size: 25px;
  margin: 25px auto;
  font-weight: 400;
  line-height: 0.899991em;
  letter-spacing: 0px;
  padding: 0;
}

#rooms p {
  color: #fff8ed;
  margin: 0 auto 25px;
  font-size: 15px;
  text-align: left;
}

.past-events {
  margin: 0 auto;
  padding: 50px 50px;
  display: block;
  position:relative;
  width: 100%;
  background-color: #272727;
}

.past-events  h3{
  color: #fff8ed;
  text-align: center;
  padding: 0;
}

.past-events  div ul{
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 50px;
  width: 100%;
  max-width: 1000px;
}

.past-events  div li{
  display: block;
  width: calc(33% - 100px);
  margin: 0;
  padding: 0;
}

.past-events  div div div div{
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.past-events  img {
  width: 100%;
  margin: 0 auto 25px;
  aspect-ratio: 1;
  object-fit: cover;
}

.past-events  h4 {
  color: #fff8ed;
  font-size: 30px;
  margin: 25px auto 12.5px;
  font-weight: 400;
}

.past-events  h2 a{
  color: #fff8ed;
  font-weight: 400;
  font-size: 25px;
  margin-bottom: 12.5px;
}

.past-events p {
  color: #fff8ed;
  font-size: 30px;
  margin: 0 auto 12.5px;
  font-size: 15px;
  text-align: left;
}

.category-past-events h1, .category-upcoming-events h1 {
  display: block;
  text-align: center;
}

.category-past-events h1 a, .category-upcoming-events h1 a {
  display: block;
  color: #fff8ed;
  text-shadow: 1px 1px 12px #535353;
  font-weight: 400;
  font-size: 30px;
  
}

.entry-meta {
  display: none;
}

.category-past-events header, .category-upcoming-events header {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.category-past-events div a img, .category-upcoming-events div a img {
  display: none;
}

#new-event-description {
  max-width: 1000px;
  width: 100%;
  margin-top: 50px;
}

#new-event-description h4 {
    margin: 0 auto 25px;
    padding: 0;
    text-align: left;
    max-width: 550px;
  font-size: 25px;
  font-weight: 400;
  }
#event-page p {
     margin: 0 auto 12.5px;
     padding: 0;
     text-align: left;
     max-width: 550px;
}

#new-event-description div {
  width: 100%;
  gap: 50px;
  margin: 0 auto 50px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}

#new-event-description div div {
  width: 50%;
  margin: 0 auto;
  display: block;
}
#new-event-description div div div {
  width: 100%;
  margin: 0 auto;
  display: block;
}

#new-event-description figure{
  width: 50%;
  margin: 0 auto 50px;
}

#new-event-description img{
  width: 100%;
  margin: 0;
  aspect-ratio: 3/4;
  object-fit: cover;
}

#new-event-description .description {
  padding: 0;
}

#event-page div div figure {
  width: 50%;
  margin: 0;
}

#event-page figure figure{
  width: 100%;
  margin: 0 auto;
}

#event-page .reset {
  width: 100%;
  background-color: transparent;
  
}

#event-page .reset h4{
 position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  
}

#reverse-host {
  background-color: transparent;
  max-width: 1000px;
  width: 100%;
  padding: 0;
}

#reverse-host div {
  flex-direction: row;
  margin: 0 auto 50px;
  align-items: center;
}

#reverse-host div div {
  width: 50%;
  margin: 0;
}

#reverse-host div div div {
  width: 100%;
}

#reverse-host img {
  aspect-ratio: 3/4;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}


#reverse-host p{
  color: #272727;
}

#included-event figure {
  width: 100%!important;
  margin: 0 auto 25px!important;
}

#included-event div {
  gap: 50px;
}

#included-event div div {
    display: block;
    width: calc(50% - 50px);
    margin: 0;
    padding: 0;
}

#included-event div div div {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

#included-event h3 {
   text-align: left;
}

#included-event li {
   list-style-type: disc;
   margin-left: 50px;
   color: #fef8ee;
}

#event-page .book-a-call {
  margin: 0 auto;
  padding: 50px;
  display: block;
  position:relative;
  width: 100%;
  /*background-color: #272727;*/
}

#event-page .book-a-call h3{
  color: #272727;
  text-align: center;
  padding: 0;
}

#event-page .book-a-call  div{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 25px;
  border: 3px solid #272727;
  width: 50%;
  min-width: 382px;
  max-width: 500px;
}

#event-page .book-a-call  div div{
  display: block;
  width: 100%;
  margin-bottom: 0;
  border: none;
}

#event-page .book-a-call figure {
  width: 100%;
}

#event-page .book-a-call img {
  width: 100%;
  margin: 0 auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

#event-page .book-a-call div h3 {
  color: #272727;
  font-size: 20px;
  margin: 0 0 12.5px;
  padding: 12.5px 12.5px 25px;
  width: 100%;
  font-weight: 400;
  /* font-family: Jost; */
  letter-spacing: 0;
  text-align: left;
  border-bottom: 3px solid #272727;
}

#event-page .book-a-call h4 {
  color: #272727;
  font-size: 25px;
  margin: 0 auto 6.25px;
  padding: 12.5px 12.5px 0;
  font-weight: 400;
  border-top: 3px solid #272727;
  text-align: left;
}

#event-page .book-a-call p {
  margin: 0 0 6.25px;
  padding: 0 12.5px 0;
  font-size: 15px;
  text-align: left;
  max-width: 1000px;
}

#event-page .book-a-call .wp-block-button{
  /* position: absolute; */
  display: block;
  padding: 10.25px 0;
  margin: 0;
  bottom: 0;
  text-align: center;
  border-top: 3px solid #272727;
}

#event-page .book-a-call .wp-block-button a{
  border-style: none;
  border-width: 0px;
  border-radius: 0px;
  /* border: 2px solid #272727; */
  background-color: transparent;
  color: #272727;
  line-height: 1.35937712em;
  font-size: 15px;
  /* padding: 20.5px 74px; */
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0em;
  font-weight: 400;
}

.wp-block-gallery {
  margin: 0 auto;
  padding: 0 0 25px;
  max-width: 1000px;
  width: 100%;
  display: block;
  position: relative;
  /*background-color: #272727;*/
}

.video {
  margin: 0 auto;
  padding: 100px 100px;
  display: block;
  position:relative;
  width: 100%;
  background-color: #272727;
  text-align: center;

}

.video img {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  object-fit: cover;
  height:auto;
  aspect-ratio: 16/ 9;
}

.images {
  display: flex;
  margin: 0 auto;
  padding: 100px 100px;
  position:relative;
  width: 100%;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: 25px;
}

.images img {
  width: 100%;
  max-width: calc( 100vw -100px);
  margin: 0 auto;
}

.post footer {
  display: none;
}

#comments {
  display: none;
}
#content footer {
  display: none;
}

@media only screen and (max-width: 1000px) {
#new-event-description {
    padding: 0 50px;
}

  #reverse-host {
    padding: 0 50px;
}
  .wp-block-gallery {
    padding: 0 50px 25px;
}

}

@media only screen and (max-width: 790px) {

.included div div div div{
  width: calc(50% - 50px);
}

#rooms div div div div{
  width: calc(50% - 50px);
}

}

@media only screen and (max-width: 550px) {

.main-banner h3{
  bottom: 125px;
  left: 50%;
  transform: translate(-50%,-50%);
}

.main-banner .wp-block-button{
  bottom: 25px;
  left: 50%;
  right: auto;
  transform: translate(-50%,-50%);
}

  .description {
  margin: 25px auto;
  padding: 0 25px;
}
.description div {
  flex-direction: column;
  justify-content: space-around;
  flex-wrap: nowrap;
  gap: 25px;
}

.description div div {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
}

.description div div div{
  width: 100%;
  text-align: left;
  max-width: 550px;
  margin: 0 auto;
}

.description figure {
  display: none;
  text-align: center;
  margin: 0;
}

.description h4{
  max-width: 550px;
}

.description p{
  font-weight: 400;
  max-width: 550px;
}

.description .wp-block-button{
  position:relative;
  margin-top: 25px;
}


.experience {
    padding: 25px;
}

.experience div div div{
  gap: 25px;

}

.experience div div div div{
  display: block;
  width: 100%;
  max-width: 500px;
}

.reset img {
  position: relative;
  width: 100%;
  height: 100vh;
  min-height: 425px;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.reset h4 {
  font-size: 25px;
  padding: 0 25px;
  margin: 0 auto 25px;
}

.reset p {
  letter-spacing: 0;
  font-size: 15px;
  padding: 0 25px;
  margin: 0 auto 25px;
}

.included {
    padding: 25px;
  }

.included div div div{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 25px;
  max-width: 1000px;
}

.included div div div div{
  display: block;
  width: 100%;
}

  .included .wp-block-button {
    margin: 25px auto 0;
}

.upcoming {
  padding: 25px;
}

.upcoming div ul {
  gap: 25px;
}

.upcoming div ul li{
  flex-direction: column;
  gap: 25px;
}

.upcoming div ul li div{
  width: 100%;
}


.upcoming div ul li:nth-child(even){
   flex-direction: column;
}

.upcoming h2{
  font-size: 25px;
}


.upcoming figure {
  width: 100%;
  aspect-ratio: 1;
}

.upcoming img {
  aspect-ratio: 1;
}

.host {
  padding: 25px 25px 0;
}

.host h4{
  width: 100%;
  max-width: 550px;
  text-align: left;
  margin: 0 0 25px;
  padding: 0;
}

.host div {
  flex-direction: column-reverse;
  gap: 25px;
}

.host div div {
  width: 100%;
}

.host figure {
  width: 100%;
}

.host img {
  width: 100%;
  margin: 0 auto;
  padding: 0px;
  aspect-ratio:1;
}

footer div ul{
  padding: 25px;
  flex-direction: column;
}

footer div ul li {
  display: block;
  width: 100%;
}

footer ul li div img {
  width: 100%;
  max-width: 135px!important;
  margin: 0px 0 25px;
  filter: invert(1);
}

footer ul li:nth-child(2) figure {
  text-align: center;
}
footer ul li:nth-child(2) figure:nth-child(2) {
 text-align: center;
}

footer ul li:nth-child(2) figure img{
  display: none;
}
  
#events-main-banner img {
   object-position: 50% 50%;
}

#events-description {
  margin: 25px auto;
  padding: 0 25px;
}
#events-description div {
  flex-direction: column;
  gap: 25px;
}

#events-description div div {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
}

#events-description div div div{
  max-width: 550px;

}

#events-description figure {
  display:none;
  width: 100%;
}

#events-description p{
  max-width: 550px;
}

#rooms {
    padding: 25px;
}

#rooms div div div{
  flex-direction: column;
  gap: 25px;
}

#rooms div div div div{
  display: block;
  width: 100%;
  max-width: 500px;
}

#rooms div div div div div{
  display: block;
  width: 100%;
  margin: 0;
}


#rooms p {
  color: #fff8ed;
  margin: 0 auto 12.5px;
}

.past-events {
  margin: 0 auto;
  padding: 25px;
}

.past-events  div ul{
  flex-direction: column;
  gap: 25px;
}

.past-events  div li{
  display: block;
  width: 100%;
}

.event-page .description img {
  position: relative;
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
    aspect-ratio: 2.5 / 3;
    object-fit: cover;
  
}

.event-page .description .wp-block-button{
  /* position: absolute; */
  margin-top: 70.5px;
  bottom: 0;
}

.event-page .reset {
  background-color: transparent;
}


.gallery {
  margin: 0 auto;
  padding: 0px;
  display: block;
  position:relative;
  width: 100%;
  /*background-color: #272727;*/

}

.video {
  margin: 0 auto;
  padding: 100px 100px;
  display: block;
  position:relative;
  width: 100%;
  background-color: #272727;
  text-align: center;

}

.video img {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  object-fit: cover;
  height:auto;
  aspect-ratio: 16/ 9;
}

.images {
  display: flex;
  margin: 0 auto;
  padding: 100px 100px;
  position:relative;
  width: 100%;
  text-align: center;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  gap: 25px;
}

.images img {
  width: 100%;
  max-width: calc( 100vw -100px);
  margin: 0 auto;
} 

  #new-event-description {
    padding: 0 25px;
}

  #reverse-host {
    padding: 0 25px;
}
  .wp-block-gallery {
    padding: 0 25px 25px;
    flex-direction: column;
}

    .wp-block-gallery figure{
    width: 100%!important;
}

  #included-event div {
    gap: 25px;
    flex-direction: column;
}

  #included-event div div {
    width: 100%;
    margin: 0;
    padding: 0;
}

  #event-page .book-a-call div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 25px;
    border: 3px solid #272727;
    width: 100%;
    min-width: 235px;
    max-width: 1000px;
}

  #new-event-description div {
  width: 100%;
  gap: 25px;
  margin: 0 auto 25px;
  display: flex;
  flex-direction: column;
}

#new-event-description div div {
  width: 100%;
  margin: 0 auto;
  display: block;
}
#event-page div div figure {
    width: 100%;
    margin: 0;
}

  #reverse-host div {
    flex-direction: column;
    margin: 0 auto 25px;
    align-items: center;
}

  #reverse-host div div {
    width: 100%;
    margin: 0;
}
  
}