.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:left center;
}

.page-title-default{
	background-image: url(https://modernpoolsaz.com/wp-content/uploads/2025/12/wmremove-transformed-5.jpeg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:#ffffff;
	background-image: none;
}

:root{
--wd-text-font:"Raleway", Arial, Helvetica, sans-serif;
--wd-text-font-weight:500;
--wd-text-color:rgb(63,63,63);
--wd-text-font-size:16px;
}
:root{
--wd-title-font:"Oswald", Arial, Helvetica, sans-serif;
--wd-title-font-weight:700;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Oswald", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:700;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Raleway", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Oswald", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:capitalize;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Poppins", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:500;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:16px;
}
:root{
--wd-primary-color:rgb(40,171,228);
}
:root{
--wd-alternative-color:rgb(40,171,228);
}
:root{
--wd-link-color:rgb(40,171,228);
--wd-link-color-hover:rgb(156,203,47);
}
.page .main-page-wrapper{
	background-color:rgb(5,122,183);
	background-image: none;
}

:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-shop-bgcolor:rgb(40,171,228);
}
:root{
--btn-shop-bgcolor-hover:rgb(40,171,228);
}
:root{
--btn-accent-bgcolor:#83b735;
}
:root{
--btn-accent-bgcolor-hover:#74a32f;
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-shop-color: #fff;
		
					--btn-shop-color-hover: #fff;
		
					--btn-accent-color: #fff;
		
					--btn-accent-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
					
							--btn-shop-bottom-active: -1px;
				--btn-shop-brd-radius: 0.001px;
				--btn-shop-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
				--btn-shop-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
			
			
					
									--btn-accent-brd-radius: 0px;
				--btn-accent-box-shadow: none;
				--btn-accent-box-shadow-hover: none;
				--btn-accent-box-shadow-active: none;
				--btn-accent-bottom: 0px;
			
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-width: 1222px;
		}
	
			.elementor-section.wd-section-stretch > .elementor-column-gap-no {
			max-width: 1192px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-narrow {
			max-width: 1202px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-default {
			max-width: 1212px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-extended {
			max-width: 1222px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wide {
			max-width: 1232px;
		}
		.elementor-section.wd-section-stretch > .elementor-column-gap-wider {
			max-width: 1252px;
		}
		@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
			div.wd-popup.popup-quick-view {
			max-width: 920px;
		}
	
	
	
	
			.woodmart-woocommerce-layered-nav .wd-scroll-content {
			max-height: 223px;
		}
	
	
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//modernpoolsaz.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=7.0.4") format("woff2");
}

  /* Mobile (0–991px) par hide */
@media (max-width: 991px) {
    ul#menu-master-menu {
        display: none !important;
    }
}


.lSAction > a {
    color: white !important;
    background-image: url('https://modernpoolsaz.com/wp-content/uploads/2025/11/controls.png');

}

.site-icon:nth-of-type(2) a.woodmart-main-logo img {
	background: #fff;
}

.lSSlideOuter .lSPager.lSGallery li {
    border: 5px white !important;
}

/* Only target arrows inside the Information Carousel */
.owl-carousel.info-box-carousel .owl-prev.wd-btn-arrow {
    background: #ffffff;
    color: #057ab7 !important;
    border-radius: 40px;
}

.owl-carousel.info-box-carousel .owl-next.wd-btn-arrow {
    background: #ffffff;
    color: #057ab7 !important;
    border-radius: 40px;
}

.wd-prefooter.woodmart-prefooter {
    background: #057AB7;
}
.info-box-content {
    background: #96D6E7;
    padding: 20px;
    margin-top: -16px;

    border-radius: 0px 0px 10px 10px !important;
        height: 300px;
}
.info-box-icon {
    border-radius: 10px 10px 0px 0px;
}
a.btn.btn-style-bordered.btn-style-rectangle.btn-size-default.btn-color-black.btn-icon-pos-right:hover {
    background: #057AB7;
    border: 0px solid;
    border-radius: 05px;
}
a.btn.btn-style-bordered.btn-style-rectangle.btn-size-default.btn-color-black.btn-icon-pos-right {
    border-radius: 05px;
    border: 1px solid;
}
.page-title.page-title-default.title-size-large.title-design-centered.color-scheme-light {
    padding-top: 250px !important;
    padding-bottom: 170px !important;
}

.sticky-footer-on .footer-container {
    position: relative;
    margin-top: -535px !important;
}

svg.wd-divider {
    margin-top: -16px;
}
.page-id-14 .wrapper-content-banner.wd-fill.wd-items-middle.wd-justify-left {
    justify-content: center;
}
.whb-row.whb-general-header.whb-sticky-row.whb-with-bg.whb-without-border.whb-color-light.whb-flex-flex-middle {
    background:#0E8EB0;
}
.page-id-14 .main-page-wrapper {
    background: white !important;
}
fieldset.hidden-fields-container {
    DISPLAY: NONE;
}









.owl-prev.wd-btn-arrow {
    color: white;
}
.owl-next.wd-btn-arrow {
    color: white;
}
.testimonial.column {
    border-radius: 50px !important;
}
.testimonial-inner {
    border-radius: 50px !important;
}
.testimonial-inner {
    background: #057ab7 !important;
}
.info-box-content p {
    padding-bottom: 11px !important;
/*     padding-left: 65px;
    padding-right: 75px; */
}

.page-id-14 .content-banner.text-left {
    text-align: center;
}
.page-id-14 .wd-button-wrapper.woodmart-button-wrapper.text-left {
    text-align: center;
}

.breadcrumbs {
    display: none;
}
.page-id-258  .wd-info-box {
    border: 0px solid #057ab7 !important;
}
.whb-flex-row.whb-general-header-inner a.btn {
    font-family: "Poppins", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    background-color: #00E0FF;
    border-radius: 10px 10px 10px 10px;
    padding: 20px 28px 20px 28px;
    color: #000000 !important;
}
ul#menu-master-menu {
    padding: 0px 0px !important;
    margin-left: 50px !important;
    padding-top: 15px !important;
}
ul#menu-master-menu li a {
    font-weight: 500;
}
figure.fg-item-inner {
    border: 0px solid white !important;
    border-radius: 010px ;
}

