/*
Theme Name: Kleanix
Theme URI: https://wordpress.themeholy.com/kleanix
Author: Themeholy
Author URI: https://themeforest.net/user/themeholy
Description: Kleanix - Cleaning Service WordPress Theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: kleanix
Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others. 
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.4

*/

/* Header sub-menu icon */
.hide-icon.main-menu ul.sub-menu li a:before {
    display: none;
}
.hide-icon.main-menu ul.sub-menu li a:hover {
    padding-left: 0;
}

:root {
    --theme-color: #001E65 !important;
	--th-border-color: #FAF3E8 !important;
}


/*  */
.filter-item.hidden {
    display: none;
}


.header-layout6 .sticky-wrapper {
  background-color: #FBE5E5 !important;
}
body {
    margin: -10px !important;
	background-color: #f6f5ee !important;
}
.kleanix-fluid{
margin-top: -10px !important;
}
.hero-style5 .hero-title {
	width:50%
}
.accordion-card {
border: solid 2px gold !important;
}
.accordion-card .accordion-button {
	    border-color: gold !important;
	color: #fff !important;
    background-color:#001E65 !important;
}

.breadcumb-wrapper  {
    margin-bottom: -10px;
    margin-top: -10px!important;
}
.heading-one {
    font-size: 24px !important;
    color: #54B435 !important;
}

.custom-preloader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
	background: url("https://cleaningservicevegas.com/wp-content/uploads/2025/05/Screenshot-2025-10-03-at-7.29.46-PM-3.png") no-repeat center center;
    background-size: cover; 
}


.custom-preloader .custom-btn {
    padding: 15px 20px;
    border-radius: 0;
    font-size: 14px;
}

.custom-preloader-inner {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    line-height: 1;
}

.custom-preloader-inner img {
    display: block;
    margin: 0 auto;
}

.custom-loader {
    width: 96px;
    height: 48px;
    background: #fff;
    border-color: #000;
	    box-sizing: content-box;
    border-style: solid;
    border-width: 2px 2px 50px 2px;
    border-radius: 100%;
    position: relative;
    animation: 3s customYinYang linear infinite;
}

.custom-loader:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    background: #fff;
    border: 18px solid #000;
    border-radius: 100%;
    width: 12px;
    height: 12px;
	box-sizing: content-box;
}

.custom-loader:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #000;
    border: 18px solid #fff;
    border-radius: 100%;
    width: 12px;
	box-sizing: content-box;
    height: 12px;
}

@keyframes customYinYang {
    100% {
        transform: rotate(360deg);
    }
}
.testi-block.style2 {
	padding: 60px !important;
}





/* --- Modal Overlay --- */
.modal-overlay {
  display: none; /* hidden by default */
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0, 0, 0, 0.65);
  z-index: 9999;
  overflow-y: auto; /* allow scroll if form is long */
  padding: 40px 20px;
}

/* --- Modal Box --- */
.modal-content {
  background: #fff;
  border-radius: 12px;
  border: 3px solid #edab42;
  width: 480px;
  max-width: 100%;
  margin: 60px auto;
  padding: 25px 30px;
  color: #001e65;
  box-shadow: 0 10px 25px rgba(0,0,0,0.2);
  position: relative;
  animation: popup 0.4s ease-out;
}

/* --- Animation --- */
@keyframes popup {
  from { transform: scale(0.7); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

/* --- Close Button --- */
.close-btn {
  position: absolute;
  top: 10px; right: 15px;
  font-size: 28px;
  font-weight: bold;
  color: #001e65;
  cursor: pointer;
  transition: color 0.3s;
}
.close-btn:hover {
  color: #edab42;
}

@media (min-width: 1024px) {
.modal-content {
    width: 30% !important;
	}
	.modal-content-2 {
		width: 40% !important;
	}
}

.modal-content {
    background: url('https://www.kokorocleaning.net/wp-content/uploads/2025/10/ChatGPT-Image-Oct-16-2025-12_20_37-PM-1.png') 	center top no-repeat;
	padding-top: 60px !important;
    background-size: cover !important;
    background-color: #f9f4ee !important; /* fallback color */
    border-radius: 12px;
    overflow: hidden;
	
}

@media (max-width: 568px) {
  .modal-content {
      width:100% !important;
  }
	.modal-content-2 {
     width:100% !important;
	}
}

.modal-content-2 {
    background: url('https://www.kokorocleaning.net/wp-content/uploads/2025/10/Screenshot-2025-10-16-at-12.42.54-PM.webp') 	center top no-repeat !important;
	padding-top: 60px !important;
    background-size: cover !important;
    background-color: #f9f4ee !important; 
    border-radius: 12px;
	    overflow: hidden;
	
}

.height-400px{
	height:400px !important
}
.padding-top-60{
	text-align:center !important;
	padding-top: 100px;
}
.padding-top-240{
	text-align:center !important;
	overflow:scroll;
	height:600px;
}
/* --- Optional: form styling inside popup --- */
.modal-content form {
  margin-top: 15px;
}

.modal-content-2 form {
  margin-top: 15px;
}