/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* General */

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="url"],
input[type="password"],
select {
  outline: none !important;
  background-color: #fff !important;
  border: 1px solid #c1c1c1 !important;
  outline: none !important;
  height: auto;
  display: block !important;
  width: fit-content;
  border-radius: 18px !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  color: #000 !important;
  min-height: 60px;
  font-family: "Poppins", Sans-serif !important;
}

textarea {
  outline: none !important;
  background-color: #fff !important;
  border: 1px solid #c1c1c1 !important;
  outline: none !important;
  height: auto;
  display: block !important;
  width: fit-content;
  border-radius: 18px !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  color: #000 !important;
  min-height: 60px !important;
  font-family: "Poppins", Sans-serif !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="password"]:focus {
  border: 1px solid #c1c1c1 !important;

  outline: none !important;
}

.pet-sac-form form {
  display: flex;
  position: relative;
  max-width: 404px;
  background: #fff;
  border-radius: 45px;
  border: none;
  padding: 7px;
}

.pet-sac-form form input {
  width: 100%;
  text-transform: capitalize !important;
  border: 0px solid transparent !important;
  background-color: transparent;
  outline: none !important;
  border-radius: 45px !important;
}

.pet-sac-form form input:focus {
  border: 0px solid transparent !important;
  background-color: transparent;
  outline: none !important;
}

.pet-sac-form form button {
  padding: 20px 30px;
  width: 100%;
  text-transform: capitalize !important;
  transition-duration: 0.3s;
  transition-property: transform;
  transition: all 0.3s;
}

.pet-sac-form form button:hover {
  background-color: var(--e-global-color-secondary);
  transform: scale(1.1);
}

.zip-code-popup {
  z-index: 9999999999;
}

.zip-code-popup .pet-sac-form form {
  position: relative;
}

.pet-sac-form form {
  position: relative;
}

.pet-sac-form form > * {
  display: block;
}

.pet-sac-form form .is-label-invalid {
  position: absolute;
  width: fit-content;
  top: calc(100% + 5px);
  background: #f03e3e;
  color: #fff !important;
  padding: 10px;
  border-radius: 0px;
  font-size: 14px;
  z-index: 5;
}

/* HEADER */

.header-clouds {
  min-height: 215px;
}

.header-clouds svg {
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.12));
  min-height: 215px;
}

.clouds-container,
.desktop-container {
  overflow: hidden;
}

/* Home */

.svg-hover svg,
.svg-hover img {
  transform: translateY(0);
  transition: transform 0.3s ease;
}

.svg-hover {
  cursor: pointer;
}

.svg-hover svg:hover,
.svg-hover:hover img {
  cursor: pointer;
  transform: translateY(-8px);
}

.serving-area-section .gmap-wrapper iframe {
  border-top-right-radius: 70px;
  border-bottom-right-radius: 70px;
  margin-bottom: -5px;
}

.scrolloff {
  pointer-events: none;
}

.elementor-widget-counter .elementor-counter-title {
  text-align: center;
}

.dog-residential-after,
.dog-commercial-after {
  position: relative;
}

