/* 
Theme Name: Simmons Plumbing
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: 1.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 */


.link-color a{ color: #B8252B  !important; font-weight:500 !important; text-decoration: underline !important; }
.link-color a:hover{ color: #56811C !important; }
.red-text{ color: #B8252B; }
.home-service:hover h3.elementor-image-box-title, .home-service:hover p{ color: #fff !important; }
.icon-bg .elementor-image-box-img { background: #fff ; padding: 25px !important; border-radius: 50px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important; }
.home-service:hover .icon-btn { transition: transform 0.7s ease; }
.home-service:hover .icon-btn { transform: rotate(90deg); }
.home-service:hover .elementor-button{ background-color: #B8252B!important; }
.home-service:hover .elementor-button path{ fill: #fff; }
.arrow-head{ position:relative; }
.arrow-head:before { content: ''; background: url(/wp-content/uploads/2026/02/white-arrow.webp); height: 16px; width: 100%; position: absolute; background-repeat: no-repeat; background-size: contain; top: 3px; left: 0px; }
.green-arrow-head:before { content: ''; background: url(/wp-content/uploads/2026/02/green-arrow.webp); height: 16px; width: 100%; position: absolute; background-repeat: no-repeat; background-size: contain; top: 3px; left: 0px; }
.cta-btn:hover  path { fill: #fff ! IMPORTANT;} 
header { position: sticky; top: 0; z-index: 9; }
.call-box::before { content: ""; position: absolute; right: -5px; bottom: -5px; width: 60%; height: 60%; border-radius: 20px; background: #1FABE2; z-index: -1; }
.call-box p a{ color: #D82028 !important; }
.call-box p a:hover{ color: #56811C !important; }
.white-link a{ color:#fff !important; }
.subscribe-form .e-form__buttons { width: 16% !important; }
.subscribe-form .elementor-field-group-email { width: 84% !important; }
.services:hover h3{ color: #323232 !important; }
.services:hover div{ color: #555555 !important; }
.service-icon img{ width:50px; filter: brightness(0) invert(1); }
.services:hover .service-icon img{ filter: none; }
.service-btn, .service-tutton{  transition: transform 0.10s ease; }
.services:hover .elementor-button{ background-color:#4F904C!important; }
.services:hover  path { fill: #fff !important; }
.services:hover .service-btn, .services:hover .service-button, .services:hover .service-tutton{ transform: rotate(90deg); }
.services:hover .service-btn img{ filter: brightness(0) invert(1); }
.testimonials span.swiper-pagination-bullet.swiper-pagination-bullet-active { width: 30px !important; border-radius: 10px !important; background: #D82028 !important; }
.btn:hover svg path{ fill:#fff !important; }
.btn-1.cta-btn svg { width: 45px !important; padding: 11px ! important; background: white; padding:4px; border-radius: 50%; }
.btn-1:hover svg path{ fill:#fff !important; }
.btn-1.cta-btn.elementor-align-center.elementor-widget.elementor-widget-button .elementor-button:hover .elementor-button-icon svg {
background: #b8252b;
}
.elementor-element.elementor-element-13aca0c.btn-1.cta-btn.elementor-align-center.elementor-widget.elementor-widget-button .elementor-button {
    display: flex;
    align-items: center;
}


.cta-btn .elementor-button-icon {
    position: absolute;
    right:6px;
    width: 45px;
	top:5px;
}

.home-service a {font-weight: 600 !important;}
.home-commitment a {font-weight: 600 !important;}
.site-map a{ color:  #56811C !important; }
.site-map a:hover{ color: #B8252B !important; }
.site-map li::marker {  color: #d82028; font-size: 1.2em;}
.site-map ul {  list-style-type: disc; }
.btn {
    border-radius: 30px;
}
	






@media screen and (max-width: 481px) {
     h1 { font-size: 30px !important; line-height: 34px !important; }
     h2 { font-size: 22px !important; line-height: 30px !important; }
	.info-icon .elementor-image-box-wrapper { display: flex; gap: 20px; }
     
}