/* Contact Form Container */
.page-id-258 .cf7-form-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 40px;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Two-column layout */
.page-id-258 .cf7-two-col {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

/* EACH COLUMN = 48% */
.page-id-258 .form-col {
  width: calc(50% - 15px);
  box-sizing: border-box;
}

/* Labels */
.page-id-258 label {
  display: block;
  font-weight: 600;
  font-size: 16px;
  color: #ffff;
  margin-bottom: 8px;
}
span.wpcf7-list-item-label {
    color: white;
}
/* Inputs */
.page-id-258 input[type="text"],
.page-id-258 input[type="email"],
.page-id-258 input[type="tel"],
.page-id-258 select,
.page-id-258 textarea {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 12px;
  border: 1.5px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
  color: #333;
  background-color: #fff;
  box-sizing: border-box;
  transition: border-color 0.3s, box-shadow 0.3s;
}

/* Focus */
.page-id-258 input[type="text"]:focus,
.page-id-258 input[type="email"]:focus,
.page-id-258 input[type="tel"]:focus,
.page-id-258 select:focus,
.page-id-258 textarea:focus {
  border-color: #007bff;
  box-shadow: 0 0 6px rgba(0, 123, 255, 0.3);
  outline: none;
}

/* Checkbox Styling */
.page-id-258 .wpcf7-checkbox label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 15px;
  cursor: pointer;
  color: #333;
}

.page-id-258 .wpcf7-checkbox input[type="checkbox"] {
  margin-right: 10px;
  transform: scale(1.2);
  cursor: pointer;
}