.dog-residential-after::after {
  content: "";
  position: absolute;
  top: 0;
  width: 304px;
  height: 381px;
  background-image: url(/wp-content/uploads/2025/12/cooper-hero.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 1;
  right: 0;
  transform: translate(50%, 72%);
  left: 50%;
}

.dog-commercial-after::after {
  content: "";
  position: absolute;
  width: 304px;
  height: 381px;
  background-image: url(/wp-content/uploads/2025/12/cooper-commercial.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 1;
  right: 0;
  left: 55%;
  top: 50%;
  transform: translate(0%, 0%);
}

/* FOOTER */

.cooper-before-container {
  position: relative;
  overflow: visible; /* Important! */
  /* Your existing styles */
}

.cooper-before-container::before {
  content: "";
  position: absolute;
  top: -154px;
  width: 320px;
  height: 388px;
  background-image: url(/wp-content/uploads/2025/12/cooper-call-to-action.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right;
  z-index: 1;
  right: 0;
  transform: translate(70%, 0%);
  left: 50%;
}

/*** RESPONSIVE ***/

/* Header Clouds Queries */

@media (max-width: 1920px) {
  .bigcloud1 {
    transform: translate(-3px, -14px);
  }

  .bigcloud2 {
    transform: translate(-134px, 0px);
  }

  .footer-grass-container {
    margin-top: -155px;
  }
}

@media (max-width: 1728px) {
  .bigcloud1 {
    transform: translate(-42px, -14px);
  }

  .bigcloud2 {
    transform: translate(-165px, -5px);
  }

  .footer-grass-container {
    margin-top: -155px;
  }
}

@media (max-width: 1536px) {
  .bigcloud1 {
    transform: translate(-85px, -10px);
  }

  .bigcloud2 {
    transform: translate(-210px, 0px);
  }
}

@media (max-width: 1366px) {
  .bigcloud1 {
    transform: translate(-123px, -18px);
  }

  .bigcloud2 {
    transform: translate(-253px, -4px);
  }
}

@media (max-width: 1300px) {
  .bigcloud1 {
    transform: translate(-143px, -18px);
  }

  .bigcloud2 {
    transform: translate(-267px, -11px);
  }

  .desktop-menu .elementskit-navbar-nav > li {
    margin: 0px 10px 0px 0px !important;
  }
}

@media (max-width: 1230px) {
  .bigcloud1 {
    transform: translate(-156px, -18px);
  }

  .bigcloud2 {
    transform: translate(-291px, -11px);
  }

  .desktop-menu .elementskit-navbar-nav > li {
    margin: 0px 10px 0px 0px !important;
  }

  .desktop-content-container {
    padding: 0px 20px;
  }
}

@media (max-width: 1174px) {
  .bigcloud1 {
    transform: translate(-156px, -18px);
  }

  .bigcloud2 {
    transform: translate(-319px, -11px);
  }

  .header-free-quote-desktop a.elementor-button {
    font-size: 24px;
    line-height: 27px;
  }
}

@media (max-width: 1084px) {
  .bigcloud1 {
    transform: translate(-156px, -18px);
  }

  .bigcloud2 {
    transform: translate(-354px, -11px);
  }

  .header-free-quote-desktop a.elementor-button {
    font-size: 22px;
    line-height: 27px;
  }

  .desktop-menu .elementskit-navbar-nav > li {
    margin: 0px 5px 0px 0px !important;
  }
}

@media (max-width: 1024px) {
  .mobile-clouds svg {
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.12));
  }

  .mobcloud1 {
    transform: translate(-60px, -70px);
  }

  /* 2nd cloud */
  .mobcloud5 {
    transform: translate(-60px, -40px);
  }

  /* 3rd cloud */
  .mobcloud4 {
    transform: translate(-60px, -40px);
  }

  /* 4th cloud */
  .mobcloud2 {
    transform: translate(-30px, -50px);
  }

  /* 5th cloud */
  .mobcloud3 {
    transform: translate(-20px, -75px);
  }

  .zip-code-popup .dialog-widget-content {
    max-width: 95%;
  }

  .zip-code-popup .pet-sac-form form {
    flex-direction: column;
  }

  .footer-menu-center ul li a.hfe-menu-item {
    justify-content: center !important;
    text-align: center !important;
  }

  .cooper-before-container::before {
    background-image: url(/wp-content/uploads/2025/12/cooper-call-to-action-top.webp);
    left: 50%;
    right: auto;
    transform: translate(-50%, 0%);
    top: -248px;
    width: 264px;
  }

  .serving-area-section .gmap-wrapper iframe {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    margin-bottom: -5px;
  }

  .btn-full,
  .btn-full a {
    width: 100% !important;
  }

  .dog-residential-after::after {
    background-image: url(/wp-content/uploads/2025/12/Cooper-mascot.svg);
    left: 50%;
    width: 150px;
    height: 180px;
    top: 100%;
    transform: translate(-50%, -10px);
  }

  .dog-commercial-after::after {
    left: 50%;
    width: 250px;
    height: 280px;
    top: 100%;
    transform: translate(-50%, -60%);
  }
}

@media (max-width: 912px) {
  .mobcloud1 {
    transform: translate(-40px, -25px);
  }
}

@media (max-width: 430px) {
  .mobcloud1 {
    transform: translate(-10px, 15px);
  }

  /* 2nd cloud */
  .mobcloud5 {
    transform: translate(0px, 0px);
  }

  /* 3rd cloud */
  .mobcloud4 {
    transform: translate(0px, 0px);
  }

  /* 4th cloud */
  .mobcloud2 {
    transform: translate(0px, 0px);
  }

  /* 5th cloud */
  .mobcloud3 {
    transform: translate(0px, 0px);
  }
}

@media (max-width: 390px) {
  .mobcloud1 {
    transform: translate(10px, 50px);
  }
}