/* @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,opsz,wght@0,6..96,400..900;1,6..96,400..900&display=swap');

* {
  --fontHeader: "Bodoni Moda", serif;
  --fontRegular: 'Poppins', sans-serif;
  --fontBig: 'Poppins', sans-serif;
  --fontSerif: "Bodoni Moda", serif;

  --gold: #b89c71;
  --darkGreen: #191a15;
  --darkGreenLight: #25261f;
  --cream: #fcf1db;
  --available: #40cd3a;
  --futureRelease: #e8ac17;
  --sold: #e91818;

  --colorHeader: none;
  --colorFooter: none;

  --menu1levelHoverBg: var(--gold);
  --menu1levelActive: var(--gold);
  --menu1levelBg: var(--darkGreen);
  --menuTop: var(--darkGreenLight);
  --menuBottom: var(--darkGreenLight);

  --hotspotIconSize: unset;
  --thumbLineHeight: 20px;
}

.startScreenLoader > img{
  display: none !important;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* .cormorant-garamond-300 {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
} */

.dmSerifRegular {
  /* replace with playfair */
  font-family: var(--fontHeader);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.dmSerifItalic {
  /* replace with playfair */
  font-family: var(--fontHeader);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: italic;
}

.poppinsLight {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppinsRegular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppinsBold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* fonts */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  letter-spacing: 0.05rem;
  font-weight: normal;
}

h1{
  font-size: 2rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1.125rem;
}
sup{
  vertical-align: super !important;
}

/* font color */
.white {
  color: white;
}

/* hide vertical screen locker */
.verticalScreenLocker {
  display: none !important;
}

/* header */
#header {
  border-bottom: none;
}

/* footer */
.footer {
  border-top: none;
}

/* button */
.buttonPrimary {
  background-color: var(--gold);
}

.buttonSecondary {
  background-color: var(--cream);
  color: var(--gold);
  border: 2px solid var(--gold);
}

.headerProjectTitle {
  display: none;
}

/* fancybox */
.fancybox__backdrop {
  background-color: #00000080 !important;
}

.popupContent {
  padding: 2rem;
  background-color: unset !important;
}

.enquireBtn{
  position: absolute;
  left: auto;
  right: 10px;
  top: 10px;
  padding: .75rem 1.5rem;
  transition: all 0.3s ease !important;
}

.wpforms-container{
  background: white !important;
  margin: 0 !important;
  padding: 1.5rem !important;
  overflow: auto !important;
}

.wpforms-submit-button{
  background-color: var(--gold) !important;
  color: var(--cream) !important;
  border: 1px solid var(--cream) !important;
}

.buttonSecondary.invert {
  color: var(--cream) !important;
  background-color: var(--gold) !important;
  border: 1px solid var(--cream) !important;
}

.scale-up-center {
	-webkit-animation: scale-up-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
	        animation: scale-up-center 1s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite alternate both;
}

@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@media only screen and (max-width: 900px) {
  header {
    display: none;
  }

  main {
    padding: 0.5rem 0 0 0
  }

  .menuButtonFooter {
    display: block;
  }

  .popupContent {
    width: 95%;
  }

  /* .enquireBtn{
    position: unset;
    left: unset;
    right: unset;
    top: unset;
    padding: .75rem 1.5rem;
  }

  .prevButton{
    position: fixed !important;
    top: 50%;
    left: 4px;
    transform: translateY(-50%);
  }

  .nextButton{
    position: fixed !important;
    top: 50%;
    right: 4px;
    transform: translateY(-50%);
  } */
}

@media (max-width: 575.98px){
  h1{
    font-size: 1.5rem !important;
  }
  h2{
    font-size: 1.3rem !important;
  }
  h3{
    font-size: 1rem !important;
  }
  h5{
    font-size: 0.875rem !important;
  }
}