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(/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; /* prevents the zoom breaking out */
}

.buttonover a img {
    transition:.35s ease;
    transform:scale(1); /* base */
}

div.comments-area { display: none; }

.buttonover a:hover img {
    transform:scale(1.04); /* zooms INSIDE only */
}

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; }

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(/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); /* semi-transparent black */
  backdrop-filter: blur(10px);    /* blur the background behind it */
  -webkit-backdrop-filter: blur(10px); /* Safari support */
}


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(/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(/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; /* wider last column */
    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;}

  /* Social (vertical) */
  .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;
  }

  /* ======= Responsive ======= */
  @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(/wp-content/uploads/2025/11/speech1mob.png); } 	#question2 { width: 90%; font-size: 22px; padding: 99px 70px 0px 70px; height: 400px; background-image: url(/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(/wp-content/uploads/2025/11/speech1mob.png); } 	#question2 { width: 90%; font-size: 18px; padding: 52px 70px 0px 70px; height: 293px; background-image: url(/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(/wp-content/uploads/2025/11/speech1mob.png); } 	#question2 { width: 90%; font-size: 14px; padding: 36px 33px 0px 33px; height: 217px; background-image: url(/wp-content/uploads/2025/11/speech2mob-.png); }
	
		.did-you-know { font-size: 38px; }	

   
}