/* Submit */
.page-id-258 .cf7-submit-btn {
  text-align: center;
  margin-top: 25px;
}

.page-id-258 .cf7-submit-btn input[type="submit"] {
  background-color: #007bff;
  color: white;
  padding: 14px 40px;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.page-id-258 .cf7-submit-btn input[type="submit"]:hover {
  background-color: #0056b3;
  transform: translateY(-2px);
}

/* Mobile Responsive */
@media screen and (max-width: 768px) {
  .page-id-258 .form-col {
    width: 100%;
  }
}




div#comments {
    display: none;
}
input.wpcf7-form-control.wpcf7-text {
    color: black !important;
}
.elementor-widget-wd_contact_form_7 input {
    background: #ffffff !important;
    border-radius: 10px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background: white!important;
    color: #1379d2;
}
div#comments {
    display: none;
}

.menu-item-23 span.nav-link-text {
    background-color: #F8931F !important;
    color: white;
    padding: 18px 30px;
    border-radius: 10px;
}
.wd-social-icons.woodmart-social-icons.icons-design-default.icons-size-.color-scheme-light.social-follow.social-form-circle.text-center {
    background-color: #6cbe03;
    padding: 5px 30px;
    border-radius: 70px 0px 40px 0px;
}
a.wd-social-icon {
    border-right: 1px solid white;
    border-radius: 0px !important;
    letter-spacing: 10px;
}
.hdr-txt strong {
    background-color: #6cbe03;
    padding: 10px 60px;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 200;
    border-radius: 70px 0px 70px 0px;
    margin-left: 380px;
}
section#contact-box {
    padding: 40px 20px;
    background-color: white;
    top: -100px;
   
}
#box-sec .box-icon-align-top .box-icon-wrapper {
    margin-bottom: 0px;
}
#box-sec .info-box-content {
    padding: 30px 0px 40px 30px;
    border-radius: 0 0px 45px 45px;
    box-shadow: 0px 1px 5px #00000052;
}
/* section#box-sec  {
    top: -260px;
} */


#form-clm input.wpcf7-form-control.has-spinner.wpcf7-submit {
    background-color: #0e59c7;
    color: white;
    padding: 15px 65px;
    font-size: 16px;
    font-family: 'Poppins';
    border-radius: 12px;
}
#form-clm input.wpcf7-form-control.wpcf7-text {
    border-radius: 10px;
}
#form-clm textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 10px;
}
div#form-clm {
    border: 2px solid #00000029;
    border-radius: 40px;
    padding: 10px 40px;
}
.wd-prefooter {
    padding-bottom: 0px;
}

i.fa.fa-send {
    position: absolute;
    bottom: 0px;
    left: 255px;
    color: white;
    background-color: rgb(40,171,228) !important;
    padding: 15px 15px;
    border-radius: 5px;
    font-size: 20px;
}

.newsletter-form p{
    display: flex !important;
}
#ft-sec input.wpcf7-form-control.has-spinner.wpcf7-submit {
      position: absolute;
    bottom: 0px;
    left: 255px;
    color:black;
    background-color:#f7f5f5;
    padding: 15px 15px;
    border-radius: 5px;
    font-size:20px;
        opacity:0;
   background-color: #0404e9;
    padding: 10px 13px;
    border-radius: 40px;

}

  #ft-sec input.wpcf7-form-control.wpcf7-text {
      border: none;
  }
  #ft-sec input.wpcf7-form-control.wpcf7-text::placeholder {
      color: #0000008c;
  }
  .wd-logo img {
      padding-top: 10px;
      padding-bottom: 0px;
  }
  div#wpcf7-f198-o1 p {
      color: black !important;
  }
  .elementor-widget-wd_contact_form_7 input {
      background: #f3f1f1;
      border-radius: 10px;
  }

  .elementor-widget-wd_contact_form_7 textarea {
      background: #f3f1f1;
      border-radius: 10px;
  }

  .elementor-widget-wd_contact_form_7 {
      background: #e3e3e3;
      padding: 20px;
      border-radius: 10px;
  }
  section#box-sec1 .info-box-content {
      padding: 30px 0px 40px 30px;
      border-radius: 0 0px 45px 45px;
      box-shadow: 0px 1px 5px #00000052;
      background: white;
      margin-top: -15px;
      width: 372px;
  }

