/* Theme Name: ElecSure 2026 Theme URI: https://www.purodesign.com.au/ Description: A theme by Puro Design. Version: 1.0 Author: Kelly Jackson Author URI: https://www.purodesign.com.au/ */ /* Regular */ @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-Italic.ttf') format('truetype'); font-weight: 400; font-style: italic; } /* Medium */ @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; } /* Bold */ @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype'); font-weight: 700; font-style: italic; } /* ExtraBold */ @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } :root { --esablue: #00213d; --esalime: #cad32b; --esagrey: #e6e6e9; --esawhite: #FFFFFF; --esablue75: rgba(0,33,61,0.75); --esapurple75:rgba(107,111,130,0.75); --pdfontBANNER: 2.75em ; /* 44px - done */ --pdfontEXTRAHEADING: 2.5em ; /* 40px */ --pdfontH1: 2.75em; /* 44px - done */ --pdfontH2: 1.875em; /* 30px - done */ --pdfontH3: 1.5em; /* 22px - done */ --pdfontH4: 1.5em; /* 24px - done */ --pdfontH5: 1.5em; /* 24px */ --pdfontP: 1.375em; /* 24px - done */ --pdfontPS: 1.25em; /* 20px - done */ --pdfontSMALL: 1em ; /*16px - done */ --pdfontXSMALL: 1em ; /*16px */ --pdfulldesktop: 5.5rem; --pdhalfdesktop: 3rem; --pdqtrdesktop: 1.5rem; --pdfullmobile: 3rem; --pdhalfmobile: 2rem; --pdqtrmobile: 1rem; --pdlayoutinnerdesktop: calc((100vw - 1280px) / 2); --pdlayoutouterdesktop: calc((100vw - 1475px) / 2); --pdlayoutouterdesktopXL: calc((100vw - 1800px) / 2); --pdlayoutinnermobile: 10vw; --pdlayoutoutermobile: 5vw; } body{margin:0px !important; padding:0px !important; font-family: 'Montserrat', sans-serif;font-weight: 400 !important; font-style: normal; line-height:1.25 !important; font-size:16px !important;} * { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before, *:after { -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .row{position:relative;} .container-fluid{padding-left:5vw !important; padding-right:5vw !important;} .container-fluid.areoi-element{padding-left:0 !important; padding-right:0 !important;} .parallax{/* Create the parallax scrolling effect */ background-attachment: fixed !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .fa-angle-up::before{content:" " !important; background:url("images/menu-arrow-opened.png") no-repeat; background-size:contain; background-position:center; display:block; width:1rem; height:1rem;} .fa-angle-down::before{content:" " !important; background:url("images/menu-arrow-closed.png") no-repeat; background-size:contain; background-position:center; display:block; width:1rem; height:1rem;} a.back-to-top{display:none !important;} /*=============HEADERS AND LINKS=============*/ a{text-decoration:none !important; outline: none !important; font-weight:500;} .main-content a{font-weight:500 !important;} .main-content a:hover{} .main-content ul.wp-block-list{ list-style: none; margin:1.25rem 0px 1.25rem 1.25rem; padding:0px;} .main-content ul.wp-block-list li{margin-bottom:0.5rem; position:relative; padding-left:calc(var(--pdfontP) * 1);} .main-content ul.wp-block-list li::before { content:"■"; color:var(--esalime); position:absolute; top:0; left:0px; width:calc(var(--pdfontP) * 0.75); height:calc(var(--pdfontP) * 0.75);} .main-content blockquote{margin-left:4rem; font-size:var(--pdfontH3); font-style: normal; font-weight: 400; } .main-content blockquote cite{ font-style:normal; text-transform:uppercase;} input.gform_button, input.gform-button{font-size:16px !important;} strong{font-weight:600;} h1{font-size:var(--pdfontH1); font-weight:800;} h2:not(.bannertitle), .faq-container h3.wp-block-accordion-heading{font-size:var(--pdfontH2); font-weight:800;} h2.bannertitle{font-size:var(--pdfontBANNER); font-weight:800; } h3.bannerdescription, .main-content h3:not(.wp-block-accordion-heading), h3.newstitle, h3.blogtitle{font-size:var(--pdfontH3); } .esa-pod-block h3.podtitle, .esa-why-block h3.whytitle, .faq-container h2.wp-block-heading{font-size:var(--pdfontEXTRAHEADING); font-weight:800; } .main-content h4, h4.abouttitle{font-size:var(--pdfontH4) !important; } .main-content h5, h5.catmenu{font-size:var(--pdfontH5);} .main-content h6{font-size:var(--pdfontSMALL);} .main-content p:not(.smalltxt):not(.leadercat):not(.btn):not(.sbdp), .main-content div > ul, .main-content ol:not(.commentlist), a.link, p.blogexcerpt, .pageintrotxt, p.projecttitle, .featuredvideocontainer .description, .poddesc p, .whydesc p{font-size:var(--pdfontP) !important;} .esa-service-boxes-block .serviceboxdesc p.sbdp{font-size:var(--pdfontPS) !important;} .btn, button.facetwp-load-more, input.gform_button, input.gform-button, a.wp-block-button__link, .footer-bottom p, .footer-middle p, footer h2.menutitle, .footer-middle ul.menu, header .menu, button.button.alt, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email], textarea, select, label, figcaption, .main-content ol.commentlist p, p.aboutdesc, p.leadercat, div.blogcat, p.smalltxt, .ubermenu-skin-minimal, p.projectsectorregion, p.tax-term-title, p.tax-term, .nei-service-slider-block .indserv-inner .servicetitle, .featuredvideocontainer .subheading{font-size:var(--pdfontSMALL) !important;} /*=============ALIGNMENT AND IMAGES=============*/ .alignright {float: right;} .alignleft {float: left;} .aligncenter {display:block; margin:auto;} img{max-width:100%; height:auto;} a img {border:none;} img{max-width: 100%; height: auto; vertical-align: middle;} img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {float:right; margin-left:var(--pdqtrdesktop);} img.alignleft {float:left; margin-right:var(--pdqtrdesktop);} .main-content .wp-block-image img, .main-content figure.wp-block-image{width:100%; margin:0px !important;} .main-content .wp-block-image.sectoricon img{width: calc(var(--pdfulldesktop) * 1); height: calc(var(--pdfulldesktop) * 1);} .wp-caption{} .wp-caption p{} .figcaption{text-align:left;} /*=============FORMS AND BUTTONS=============*/ .grecaptcha-badge{display:none !important;} fieldset{border:none;padding:0px; margin:0px;} :-ms-input-placeholder, ::-moz-placeholder, :-moz-placeholder, ::-webkit-input-placeholder{ opacity: 1 !important;} input[type=text], input[type=tel], input[type=email], input[type=password], input[type=email]{background:var(--esawhite); padding:0.75em; border-radius:0em; border:3px solid !important; width:100%; margin-bottom:1em; outline:0 !important; font-weight:300 !important; box-shadow:none !important;} input[type="text"]:disabled { background:var(--esawhite);} textarea{background:var(--esawhite); padding:0.75em; border-radius:0em; border:3px solid !important; width:100%; margin-bottom:1em; outline:0 !important; font-weight:300 !important; box-shadow:none !important;} select{border:3px solid !important; background: var(--esawhite); width:100%; font-weight:300 !important; padding: 0.75em !important; line-height:1 !important;} .facetwp-facet select{padding:0.75em !important;} .form-field{margin-bottom:1em;} .form-field label{} .frm_radio{width:31.66%; margin-left:2.5%; float:left;} .frm_radio:nth-child(3n+1){margin-left:0px;} input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; outline:none !important;} input[type='radio']:after { width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; background-color: rgba(255,255,255,0.1); content: ''; display: inline-block; visibility: visible; border: 3px solid ;} input[type='radio']:checked:after {width: 15px; height: 15px; border-radius: 15px; top: -2px; left: -1px; position: relative; content: ''; display: inline-block; visibility: visible; border: 1px solid;} .gform-field-label{font-weight:300 !important; } #field_submit{display: flex; align-items: end; margin-left: auto;} a.wp-block-button__link, a.btn:not(.btn-link), button.facetwp-load-more, input.gform_button, input.gform-button{background:var(--esalime) !important; color:var(--esablue) !important; border:2px solid var(--esalime); display:inline-block; text-transform:uppercase !important; line-height: 1 !important; border-radius:0em !important; text-align:center; padding:0.75em !important; font-weight:500 !important; min-width: clamp(0px, 17.5vw, 100%);} a.wp-block-button__link:hover, a.btn:not(.btn-link):hover, button.facetwp-load-more:hover, input.gform_button:hover, input.gform-button:hover{border:2px solid var(--esalime); background:none !important; color:var(--esalime) !important;} .wp-block-button.is-style-fill a.wp-block-button__link, .esa-pod-block a.btn, .faq-container .faq-txt-container a.btn{background:var(--esablue) !important; color:var(--esalime) !important; border:2px solid var(--esablue); display:inline-block; text-transform:uppercase !important; line-height: 1 !important; border-radius:0em !important; text-align:center; padding:0.75em !important; font-weight:500 !important; min-width: clamp(0px, 17.5vw, 100%);} .wp-block-button.is-style-fill a.wp-block-button__link:hover, .esa-pod-block a.btn:hover, .faq-container .faq-txt-container a.btn:hover{ border:2px solid var(--esablue); background:none !important; color:var(--esablue) !important; } a.btn.btn-link{color:var(--esalime) !important; text-transform:uppercase; font-weight:500; padding:0px;} a.btn.btn-link:hover{color:var(--esawhite) !important;} .faq-container a.btn.btn-link:hover{color:var(--esablue) !important;} p.gform_required_legend{display:none;} *:focus, a:focus { outline: none !important; box-shadow: none !important;} /*=============HEADER=============*/ header{padding: 0; top: 0 !important; left: 0; right: 0; z-index: 5555; position: fixed !important; border-bottom:2px solid var(--esalime); background:var(--esawhite);} header .header-top{} header .header-logo, header .header-logo-scroll{width: auto; object-fit: contain;} header.filled .header-logo-scroll{display:none;} header .header-acc{height:26.8px;} header .header-top .container-fluid{padding-left:0px !important; padding-right:0px !important;} header .header-top .row .logocolumn{padding-left:5vw !important; border-right:3px solid var(--esalime);} header .header-top .row .header-desktop{padding-right:5vw !important;} /*=============CONTENT=============*/ .mainbannerouter{position:relative; z-index:2050;} .mainbannerouter .owl-carousel .owl-dots{position:absolute; bottom:var(--pdfulldesktop);} .mainbannerouter .owl-carousel .owl-dots .owl-dot span{width:25px !important; height:5px !important; border:2px solid var(--esablue); background:var(--esablue);} .mainbannerouter .owl-carousel .owl-dots .owl-dot.active span{border:2px solid var(--esalime); background:var(--esalime);} .mainbannercontainer{width:100%; height:42vw; z-index:2000;} .mainbannercontainer .container-fluid{padding-left:0px !important; padding-right:0px !important;} .mainbannercontainer .banner-img-container{top:0px; bottom:0px; left:0px; right:0px;} .mainbannercontainer .banner-img-container img{object-fit:cover; with:100%; height:100%;} .mainbannercontainer .banner-txt-container{background:var(--esablue75); color:var(--esawhite);position:relative;} .mainbannercontainer .banner-txt-container:before{content:""; position:absolute; right:0px; top:0px; bottom:0; width:3px; background:var(--esalime);} .mainbannercontainerline.container-fluid{padding-left:0px !important; padding-right:0px !important;} .mainbannercontainerline .banner-txt-container{position:relative;} .mainbannercontainerline .banner-txt-container:before{content:""; position:absolute; right:0px; top:100%; bottom: calc(var(--pdfulldesktop) * -0.66); width:3px; background:var(--esalime);} .featuredimagecontainer{width:100%; height:23vw; z-index:2000;} .featuredimagecontainer .container-fluid{padding-left:0px !important; padding-right:0px !important;} .featuredimagecontainer .mainimage{width:100%; height:23vw; } .featuredimagecontainer .mainimage img{object-fit:cover; width:100%; height:100%;} .featuredimagecontainer .row.position-absolute{top:0px; bottom:0px; left:0px; right:0px;} .featuredimagecontainer .banner-txt-container{position:relative;} .featuredimagecontainer .banner-txt-container:before{content:""; position:absolute; right:0px; top:0px; bottom: calc(var(--pdfulldesktop) * -0.66); width:3px; background:var(--esalime);} .main-content{position:relative; z-index:1000; background:var(--esablue); color:var(--esawhite);} .main-content h1, .main-content h3, .main-content h4, .main-content h5 {color:var(--esalime);} .main-content a{color:var(--esalime);} .main-content a:hover{color:var(--esawhite);} .main-content .row.areoi-element{margin:0px; padding:0px;} .esatopborder{position:relative;} .esatopborder:before{content:""; border:2px solid var(--esalime); position:absolute; top:0px; left:0px; width:75%;} ul.sidebar{list-style:none; padding:0px; margin:0px;} ul.sidebar.row{margin-left:-15px; margin-right:-15px;} .pagetitlesubtitle h2.subtitle{margin-bottom:0px !important;} .facetwp-facet{margin-bottom:0px !important;} .esa-service-boxes-block .indserv{position:relative; height:28vw;} .esa-service-boxes-block .indserv img.serviceimg{object-fit:cover; width:100%; height:100%;} .esa-service-boxes-block .indserv .indserv-inner{position:absolute; top:0px; bottom:0px; left:0px; right:0px; display:flex; flex-direction:column; background:var(--esapurple75);} .esa-service-boxes-block .indserv:hover .indserv-inner{background:var(--esablue75);} .esa-service-boxes-block .indserv .indserv-inner .serviceicon{width:25%;} .esa-service-boxes-block .indserv .indserv-inner .indserv-content{} .esa-service-boxes-block .indserv .indserv-inner .indserv-content h4.serviceboxtitle{color:var(--esawhite); font-weight:800;} .esa-service-boxes-block .indserv:hover .indserv-inner .indserv-content h4.serviceboxtitle{color:var(--esalime);} .esa-service-boxes-block .indserv .indserv-inner .btn{margin-left:25%; width:75%; min-width:auto !important; margin-top:auto; display:none;} .esa-service-boxes-block .indserv:hover .indserv-inner .btn{display:block;} .esa-service-boxes-block .customNavigation{display:flex; gap:var(--pdqtrdesktop);} .esa-service-boxes-block .customNavigation button.owl-prev{background:url("images/arrow-left.png") no-repeat; background-size: contain; border: none; width:25px; height:25px; padding:0px !important;} .esa-service-boxes-block .customNavigation button.owl-next{background:url("images/arrow-right.png") no-repeat; background-size: contain; border: none; width:25px; height:25px; padding:0px !important;} .faq-container.container-fluid{padding-left:0px !important; padding-right:0px !important;} .faq-container .faq-txt-container{background:var(--esalime); color:var(--esablue);} .faq-container .faq-txt-container h2{color:var(--esawhite);} .faq-container .faq-txt-container p:last-of-type{margin-bottom:0px !important;} .faq-container .faq-accordian-container{background:var(--esagrey);} .faq-container .faq-accordian-container .wp-block-accordion-item{border-bottom: 2px solid var(--esawhite); padding: var(--pdqtrdesktop);} .faq-container .faq-accordian-container .wp-block-accordion-item.is-open{border-bottom: 2px solid var(--esagrey);} .faq-container .faq-accordian-container .wp-block-accordion-item .wp-block-accordion-heading__toggle{padding:0px var(--pdfulldesktop) 0 0; position:relative;} .faq-container .faq-accordian-container .wp-block-accordion-item .wp-block-accordion-heading__toggle-icon{background:var(--esablue); border-radius:50%; color:var(--esawhite); position:absolute; right:0px;} .faq-container .faq-accordian-container .wp-block-accordion-item h3.wp-block-accordion-heading{color:var(--esablue);} .faq-container .faq-accordian-container .wp-block-accordion-item h3.wp-block-accordion-heading:hover{color:var(--esalime);} .faq-container .faq-accordian-container .wp-block-accordion-item.is-open{background:var(--esawhite); color:var(--esablue);} .faq-container .faq-accordian-container .wp-block-accordion-item h3:hover .wp-block-accordion-heading__toggle-icon{background:var(--esalime);} .faq-container .faq-accordian-container .wp-block-accordion-item.is-open .wp-block-accordion-heading__toggle-icon{background:var(--esalime);} .faq-container .faq-accordian-container .wp-block-accordion-item.is-open h3.wp-block-accordion-heading{color:var(--esalime); margin-bottom:var(--pdhalfdesktop);} .faq-container .wp-block-accordion-heading__toggle:hover .wp-block-accordion-heading__toggle-title { text-decoration: none !important;} .faq-container .faq-accordian-container .wp-block-accordion-item .wp-block-accordion-panel{padding-right:var(--pdfulldesktop);} .faq-container .faq-accordian-container .wp-block-accordion-panel p:last-of-type{margin-bottom:0px;} .esa-pod-block{position:relative; min-height:37vw;} .esa-pod-block .container-fluid{padding-left:0px !important; padding-right:0px !important;} .esa-pod-block img.podimg{object-fit:cover; width:100%; height:100%;} .esa-pod-block .pod-txt-container{background:var(--esalime);} .esa-pod-block h3{color:var(--esawhite);} .esa-pod-block .poddesc{color:var(--esablue);} .esa-pod-block .poddesc p:last-of-type{margin-bottom:0px !important;} .esa-sector-block{background:var(--esablue);} .esa-sector-block .esasectorsgroup a{display: block; width: calc(var(--pdfulldesktop) * 1); height: calc(var(--pdfulldesktop) * 1); background-repeat: no-repeat; background-size: contain; background-position: center;} .esa-why-block .row{background:var(--esablue75);} .esa-why-block h3{color:var(--esalime);} .esa-why-block .whydesc{color:var(--esawhite);} .esa-why-block .whyimg{width:100%; height:100%; object-fit:cover;} /*=============FOOTER=============*/ footer{background:var(--esablue); color:var(--esawhite); border-top:2px solid var(--esalime);} footer a{color:var(--esalime);} footer a:hover{color:var(--esawhite);} .footer-top{ position:relative;} .footer-bottom{ border-top:2px solid var(--esalime);} .footer-top a.btn{text-align:center; padding:0.75em !important;} .footer-top a.btn:hover{} footer img.footer-logo{width: auto; max-width: inherit;} footer .footersocialgroup a{display: block; width: calc(var(--pdfontSMALL) * 1.5); height: calc(var(--pdfontSMALL) * 1.5); background-repeat: no-repeat; background-size: contain; background-position: center;} .footer-bottom p{margin-bottom:0px;} @media only screen and (max-width: 575px){ body{font-size:0.6em !important;} a.wp-block-button__link, a.btn:not(.btn-link), button.facetwp-load-more, input.gform_button, input.gform-button{min-width: clamp(0px, 50vw, 100%);} .wp-block-button.is-style-fill a.wp-block-button__link, .esa-pod-block a.btn, .faq-container .faq-txt-container a.btn{min-width: clamp(0px, 50vw, 100%);} .mainbannercontainer{height:92vw;} .esa-service-boxes-block .indserv{height:90vw !important;} footer img.footer-logo{width: clamp(0px, 50vw, 100%); height: auto !important;} } @media only screen and (min-width: 576px){ body{font-size:0.6em !important;} } @media only screen and (min-width: 768px){ } @media only screen and (min-width: 992px){ } @media only screen and (min-width: 1200px){ body{font-size:0.8em !important;} .pd-g-full{--bs-gutter-y:var(--pdfulldesktop) !important; --bs-gutter-x:var(--pdfulldesktop) !important;} .pd-g-half{--bs-gutter-y:var(--pdhalfdesktop) !important; --bs-gutter-x:var(--pdhalfdesktop) !important;} .pd-g-qtr{--bs-gutter-y:var(--pdqtrdesktop) !important; --bs-gutter-x:var(--pdqtrdesktop) !important;} .pd-gx-full{--bs-gutter-x:var(--pdfulldesktop) !important;} .pd-gx-half{--bs-gutter-x:var(--pdhalfdesktop) !important;} .pd-gx-qtr{--bs-gutter-x:var(--pdqtrdesktop) !important;} .pd-gy-full{--bs-gutter-y:var(--pdfulldesktop) !important;} .pd-gy-half{--bs-gutter-y:var(--pdhalfdesktop) !important;} .pd-gy-qtr{--bs-gutter-y:var(--pdqtrdesktop) !important;} .pd-gx-half .pd-pr-desktop-default{padding-right: calc(var(--bs-gutter-x) * .5) !important;} .pd-gx-half .pd-pl-desktop-default{padding-left: calc(var(--bs-gutter-x) * .5) !important;} .pd-desktop-gx-none{--bs-gutter-x:0 !important; margin-left: 0 !important; margin-right: 0 !important;} .pd-desktop-gy-none{--bs-gutter-y:0 !important; margin-top: 0 !important; margin-bottom: 0 !important;} .pd-p-full{padding:var(--pdfulldesktop) !important;} .pd-p-half{padding:var(--pdhalfdesktop) !important; } .pd-p-qtr{padding:var(--pdqtrdesktop) !important;} .pd-px-full{padding-left:var(--pdfulldesktop) !important; padding-right:var(--pdfulldesktop) !important;} .pd-px-half{padding-left:var(--pdhalfdesktop) !important; padding-right:var(--pdhalfdesktop) !important;} .pd-px-qtr{padding-left:var(--pdqtrdesktop) !important; padding-right:var(--pdqtrdesktop) !important;} .pd-py-full{padding-top:var(--pdfulldesktop) !important; padding-bottom:var(--pdfulldesktop) !important;} .pd-py-half{padding-top:var(--pdhalfdesktop) !important; padding-bottom:var(--pdhalfdesktop) !important;} .pd-py-qtr{padding-top:var(--pdqtrdesktop) !important; padding-bottom:var(--pdqtrdesktop) !important;} .pd-pt-banner{padding-top:12rem !important;} .pd-pt-full{padding-top:var(--pdfulldesktop) !important;} .pd-pt-half{padding-top:var(--pdhalfdesktop) !important;} .pd-pt-qtr{padding-top:var(--pdqtrdesktop)m !important;} .pd-pb-full{padding-bottom:var(--pdfulldesktop) !important;} .pd-pb-half{padding-bottom:var(--pdhalfdesktop) !important;} .pd-pb-qtr{padding-bottom:var(--pdqtrdesktop) !important;} .pd-pl-full{padding-left:var(--pdfulldesktop) !important;} .pd-pl-half{padding-left:var(--pdhalfdesktop) !important;} .pd-pl-qtr{padding-left:var(--pdqtrdesktop) !important;} .pd-pr-full{padding-right:var(--pdfulldesktop) !important;} .pd-pr-half{padding-right:var(--pdhalfdesktop) !important;} .pd-pr-qtr{padding-right:var(--pdqtrdesktop) !important;} .pd-mx-full{margin-left:var(--pdfulldesktop) !important; margin-right:var(--pdfulldesktop) !important;} .pd-mx-half{margin-left:var(--pdhalfdesktop) !important; margin-right:var(--pdhalfdesktop) !important;} .pd-mx-qtr{margin-left:var(--pdqtrdesktop) !important; margin-right:var(--pdqtrdesktop) !important;} .pd-my-full{margin-top:var(--pdfulldesktop) !important; margin-bottom:var(--pdfulldesktop) !important;} .pd-my-half{margin-top:var(--pdhalfdesktop) !important; margin-bottom:var(--pdhalfdesktop) !important;} .pd-my-qtr{margin-top:var(--pdqtrdesktop) !important; margin-bottom:var(--pdqtrdesktop) !important;} .pd-mt-full{margin-top:var(--pdfulldesktop) !important;} .pd-mt-half{margin-top:var(--pdhalfdesktop) !important;} .pd-mt-qtr{margin-top:var(--pdqtrdesktop) !important;} .pd-mb-full{margin-bottom:var(--pdfulldesktop) !important;} .pd-mb-half{margin-bottom:var(--pdhalfdesktop) !important;} .pd-mb-qtr{margin-bottom:var(--pdqtrdesktop) !important;} .pd-ml-full{margin-left:var(--pdfulldesktop) !important;} .pd-ml-half{margin-left:var(--pdhalfdesktop) !important;} .pd-ml-qtr{margin-left:var(--pdqtrdesktop) !important;} .pd-mr-full{margin-right:var(--pdfulldesktop) !important;} .pd-mr-half{margin-right:var(--pdhalfdesktop) !important;} .pd-mr-qtr{margin-right:var(--pdqtrdesktop) !important;} .wp-block-buttons.wp-block-buttons-is-layout-flex{gap:var(--pdhalfdesktop) !important; margin-top:var(--pdhalfdesktop); margin-bottom:var(--pdfulldesktop);} .main-content .wp-block-columns.is-layout-flex{gap:var(--pdhalfdesktop);} .gform-theme--foundation .gform_fields {grid-row-gap: var(--pdqtrdesktop) !important;} header .header-logo, header .header-logo-scroll, footer img.footer-logo { height: var(--pdfulldesktop);} .esa-service-boxes-block .owl-carousel{display:flex; padding:0px !important; gap:2px;} } @media only screen and (max-width: 1499px){ .container-fluid, .mainbannercontainer .banneroverlay{padding-left:var(--pdlayoutoutermobile) !important; padding-right:var(--pdlayoutoutermobile) !important;} footer .container-fluid, header .container-fluid{padding-left:var(--pdlayoutoutermobile)!important; padding-right:var(--pdlayoutoutermobile) !important;} header .header-top .row .logocolumn{padding-left:var(--pdlayoutoutermobile) !important;} header .header-top .row .header-desktop, header .header-top .row .triggercolumn{padding-right:var(--pdlayoutoutermobile) !important;} .featuredimagecontainer .container-fluid .row.featuredimagecontainer-heading .col-12{padding-left:var(--pdlayoutoutermobile) !important;} .mainbannercontainer .banner-txt-container, .mainbannercontainerline .banner-txt-container, .esa-pod-block .pod-txt-container, .faq-container .faq-txt-container, .container-fluid.areoi-element:not(.contentwithimage) .col-md-4{padding-left:var(--pdlayoutoutermobile) !important;} .faq-container .faq-accordian-container, .container-fluid.areoi-element .col-md-8{padding-right:var(--pdlayoutoutermobile) !important;} .mainbannerouter .owl-carousel .owl-dots{right:var(--pdlayoutoutermobile) !important;} } @media only screen and (min-width: 1500px){ .container-fluid, .mainbannercontainer .banneroverlay{padding-left:var(--pdlayoutouterdesktop) !important; padding-right:var(--pdlayoutouterdesktop) !important;} footer .container-fluid, header .container-fluid{padding-left:var(--pdlayoutouterdesktop) !important; padding-right:var(--pdlayoutouterdesktop) !important;} header .header-top .row .logocolumn{padding-left:var(--pdlayoutouterdesktop) !important;} header .header-top .row .header-desktop{padding-right:var(--pdlayoutouterdesktop) !important;} .featuredimagecontainer .container-fluid .row.featuredimagecontainer-heading .col-12{padding-left:var(--pdlayoutouterdesktop) !important;} .mainbannercontainer .banner-txt-container, .mainbannercontainerline .banner-txt-container, .esa-pod-block .pod-txt-container, .faq-container .faq-txt-container, .container-fluid.areoi-element:not(.contentwithimage) .col-md-4{padding-left:var(--pdlayoutouterdesktop) !important;} .faq-container .faq-accordian-container, .container-fluid.areoi-element .col-md-8{padding-right:var(--pdlayoutouterdesktop) !important;} .mainbannerouter .owl-carousel .owl-dots{right:var(--pdlayoutouterdesktop) !important;} } @media only screen and (min-width: 2200px){ body{font-size:1em !important;} .container-fluid, .mainbannercontainer .banneroverlay{padding-left:var(--pdlayoutouterdesktopXL) !important; padding-right:var(--pdlayoutouterdesktopXL) !important;} footer .container-fluid, header .container-fluid{padding-left:var(--pdlayoutouterdesktopXL) !important; padding-right:var(--pdlayoutouterdesktopXL) !important;} header .header-top .row .logocolumn{padding-left:var(--pdlayoutouterdesktopXL) !important;} header .header-top .row .header-desktop{padding-right:var(--pdlayoutouterdesktopXL) !important;} .featuredimagecontainer .container-fluid .row.featuredimagecontainer-heading .col-12{padding-left:var(--pdlayoutouterdesktopXL) !important;} .mainbannercontainer .banner-txt-container, .mainbannercontainerline .banner-txt-container, .esa-pod-block .pod-txt-container, .faq-container .faq-txt-container, .container-fluid.areoi-element:not(.contentwithimage) .col-md-4{padding-left:var(--pdlayoutouterdesktopXL) !important;} .faq-container .faq-accordian-container, .container-fluid.areoi-element .col-md-8{padding-right:var(--pdlayoutouterdesktopXL) !important;} .mainbannerouter .owl-carousel .owl-dots{right:var(--pdlayoutouterdesktopXL) !important;} } @media only screen and (min-width: 3000px){ } @media only screen and (max-width: 1199px){ body{padding-top:calc(var(--pdhalfmobile) + var(--pdqtrmobile) + var(--pdqtrmobile) + 2px) !important;} header ul.menu{margin:var(--pdqtrmobile) 0px;} header .header-logo, header .header-logo-scroll, footer img.footer-logo{height: var(--pdhalfmobile);} header .header-top .row .logocolumn{border-right:2px solid var(--esalime);} .pd-g-full{--bs-gutter-y:var(--pdfullmobile) !important; --bs-gutter-x:var(--pdfullmobile) !important;} .pd-g-half{--bs-gutter-y:var(--pdhalfmobile) !important; --bs-gutter-x:var(--pdhalfmobile) !important;} .pd-g-qtr{--bs-gutter-y:var(--pdqtrmobile) !important; --bs-gutter-x:var(--pdqtrmobile) !important;} .pd-gx-full{--bs-gutter-x:var(--pdfullmobile) !important;} .pd-gx-half{--bs-gutter-x:var(--pdhalfmobile) !important;} .pd-gx-qtr{--bs-gutter-x:var(--pdqtrmobile) !important;} .pd-gy-full{--bs-gutter-y:var(--pdfullmobile) !important;} .pd-gy-half{--bs-gutter-y:var(--pdhalfmobile) !important;} .pd-gy-qtr{--bs-gutter-y:var(--pdqtrmobile) !important;} .pd-p-full{padding:var(--pdfullmobile) !important;} .pd-p-half{padding:var(--pdhalfmobile) !important; } .pd-p-qtr{padding:var(--pdqtrmobile) !important;} .pd-px-full{padding-left:var(--pdfullmobile) !important; padding-right:var(--pdfullmobile) !important;} .pd-px-half{padding-left:var(--pdhalfmobile) !important; padding-right:var(--pdhalfmobile) !important;} .pd-px-qtr{padding-left:var(--pdqtrmobile) !important; padding-right:var(--pdqtrmobile) !important;} .pd-py-full, .pd-mobile-py-full{padding-top:var(--pdfullmobile) !important; padding-bottom:var(--pdfullmobile) !important;} .pd-py-half{padding-top:var(--pdhalfmobile) !important; padding-bottom:var(--pdhalfmobile) !important;} .pd-py-qtr{padding-top:var(--pdqtrmobile) !important; padding-bottom:var(--pdqtrmobile) !important;} .pd-pt-banner{padding-top:7rem !important;} .pd-pt-full{padding-top:var(--pdfullmobile) !important;} .pd-pt-half{padding-top:var(--pdhalfmobile) !important;} .pd-pt-qtr{padding-top:var(--pdqtrmobile) !important;} .pd-pb-full{padding-bottom:var(--pdfullmobile) !important;} .pd-pb-half{padding-bottom:var(--pdhalfmobile) !important;} .pd-pb-qtr{padding-bottom:var(--pdqtrmobile) !important;} .pd-pl-full{padding-left:var(--pdfullmobile) !important;} .pd-pl-half{padding-left:var(--pdhalfmobile) !important;} .pd-pl-qtr{padding-left:var(--pdqtrmobile) !important;} .pd-pr-full{padding-right:var(--pdfullmobile) !important;} .pd-pr-half{padding-right:var(--pdhalfmobile) !important;} .pd-pr-qtr{padding-right:var(--pdqtrmobile) !important;} .pd-mx-full{margin-left:var(--pdfullmobile) !important; margin-right:var(--pdfullmobile) !important;} .pd-mx-half{margin-left:var(--pdhalfmobile) !important; margin-right:var(--pdhalfmobile) !important;} .pd-mx-qtr{margin-left:var(--pdqtrmobile) !important; margin-right:var(--pdqtrmobile) !important;} .pd-my-full{margin-top:var(--pdfullmobile) !important; margin-bottom:var(--pdfullmobile) !important;} .pd-my-half{margin-top:var(--pdhalfmobile) !important; margin-bottom:var(--pdhalfmobile) !important;} .pd-my-qtr{margin-top:var(--pdqtrmobile) !important; margin-bottom:var(--pdqtrmobile) !important;} .pd-mt-full{margin-top:var(--pdfullmobile) !important;} .pd-mt-half{margin-top:var(--pdhalfmobile) !important;} .pd-mt-qtr{margin-top:var(--pdqtrmobile) !important;} .pd-mb-full{margin-bottom:var(--pdfullmobile) !important;} .pd-mb-half{margin-bottom:var(--pdhalfmobile) !important;} .pd-mb-qtr{margin-bottom:var(--pdqtrmobile) !important;} .pd-ml-full{margin-left:var(--pdfullmobile) !important;} .pd-ml-half{margin-left:var(--pdhalfmobile) !important;} .pd-ml-qtr{margin-left:var(--pdqtrmobile) !important;} .pd-mr-full{margin-right:var(--pdfullmobile) !important;} .pd-mr-half{margin-right:var(--pdhalfmobile) !important;} .pd-mr-qtr{margin-right:var(--pdqtrmobile) !important;} .pd-mobile-pt-banner{padding-top:7rem !important;} .pd-mobile-pt-footer{padding-top:var(--pdfullmobile) !important;} .mainbannercontainer .banner-txt-container:before{width:2px;} .mainbannercontainerline .banner-txt-container:before{bottom: calc(var(--pdfullmobile) * -0.66); width:2px;} .featuredimagecontainer .banner-txt-container:before{bottom: calc(var(--pdfullmobile) * -0.66); width:2px;} .esatopborder:before{border:1px solid var(--esalime);} .esa-service-boxes-block .container-fluid, .esa-service-boxes-block .container-fluid .owl-carousel{padding:0px !important; } .esa-service-boxes-block .customNavigation{padding-left:var(--pdlayoutoutermobile) !important;} .esa-service-boxes-block .indserv .indserv-inner .btn{display:block !important;} .esa-service-boxes-block.pd-pb-full{padding-bottom:0px !important;} .faq-container .faq-accordian-container .wp-block-accordion-item.is-open h3.wp-block-accordion-heading{ margin-bottom:var(--pdqtrmobile);} .faq-container .faq-accordian-container .wp-block-accordion-item .wp-block-accordion-heading__toggle{padding:0px var(--pdfullmobile) 0 0; position:relative;} .faq-container .faq-accordian-container .wp-block-accordion-item .wp-block-accordion-panel{padding-right:var(--pdfullmobile);} .wp-block-buttons.wp-block-buttons-is-layout-flex{gap:var(--pdhalfmobile) !important; margin-top:var(--pdhalfmobile); margin-bottom:var(--pdfullmobile);} .main-content .wp-block-columns.is-layout-flex{gap:var(--pdhalfmobile);} .mainbannercontainer .btn-container {gap: var(--pdhalfmobile); flex-direction: column; margin-top:var(--pdhalfmobile); margin-bottom:var(--pdfullmobile);} .gform-theme--foundation .gform_fields {grid-row-gap: var(--pdqtrmobile) !important;} header .menu{font-size:var(--pdfontP) !important;} } @media only screen and (max-width: 991px){ .main-content ul:not(.side-menu):not(.children)not(.products){padding-left:1.75rem;} .esa-service-boxes-block .indserv{height:40vw;} .esa-sector-block .esasectorsgroup a {width: calc(var(--pdfulldesktop) * 0.5); height: calc(var(--pdfulldesktop) * 0.5);} .main-content .wp-block-image.sectoricon img{width: calc(var(--pdfulldesktop) * 0.5); height: calc(var(--pdfulldesktop) * 0.5);} } @media only screen and (max-width: 767px){ .main-content .wp-block-columns.is-layout-flex{gap:0;} .pd-mobile-gx-none{--bs-gutter-x:0 !important; margin-left: 0 !important; margin-right: 0 !important; margin-top:0px !important; margin-bottom:0px !important} .pd-mobile-gy-none{--bs-gutter-y:0rem !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0rem !important; margin-bottom: 0rem !important;} .footer-top .row{gap:var(--pdhalfmobile);} .footer-bottom .row{gap:var(--pdqtrmobile);} .faq-container .faq-txt-container.pd-pr-full, .faq-container .faq-accordian-container.pd-pl-half, .pod-txt-container.pd-pr-full, .container-fluid.areoi-element .col-md-8.pd-pl-half, .container-fluid.areoi-element:not(.contentwithimage) .col-md-4.pd-pr-full{padding-left:var(--pdlayoutinnermobile) !important; padding-right:var(--pdlayoutinnermobile) !important;} .container-fluid.areoi-element.contentwithimage .col-md-4.pd-pr-full{padding-right:0px !important;} .container-fluid, .mainbannercontainer .banneroverlay{padding-left:var(--pdlayoutinnermobile) !important; padding-right:var(--pdlayoutinnermobile) !important;} footer .container-fluid, header .container-fluid{padding-left:var(--pdlayoutinnermobile)!important; padding-right:var(--pdlayoutinnermobile) !important;} header .header-top .row .logocolumn{padding-left:var(--pdlayoutinnermobile) !important;} header .header-top .row .header-desktop, header .header-top .row .triggercolumn{padding-right:var(--pdlayoutinnermobile) !important;} .featuredimagecontainer .container-fluid .row.featuredimagecontainer-heading .col-12{padding-left:var(--pdlayoutinnermobile) !important;} .mainbannercontainer .banner-txt-container, .mainbannercontainerline .banner-txt-container, .esa-pod-block .pod-txt-container, .faq-container .faq-txt-container, .container-fluid.areoi-element:not(.contentwithimage) .col-md-4{padding-left:var(--pdlayoutinnermobile) !important;} .faq-container .faq-accordian-container, .container-fluid.areoi-element .col-md-8{padding-left:var(--pdlayoutinnermobile) !important; padding-right:var(--pdlayoutinnermobile) !important;} .mainbannerouter .owl-carousel .owl-dots{left:var(--pdlayoutinnermobile) !important; right:auto !important; bottom:var(--pdqtrmobile);} .featuredimagecontainer{height:50vw;} .featuredimagecontainer .mainimage{height:50vw; } .contentwithimage .col-md-4 figure.wp-block-image{margin-bottom: var(--pdfullmobile) !important;} .esa-why-block .container-fluid .pd-p-full{padding: var(--pdhalfmobile) !important;} .esa-pod-block .pod-txt-container, .esa-pod-block .pod-img-container, .faq-container .faq-txt-container, .faq-container .faq-accordian-container{min-height:75vw;} } @media only screen and (min-width: 576px) and (max-width: 767px){ } @media only screen and (min-width: 576px) and (max-width:991px){ footer .footerphonesocial { justify-content: flex-end; } } @media only screen and (min-width: 768px) and (max-width:991px){ .pd-tablet-gx-none{--bs-gutter-x:0 !important; } .pd-tablet-gy-none{--bs-gutter-y:0 !important;} .pd-tablet-gx-half{--bs-gutter-y:0 !important;} .pd-tablet-gy-half{--bs-gutter-x:0 !important;} } @media only screen and (min-width: 992px) and (max-width:1199px){ } @media only screen and (min-width: 1200px) and (max-width:1499px){ .imgside img{width:55% !important; margin:auto;} .mainbannercontainer .icon.pd-pt-qtr{padding-top:calc(var(--pdqtrdesktop) / 2) !important;} .mainbannercontainer h3.pd-mt-half.pd-mb-qtr{margin-top:var(--pdqtrdesktop) !important; margin-bottom:calc(var(--pdqtrdesktop) / 2) !important;} .mainbannercontainer .side1btn.pd-mt-qtr, .mainbannercontainer .side2btn.pd-mt-qtr{margin-top:calc(var(--pdqtrdesktop) / 2) !important;} .mainbannercontainer .desc1 p, .mainbannercontainer .desc2 p{margin-bottom:0 !important;} } @media only screen and (max-width: 767px){ .pd-mobile-mx-none{margin-left:0px !important; margin-right:0px !important;} .pd-mobile-my-none{margin-top:0px !important; margin-bottom:0px !important;} .pd-mobile-px-none{padding-left:0px !important; padding-right:0px !important;} .pd-mobile-py-none{padding-top:0px !important; padding-bottom:0px !important;} .pd-g-half .col-12{} .pd-g-half .col-12:first-child{margin-top:0px !important;} } @media only screen and (min-width: 768px) and (max-width:991px){ .pd-tablet-mx-none{margin-left:0px !important; margin-right:0px !important;} .pd-tablet-my-none{margin-top:0px !important; margin-bottom:0px !important;} .pd-tablet-px-none{padding-left:0px !important; padding-right:0px !important;} .pd-tablet-py-none{padding-top:0px !important; padding-bottom:0px !important;} } @media only screen and (min-width: 1200px){ html { scroll-padding-top: 125px; /* Adjust this value to your header's height */} body{padding-top:calc(((var(--pdfontSMALL) * 1.75) + var(--pdhalfdesktop)) + (var(--pdfontSMALL) * 2)) !important;} } @media only screen and (min-width: 1500px){ }