/**
 * Theme Name:     Twenty Twenty-Five Child
 * Author:         the WordPress team
 * Template:       twentytwentyfive
 * Text Domain:	   twenty-twenty-five-child
 * Description:    Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
 */

/*  ----- body ----- */
body {
  background: #fff7e9;
}
.wp-block-post-title {
  display: none;
}
.text-justify {
  text-align: justify !important;
}

/*header*/
header .wp-block-navigation-item {
  font-size: clamp(0.625rem, -0.375rem + 1.25vw, 1.125rem) !important;
}
.wp-block-navigation-item a:hover {
  text-decoration: none !important;
  color: #ff7c76 !important;
}
.wp-block-navigation-item a:focus {
  outline: none !important;
}
.current-menu-item > a {
  color: #ff7c76 !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
  height: 0.7em !important;
  width: 0.7em !important;
  margin-left: 0.5em !important;
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
  margin-top: -0.25em !important;
}
.wp-block-navigation__submenu-container {
  border: unset !important;
  min-width: unset !important;
  white-space: nowrap !important;
}
.wp-block-navigation__submenu-container li > a {
  padding: 0.7em 1em !important;
}

/*footer*/
footer .wp-block-navigation-item,
.footer-title {
  font-size: clamp(0.625rem, -0.375rem + 1.25vw, 1.125rem) !important;
  margin-bottom: 20px !important;
}

/*  ----- slider fonts ----- */
.n2-ss-slider h2 {
  font-family: "Editors Note Regular" !important;
}
.n2-ss-slider h2 span {
  font-family: "Editors Note Italic" !important;
}

.n2-ss-text {
  font-size: clamp(1.5625rem, -2.0833rem + 4.8611vw, 3.75rem) !important;
}

/*blocks*/
/*white-img-fh-right*/
@media screen and (min-width: 481px) {
  .padding-200 {
    padding-right: clamp(7.813rem, 10.42vw, 12.5rem) !important;
  }
  .padding-325 {
    padding-right: clamp(15.625rem, 7.813rem + 10.42vw, 20.313rem) !important;
  }
}

/*yellow-heading-3col-list-cta*/

/* @media (max-width: 1536px) {
  .font-list-gap .kt-svg-icon-list {
    grid-row-gap: 15px !important;
  }
}

@media (min-width: 1536px) and (max-width: 1600px) {
  .font-list-gap .kt-svg-icon-list {
    grid-row-gap: 14px !important;
  }
} */

/*popup*/

.pum-container.pum-scrollable .pum-content {
    overflow-y: auto;
}

