/*
Theme Name:Generate Energy Electrical
Description:Generate Energy Electrical Child Theme
Author:Silky Ocean Studios
Author URI:http://www.silkyoceanstudios.com
Template:twentyseventeen
Version:1.1.8
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Typography */
body { font-family:"Montserrat", sans-serif; line-height:1.7; color:#444; background-color:#fff; }
hr { box-sizing:content-box; height:0; overflow:visible; width:40%; margin-top:2rem; margin-bottom:2rem; }
h1, h2, h3, h4, h5, h6 { margin-top:0; margin-bottom:0.5rem; font-family:"Montserrat", sans-serif; }
p { margin-top:0; margin-bottom:1rem; }
.blockquote { margin-bottom:1rem; font-size:1.250rem; font-family:"Montserrat", sans-serif; }
.blockquote-footer { display:block; font-size:0.875rem; }
img { display:inline-block; max-width:100%; height:auto; border-radius: 20px;}

a { color:#fa7328; text-decoration:none; font-weight:600; }
a:hover { color:#1daf2f; text-decoration:underline; }

.text-bold {  font-weight: bold;  text-transform: uppercase;}

.gradient-line { height: 2px; width: 40%; background: linear-gradient(to right, #3FAF3E, #F1742F);margin: 0 auto;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom:1rem; font-family:"Montserrat", sans-serif; font-weight:700; line-height:1.2; color:#202020; text-transform:uppercase; letter-spacing:0.1em; }
h1, .h1 { font-size:1.500rem; font-weight:bold; }
h2, .h2 { font-size:1.313rem; }
h3, .h3 { font-size:1.250rem; }
h4, .h4 { font-size:1.125rem; }
h5, .h5 { font-size:0.938rem; }
h6, .h6 { font-size:0.875rem; }

@media (min-width:576px) {
	h1, .h1 { font-size:1.500rem; }
	h2, .h2 { font-size:1.313rem; }
	h3, .h3 { font-size:1.250rem; }
	h4, .h4 { font-size:1.125rem; }
	h5, .h5 { font-size:0.938rem; }
	h6, .h6 { font-size:0.875rem; }
}

@media (min-width:768px) {
	h1, .h1 { font-size:1.500rem; }
	h2, .h2 { font-size:1.313rem; }
	h3, .h3 { font-size:1.250rem; }
	h4, .h4 { font-size:1.125rem; }
	h5, .h5 { font-size:0.938rem; }
	h6, .h6 { font-size:0.875rem; }
}

@media (min-width:992px) {
	h1, .h1 { font-size:1.500rem; }
	h2, .h2 { font-size:1.313rem; }
	h3, .h3 { font-size:1.250rem; }
	h4, .h4 { font-size:1.125rem; }
	h5, .h5 { font-size:0.938rem; }
	h6, .h6 { font-size:0.875rem; }
}

@media (min-width:1200px) {
	.h1, h1 { font-size:2.000rem; }
	.h2, h2 { font-size:1.875rem; }
	.h3, h3 { font-size:1.625rem; }
	.h4, h4 { font-size:1.3rem; }
	h6, .h6 { font-size:0.9rem; }
}

.text-primary { color:#01223a !important; }
.text-muted { color:#ffffff !important; }
.widget-area ul { padding-left:0; list-style:none; }

.footer a, .footer-top a { color:rgb(195 99 46); }
.footer a:hover, .footer-top a:hover { text-decoration:none; color: rgb(151 70 25);}
.footer { text-align:center; background-color:#222; color:#fff; }
.footer-top { background-color:#000; text-align:center; }
.footer-top p.h5 { color:#fff; text-transform:uppercase; letter-spacing:0.15em; }
.footer-top p { color:#fff; }
.footer-top img { width:100px; }
.header-top { background-color:#fff; vertical-align:middle; font-size:0.9em; text-align:center; }
.header { background-color:#000; }
.widget-title { font-size:1.5rem; margin-top:1rem; }
.bg-light { background-color:#f9f9f5!important; }
.bg-dark { background-color:#111 !important; color:#fff; }
.bg-dark h3 { color: #fff;}
.bg-orange {  background: #fa7329;  color: #fff;}
.bg-orange a{  color: #000;}
.form-control { height:calc(3rem + 2px);}
.fa {color:#fa7328;}
button:focus { outline:0; }

/* Nav */
.navbar-brand { display:inline-block; padding-top:.3125rem; padding-bottom:.3125rem; margin-right:1rem; font-size:0.875rem; color:#fff; }
.navbar-brand img { width:270px; }
.navbar-brand p { margin-bottom:0; text-align:center; }
.navbar-nav .nav-link { color:#fff; text-transform:uppercase; letter-spacing:0.125rem; font-size:0.75rem; padding:.5rem 1rem!important; font-weight:600; }
.navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color:#f7f7f7; }
.navbar-toggler { border:none; }
.navbar-dark .navbar-nav .nav-link { color:#fff; }
a.navbar-brand:hover { color:#fff; }
.dropdown:hover .dropdown-menu { display:block; }
.dropdown-menu { z-index:9999; background:#222; color:#fff; border:0!important; }
.dropdown-item {  display: block;  width: 100%;  clear: both;  text-align: inherit;  white-space: nowrap;  background-color: transparent;  border: 0;  text-transform: uppercase;  letter-spacing: 0.125rem;  font-size: 0.75rem;  padding: .5rem 1rem !important;  font-weight: 600; color:#fff;}
.dropdown-item:focus, .dropdown-item:hover { color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.2); }
.dropdown-item.active, .dropdown-item:active { color:#fff; text-decoration:none; background-color:rgba(0,0,0,0.4); }
.navbar-nav { text-align: center;}

@media (min-width:992px) {
	.navbar-brand { font-size:1em; }
	.navbar-brand img { width:365px; }
}

/* Buttons */
.btn { text-transform:uppercase; font-weight:600; font-size:0.875rem; letter-spacing:0.125rem; border-radius:0; transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; border:0px solid transparent; position:relative; border-radius: 50px;}
.btn:hover, .btn:focus { text-decoration:none; }
.btn-primary { color:#fff !important;background-color:#fa7329; border-color:#fa7329; padding:0.65rem 1.85rem; }
.btn-primary:hover { color:#fff; background-color:#1db230; border-color:#1db230; }
.btn-secondary { color:#fff; background-color:#1db230; border: 2px solid #1db230; padding:0.65rem 1.85rem;}
.btn-secondary:hover { color:#fff; background-color:#fa7329; border-color:#fa7329; }
.btn-outline-primary { color:#00ace4; background-color:transparent; background-image:none; border-color:#00ace4; padding:0.750rem 1rem; border: 2px solid;}
.btn-outline-primary:hover { color:#fff; background-color:#00ace4; border-color:#00ace4; }
.btn-outline-white { color:#fff; background-color:transparent; background-image:none; border-color:#fff; padding:0.750rem 1rem; border: 2px solid;padding:0.65rem 1.85rem; }
.btn-outline-white:hover { color:#fff; background-color:#fa7329; border-color:#fa7329; }
.btn-outline-secondary { color:#fff; background-color:transparent; background-image:none; border-color:#df1e36; padding:0.750rem 1rem; border: 2px solid;}
.btn-outline-secondary:hover { color:#fff; background-color:#fa7329; border-color:#fa7329; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color:#fff; background-color:#01223a; border-color:#01223a; }
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle { color:#fff; background-color:#df1e36; border-color:#df1e36; }
.btn-light {color: #fff; background-color: transparent;  border-bottom: 2px solid #fff;  border-radius: 0;}
.btn-light:hover {color: #fff; background-color: transparent;  border-bottom: 2px solid #fff;  border-radius: 0;}


a.nav-link.btn.btn-primary:after {  height: 2px;  width: 100%;  background: linear-gradient(to right, #3FAF3E, #F1742F);  content: "";  position: absolute;  bottom: 0;  left: 0;}
a.nav-link.btn.btn-primary:hover:after {  height: 2px;  width: 100%;  background: linear-gradient(to right, #F1742F, #3FAF3E);  content: "";  position: absolute;  bottom: 0;  left: 0;}
a.nav-link.btn.btn-primary {  background: transparent;}

a .services-box {position:relative;}
a .services-box:hover:after { content: "";  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  background: #1db2308f;  border-radius: 20px;}

a .services-box .hover-content button {display: block;  position: absolute;  left: 50%;  z-index: 4;  bottom: 8%;  transform: translate(-50%);}
a .services-box .hover-content button:hover { display: block;  position: absolute;  left: 50%;  z-index: 4;  bottom: 8%;  transform: translate(-50%);}

.services-box { position: relative; overflow: hidden;  cursor: pointer; border-radius: 20px;}
.services-box img {  display: block;  width: 100%;  transition: transform 0.4s ease;}

/* Dark overlay */
.services-box::after { content: "";  position: absolute;  inset: 0;  background: rgba(0,0,0,0.45);  opacity: 0;  transition: opacity 0.4s ease;  z-index: 1;}

/* Hover content hidden initially */
.hover-content {  position: absolute;  bottom: 8%;  width:100%;  z-index: 2;  opacity: 0;  visibility: hidden;  transition: all 0.4s ease;}

/* Hover states */
.services-box:hover::after { opacity: 1;}
.services-box:hover .hover-content {  opacity: 1;  visibility: visible;}
.services-box:hover img {  transform: scale(1.05);}

/* Carousel */
.carousel-item:before { display:block; content:""; background-color:rgba(0, 0, 0, 0.1); position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; }

@media (max-width:992px) {
	.carousel-item { height:80vh; object-fit:cover; background-position:center !important; }
}

.carousel-item .img-fluid { width:100%; height:100%; object-fit:cover; }

/* Post */
.post { margin-bottom:4rem; }
.entry-header ul { padding-left:0; list-style:none; display:inline-block; }
.link-more { display:none; }

/* hero */
.hero { background-color:#001423; position:relative; }
.hero-home { background:url(/wp-content/uploads/2026/05/pexels-bulat843-1243575272-34054464.jpg) 50% 100% no-repeat; background-size:cover; height:500px; background-position-y:32%;}
.hero-home .hero-content { color:#fff; padding:0; }
.hero-home .container-fluid { z-index:1010; position:relative; }
.hero.hero-home:after { content:""; position:absolute; z-index:1000; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:block; background:rgb(0 0 0 / 58%); }
.hero-ev { background:url(/wp-content/uploads/2022/04/henley-plug-in-hero.jpg) 70% 0 no-repeat; background-size:cover; height:480px; }
.hero-ev .hero-content { color:#fff; padding:0; }
.hero-ev .container-fluid { z-index:1010; position:relative; }
.hero.hero-ev:after { content:""; position:absolute; z-index:1000; top:0; left:0; right:0; bottom:0; width:100%; height:100%; display:block; background:rgba(64, 64, 64, 0.6); }

.hero-content { color:#fff; padding:0; position:relative; z-index:999;  }
.hero-content * { color:#fff; }
.hero-contact { background-size:cover; }

@media screen and (min-width:992px) {
	.hero-home { height:680px; }
	.hero-ev { height:680px; background:url(/wp-content/uploads/2022/04/henley-plug-in-hero.jpg) 50% 0 no-repeat; }
}

.electrician-img1 {background:url(/wp-content/uploads/2026/05/pexels-budget-bizar-92378004-27863809.jpg) 50% 50% no-repeat;background-size: cover;  width: 100%;  height: 90vh;  display: block;}
.electrician-img2 {background:url(/wp-content/uploads/2026/05/raze-solar-GXLPLG3_Vf4-unsplash.jpg) 50% 50% no-repeat;background-size: cover;  width: 100%;  height: 90vh;  display: block;}

/* Card */
.card { position:relative; display:-ms-flexbox; display:flex; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; background-color:#f1f1f1; background-clip:border-box; border:0px solid rgba(0,0,0,.125); border-radius:0rem; }
.card-img-top { width:100%; height:auto; }
.card-body { -ms-flex:1 1 auto; flex:1 1 auto; min-height:1px; padding:1.25rem; background:#dde6eb; }


/* Recaptcha */
.grecaptcha-badge { display:none !important; }

/* Services */

.service-content { padding:4rem; }
.service-block { background:#082334; padding:2rem; color:#fff; }
@media screen and (max-width:992px){
	.service-content {  padding:3rem;}
}

/* SLICK SLIDER */
.slide-bg-image { height:240px; z-index:2; width:100%; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; }
.js-hero-slider { display:none; }
.js-hero-slider.slick-initialized { display:block; }

.slick-dotted.slick-slider { margin-bottom:0; }
.slick-dots { display:inline-block;  border-radius:50px; z-index:5; width:100%; left:10px; }
.slick-dots li { vertical-align:middle; }
.slick-dots li button:before {opacity:1; color:rgb(63 175 62 / 50%); }
.slick-dots li.slick-active button:before { opacity:1; color:#3faf3e; }

.casestudy-slider .slick-prev { left:40px; }
.casestudy-slider .slick-next { right:40px; }
.slick-prev .fa,
.slick-next .fa { color:#ccc; font-size:30px; }
.slick-next, .slick-prev { z-index:9999; }
.slick-slide, .slick-slide:focus, .slick-slide:active { outline:none; }


/*review Mobile Slider*/
.reviews-slider .slick-next { right:-10px; }
.reviews-slider .slick-prev { left:-10px; }
.reviews-slider .slick-next, .reviews-slider .slick-prev { font-size:0; line-height:0; position:absolute; top:20% !important; display:block; width:20px; height:20px; padding:0; -webkit-transform:translate(0,-20%) !important; -ms-transform:translate(0,-20%) !important; transform:translate(0,-20%) !important; cursor:pointer; color:transparent; border:none; outline:0; background:0 0; }

.slick-prev:before { content:'←'; display:none; }
.slick-next:before { content:'→'; display:none; }
.feather { width:26px; height:26px; stroke:#00ace4; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; fill:none; }
.navbar .feather { width:18px; height:18px; stroke:#fff; }


.zigzag { position:absolute; bottom:-16px; right:0; }


@media(max-width:767px) {
	.scrolling-row { display:flex; flex-wrap:nowrap; overflow-x:auto; padding-right:15%; -webkit-overflow-scrolling:touch; }
	.scrolling-row .scrolling-card { flex:0 0 auto; }
	.scrolling-row::-webkit-scrollbar { display:none; }
}
.ev-charge-container { background:#0d3753; color: #fff; box-shadow: 0 2px 16px rgba(0,0,0,0.1); padding:1.500rem; }
@media(min-width:1200px) {
	.ev-charge-container { padding:3rem; background:#0d3753 url(https://d2p9w85hcx3khs.cloudfront.net/images/cef/YOUR_INFORMATION.png) no-repeat 100% 50%; background-size: auto 90%; }
}
.wpcf7 form .wpcf7-response-output { margin:0; padding: 0.500rem 1rem; border: 2px solid #00a0d2; }