body { background-color: #fff; }
.grid-container { max-width: 1700px; }
.inside-site-info { display: none; }
.site-header { background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.7) 100%); position: fixed; width: 100%; height: 180px; z-index: 98; }
div.site-branding { display: none; }
.main-navigation, .main-navigation ul ul { background-color: transparent; }
.inside-header { padding: 0px; }
#mega-menu-wrap-primary #mega-menu-primary { margin-top: 122px; }
#mega-menu-primary > li.astm-search-menu.is-menu.popup.menu-item { float: right; top: 9px; }
#logocontainer { position: fixed; width: 1700px; left: 50%; transform: translateX(-50%); z-index: 99; height: 0px; }
#logo { width: 260px; height: 119px; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/JEClogo.jpg); background-repeat: no-repeat; margin-top: 32px; }
#logo a:link { opacity: 0; display: block; width: 100%; height: 119px; }
#tel12 { float: right; font-size: 28px; margin-top: -128px; font-weight: 300; border-bottom: 4px solid #ffff00; }
#tel12 a:link { color: #fff; text-decoration: none; }
#tel12 a:hover { color: #dbda06; text-decoration: none; }
#tel12 a:visited { color: #fff; text-decoration: none; }
#mobonly { display: none; }
#mobmenu { display: none; }
.buttons { width: 1700px; margin: -53px auto 0 auto; position: relative; z-index: 1; }
.width { width: 1200px; margin: 0px auto 0 auto; }
.buttontitle { font-size: 22px; color: #575556; background-color: #ffff00; padding: 10px; margin-bottom: 0px; }
.buttontitle a:link { text-decoration: none; color: #575556; }
.buttontitle a:hover { text-decoration: none; color: #98985b; }
.buttontitle a:visited { text-decoration: none; color: #575556; }
.buttonover a {
display:inline-block;
overflow:hidden; }
.buttonover a img {
transition:.35s ease;
transform:scale(1); }
div.comments-area { display: none; }
.buttonover a:hover img {
transform:scale(1.04); }
h1 { color: #575556; font-weight: 300; text-align: center; margin-bottom: 23px; }
.three-words {
font-weight:300;
color:#575757;
line-height:1.2;
text-align:center;
padding-top: 28px;
}
.three-words .sq {
display:inline-block;
width:0.35em;
height:0.35em;
background:#d9d900;
vertical-align: middle;
margin:0 0.45em;
}
#quickquote { font-size: 22px; color: #575556; background-color: #ffff00; padding: 10px; margin-bottom: 0px; text-align: center; margin: 35px auto 98px auto; width: 400px; }
#quickquote:hover { background-color: #575556; color: #ffff00; }
.width a:link { color: #222222; } .width a:hover { color: #222222; } .width a:visited { color: #222222; }
a:link { text-decoration: none!important; }
#evsquare { width: 429px; height: 318px; background:rgba(255,255,255,0.9); margin-top: -318px; position: relative; float: right; text-align: left; padding: 53px; }
h2 { color: #575757; font-size: 30px; font-weight: 300; text-transform: uppercase; }
h3 { color: #575757; font-size: 35px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.02em; margin-top: 44px; }
h4 { color: #575757; font-size: 35px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.02em; margin-top: 44px; }
h5 { color: #575757; font-size: 35px; font-weight: 300; text-transform: uppercase; letter-spacing: 0.02em; margin-top: 11px; }
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { display: none; }
#quickquote2 { font-size: 18px; color: #575556; background-color: #ffff00; padding: 10px 10px 10px 20px; margin-bottom: 0px; text-align: left; margin: 29px auto 10px auto; width: 100%; }
#quickquote2:hover { background-color: #575556; color: #ffff00; }
#quickquote3 { font-size: 22px; color: #575556; background-color: #ffff00; padding: 10px; margin-bottom: 0px; text-align: center; margin: 35px auto 7px auto; width: 400px; }
#quickquote3:hover { background-color: #575556; color: #ffff00; }
#sectorsarea a:link { text-align: center; color: #575556; border-bottom: 1px solid #fff; display: block; padding: 9px; }
#sectorsarea a:visited { text-align: center; color: #575556; border-bottom: 1px solid #fff; display: block; padding: 9px; }
#sectorsarea a:hover { background-color: #575556; color: #ffff00!important; }
#sectorsarea > a:nth-child(4) { border-bottom: 0px!important; margin-bottom: -8px; }
#sectorsarea2 a:link { text-align: center; color: #575556; border-bottom: 1px solid #fff; display: block; padding: 9px; }
#sectorsarea2 a:hover { background-color: #575556; color: #ffff00!important; }
#sectorsarea2 a:visited { text-align: center; color: #575556; border-bottom: 1px solid #fff; display: block; padding: 9px; }
#sectorsarea2 > a:nth-child(10) { border-bottom: 0px!important; margin-bottom: -8px; }
#sectorsarea3 a:link { text-align: center; color: #575556; border-bottom: 1px solid #fff; display: block; padding: 9px; }
#sectorsarea3 a:hover { background-color: #575556; color: #ffff00!important; }
#sectorsarea3 a:visited { text-align: center; color: #575556; border-bottom: 1px solid #fff; display: block; padding: 9px; }
#sectorsarea3 > a:nth-child(7) { border-bottom: 0px!important; margin-bottom: -8px; }
.parainfo { margin: 0px; padding: 48px; }
.nomargin { padding: 0px; margin: 0px; background-color: #000; opacity: 0.88; }
ul.mega-sub-menu { margin-top: 18px!important; }
.pararight ul { margin: 0px 0px 0px 0px; text-align: left; }
.pararight li { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 10px 0px 10px 0px; padding-left: 30px; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/esymb.svg); background-position: left center; background-size: 25px auto; background-repeat: no-repeat; }
.pararight li:last-child { border-bottom: none; margin-bottom: -10px; }
#pararightarea h2 { color: #fff; font-size: 40px; margin-top: -9px; }
.blurr {
background: rgba(0, 0, 0, 0.01); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
h1, h2, h3 { text-transform: uppercase; }
.blofarea836 { padding: 0px; margin: 0px;  }
.did-you-know { display: block; width: 100%; font-size: 40px; font-family: "Grape Nuts", cursive; font-weight: 400; font-style: normal; }
#question1 { text-align: center; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/speech1.png); background-position: center; width: 1200px; height: 290px; background-size: contain; margin: -18px auto 0 auto; background-repeat: no-repeat; font-size: 20px; padding:  74px 30px 0px 30px; color: #575757; }
#question2 { text-align: center; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/speech2.png); background-position: center; width: 1200px; height: 290px; background-size: contain; margin: -18px auto 0 auto; background-repeat: no-repeat; font-size: 20px; padding:  74px 30px 0px 30px; color: #575757; }
:root{
--jec-bg:#000;
--jec-text:#cfcfcf;
--jec-muted:#a1a1a1;
--jec-accent:#d9d900;
}
.jec-footer{
background: var(--jec-bg);
color: var(--jec-text);
font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.jec-footer a{
color: var(--jec-text);
text-decoration: none;
}
.jec-footer a:hover,
.jec-footer a:focus{ color:#fff; outline: none; }
.jec-footer__inner{
max-width: 1700px;
margin: 0 auto;
padding: 48px 24px 28px;
display: grid;
grid-template-columns: 2.4fr 1.8fr 2.6fr 2.0fr 1.8fr 0.7fr; gap: 36px 40px;
align-items: start;
margin-top: -40px;
}
.jec-col{font-size:15px; line-height:1.6;}
.jec-heading{
color: var(--jec-accent);
font-weight: 700;
font-size: 16px;
letter-spacing: .2px;
margin: 4px 0 10px;
text-transform: none;
}
.jec-list{list-style:none; padding:0; margin:0;}
.jec-list li{margin:6px 0;}
.jec-brand .jec-logo{
width: 200px;
height: auto;
display: block;
margin: 8px 0 26px 0;
}
.jec-address{font-style: normal;} .jec-social__row{
display: flex;
flex-direction: column;
gap: 12px;
margin-top: 6px;
}
.jec-social__link{
width: 36px;
height: 36px;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid var(--jec-accent);
color: var(--jec-accent);
border-radius: 6px;
transition: transform .2s ease, background-color .2s ease, color .2s ease;
}
.jec-social__link i{ font-size:16px; line-height:1; }
.jec-social__link:hover,
.jec-social__link:focus{
background: var(--jec-accent);
color: #000;
transform: translateY(-2px);
}
.jec-footer__bar{
max-width: 1700px;
margin: 0 auto;
padding: 12px 24px 28px;
color: var(--jec-muted);
font-size: 13px;
text-align: right;
} @media (max-width: 1400px){
.jec-footer__inner{
grid-template-columns: 2.4fr 1.8fr 2.6fr 2.0fr 1.8fr 0.7fr;
gap: 28px 28px;
}
}
@media (max-width: 985px){
.jec-footer__inner{ grid-template-columns: 1fr; text-align: center; }
.jec-col { font-size: 14px!important; }
.jec-brand .jec-logo { margin: 0 auto 30px auto!important; }
address { margin: 0px 0px 8px 0px; }
.jec-footer__bar { text-align: center!important; }
.jec-social__row { display: block; }
.jec-footer { margin-top: 33px; }
}
@media (max-width: 640px){
.jec-footer__inner{
grid-template-columns: 1fr;
gap: 22px;
padding: 36px 18px 18px;
}
.jec-footer__bar{
text-align: left;
padding: 10px 18px 28px;
}
.jec-brand .jec-logo{width:180px;}
}
@media only screen and (max-width: 1750px) {
.grid-container { max-width: 100%; right: 32px; }
#logocontainer { max-width: 95%; }
.buttons { width: 95%; }
.width { width: 95%; }
}
@media only screen and (max-width: 1520px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { padding: 0px 35px 0px 0px; }
}
@media only screen and (max-width: 1300px) {
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 12px; padding: 0px 18px 0px 0px; }
#mega-menu-wrap-primary #mega-menu-primary { margin-top: 124px; }
.buttontitle { font-size: 16px; }
#evsquare { width: 100%; height: auto; background-color: #eee; margin-top: -8px; position: relative; float: right; text-align: center; padding: 30px; }
#quickquote2 { text-align: center; padding: 10px; }
.jec-col { font-size: 12px; }
.jec-brand .jec-logo { width: 155px; }
#question1 { width: 1000px; font-size: 14px; padding: 70px 30px 0px 30px; height: 246px; } 	#question2 { width: 1000px; font-size: 14px;  padding: 70px 30px 0px 30px; height: 246px;  }
.did-you-know { font-size: 32px; }	
}
@media only screen and (max-width: 1000px) {
#mobmenu { display: block; position: fixed; z-index: 9999; width: 100%; }
.site-header { background-color: #000; margin-top: 40px; }
#logocontainer { margin-top: 40px; max-width: 100%; }
.nav-float-right #site-navigation { display: none; }
.slidemob { padding-top: 235px; }
#mega-menu-wrap-primary #mega-menu-primary { margin-top: 0px; }
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 16px; padding-bottom: 50px; padding-top: 10px; padding-left: 20px; }
#mega-menu-primary > li.astm-search-menu.is-menu.popup.menu-item { top: 21px; padding-left: 20px; }
#logo { margin-left: auto; margin-right: auto; }
#tel12 { width: 100%; background-color: rgb(34,34,34); margin-top: 27px; text-align: center; letter-spacing: 0.12em; border-bottom: 0px; padding: 7px 0px 7px 0px; }
.buttontitle { font-size: 13px; }
#question1 { width: 800px; font-size: 12px; padding: 48px 30px 0px 30px; height: 199px; } 	#question2 { width: 800px; font-size: 12px;  padding: 48px 30px 0px 30px; height: 199px;  }
.did-you-know { font-size: 32px; }	
}
@media only screen and (max-width: 782px) {
.buttontitle { width: 400px; margin: 0 auto; font-size: 16px; }
#question1 { width: 90%; font-size: 22px; padding: 99px 70px 0px 70px; height: 400px; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/speech1mob.png); } 	#question2 { width: 90%; font-size: 22px; padding: 99px 70px 0px 70px; height: 400px; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/speech2mob-.png); }
.did-you-know { font-size: 50px; }	
}
@media only screen and (max-width: 550px) {
.buttontitle { width: 400px; margin: 0 auto; font-size: 16px; }
#question1 { width: 90%; font-size: 18px; padding: 52px 70px 0px 70px; height: 293px; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/speech1mob.png); } 	#question2 { width: 90%; font-size: 18px; padding: 52px 70px 0px 70px; height: 293px; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/speech2mob-.png); }
.did-you-know { font-size: 50px; }	
}
@media only screen and (max-width: 500px) {
.buttontitle { width: 100%; font-size: 20px; margin-top: -4px; }
#quickquote  { width: 95%; }
#quickquote3  { width: 90%; }
#mobonly { display: block; }
#desktop1 { display: none; }
.buttons { margin: 16px auto 0 auto; }
:where(.wp-block-columns.is-layout-flex) { gap: 9px; }
.width { width: 85%; }
h1 { font-size: 23px; display: block; padding-left: 30px; padding-right: 30px; }
#quickquote { margin: 34px auto 45px auto; }
.nomargin { height: 400px; display: block; }
#question1 { width: 90%; font-size: 14px; padding: 36px 33px 0px 33px; height: 217px; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/speech1mob.png); } 	#question2 { width: 90%; font-size: 14px; padding: 36px 33px 0px 33px; height: 217px; background-image: url(//www.jecelectricalsolutions.co.uk/wp-content/uploads/2025/11/speech2mob-.png); }
.did-you-know { font-size: 38px; }	
}