body, html {
    width: 100%;
    max-width: 100%;
    position: relative;
    display: block;
}


#main-header.opacity-1 {
    opacity: 1 !important;
    z-index: 200;
}


  /* Remove hanging indent, keep bullet outside */
  .bullet-no-indent {
    padding-left: 1.25rem; /* space for bullet */
    text-indent: 0;
  }
  .bullet-no-indent > li {
    position: relative;
    padding-left: 1.25rem; /* space for bullet */
  }
  .bullet-no-indent > li::marker {
    position: absolute;
    left: 0;
  }


/* Foreground image: pinned to bottom, fades in + slides up   *************************************/
/**************************************************************************************************/
  
    .fade-image {
        position: absolute;
        bottom: -180px;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 0;
        z-index: 2;
        pointer-events: none;
        transform: translateY(150px);
        transition: opacity 0.3s ease-out, transform .6s ease-out;

        /* Fade bottom to transparent using a mask */
        -webkit-mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
        mask-image: linear-gradient(to bottom, black 70%, transparent 100%);
    }

    .fade-image.animate {
        opacity: 0.3;
        transform: translateY(0);
    }


    .fade-content {
     
        width: 100%;
        height: auto;
        opacity: 0;
        z-index: 2;
        pointer-events: none;
        transform: translateY(150px);
        transition: opacity 0.3s ease-out, transform .6s ease-out;

    }

    .fade-content.animate {
        opacity: 1;
        transform: translateY(0);
    }



/* colors  **********************************************************************************/
/**************************************************************************************************/

    .blue-overlay {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(78, 129, 144, 0.6);
        z-index:1;
    }

    .blue-overlay-second {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(78, 129, 144, 0.5);
        z-index:3;
    }



       section.contentbgoverlay .blue-overlay {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(78, 129, 144, 0.3);
        z-index:1;
    }

        section.contentbgoverlay .blue-overlay-second {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(78, 129, 144, 0.2);
        z-index:3; 
    }

    .brown-overlay {
        content: '';
        position: absolute;
        inset: 0;
        background: rgb(141, 128, 101, .50); 
        z-index:1;
    }

    .brown-overlay-second {
        content: '';
        position: absolute;
        inset: 0;
        background:rgb(141, 128, 101, .50); 
        z-index:3;
    } 

   section.contentbgoverlay  .brown-overlay {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(245, 230, 204, 0.1);
        z-index:1;
    }

    section.contentbgoverlay   .brown-overlay-second {
        content: '';
        position: absolute;
        inset: 0;
        background:rgba(244, 236, 222, 0.2);
        z-index:3;
    } 


    





/* section-one  **********************************************************************************/
/**************************************************************************************************/
    
    
    section {
        position: relative;
        height: 100% !important;
        min-height: 100vh !important;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: white;
        padding: 1rem;
        z-index: 80;
        transition: background-position 0.2s ease-out;
        will-change: background-position;
    }

    .section-content  {
        position: relative;
        z-index: 5;
        max-width: 1300px;
        padding: 0px 20px;
    }


     /* section.contentbgoverlay .section-content.brown {

         background:rgba(244, 236, 222, 0.9);
         color: #3A2A1A;

     } */

    section.contentbgoverlay .section-content.Blue {

         background:rgb(83, 130, 152, .9);
         color: #fff;

     }

    section.contentbgoverlay .section-content.White {

         background:rgba(244, 236, 222, 0.9);
         color: #fff;

     }

    section.contentbgoverlay .section-content.Brown {

         background:rgb(138, 125, 94, .95);
         color: #fff;

     }


.modalWindow .Blue {

         background:rgb(83, 130, 152);
         color: #fff;

     }
.modalWindow .White {

         background:rgba(244, 236, 222);
         color: #fff;

     }

.modalWindow .Brown {

         background:rgb(138, 125, 94);
         color: #fff;

     }

    

    


  


/* section-two   **********************************************************************************/
/**************************************************************************************************/

/* ===== Wrangle Media Form Styles ===== */

:root {
  --wrangle-color: #033a54;
}

/* ===== Wrangle Media Gravity Form Style ===== */

.gform_wrapper.gravity-theme {
  max-width: 768px; /* Tailwind's max-w-3xl */
  margin-left: auto;
  margin-right: auto;
  padding: 2.5rem 1rem; /* 40px top/bottom, 16px sides */
  background-color:rgb(2, 41, 60, .8);
  border-radius: 0;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);

}