/* ----- wpform styles ----- */
.wpforms-container-full {
  width: 100% !important;
}
.wpforms-form {
}
.wpforms-field-label {
  font-family: "Open Sans", sans-serif !important;
  font-size: 20px;
  text-transform: uppercase !important;
  color: #31261d !important;
  font-weight: bolt;
}
.wpforms-uploader,
.wpforms-field-row-block select,
.wpforms-field input,
.wpforms-field textarea {
  font-family: "Open Sans", sans-serif !important;
  background: transparent !important;
  border-radius: 40px !important;
  color: #31261d !important;
  border: 1px solid #31261d !important;
  height: 50px !important;
}
.wpforms-uploader {
  height: 100px !important;
}
.wpforms-field textarea {
  height: 120px !important;
}
.modern-title,
.wpforms-field-description,
.wpforms-field-sublabel {
  font-family: "Open Sans", sans-serif !important;
  font-size: 16px;
  text-transform: uppercase;
  color: #31261d !important;
}
label[for="wpforms-1253-field_5"],
#wpforms-1253-field_5 {
  display: none !important;
}
.wpforms-field-address-country {
  width: 100% !important;
}
.wpforms-form input[type="checkbox"] {
  display: none !important;
}
.wpforms-form input[type="checkbox"] + label {
  position: relative;
  padding-left: 30px;
  line-height: 20px;
  cursor: pointer;
  display: inline-block;
  color: #31261d;
}
.wpforms-form input[type="checkbox"] + label::before {
  content: "";
  position: absolute;
  left: -15px;
  top: 12px;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  border: 1px solid #31261d;
  border-radius: 50%;
  background-color: transparent;
  transition: all 0.3s ease;
}
.wpforms-form input[type="checkbox"]:checked + label::before {
  background-color: #ffbfb8;
  border: none;
}
.wpforms-submit-container {
  text-align: center;
  margin-top: 35px !important;
}
.wpforms-submit {
  font-family: "Syncopate Bold", sans-serif !important;
  width: 100% !important;
  max-width: 350px !important;
  height: 70px !important;
  background: #ff7c76 !important;
  border-radius: 40px !important;
  font-size: 22px !important;
  color: #fff7e9 !important;
  text-transform: uppercase !important;
}
/* coming soon page templates styles */
.cs-container {
  display: flex;
  flex-direction: row;
  align-items: start;
  padding: 40px;
  flex-wrap: wrap;
}
.cs-item {
  width: calc(50% - 20px);
}
.cs-logo {
  margin-bottom: 7.5rem;
  max-width: 450px;
}
.cs-image-section {
  position: relative;
}
.cs-image-section .cs-img {
  position: absolute;
  top: -60px;
  left: -30px;
  max-width: 630px;
  width: 90%;
  height: auto;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  margin: 20px;
  transform: rotate(-10deg);
}
.cs-content-section {
  max-width: 800px;
  margin: 20px;
  text-align: left;
}
.cs-italic {
  font-family: "Editors Note Italic";
  color: #ff7c76;
  font-weight: 300;
}
.cs-title {
  font-family: "Editors Note" !important;
  font-weight: 400;
  color: #31261d;
  margin-top: 10px;
  margin-bottom: 6rem;
}
.cs-btn-section {
  margin-top: 2rem;
}
.cs-grn-text {
  font-family: "Syncopate", sans-serif;
  font-size: 1.8rem;
  text-decoration: none;
  color: #337357;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 50px;
}
.cs-btn {
  background: #ff7c76 !important;
  color: #fff7e9 !important;
  font-family: "Syncopate Bold", sans-serif !important;
  font-size: 22px !important;
  line-height: 1 !important;
  padding: 23px 80px !important;
  border-radius: 40px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  transition: all 0.5s ease-out !important;
}
.cs-btn:hover {
  background: #337357 !important;
  transition: all 0.5s ease-out !important;
}

@media (max-width: 1670px) {
  .cs-image-section {
    width: calc(45% - 20px);
  }
  .cs-content-section {
    width: calc(55% - 20px);
  }
  .cs-logo {
    margin-bottom: 5.5rem;
  }
  .cs-title {
    margin-bottom: 4rem;
  }
}

@media (max-width: 1280px) {
  /*coming soon*/
  .cs-logo {
    margin-bottom: 4.5rem;
  }
  .cs-title {
    margin-bottom: 3rem;
  }
  .cs-form-logo,
  .cs-form-container {
    margin: 0 15px !important;
  }
}

@media (max-width: 1024px) {
  .cs-container {
    flex-direction: column;
    flex-direction: column-reverse;
    padding-top: 0px;
  }
  .cs-item {
    width: 100%;
  }
  .cs-image-section .cs-img {
    top: 20px;
    left: auto;
    right: 7%;
  }
}
@media (max-width: 586px) {
  .cs-item {
    margin: 20px 0 !important;
  }
  .cs-logo {
    width: 100%;
    margin-bottom: 3.5rem;
  }
  .cs-image-section .cs-img {
    position: static;
    transform: rotate(0);
  }
}

/* spinner */
.lds-wrapper {
  position: absolute;
  background: #2e3225;
  z-index: 999;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.lds-ripple,
.lds-ripple div {
  box-sizing: border-box;
}
.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  top: 40vh;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid white;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 8px;
    height: 8px;
    opacity: 0;
  }
  4.9% {
    top: 36px;
    left: 36px;
    width: 8px;
    height: 8px;
    opacity: 0;
  }
  5% {
    top: 36px;
    left: 36px;
    width: 8px;
    height: 8px;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    opacity: 0;
  }
}