ul#menu-master-menu {
    padding: 5px 30px;
    border-radius: 0px 20px 20px 20px;
    margin-left: 40px;
}

.elementor-widget-wd_contact_form_7 {
    background: transparent;
}
.elementor-widget-wd_contact_form_7 input {
    background: #3040b7;
    border-radius: 10px;
}
.info-box-icon img {
    width: 100%;
}

.info-box-title{
    padding:0 20px 0
}



.whb-sticked .whb-row.whb-general-header.whb-sticky-row.whb-with-bg.whb-without-border.whb-color-light.whb-flex-flex-middle {
    background: #057AB7;
}

.newsletter-form input.wpcf7-form-control.wpcf7-text {
    color: black !important;
    background: transparent;
    border-radius: 40px;
    box-shadow: inset 0px -2px 0px 0px #00e0ff;
    width: 200px;
}
.newsletter-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: transparent !important;
    border: 1px solid white;
    border-radius: 50px;
    padding: 0 40px;
    height: 40px;
    margin-left: 20px;
    color: #00e0ff;
    font-size: 23px;
    font-weight: 900;
}

.testimonial-inner {
    background: white !important;
    padding: 40px 0 100px;
    border-radius: 10px !important;
}
.testimonials {
    margin: 40px 0 0;
}

@media only screen and (min-width: 200px) and (max-width: 767px){

.info-box-content {
    height: 100%;
}
.owl-carousel.info-box-carousel .owl-prev.wd-btn-arrow,.owl-carousel.info-box-carousel .owl-next.wd-btn-arrow {
    justify-content: center;
}   
}




/* Fix: services infobox carousel clipping buttons around ~1125px */
@media (max-width: 1404px) and (min-width: 1025px) {

  /* The main "clipper" in Owl is stage-outer */
  .elementor-element-98a8c6f .owl-stage-outer {
    min-height: 560px !important; /* raise until buttons fully show */
  }

  /* Keep the outer wrappers in sync */
  .elementor-element-98a8c6f .wd-carousel-container,
  .elementor-element-98a8c6f .owl-carousel {
    min-height: 560px !important;
  }

  /* Optional: ensure each card can grow with text wrapping */
  .elementor-element-98a8c6f .info-box-wrapper,
  .elementor-element-98a8c6f .wd-info-box {
    min-height: 560px !important;
    height: auto !important;
  }
}


.elementor-widget-container .ti-widget.ti-wp-testimonial-3 .ti-review-item>.ti-inner{
    border-top-width: 2px !important;
    border-bottom-width: 2px !important;
    border-left-width: 2px !important;
    border-right-width: 2px !important;
	  border: none !important;
    background-color: #96d6e7 !important;
    backdrop-filter: blur(0px);
}


@media (min-width: 1025px) {
.page-id-14 .wd-info-box .info-btn-wrapper {
    margin-top: 15px;
    bottom: 15px;
    position: absolute;
    left: 50%;
    margin-left: -58.5px;
}
}

.entry-content li {
  list-style: none;     /* Hide the default marker */
  display: flex;
  align-items: center;  /* Vertically centers the bullet and text */
}

.entry-content li::before {
  content: "•";        /* Manually add the bullet */
  font-size: 2em;      /* Make it big */
  margin-right: 10px;  /* Add space between bullet and text */
  line-height: 0;      /* Keeps the bullet from adding extra height */
	color: #fff !important;
}
.entry-content ul.blackdot li::before {
  content: "•";        /* Manually add the bullet */
  font-size: 2em;      /* Make it big */
  margin-right: 10px;  /* Add space between bullet and text */
  line-height: 0;      /* Keeps the bullet from adding extra height */
	color: #000 !important;
}

