/*
Theme Name: Keen Eye Home Inspections LLC
Theme URI:
Author: Keen Eye Home Inspections LLC
Author URI:
Description:
Version: 2025.01
*/
@charset "utf-8";
/* CSS Document */

::selection {
  color:var(--bs-white);
  background:var(--bs-red);
}

.aligncenter,.gallery-slider-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-slider-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden; padding-top:0;}
.ratio .full-img, a.wcp-light-box figure{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img, a.wcp-light-box figure img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial;  position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex; z-index: 1;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.text-lt p{ color:rgba(0,0,0,0.6);}
.content-mb-32 h1, .content-mb-32 h2, .content-mb-32 h3, .content-mb-32 h4, .content-mb-32 h5, .content-mb-32 h6, .content-mb-32 p, .content-mb-32 ul, .content-mb-32 ol{ margin-bottom:32px;}
.content-mb-20 h1, .content-mb-20 h2, .content-mb-20 h3, .content-mb-20 h4, .content-mb-20 h5, .content-mb-20 h6, .content-mb-20 p, .content-mb-20 ul, .content-mb-20 ol{ margin-bottom:20px;}
.content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;}
.content-mb-16 h1, .content-mb-16 h2, .content-mb-16 h3, .content-mb-16 h4, .content-mb-16 h5, .content-mb-16 h6, .content-mb-16 p, .content-mb-16 ul, .content-mb-16 ol{ margin-bottom:16px;}
.content-mb-10 h1, .content-mb-10 h2, .content-mb-10 h3, .content-mb-10 h4, .content-mb-10 h5, .content-mb-10 h6, .content-mb-10 p, .content-mb-10 ul, .content-mb-10 ol{ margin-bottom:10px;}

.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color:var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color:var(--bs-red);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-dark);}

