@charset "UTF-8";
@font-face {
  font-family: MsMadi;
  src: url(https://menholiday.jeffreyscottagency.com/wp-content/themes/base-theme/assets/fonts/MsMadi-Regular.ttf);
}
html, .entry-content {
  margin-top: 0 !important;
}
body, p {
  font-family: "Montserrat", sans-serif;
}
h1, .is-style-subtitle-smaller-line {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1em, 5vw, 2.5em);
  font-weight: 300;
  max-width: fit-content;
  margin: auto;
}
h1 .fancy, .is-style-subtitle-smaller-line .fancy {
  color: #2F4A2B;
  font-family: "MsMadi", serif;
  font-size: 3.5em;
  margin-right: 0.2em;
}
a {
  text-decoration: none;
}
.back-to-men {
  position: absolute;
  top: 3em;
  right: 5em;
  transition: letter-spacing 300ms ease-in-out;
}
.back-to-men:hover {
  letter-spacing: 3px;
}
#masthead, #colophon {
  display: none;
}
.slick-list {
  padding: 0;
}
.slick-list .wp-block-getwid-post-carousel__slide, .slick-list .wp-block-getwid-template-post-featured-background-image__image {
  aspect-ratio: 1;
  min-height: 250px;
  height: 100%;
}
/*Twinkle Stars*/
.stars {
  position: relative;
}
.tiny-star.first.flicker {
  animation-delay: 0.25s;
  position: absolute;
  bottom: 2vw;
  left: 8vw;
  width: clamp(20px, 100%, 50px);
  z-index: -1;
  object-fit: contain;
}
.tiny-star.first.flicker img {
  width: 100%;
}
.tiny-star.second.flicker {
  animation-delay: 0.5s;
  position: absolute;
  right: 6vw;
  top: 10vw;
  width: clamp(20px, 100%, 50px);
  z-index: -1;
  object-fit: contain;
}
.tiny-star.second.flicker img {
  width: 100%;
}
.large-star.flicker {
  animation-delay: 1s;
  position: absolute;
  top: 3vw;
  left: -2vw;
  width: clamp(120px, 100%, 250px);
  z-index: -1;
  object-fit: contain;
}
.large-star.flicker img {
  width: 100%;
}
.medium-star.flicker {
  animation-delay: 0.5s;
  position: absolute;
  bottom: 6vw;
  left: 4vw;
  width: clamp(50px, 100%, 150px);
  z-index: -1;
  object-fit: contain;
}
.medium-star.flicker img {
  width: 100%;
}
.flicker {
  animation-name: flicker;
  animation-duration: 3s;
  animation-iteration-count: 10;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}
@keyframes flicker {
  0% {
    opacity: 0.8;
  }
  25% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
  75% {
    opacity: 0.1;
  }
  100% {
    opacity: 0.9;
  }
}
/*Form*/
#postform {
  margin-top: 2em;
}
.form-container {
  max-width: 700px;
}
hr {
  margin: 3em 0;
}
input[type="text"], input[type="email"], input[type="tel"] {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid #8F8F8F;
  border-radius: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 1.1em;
  margin: 0.4em 0 0.4em 0;
  transition: border 100ms ease;
}
input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="tel"]::placeholder {
  color: #000;
  font-family: "Montserrat", sans-serif;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus {
  background-color: transparent;
  border-bottom: 2px solid #2F4A2B;
  outline: none;
}
.error input[type="text"], .error input[type="email"], .error input[type="tel"] {
  border-bottom: 2px solid #b00905;
}
.errorMessage {
  color: #b00905;
  background-color: #b009051c;
  margin-top: 0;
  padding: 0.5em;
}
.errorMessage::before {
  content: "❗";
  color: #b00905;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 5px;
  margin-left: 5px;
}
input[type="file"] {
  font-family: "Montserrat", sans-serif;
  color: #000;
  cursor: pointer;
  font-weight: 300;
  width: 100%;
  margin: 1em 0 0.2em 0;
}
input[type="file"]::file-selector-button {
  background-color: #2F4A2B;
  border-radius: 30px;
  border: none;
  color: #fff;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  padding: 0.5em 1em;
}
input[type="file"]::file-selector-button:hover {
  background-color: #CF9F5C;
  color: #000;
}
.consent {
  display: flex;
  gap: 1em;
}
.consent label[for="consent_marketing"] {
  flex-basis: 90%;
}
.consent.error {
  flex-wrap: wrap;
}
.consent.error .errorMessage {
  flex-basis: 100%;
}
input[type="checkbox"] {
  appearance: none;
  background-color: #fff;
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(2px);
  display: grid;
  place-content: center;
  width: 25px;
  height: 25px;
  aspect-ratio: 1;
}
input[type="checkbox"]::before {
  content: "";
  width: 0.9em;
  height: 0.9em;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #2F4A2B;
}
label {
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  font-size: 1.1em;
}
input[type="checkbox"]:checked::before {
  transform: scale(1);
}
button {
  background-color: #2F4A2B;
  border: 2px solid #2F4A2B;
  border-radius: 30px;
  color: #ffffff;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: 3px;
  margin-bottom: 0.3em;
  padding: 15px;
  text-transform: uppercase;
  width: 100%;
  transition: all 300ms ease;
}
button:hover, button:focus {
  background: #ffffff;
  border-color: #2F4A2B;
  color: #2F4A2B;
}
input:-webkit-autofill {
  -webkit-text-fill-color: #000;
  -webkit-box-shadow: 0 0 0px 1000px #f0f5ef inset;
}
.success {
  background-color: #446d3f14;
  color: #446d3f;
  padding: 1.7em;
  font-weight: 600;
  border-radius: 1em;
  font-size: 1.1em;
}
@media screen and (max-width: 781px) {
  .medium-star, .large-star, .tiny-star {
    opacity: 0.3;
  }
  .wp-block-columns {
    flex-direction: column;
  }
  .form-container {
    max-width: 100%;
    padding: 6vw;
  }
  .flicker {
    animation: none;
  }
  .wp-block-cover {
    min-height: 50vh !important;
  }
  .tiny-star.first.flicker {
    bottom: -18vw;
    left: 78vw;
  }
}
@media screen and (max-width: 600px) {
  .large-star.flicker {
    width: clamp(100px, 100%, 100px);
  }
  .back-to-men {
    position: absolute;
    top: 1em;
    right: 2em;
  }
}