.gform_wrapper.gravity-theme::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none; /* so clicks pass through */
  
  background-color: inherit; /* or different color */
  -webkit-mask-image: url('../wp-content/themes/wrangle-media/assets/images/title-texture.webp');
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: cover;

  mask-image: url('../wp-content/themes/wrangle-media/assets/images/title-texture.webp');
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: cover;
}

.gform_wrapper.gravity-theme .gfield.gfield--width-full {
    text-align: left;
}

.gform_wrapper.gravity-theme input {
   height: 50px;
}

.gform_wrapper.gravity-theme input::placeholder,
.gform_wrapper.gravity-theme textarea::placeholder {
  color: #fff !important; /* Light gray-blue tone matching Wrangle's palette */
  opacity: 1; /* Ensure full visibility */
}

/* Optional: Different color for focus state */
.gform_wrapper.gravity-theme input:focus::placeholder,
.gform_wrapper.gravity-theme textarea:focus::placeholder {
  color: #fff !important;/* Wrangle brand color */
}

.gform_wrapper.gravity-theme input:not(:placeholder-shown),
.gform_wrapper.gravity-theme textarea:not(:placeholder-shown) {
  background-color: #648ea3 !important; 
  border-color: #648ea3 !important;
}

.gform_wrapper.gravity-theme input:-webkit-autofill,
.gform_wrapper.gravity-theme textarea:-webkit-autofill,
.gform_wrapper.gravity-theme select:-webkit-autofill {
  box-shadow: 0 0 0 1000px #648ea3 inset !important;
  -webkit-box-shadow: 0 0 0 1000px #648ea3 inset !important;
  -webkit-text-fill-color: #fff !important; /* Optional: change text color */
  transition: background-color 5000s ease-in-out 0s;
}
 

.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
 .gform_wrapper textarea {
    background-color: #648ea3 !important;
    border: #648ea3 !important;
    border-radius: 0px !important;
    padding: 10px 10px !important;
}

.gform_wrapper .gform-grid-row {
        gap: 1rem 0px !important;
}

/* Headings */
.gform_wrapper .gform_title {
 display: none;
}
.gfield_label, .gfield_description {
    text-align: left !important;
    color: #fff !important;
}

.gfield_description {
    padding-top: 0px !important;
}

/* Label styling */
.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label {
  display: block;
  color: #1f2937; /* gray-800 */
  font-weight: 600;
  margin-bottom: 0.5rem;
}

/* Required indicator */
.gform_wrapper .gfield_required_text {
  color: #dc2626; /* red-600 */
  font-size: 0.875rem; /* text-sm */
  font-weight: 400;
  margin-left: 0.25rem;
}

/* Input & Textarea fields */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper textarea {
  width: 100%;
  padding: 0.75rem 1rem; /* 12px 16px */
  border: 1px solid #d1d5db; /* gray-300 */
  border-radius: 0.375rem; /* rounded-md */
  font-size: 1rem;
  line-height: 1.5;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus {
  border-color: var(--wrangle-color);
  box-shadow: 0 0 0 2px rgba(3, 58, 84, 0.3);
}

/* Name & email layout */
.gform_wrapper .gform-grid-row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.gform_wrapper .gform-grid-col--size-auto {
  flex: 1;
  min-width: 12rem;
}

/* Field spacing */
.gform_wrapper .gfield {
  margin-bottom: 1.5rem;
}

/* Description text */
.gform_wrapper .gfield_description,
.gform_wrapper .ginput_counter {
  font-size: 0.875rem; /* text-sm */
  color: #6b7280; /* gray-500 */
  margin-top: 0.25rem;
}

/* Submit Button */
.gform_wrapper .gform_footer .gform_button {
  background-color: var(--wrangle-color);
  color: white;
  font-weight: bold;
  padding: 0.75rem 1.5rem; /* 12px 24px */
  font-size: 1rem;
  border: none;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: inline-block;
  margin-top: 1rem;
}

.gform_wrapper .gform_footer .gform_button:hover {
  background-color: #022c3d;
}




@media (max-width: 499px) {

 section {

    padding-top: 100px;
    padding-bottom: 100px;

}

.scroll-arrow {
    display:none;
}

#logo-layer {
    background-size: 255%;
    top: 43px;
}

}

.gform_wrapper.gravity-theme .gfield_required {
        color: #E97451 !important;
}