body{
background: #ebe4d1 !important;
margin-left: 3vw;
margin-right: 3vw;
}

/* Sections */
section.edit{
margin-bottom: 0;
display: flex;
width: auto;
}

.absolute{
z-index: 9 !important;
position: absolute;
left:2rem;
top:50%;
transform:translateY(-70%);
}

.absolute .block div{
  margin-bottom: 2.5rem;
}

.resident-logo{
  border: solid 20px red !important;
}

section.beige > .column > .blocks > .block h1 {
  color: #eae4d3 !important;
  z-index: 9999 !important;
  font-family: Macan Stencil Semibold !important;
  font-size: 7rem !important;
  line-height: 7.5rem !important;
}

section.beige > .column > .blocks > .block h3 {
  color: #eae4d3 !important;
  z-index: 9999 !important;
  font-family: Macan Regular !important;
  font-size: 2.5rem !important;
  line-height: 3rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.column{
margin: 0;
padding: 0 !important;
width: 100% !important;
height: auto;
float: left;
}


.content{
padding: 20px;
}

.neighbours h1{
padding-bottom: 1rem;
}

.increased-margin{
padding-bottom: 10vh !important;
}

.timeline h1{
border-top: solid 1px #c5b796 !important;
padding-bottom: 4rem;
padding-top: 4rem;
font-size: 10rem !important;
letter-spacing: -5pt !important;
}

.neighbours a{
color: #3D422E !important;
scale: 1;
}

.neighbours a:hover{
color: #00fa9f !important;
scale: 1.5;
}

/* Apply styles to images within blocks */
.block h1{
color: black;
}
.block h2{
color: black;
}
.block p{
color: black;
}

.resident-logo {
  border: solid 20px red !important;
}

.full {
width: 100vw; /* Make the layout full width of the viewport */
height: 100vh; /* Make the layout full height of the viewport */
display: flex; /* Use flexbox to center content vertically and horizontally */
justify-content: center; /* Center horizontally */
max-height: 100vh !important;
position: relative; /* Position relative to enable clipping */
overflow: hidden; /* Clip the content that overflows the container */
}

.full img {
width: 100vw !important;
height: 100vh !important;
object-fit: cover;
position: relative;
z-index: 2;
}

.full-content p{
margin-left: 3vw !important;
margin-right: 3vw !important;
}

.full-content h1{
border-bottom: solid 1px #c4b795 !important;
margin-left: 3vw !important;
margin-right: 3vw !important;
padding-bottom: 1rem !important;
margin-bottom: 1.5rem !important;
}

.block{
padding: 1em;
}

section.full .block{
padding: 0em !important;
}

/* Apply overlay layer based on the "Overlay" toggle */
section.overlay::before {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 5;
}


.half-full {
width: 100vw;
height: 25vh;
display: flex;
align-items: center;
justify-content: center;
max-height: 100vh !important;
}

.full-text-margin{
margin: calc(3vw + 1rem) !important;
}

.cover{
margin: 0 !important;
z-index: 2!important;
text-align: left;
position: absolute;
left:2vw;
bottom: 1vh;
max-width: 75vw;
}

/* Apply margin styles based on the toggle */
section.full {
margin-left: -3vw !important;
margin-right: -3vw !important;
}

@media only screen and (max-width: 1300px) {
  body{
    margin-left: 6vw !important;
    margin-right: 6vw !important;
    }

.absolute{
z-index: 9 !important;
position: absolute;
left:2rem;
top:50%;
transform:translateY(-80%);
}

.absolute .block div{
  margin-bottom: 1rem;
}

section.beige > .column > .blocks > .block h1 {
  font-size: 3rem !important;
  line-height: 3.5rem !important;
  letter-spacing: 0 !important;
}

section.beige > .column > .blocks > .block h3 {
  color: #eae4d3 !important;
  z-index: 9999 !important;
  font-family: Macan Regular !important;
  font-size: 1.3rem !important;
  line-height: 3rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

.timeline h1{
border-top: solid 1px #c5b796 !important;
padding-bottom: 0rem;
padding-top: 1rem;
font-size: 2.5rem !important;
letter-spacing: 0pt !important;
}

  .full-mobile.full figure img{
    
    object-fit: fit !important;
    max-width: 100vw !important;
    height: auto !important;
    position: relative;
    z-index: 2;
  }

  .full{
  width: 100vw; /* Make the layout full width of the viewport */
  height: auto; /* Make the layout full height of the viewport */
  display: flex; /* Use flexbox to center content vertically and horizontally */
  justify-content: center; /* Center horizontally */
  max-height: 500vh !important;
  }

  section{
  display: flex;
  }
  section.edit{
  flex-direction: column;
  padding: 0 !important;
  margin: 0 !important;
  }
  .blocks{
  display: block;
  width: 100%;
  float: left;
  }
  .block{
  margin-bottom: 1rem !important;
  padding: 0 !important;
  }
  section.full {
  margin-left: -6vw !important;
  margin-right: -6vw !important;
  }

  section.full h3{
  padding-top: 3rem !important;
  padding-bottom: 4rem !important;
  }

  .empty-block{
  display: none;
  height: 0px;
  width: 0px;
  padding: 0px !important;
  margin: 0px !important;
  margin-bottom: 0rem !important;
  }
}