input {
  /* Forces all numbers to be the same height and sit on the baseline */
  font-variant-numeric: lining-nums;
  
  /* Optional: Forces all numbers to have the same width (stops 'shaking' while typing) */
  font-feature-settings: "lnum" 1, "tnum" 1;
}


/* CF7 input text color */
.wpcf7 input,
.wpcf7 textarea,
.wpcf7 select {
  color: #111 !important;
}

/* Placeholder color (optional) */
.wpcf7 input::placeholder,
.wpcf7 textarea::placeholder {
  color: rgba(17,17,17,.55) !important;
}

/* Fix browser autofill (Chrome) */
.wpcf7 input:-webkit-autofill,
.wpcf7 textarea:-webkit-autofill,
.wpcf7 select:-webkit-autofill {
  -webkit-text-fill-color: #111 !important;
  transition: background-color 9999s ease-in-out 0s;
}

/* CF7: keep screen reader response accessible, but hide it visually */
.wpcf7 .screen-reader-response {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

@media (max-width: 1024px){
  .elementor-section{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.elementor-section,
.e-con{
  overflow:hidden;
}
.elementor-background-overlay{
  top:0; right:0; bottom:0; left:0;
}


@media (max-width: 1024px){

  /* Only when Elementor is using “classic” background (typically image) */
  .elementor-section[data-settings*="background_background":"classic"]{
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .e-con[data-settings*="background_background":"classic"]{
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .elementor-section,
  .e-con{
    position: relative;
    overflow: hidden;
  }
}


#partner-swiper-1 { width: 100%; }
#partner-swiper-1 .partner-slide{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 220px;
  text-decoration:none;
}
#partner-swiper-1 .partner-slide img{
  max-width:100%;
  max-height:160px;
  object-fit:contain;
  display:block;
}

/* Make arrows clickable and above overlays */
#partner-swiper-1 .partner-prev,
#partner-swiper-1 .partner-next{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:9999;
  width:44px;
  height:44px;
  cursor:pointer;
  pointer-events:auto;
}

/* Left/Right placement */
#partner-swiper-1 .partner-prev{ left:10px; }
#partner-swiper-1 .partner-next{ right:10px; }

/* Optional: simple arrow visuals */
#partner-swiper-1 .partner-prev:after{ content:"‹"; font-size:40px; line-height:44px; display:block; text-align:center; }
#partner-swiper-1 .partner-next:after{ content:"›"; font-size:40px; line-height:44px; display:block; text-align:center; }

#partner-swiper-1 { position: relative; }

#partner-swiper-1 .swiper-button-prev,
#partner-swiper-1 .swiper-button-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999999 !important;
  pointer-events: auto !important;
}

#partner-swiper-1 .swiper-button-prev{ left: 10px; }
#partner-swiper-1 .swiper-button-next{ right: 10px; }


@media (min-width: 577px) and (max-width: 767px) {
	@media (max-width: 1024px){

  /* Classic sections */
  .elementor-section[class*="elementor-element-"]{
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  /* New container-based layouts (Elementor Flexbox Containers) */
  .e-con[class*="elementor-element-"]{
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  /* Ensure the overlay doesn’t introduce seams */
  .elementor-section,
  .e-con{
    position: relative;
    overflow: hidden;
  }
}
}

@media (max-width: 576px) {
	@media (max-width: 1024px){

  /* Classic sections */
  .elementor-section[class*="elementor-element-"]{
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  /* New container-based layouts (Elementor Flexbox Containers) */
  .e-con[class*="elementor-element-"]{
    background-attachment: fixed !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  /* Ensure the overlay doesn’t introduce seams */
  .elementor-section,
  .e-con{
    position: relative;
    overflow: hidden;
  }
}
}