.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1476px;}.e-con{--container-max-width:1476px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */body{
    overflow-x: hidden;
    margin: 0 !important;
}
p {
    margin: 0;
    padding: 0;
}
.dialog-message.dialog-lightbox-message {
       overflow: hidden !important;
}
.custom-header{
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    width: 100%;
    background: #ffffff00;
    z-index: 2;
}
.header-2 {
 opacity: 0;
 -moz-transition: opacity .25s ease-out!important;
  -webkit-transition: opacity .25s ease-out!important;
  transition: opacity .25s ease-out!important;
  z-index: 0 !important;
  height: 160px;
  transition: all .75s !important;
}

.elementor-sticky--effects.header-2  {
 opacity: 1!important;
 z-index: 999 !important;
 height: 100px;
}


.ct-popup .eicon-close:before {
    content: url(https://ziffafarmhouse.com/wp-content/uploads/2023/06/Layer_1-4.svg);
}

.r3-popup .elementor-column{
    min-height: 100% !important;  
}
.r3-popup .elementor-widget-wrap.elementor-element-populated {
    min-height: 100% !important;
    justify-content: space-between !important;
flex-direction: column !important;
}
.banner-form {
    max-width: 900px;
    margin: auto;
    background: #fff;
  padding: 20px;
    border-radius: 17px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 8vh;
}
.hide-over,
        .hide-over2 {
            background: url(https://ziffafarmhouse.com/wp-content/uploads/2023/07/Rectangle-32-1.svg) no-repeat;
            position: absolute;
background-size: cover;
background-position:center;
width: 100%;
transition: 0.05s ease;
    overflow: hidden;
    z-index: 1;
    transition: 0.9s ease-in-out;
  -webkit-transition: 0.9s ease-in-out;
        }
.hover-item, .hover-item2, .hover-item3, .hover-item4 {
        transition: 0.9s ease-in-out;
        }

.ct-overlay,
        .ct-overlay2,
        .ct-overlay3,  .ct-overlay4 {
            overflow: hidden;
        }
 .page-id-379 .custom-header, .error404 .custom-header, .page-id-377 .custom-header {
    background: #032F22; 
    top: 0;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
 } 
 .page-id-379 .custom-header .hover-btn-header a:hover, .error404 .custom-header .hover-btn-header a:hover, .page-id-377 .custom-header .hover-btn-header a:hover{
    background-color: #EDC178 !important;
    border-color: #EDC178 !important;
}
 
 .get-touch-form{
     max-width: 991px;
     margin: auto;
 } 
 .form-wrp {
     display: flex;
    flex-wrap: wrap;
justify-content: space-between;
margin-top: 60px
 }
  .form-inner {
    width: 43%;
}
 .req-field-wrapper {
   width: 100%;
    background: transparent;
    border: none !important;
    border-bottom: 3px solid #fff !important;
    border-radius: 0px !important;
    padding-bottom: 30px !important;
color: #fff !important;
    font-size: 35px;
    padding-left: 0 !important;
    font-family: 'Lato';
    font-weight: normal !important;
    letter-spacing: 0;
} 
.form-mess{
    margin-top: 40px
}
 .form-consent{
   margin-top: 47px; 
   font-family: 'Lato';
   font-size: 20px;
   color: #fff;
   font-weight: 300;
}
span.wpcf7-list-item.first.last {
    margin: 0;
}
.form-btn{
    font-family: 'Lato';
    font-size: 20px;
    font-weight: 500;
    line-height: 24px !important;
    color: #FFFFFF !important;
    background-color: #EDC178 !important;
    border-radius: 66px !important;
    padding: 18px 70px !important;
    border: none !important;
    cursor: pointer;
    display: block;
    margin: auto;
    margin-top:47px;
     border: 3px solid #EDC178 !important;
    transition-duration: .3s;
}
.form-btn:hover{
    transform: translateY(-8px);
    background: transparent !important;
}
 input[type="checkbox"] {
    border-radius: 100% !important;
    padding: 20px !important;
vertical-align: middle;
border: 2px solid #EDC178;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}
 input[type="checkbox"]:checked {
background-color: #EDC178;
}
.banner-form select {
 -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 30px !important;
}
.ct-popup{
backdrop-filter: blur(10px);
}
.about-slider  .nextend-thumbnail-scroller.n2-align-content-start {
    gap: 4px;
}
.about-slider .n2-thumbnail-dot {
    margin: 0px !important;
}
.nextend-thumbnail-button.nextend-thumbnail-next, .nextend-thumbnail-button.nextend-thumbnail-previous {
    opacity: 0;
}
.about-slider .n2-ss-slider-controls.n2-ss-slider-controls-below picture.skip-lazy img {
width: 100% !important;
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus{
    outline: none;
}
.wpcf7-form input::placeholder,  .wpcf7-form textarea::placeholder{
    color: #fff;
    opacity: 40%;
}
 .banner-form .controls  input::-moz-placeholder {
	 opacity: 1;
}
.wpcf7-not-valid-tip {
font-family: 'Lato';
padding-top: 10px;
}
.n2-ss-slider-4 {
  background: linear-gradient(180deg, rgba(11, 11, 11, 0.49) 0%, rgba(49, 45, 45, 0.00) 39.40%);  
} 
.footer-links:hover{
    color: #EDC178 !important;
}
.form-consent span.wpcf7-list-item-label {
    opacity: 40%;
}
.form-consent label {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.form-consent label .wpcf7-list-item-label {
padding-left: 15px;
    
}
span.wpcf7-spinner {
    display: none;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    -moz-box-shadow: 0 0 0 100px #fff inset;
    box-shadow: 0 0 0 100px #032f22 inset;
    -webkit-text-fill-color: white !important;
}
.hover-btn-header a:hover {
    border-color: #032F22 !important;
}
.hover-btn-header2 a:hover {
    border-color: #EDC178 !important;
}

.home-face figure img{
    width: 80px;
}
.home-face .elementor-column:last-child figure img{
    width: 60px;
}
.cust_slides .swiper-container { overflow: hidden; margin: auto;}


.splw-lite-header-title {
    display: none;
}
span.cur-temp {
   font-family: 'Lato' !important;
    font-size: 30px !important;
    font-weight: 300 !important;
    letter-spacing: 0px !important;
}
.splw-lite-wrapper {
    margin-top: -80px;
}
.splw-lite-wrapper .splw-cur-temp {
flex-direction: row-reverse;
    margin-left: 14px;
}

.mobile-gmail {
    margin: 0 !important;
}



  
  @media (max-width: 1200px){
      p.abc {
    padding: 20px 50px !important;
}
.page-id-377 .elementor-lightbox .elementor-swiper-button { height: fit-content !important}
  }
  
  
    
 @media (max-width: 1024px){
.banner-form {
    position: unset;
    margin-top: 100px;
} 
     .nextend-arrow-previous {
     margin-left: 30px !important;  
   } 
   .nextend-arrow-next{
    margin-right: 30px !important;
}
      p.abc {
    padding: 20px !important;
}
 .header-2 {
     height:auto;
 }
 .elementor-sticky--effects.header-2  {
      height:auto;
 }
 
 }



    
@media (max-width: 767px){
  .ct-popup  .eicon-close:before {
    content: url(https://ziffafarmhouse.com/wp-content/uploads/2023/06/Layer_1-5.svg);
}
.res-logo, .res-icon .elementor-social-icons-wrapper{
   text-align: center !important;
}
 #menu-1-263aa3e li a{
     text-align: center;
     display:block;
    padding: 8.5vh 0 !important;
 }
 .r3-popup{
     height:100vh;
     padding-top: 20px !important;
 }
    .banner-form {
    margin-top: 25px;
     padding: 15px 25px 15px 10px;
}
.elementor-button-link{
    border-width: 1px !important;
}
span.elementor-divider-separator {
    --divider-border-width: 1px;
}
.arrow .abc {
    font-size: 14px !important;
    line-height: 21px !important;
}
.form-group label {
    font-size: 15px !important;
}
.controls input[type=text] {
    font-size: 10px !important;
}
.controls {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
}
.controls input[type="date"], .controls select {
     font-size: 10px !important;
}
.contact-link a{
    text-decoration:underline;
}
.req-field-wrapper {
    font-size: 7px;
    padding-bottom: 7px !important;
    border-bottom: 1px solid #fff !important;
}
.form-wrp, .form-mess {
    margin-top: 12px;
}
.form-consent {
    font-size: 6px;
     margin-top: 12px;
}
input[type="checkbox"] {
     padding: 5px !important;
     margin-left: 0px;
    border: 1px solid #EDC178;
}
.form-btn {
    font-size: 7px;
    line-height: 10px !important;
    padding: 0px 14px !important;
    margin-top: 16px;
}
.error-section h2{
    font-size: 45px !important;
}
.error-section p{
    font-size: 10px !important;
}

    .footer-logo img {
   width: 28px !important
}
.req-field-wrapper {
   border-bottom: 1px solid #fff !important;  
}
.wpcf7-not-valid-tip {
    padding-top: 5px;
    font-size: 7px;
}
.ct-gallery .elementor-gallery-item__title{
    font-size: 12px !important;
}
 .exist-btn .elementor-widget-container{
    padding: 0 !important;
 }  
 .get-touch-form {
     max-width:100%;
 }
 .facalities-img1 figure {
   width: 53px !important;
    height: 36px !important;
 }
 .facalities-img2 figure {
   width: 37px !important;
    height: 37px !important;
 }
 .facalities-img3 figure {
   width: 46px !important;
    height: 36px !important;
 }
 .facalities-img4 figure {
   width: 33px !important;
    height: 38px !important;
 }
 .form-btn {
     border: 1px solid #EDC178 !important;
 }
 .hide-over, .hide-over2 {
     /*max-width: 59%;*/
    left: 0;
    margin: auto;
    right: 0;
 }

.animate .elementor-widget-wrap.elementor-element-populated {
    max-width: 59%;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden;
}
.r3-popup .elementor-icon i, .elementor-icon svg{
    font-size: 24px !important;
}
.ct-gallery  .elementor-gallery-item__overlay {
height: 30px !important;
}
.elementor-gallery-item__content {
    padding-bottom: 6px !important;
}
span.cur-temp {
    font-size: 15px !important;
    line-height: 20px !important;
    letter-spacing: 0px !important;
}
.splw-lite-wrapper {
    margin-top: -68px;
}
img.weather-icon {
    width: 20px;
    
}
.splw-lite-wrapper .splw-cur-temp {
    margin-left: 8px;
}
.custom-header{
    top: 20px;
}
.form-inner {
    width: 100%;
}
.form-mail {
    margin-top:0;
}
.form-consent label .wpcf7-list-item-label {
    padding-left: 5px;
}
}
 
 
 @media (max-width: 500px){
.about-slider
    .nextend-thumbnail-scroller.n2-align-content-start {
    grid-template-rows: repeat(2, 1fr) !important;
}
  .about-slider  .n2-thumbnail-dot {
    margin: 2px !important;
}
.about-slider  .nextend-thumbnail-scroller.n2-align-content-start {
    gap: 0px;
}
.about-slider  .n2-ss-slider-wrapper-outside .n2-ss-slider-controls { 
   position: absolute;
   bottom: 8px;
}
.about-slider .n2-ss-slider-controls .nextend-thumbnail-inner {
    background: transparent !important;
}
.about-slider  .n2-ss-slider-wrapper-outside {
   min-height: 80vh;
}
.about-slider .n2-ss-slider-controls {
   max-width: 100%;
}
.about-slider .n2-ss-slider-controls.n2-ss-slider-controls-below picture.skip-lazy img {
width: unset !important;
}

}
@media(max-width:1200px) and (min-width:1025px){
    .banner-form {
    width: 90% !important;
}}

@media(max-width:1700px) and (min-width:1024px){
    .gallery-btn .elementor-button{
    padding: 15px 67px 15px 67px !important;
    font-size: 25px !important;
    }
}
@media(max-width:1024px) and (min-width:768px){
    .top-banner {
    height: 100vh;
}
}

@media (min-width:1920px){
   .hd-logo img{
       width:120px !important;
   } 
}
 
 @media(min-height: 768px){
     .ham-nav a{
    padding: 5vh 0 !important;
}}

 @media(max-height: 767px){
     .ham-nav a{
    padding: 3.7vh 0 !important;
}}/* End custom CSS */