/*
Theme Name: Nasarna Child
Theme URI: http://themeforest.net/user/wpoceans/portfolio/
Author: wpoceans
Author URI: http://themeforest.net/user/wpoceans
Description: Nasarna - NonProfit Charity WordPress Theme
Template:	nasarna
Version: 1.0
Text Domain: nasarna-child
*/

/* Preloader cube color */
.preloader .sk-folding-cube .sk-cube:before {
    background-color: #db2d6c !important;
}


.wpo-page-title {
    background: #db2d6c !important;
}

@media screen and (min-width: 1200px) {
    .header-style-1 #navbar>ul>li>a, .header-style-2 #navbar>ul>li>a {
        font-size: 1.2rem;
    }
}

/* Override hero caption heading span color */
.hero-style-2 .slide .slide-caption h2 span {
    color: #db2d6c !important;
}

/* Buttons */
.slide-caption .btns .theme-btn {
    background-color: #db2d6c !important;
}
.slide-caption .btns .theme-btn:hover {
    background-color: #b8255a !important;
}


/* a {
    color: #db2d6c !important;
}
 */
a:hover {
    color: #b8255a !important;
}

.wpo-section-title span {
    color: #db2d6c !important;
}

.theme-btn,
.theme-btn-s2,
.theme-btn-s4,
.theme-btn-s3 {
    background-color: #db2d6c !important;
}

.wpo-mission-icon-5, .wpo-mission-icon-6, .wpo-mission-icon-7, .wpo-mission-icon-8 {
    background: #db2d6c !important;
}

/* ── Form Layout ── */
.efm-form-row-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-bottom: 1rem;
}

.efm-fgroup {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
}

/* ── Labels ── */
.efm-fgroup label,
.wpcf7-form .efm-fgroup label {
  display: block;
  font-size: 0.8rem;
  font-weight: 700;
  color: #5C3D26;
  letter-spacing: 0.04em;
  margin-bottom: 0.38rem;
  font-family: 'Nunito', sans-serif;
}

/* ── Inputs ── */
.efm-fgroup input[type="text"],
.efm-fgroup input[type="email"] {
  width: 100% !important;
  padding: 0.82rem 1.05rem !important;
  border: 1.5px solid rgba(219, 45, 108, 0.2); !important;
  border-radius: 11px !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.9rem !important;
  color: #2C1A0E !important;
  background: #fdf0f5 !important;
  outline: none !important;
  box-shadow: none !important;
  height: auto !important;
  transition: border-color 0.2s !important;
  display: block !important;
}

/* ── Select ── */
.efm-fgroup select {
  width: 100% !important;
  padding: 0.82rem 1.05rem !important;
  border: 1.5px solid rgba(219, 45, 108, 0.2); !important;
  border-radius: 11px !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.9rem !important;
  color: #2C1A0E !important;
  background: #fdf0f5 !important;
  outline: none !important;
  box-shadow: none !important;
  height: auto !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23C2622D' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  cursor: pointer !important;
  transition: border-color 0.2s !important;
  display: block !important;
}

/* ── Textarea ── */
.efm-fgroup textarea {
  width: 100% !important;
  padding: 0.82rem 1.05rem !important;
  border: 1.5px solid rgba(219, 45, 108, 0.2); !important;
  border-radius: 11px !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 0.9rem !important;
  color: #2C1A0E !important;
  background: #fdf0f5 !important;
  outline: none !important;
  box-shadow: none !important;
  min-height: 130px !important;
  resize: vertical !important;
  transition: border-color 0.2s !important;
  display: block !important;
}

/* ── Focus States ── */
.efm-fgroup input[type="text"]:focus,
.efm-fgroup input[type="email"]:focus,
.efm-fgroup select:focus,
.efm-fgroup textarea:focus {
  border-color: #C2622D !important;
  background: white !important;
}

/* ── Submit Button ── */
.wpcf7-form input[type="submit"] {
  width: 100% !important;
  padding: 1rem !important;
  background: #db2d6c !important;
  color: white !important;
  border: none !important;
  border-radius: 11px !important;
  font-family: 'Barlow Condensed', sans-serif;
  font-weight: 700 !important;
  font-size: 0.97rem !important;
  cursor: pointer !important;
  transition: all 0.25s !important;
  margin-top: 0.5rem !important;
  height: auto !important;
  letter-spacing: 0.02em !important;
  display: block !important;
}

.wpcf7-form input[type="submit"]:hover {
  background: #b8255a !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 20px rgba(194,98,45,0.24) !important;
}

/* ── CF7 Validation Messages ── */
.wpcf7-not-valid-tip {
  font-size: 0.78rem !important;
  color: #C2622D !important;
  margin-top: 0.3rem !important;
  display: block !important;
}

.wpcf7-response-output {
  border-radius: 11px !important;
  padding: 0.9rem 1.2rem !important;
  font-size: 0.88rem !important;
  margin-top: 1rem !important;
  border: none !important;
}

.wpcf7-mail-sent-ok {
  background: rgba(107,143,113,0.15) !important;
  color: #6B8F71 !important;
}

.wpcf7-mail-sent-ng,
.wpcf7-aborted {
  background: rgba(194,98,45,0.1) !important;
  color: #db2d6c !important;
}

/* ── Hide CF7 Spinner ── */
.wpcf7-spinner {
  display: none !important;
}

@media screen and (min-width: 1200px) {
    .contact-section .section-title-s3 span, .contact-section .section-title-s4 span {
        color: #db2d6c !important;
    }
}

.contact-section .contact-details .icon {
	background: #db2d6c !important;
}

/* ── Responsive ── */
@media (max-width: 500px) {
  .efm-form-row-2 {
    grid-template-columns: 1fr;
  }
}


@media (max-width: 991px) {
    .wpo-site-header .navbar-header button {
        background-color: #db2d6c !important;
    }
}

@media (max-width: 991px) {
    .wpo-site-header #navbar .close-navbar {
        background-color: #db2d6c !important;
    }
}