/*************************8      header css           ****************************************************/

.shrink {background:rgba(255,255,255,1); box-shadow:0px 5px 12px rgba(0,0,0,.5); z-index:999;}

.logo {max-height:112px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .logo {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}

.main-nav{-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.shrink .main-nav{padding:5px 0px!important;box-shadow:0px 5px 12px rgba(0,0,0,.5);}

/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:0px;}
.navbar .nav-item{margin:0px 1px;font-size:14px;text-transform:uppercase;font-weight:600;letter-spacing:0.05em;}
.navbar .nav-item .nav-link{color:#3e3e3e;}
.navbar .nav-item.active .nav-link,.navbar .nav-item .nav-link:hover{color:#4eb6fb;}

.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;background-color:#4eb6fb;}

/**********                Home page css       *******************************/

.banner .hhd{text-shadow:5px 0px 5px rgba(0,0,0,0.35);}

.testimonial .quote-lt{top:10%;}
.testimonial .quote-rt{top:10%;}

.form-height{height:210px;}

/**************              Footer                 ******************************/

.footer,.footer a{color:#a6a6a6;}
.footer a.active,.footer a:hover{color:#4eb6fb;}
.footer a.text-danger:hover{color:#fff!important;}
.copy{border-top:solid 1px #5c5c5d;}

/********************     Media query       ***************************************/

@media (min-width: 1920px){
	.banner img {height:750px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
	.page-banner img {height:600px; width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;}
}

@media (min-width: 1600px){
	.container {max-width: 1530px;}
	
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

	.hhd{font-size:66px;}
	.fs-20{font-size:22px;}
	.fs-30{font-size:35px;}
	
	.navbar .nav-item{margin:0px 20px;font-size:15px;}
	
	.studies .text-block{width:750px;}
	
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.navbar .nav-item{margin:0px 10px;}
}

@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.hhd{font-size:50px;}
	.hd{font-size:35px;}
	.fs-30{font-size:25px;}
	
	.navbar .nav-item{font-size:12px;letter-spacing:0em;margin:0px;}
	.main-nav .fs-15{font-size:13px;}
}

@media (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
		
	.hhd{font-size:40px; }
	.hd{font-size:30px; }
	h1,h2.h1{font-size:30px; }
	.fs-30{font-size:23px;}
	.bodr-bottom:after {margin:0px auto;}
	
	.services{color:#fff;}
	.services.bg-gradient1{background:#4eb6fb;}
	.services .bodr-bottom:after {border-bottom:solid 2px #fff;}
}

@media (min-width: 768px) and (max-width: 991.98px) { 
	#Navigation{justify-content: center; width:100%;margin:10px 0px 0px;} 
	.navbar .nav-item {margin: 0px 13px;}
	
	.form-height{height:197px;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.form-height{height:auto;}
		
	/**********    Navbar Css   *********************/
	
	.logo {
    height: 68px;
    margin-top: 20px;
}
	.navbar {justify-content:start;}
	
	.mobile-nav-toggle {background: none;border: 0;cursor: pointer;outline: none !important;padding: 16px 30px 16px 5px;
        transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;z-index: 9999;box-shadow: none !important;}

    .mobile-nav-active .mobile-nav-toggle.active {position: absolute;left:5px;top:30px;}

    .mobile-nav-toggle span,.mobile-nav-toggle span:before,.mobile-nav-toggle span:after {
        cursor: pointer;height: 4px;width: 23px;background: #000;position: absolute;display: block;content: '';transition: all 500ms ease-in-out;border-radius: 5px;}
    .mobile-nav-toggle span:before {top: -7px;width: 23px;}
    .mobile-nav-toggle span:after {bottom: -7px;width: 23px;}
    .mobile-nav-toggle.text-white span,.mobile-nav-toggle.text-white span:before,.mobile-nav-toggle.text-white span:after {background: #fff;}

    .mobile-nav-overlay {width: 100%;height: 100%;z-index: 1038;top: 0;left: 0;position: fixed;background: rgba(0, 0, 0, 0.5);overflow: hidden;display: none;}
    .mobile-nav {position: fixed;top: 0;bottom: 0;z-index: 1040;overflow-y: auto;left: -280px;width: 280px !important;
        padding: 20px;background:#4eb6fb;transition: 0.4s;-moz-transition: 0.4s;-webkit-transition: 0.4s;}
    .mobile-nav * {list-style: none;color: #fff !important;}
	.mobile-nav {height: auto!important;}
	
    .mobile-nav .dropdown-menu {position: static !important;transform: none !important;background: none !important;padding-left: 25px;}
    .mobile-nav .dropdown-menu .dropdown-item-text {margin: 5px 0px;padding: 2px 10px;}
    .mobile-nav .dropdown-menu .dropdown-item {margin: 10px 0px;}
	.mobile-nav .dropdown-menu .dropdown-item .fa {display: none;}
    .mobile-nav .dropdown-menu .dropdown-item:before {content: "\00BB";margin-right: 5px;font-size: 20px;line-height: 1;}

	.mobile-nav ul{border:none!important;}
	.mobile-nav ul > .nav-item:not(.list-inline-item) {padding: 5px;width: 100%;}
	.mobile-nav ul > .nav-item > .nav-link {display: block;position: relative;color: #fff !important;
		padding: 0px !important;font-weight: 500;font-size: 20px;text-transform: uppercase;text-align: left !important;
		text-decoration: none !important;background: none;border: none;}
    .mobile-nav ul > .nav-item > button.nav-link {font-size: 16px;}
	.mobile-nav ul > .nav-item > button.nav-link.active span {color: #3DAA34 !important;}
	.mobile-nav ul > .nav-item > .nav-link > img {width: 20px;margin-right: 10px;}
	
    .mobile-nav-active {overflow: hidden;}
	.mobile-nav-active #Header {background-color: transparent !important;z-index: 1040;}
	.mobile-nav-active .mobile-nav-toggle.active span:after {width: 23px;}
	.mobile-nav-active .mobile-nav-toggle.active span {background-color: transparent;}
    .mobile-nav-active .mobile-nav-toggle.active span:before,.mobile-nav-active .mobile-nav-toggle.active span:after {top: 7px;}
    .mobile-nav-active .mobile-nav-toggle.active span:before {bottom: 0px;background: #fff;transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg);}
	.mobile-nav-active .mobile-nav-toggle.active span:after {background: #fff;transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
	.mobile-nav-active .mobile-nav.active {left: 0;}
	.mobile-nav-active .mobile-nav-toggle {margin-top: -15px;}
	.mobile-nav-active .mobile-nav-toggle i {color: #fff;}
            

    .mobile-nav ul.navbar-nav > li.nav-item > .megamenu,
    .mobile-nav ul.navbar-nav > li.nav-item > .sub-menu {
        font-size: 15px;font-weight: 400;position: static;background: none;color: #fff;padding: 0px;border: none;display: none;}

	.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a,
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a {
		display: block;padding: 10px 20px;color: #fff;}

	.mobile-nav ul.navbar-nav > li.nav-item > .megamenu a:before,
	.mobile-nav ul.navbar-nav > li.nav-item > .sub-menu > li > a:before {
		display: inline;content: "\00bb";margin-right: 5px;}

    .mobile-nav-active .mob-menu-btn {display: block;}
}

@media (max-width: 575.98px){
	.banner img {height:400px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
	.navbar-brand {display: block;max-width: calc(100% - 90px);}
	
	.testimonial .quote-lt,.testimonial .quote-rt{display:none;}
	.testimonial .w-85{width:100%;}
}

/* New */

.bg-image-box {
  background-image: url('https://mk.elevateomdev.com/pulfordfarmdairies/wp-content/uploads/2025/09/background-crop.jpg'); /* Replace with your image */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  color: #fff;
}

.bg-image-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 118, 192, 0.85); /* blue overlay (adjust opacity) */
  z-index: -1;
}

.bg-image-box .service-box {
  position: relative;
  z-index: 2; /* keep text above overlay */
}




/* old */
  .arrow {
      position: relative;
      padding-left: 20px;
      font-size: 16px;
      color: #fff;
    }
    .arrow::before {
      content: "\27A4"; /* Arrow icon */
      position: absolute;
      left: 0;
      color: #2196f3; /* Blue arrow */
      font-size: 14px;
    }
	
	
	.arrow1 {
      position: relative;
      padding-left: 20px;
      font-size: 13px;
      
    }
    .arrow1::before {
      content: "\27A4"; /* Arrow icon */
      position: absolute;
      left: 0;
      color: #2196f3; /* Blue arrow */
      font-size: 14px;
    }
	
	
	.stars i {
  font-size: 15px;
  margin: 0 2px;
  color: #4eb6fb!important; /* custom blue */
}


 .bg-blue {
    background-color: #4eb6fb; /* same blue */
  }
  .testimonial-banner img {
    height: 100%; 
    object-fit: cover; /* ensures image fills the column */
  }
  
  .about-banner img {
    object-fit: cover; /* ensures image fills box */
  }
  
  .insurance-card {
    border: 1px solid #ddd;
    border-radius: 12px;
  }
  .insurance-footer {
    font-size: 14px;
    font-weight: 500;
  }
  
  textarea.wpcf7-form-control.wpcf7-textarea.wpcf7-validates-as-required.form-control {
    height: 138px;
}



.survey-box {
    display: flex; 
    align-items: stretch; 
}

.survey-box .wp-block-column:has(img) {
    display: flex;
}


.survey-box .wp-block-column img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    border-radius: 8px; 
}




ul#menu-footer-menu {
    line-height: -12px!important;
    margin-left: -12px;
    /* line-height: 24px; */
    font-size: 12px;
}

.abt{object-fit:cover;}

.logo2{max-height: 82px; margin-left: 10px;}
.shrink .logo2 {max-height:50px;-webkit-transition: 0.5s;-moz-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; margin:4px 0px;}


.studies-bg {
  position: relative;
  background-image: url('https://d3sr81500wlagd.cloudfront.net/pulfordfarmdairies/wp-content/uploads/2025/09/19113905/background-crop.jpg'); /* replace with your image */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  color: #fff;
}

.studies-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.6); /* dark overlay for clarity */
  z-index: -1;
}

.studies-bg .container {
  position: relative;
  z-index: 2; /* keep text & images above overlay */
}


.parallax-section {
  position: relative;
  background-image: url('https://mk.elevateomdev.com/pulfordfarmdairies/wp-content/uploads/2025/09/fieldspartyandholly019.webp'); /* Replace with your field image */
  background-size: cover;
  background-position: center;
  background-attachment: fixed; /* Parallax effect */
  padding: 80px 0;
  z-index: 1;
}

.parallax-section .overlay {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.5); /* Dark overlay for clarity */
  z-index: 1;
}

.parallax-section .container {
  position: relative;
  z-index: 2; /* Content stays above overlay */
}

.content-box {
    background: rgb(188 184 184 / 38%);
    padding: 20px;
    border-radius: 8px;
}





textarea.wpcf7-form-control.wpcf7-textarea {
    height: 130px;
}

.grecaptcha-badge {
width: 70px !important;
overflow: hidden !important;
transition: all 0.3s ease !important;
left: 4px !important;
}
.grecaptcha-badge:hover {
width: 256px !important;
}

.grecaptcha-badge {

visibility: hidden;

}
.foogallery .fg-item img {
    width: 200px;
    height: 200px;
    object-fit: cover;
}