.header{ position: fixed; top: 0; right: 0; left: 0; z-index: 100; background-color: rgba(255,255,255,0.63); display: flex; z-index: 1000; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;  -o-transition:all 0.5s ease; transition:all 0.5s ease;}
.header.fixed-header{ background-color: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;}
.header .logo{ padding: 0 32px; width: 22.03125%; flex: 0 0 auto; padding: 0 32px; display: flex; align-items: center; justify-content: center;}
.header .header-right{ width: 77.96875%; flex: 0 0 auto;}
.header .header-info{ padding: 0 32px; background-color: var(--bs-primary); height: 40px; display: flex;}
.header .phone{ color: var(--bs-primary); font-weight: 700; text-decoration: none; margin-left: auto; margin-right: 32px; line-height: 1.2; align-items: center;}
.header .phone small{ display: block; font-size: 77.77777777777779%;}
.header .phone i{ height: 48px; width: 48px; margin-right: 10px; background-color: var(--bs-red); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #fff;}
.header .info{ margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
.header .info li + li{ margin-left: 24px;}
.header .info li a, .header .info span{ display: flex; align-items: center; text-decoration: none; color: #fff; font-size: 14px;}
.header .info li a i, .header .info li span i{ color: var(--bs-red); margin-right: 10px; font-size: 16px;}
.header .social{ margin-left: auto; display: flex; align-items: center;}
.header .social a{ height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; color: #fff; text-decoration: none;}

.BannerSlider .container{ height: 800px; align-items: center; padding-top: 130px;}
.BannerSlider .image-fit:before{background: linear-gradient(180deg,rgba(0, 0, 0, 0.7) 16%, rgba(0, 0, 0, 0) 100%); content: ''; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1;}
.BannerSlider .container .content{ padding: 32px; border-radius: 16px; background-color: rgba(255,255,255,0.1); backdrop-filter: blur(25px);}

.section{ padding: 100px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; position: relative; z-index: 10;}

.service-item{background-color: #fff; border-radius: 20px; overflow: hidden;}
.service-item .content{ padding: 32px;}
.service-item h4 .icon{ width: 64px; margin-right: 16px;}
.ServiceSlider { margin-left: -12px; margin-right: -12px;}
.ServiceSlider .item{ padding-left: 12px; padding-right: 12px;}

.cta-section:before{ background-color: #fff; height: 50%; bottom: 0; left: 0; right:0; content: ''; position: absolute;}
.cta-section{ margin-top: 100px; z-index: 20;}
.cta-section .cta-content{ color: #fff; border-radius: 20px; background-color: var(--bs-primary); -webkit-box-shadow: 0 25px 50px 0 rgba(32,64,154,0.2);
box-shadow: 0 25px 50px 0 rgba(32,64,154,0.2);}

.about-image{ background-image: url(images/theme-img/about_dots.png);}
.about-image .full-img img{ border-radius: 16px;}
.about-image .full-img{ width: 55.555%;}
.about-image .full-img + .full-img{ position: absolute; height: 100%; display: flex; align-items: center; right: 0; width: 52%; top: 0; bottom: 0; z-index: 10;}
.about-image .full-img + .full-img img{ border: 10px solid #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}

.w2 h4{ line-height: 1.5;}
.content-style ul{ padding: 0; list-style: none;}
.content-style ul li{ padding-left: 30px; position: relative; font-weight: 700;}
.content-style ul li:before{content:'\f058'; font-family:'Font Awesome 6 Free'; font-weight:900; position: absolute; top: 0; left: 0; color: var(--bs-red);}
.content-style ul li + li{ margin-top: 10px;}

.w3:before{background: #20409A; content: ''; opacity: 0.8; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; z-index: 2;}
.w3 .container{ padding-top: 100px; padding-bottom: 100px; color: #fff;}
.w3 .container ul{ padding: 0; list-style: none;}
.w3 .container ul li{ padding-left: 56px; padding-top: 16px; padding-right: 16px; padding-bottom: 16px; position: relative; border-radius: 16px; background-color: rgba(255,255,255,0.3);}
.w3 .container ul li:before{content:'\f058'; font-family:'Font Awesome 6 Free'; font-weight:900; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); left: 16px; font-size: 30px; line-height: 0;}
.w3 .container ul li + li{ margin-top: 20px;}

.contact-section{ padding-top: 100px; color: #fff; position: relative;}
.contact-section .image-fit:before{background: #232323; content: ''; opacity: 0.9; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1; z-index: 2;}
.contact-section .phone{ color: var(--bs-white); font-weight: 700; text-decoration: none; line-height: 1.2; align-items: center;}
.contact-section .phone small{ display: block; font-size: 77.77777777777779%;}
.contact-section .phone i{ height: 48px; width: 48px; margin-right: 10px; background-color: var(--bs-white); display: flex; align-items: center; justify-content: center; border-radius: 50%; color: var(--bs-red);}
.contact-section .contact-form{ position: relative; background-color: var(--bs-red); border-radius: 24px 0 0 24px;}
.contact-section .container:after{background-color: var(--bs-red); content: ''; position: absolute; top: 0; left: 100%; bottom: 0; width: 10000px; margin-left: -12px;}
.contact-section .logo-img{ width: 10.572916666666666%; top: 156px; z-index: 110; right: 32px; position: absolute; pointer-events: none;}
.contact-section:before{ background-color: #fff; height: 80px; bottom: 0; left: 0; right:0; content: ''; position: absolute; z-index: 10;}

.footer{ padding-top: 60px;}
.footer .footer-image{ text-align: center; line-height: 0;}

.footer-content{ color: var(--bs-white);  background-color: var(--bs-black); background-image: url(images/map.png); background-position: center center; background-size: contain; background-repeat: no-repeat; position: relative;}
.footer a{ color: var(--bs-white); text-decoration: none;}
.footer a:hover{ color: var(--bs-white); text-decoration: underline;}
.footer-top{ padding: 60px 0;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none;}
.footer-top .menu li + li{ margin-top: 12px;}
.footer-top .menu li a{ color: var(--bs-white); text-transform: capitalize; text-decoration: none;}
.footer-top .menu li a:hover{ color:var(--bs-red)}
.footer-top .social a{ height: 40px; width: 40px; display: flex; align-items: center; justify-content:  center; background-color: var(--bs-red); color: var(--bs-white); border-radius: 50%; text-decoration: none;}
.footer-top .social a + a{ margin-left: 15px;}
.footer-top .social a:hover{ color: var(--bs-primary); background-color: var(--bs-white); text-decoration: none;}
.footer-top .contact-info{ margin-bottom: 0; padding: 0; list-style: none;}
.footer-top .contact-info li{ line-height: 1.2;}
.footer-top .contact-info li + li{margin-top: 20px;}
.footer-top .contact-info .item .icon{ background: var(--bs-red); height: 40px; width: 40px; color: var(--bs-white); border-radius: 50%; margin-right: 12px;}
.footer-top .contact-info .item strong{ display: block;}
.footer-top .contact-info .item:hover .icon i{ text-decoration: none; }
.footer-top .contact-info li a:hover{ text-decoration: none;}
.footer-bottom{ text-align: center; border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 0}
.footer .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.2;}
.footer h5{ color: var(--bs-white); font-weight: 700; margin-bottom: 16px;}

.post-item { overflow: hidden; background-color: var(--bs-white); position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; border-radius: 20px;}
.post-item .post-content{ padding: 24px; color: var(--bs-body-color);}
.post-item time{ padding: 10px 18px; line-height: normal; background-color: rgba(0,0,0,0.3); backdrop-filter: blur(30px); z-index: 100; position: absolute; top: 24px; right: 24px; color: var(--bs-white); border-radius: 30px; font-size: 15px; font-weight: 500;}

.page-banner{ position:relative; z-index: 2}
.page-banner .container{ height: 400px; color:var(--bs-white); padding-top: 130px}
.page-banner .image-fit{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.page-banner .image-fit:before{background: linear-gradient(180deg,rgba(0, 0, 0, 0.7) 16%, rgba(0, 0, 0, 0) 100%); content: ''; position: absolute; top:0; right:0; bottom:0; left:0; z-index: 1;}
.page-banner a{ color: #fff; text-decoration: none;}

.blog-deatils{ color:#000;}
.blog-deatils .meta{ margin:10px 0; font-size:14px; font-weight:500; }
.blog-deatils .meta .initial{ /*background:#00ACFE;*/ height:50px; width:50px; border-radius:60px; margin-right:16px; color:#fff; font-weight:700;}
.blog-deatils .meta .initial img{height:50px; width:50px; border-radius:60px;}
.blog-deatils .meta time:before{ content:"|"; margin:0 5px 0 3px; float:left;}
.blog-deatils .meta time, .blog-deatils .meta span{ display:inline-block;}
.blog-deatils .full-img{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; margin-bottom: 30px; overflow: hidden; ; border-radius: 20px;}

.info-row .d-flex{ margin: 0; padding: 24px; background: var(--bs-blue); color: #fff ; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; text-decoration: none; -webkit-box-shadow: 0 25px 50px 0 rgba(32,64,154,0.2);
box-shadow: 0 25px 50px 0 rgba(32,64,154,0.2);}
.info-row .d-flex i{ margin: 0; height: 50px; width: 50px; border-radius: 50%; background: var(--bs-red); z-index: 10; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 12px}
.info-row .d-flex i::after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid rgba(0,0,0,0.1); content: ''; pointer-events: none; border-radius: 50%;}
.info-row .d-flex small{ display: block; font-size: 70%;}

.section .contact-form{background: var(--bs-red); color: #fff; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; color: #fff}

.sidebar{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; padding:30px; ; border-radius: 20px;}
.sidebar ul{ margin:10px 0 0 0; padding:0; list-style:none}
.sidebar ul li + li{ margin-top:12px; padding-top:12px; border-top:1px solid #d8d8d8;}
.sidebar ul li a{ display:block; font-size:18px; font-weight:700; color:#000; text-decoration:none;}
.sidebar ul li a:hover{color:var(--bs-primary);}
.sidebar .widget + .widget{ margin-top: 32px} 

.gallery-slider .wpcp-carousel-section.nav-vertical-center{ margin: 0}
.gallery-slider .wpcp-carousel-section.nav-vertical-center .swiper-button-next,
.gallery-slider .wpcp-carousel-section.nav-vertical-center .swiper-button-prev
{ height: 48px; width: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background:#fff !important; color: #000 !important; font-size: 20px !important;}
.gallery-slider .wpcp-carousel-section.nav-vertical-center .swiper-button-next{ right: 20px;}
.gallery-slider .wpcp-carousel-section.nav-vertical-center .swiper-button-prev{ left: 20px;}
.gallery-slider .swiper-pagination{ display: none;}
.gallery-slider .wpcp-carousel-content-wrapper:has(.wpcp-swiper-dots){ margin-bottom:0}

.service-menu{border-radius: 16px; background: var(--bs-blue); box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; padding: 16px;}
.service-menu a{padding: 10px; border-radius: 10px; line-height: 1.2; font-weight: 700; text-decoration: none; color: var(--bs-white)}
.service-menu a + a{ margin-top: 12px}
.service-menu a .icon{ margin: 0; height: 48px; width: 48px; border-radius: 50%; background: var(--bs-white); z-index: 10; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 12px}
.service-menu a .icon img{ width: 55%; height: auto;}
.service-menu a .icon::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid rgba(0,0,0,0.1); content: ''; pointer-events: none; border-radius: 50%;}
.service-menu a:hover, .service-menu a.active{color: var(--bs-white); background: var(--bs-red)}

.service-row .service-item{box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}

.map {min-height: 300px; position: relative; width: 100%; flex-grow: 1; border-radius: 24px; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px; overflow: hidden;}
.map .map-inner { bottom: 0; left: 0; position: absolute; top: 0; width: 100%;}
.map .map-inner iframe { height: 100%; pointer-events: none; width: 100%;}

@media (min-width:320px) {
h1{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
.h1-48 h1, .h2-48 h2, .h3-48 h3, .h4-48 h4, .home-banner .container h1{font-size: calc(1.5rem + ((1vw - 3.2px) * 2.2222));}
}

@media (min-width:1400px) {
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.h1-48 h1, .h2-48 h2, .h3-48 h3, .h4-48 h4, .home-banner .container h1{font-size: 48px;}
}


@media (min-width:576px) {
}

@media (min-width:768px) {

}

@media (min-width:992px) {
.cta-section .cta-content p{ max-width: 548px;}
.cta-section .image{ width: 25%; bottom: 0; right: 48px; position: absolute; z-index: 100; text-align: center; padding-left: 48px;}
.w3 .full-img{min-width:initial;  position:absolute; top:0; right:0; bottom:0; width: 50%; overflow:hidden; flex:0 0 auto; display:flex; }
.w3 .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
}

@media (min-width:1200px) {
}

@media (min-width:1400px) {	
}