body {
font-family:'Inter', 'sans-serif';
} h1, h2{
font-weight:900;
}
h1 { font-size: 42px; }
h2 { font-size: 32px; }
h3 { font-size: 24px; font-weight:600; }
h4 { font-size: 21px; } img {
max-width: 100%;
height: auto;
width: auto\9; } a{
outline: 0;
} #top{
background-color:#39362B;
height:44px;
color:#fff;
font-size:15px;
min-height:44px;
}
#top .social{
float:right;
padding-top:8px;
}
#top .social img{
height:26px;
}
#top .contact{
padding-top:10px;
}
#top .contact img{
margin: 0 6px 0 12px;
vertical-align: middle;
width: 21px;
}
#top a{
color:#fff;
text-decoration: none;
}
header{
padding:20px 0;
}
#get-quote {
float: right;
margin-top:16px;
} #logo {
height: 70px;
} nav {
float: right;
margin-right: 30px;
padding-top: 14px;
position: relative;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
nav > ul > li {
position: relative;
float: left;
padding: 10px 14px;
}
nav > ul > li > a {
text-decoration: none;
color:#000;
padding-bottom:6px;
}
nav > ul > li > a:hover, nav li a:active {
background-color: transparent;
text-decoration: none;
}
nav ul li {
display: inline-block;
}
nav ul > li a {
display: block;
font-size:15px;
}
nav ul > li a:hover {
color:#000;
border-bottom:3px solid #6CB745;
}
.menu-item-has-children {
padding-right: 24px;
background: url(//evpowerireland.ie/wp-content/themes/Vanilla/images/arrow-down.png) no-repeat right 12px center;
}
nav ul.sub-menu {
position: absolute;
padding: 8px;
left: 0;
width: 200px;
background: #000;
display: none;
z-index: 300;
}
nav ul.sub-menu > li {
text-align: left;
vertical-align: top;
display: block;
}
nav ul.sub-menu > li a {
padding: 3px 9px;
color: #fff;
text-decoration: none;
border-bottom: 1px solid #777;
}
nav ul.sub-menu > li:last-child a {
border: none;
}
nav ul > li:hover ul.sub-menu {
display: inline-block;
}
nav ul > li a:hover {
background-color: transparent;
} #hero{
background:url(//evpowerireland.ie/wp-content/themes/Vanilla/images/hero-bg.jpg) no-repeat center center;
background-size: cover;
padding: 60px 0;
}
#hero h1{
font-size: 48px;
font-weight: 900;
margin-top:80px;
}
#hero .image{
text-align:center;
}
#hero .image img {
width: 450px;
height: 450px;
border-radius: 50%;
object-fit: cover;
object-position: center center;
}
#hero p {
max-width: 565px;
} #banner{
background: url(//evpowerireland.ie/wp-content/themes/Vanilla/images/ev-power-ireland-banner.jpg) no-repeat bottom center;
padding: 60px 0;
position: relative;
}
#banner::before {
position: absolute;
content: '';
background: #000;
width: 100%;
height: 100%;
left: 0px;
top: 0px;
opacity: 0.4;
}
#banner h1, #banner a, #banner a:visited, #breadcrumbs, #banner strong {
color: #fff;
z-index: 2;
position: relative;
text-decoration: none;
} .intro h4 {
color: #6CB745;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
.intro h2 {
padding-bottom: 8px;
font-size: 32px;
max-width: 600px;
}
.home .intro h2, .team .intro h2 {
margin:0 auto;
}
#content{
padding: 20px 0 40px;
}
#content.blog{
padding:40px 0;
}
.single-blog .wp-block-image img{
border-radius:30px;
}
.single-blog .wp-block-image figcaption {
text-align: center;
font-size: 13px;
font-weight: 600;
}
.wp-block-image figure.alignright{
margin-left:30px;
}
main, #contact{
padding:60px 0 30px;
}
main .intro{
text-align:center;
padding-bottom:30px;
}
main .feature{
}
main .feature.threes{
text-align:center;
padding:20px 0;
}
.feature h3{
display: inline-block;
font-size: 20px;
}
.feature article {
padding: 0 30px;
}
main .feature h4 {
color: #6CB745;
font-weight: 600;
font-size: 21px; margin-bottom: 0; }
main .feature h3 {
}
main .feature.twos{
padding:20px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.feature img:first-child{
width:100%;
object-fit: cover;
height: 270px;
}
.feature blockquote {
width: 90%;
margin: 0 auto;
position: relative;
top: -40px; background-color: #fff;
padding: 20px 24px; text-align:left;
box-shadow: 0 4px 8px 0 rgba(174, 170, 156, 0.2);
}
main .feature.twos img{
float:left;
margin-right:30px;
}
.feature img.icon {
position: absolute;
top: 10px; right: 24px;
width: 46px;
} #quote{
background: #e7e9d3 url(//evpowerireland.ie/wp-content/themes/Vanilla/images/quote-bg.png) no-repeat left center;
}
.get-quote-image {
object-fit: cover;
height: 100%;
width: 100%;
}
div.quote {
padding: 60px 60px 15px;
}
div.quote-img{
padding:0;
}
#quote button.forminator-button {
border-radius: 30px;
}
#quote .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="default"]:not(.forminator-size--small) .forminator-pagination-steps .forminator-step .forminator-step-label, #quote .forminator-ui.forminator-custom-form[data-design="default"]:not(.forminator-size--small) .forminator-pagination-steps .forminator-step .forminator-step-label {
white-space: nowrap !important;
}
#quote .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child), #quote .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child) {
margin-bottom: 15px;
} #quote .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design="default"] .forminator-error-message, #quote .forminator-ui.forminator-custom-form[data-design="default"] .forminator-error-message {
padding-top: 2px;
line-height: 0;
}
#quote .forminator-ui#forminator-module-210.forminator-design--default .forminator-error-message {
background-color: transparent;
color: #E04562;
}
.forminator-edit-module {
display: none;
}
#sidebar .enquiry .forminator-ui .forminator-input {
border-color: #777771;
background-color: #fff !important;
color: #000000;
}
#sidebar .enquiry {
background: #f5f6f7;
border: 1px solid #E8E8F9;
box-sizing: border-box;
box-shadow: 0 0 8px rgba(232, 232, 249, 0.25);
border-radius: 2px;
padding: 27px;
}  .get-quote {
color: #fff;
background-color: #6cb745;
padding: 60px;
}
.quote-image {
padding: 0;
}
#about, #seai {
padding: 90px 0 0;
}
.about-image {
padding-right: 40px;
}
.about-image img {
max-height: 500px;
object-position: center bottom;
border-radius: 30px;
}
.about-info {
align-self: center;
}
.cert h2{
margin-bottom:20px;
} #partners, #products {
padding: 90px 0;
text-align:center;
}
#partners {
padding: 90px 0 0;
}
#partners h4, #products h4, #testimonials h4 {
color: #6CB745;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
}
#partners h2, #products h2, #testimonials h2 {
padding-bottom: 30px;
font-size: 32px;
max-width: 600px;
margin: 0 auto;
}
#partners img {
max-height: 80px;
width: auto;
}
#products img{
height:200px;
width:auto;
}
#products .owl-item>div>a{
display: inline-block;
text-decoration:none;
}
#products h3{
color:#000;
text-decoration:none;
margin-top:12px;
} .gtnCaps {
text-align: center;
width: 100%;
display: block;
position: relative;
top: -50px;
background-color: rgba(255,255,255,0.8);
padding: 6px 0;
}
#product-slider h3{
text-align: center;
font-size: 21px;
}
#product-slider .owl-item {
text-align: center;
}
.related .products{
clear:both;
} .posts article{
padding:20px;
background-color:#f9f9f9;
margin-bottom:20px;
border:1px solid #ededed;
}
.posts article h2{
margin-top:5px;
} #testimonials{
background:url(//evpowerireland.ie/wp-content/themes/Vanilla/images/testimonials-bg.jpg) no-repeat center center;
background-size: cover;
padding: 90px 0;
}
.testimonial {
text-align: center;
margin: 40px 0;
}
.owl-nav, .owl-nav.disabled { text-align: center;
font-size: 32px;
display:block;
}
.owl-nav button, .owl-nav.disabled button {
margin: 0 12px;
}
.testimonial {
max-width: 800px;
margin: 30px auto;
} footer{
background-color:#39362B;
padding:60px 0;
color:#fff;
}
footer .about{
padding-right:80px;
}
footer #logo{
height:80px;
width:auto;
}
footer .contacts {
padding-left: 50px;
}
footer .contact img, #contact .contact img {
margin: 3px 6px 0 0;
vertical-align: middle;
width:auto;
}
footer figcaption, #contact figcaption {
margin-left: 30px;
}
footer .social{
padding-top: 20px;
}
footer #mc_embed_signup{clear:left; font-size:14px; }
footer h3{
padding-bottom:8px;
font-size: 24px;
color: #6CB745;
}
footer ul{
margin:0;
padding:0;
}
footer li{
padding: 7px 2px;
list-style: none
}
footer a{
color:#eee;
text-decoration: none;
}
footer a:hover{
color:#fff;
text-decoration: none;
}
footer .social img {
width: 26px;
height: auto;
}
footer .figcaption{
width:90%;
float:left;
}
footer figure img, #contact figure img {
float: left;
margin-right: 12px;
height: 18px;
width: auto;
margin-top: 4px;
max-width: 20px;
}
#credits {
background-color: #39362b;
}
.copyright{
border-top:1px solid #686147;
color: #aaa;
padding: 16px 0;
font-size: 13px;
}
.owl-next, .owl-prev {
position: absolute;
top: 140px;
height: 80px;
width: auto;
}
#testimonials .owl-next, #testimonials .owl-prev {
top: 30px;
}
.owl-next {
right: -40px;
}
.owl-prev {
left:-40px;
}
.owl-next img, .owl-prev img {
height: 40px !important;
opacity: 0.5;
}
#cart-icon{
margin-right: 20px;
}
.cart-count{
font-size: 12px;
width: 18px;
height: 18px;
display: inline-block;
background-color: #6cb745;
text-align: center;
font-style: normal;
border-radius: 100%;
left: -14px;
position: relative;
} .button, a:hover.button, #maillist #mc-embedded-subscribe .button, #products .woocommerce .button, .forminator-ui#forminator-module-244.forminator-design--default .forminator-button-submit, .woocommerce ul.products li.product .button, .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link:hover,.woocommerce a.button.checkout-button {
padding:8px 24px;
text-decoration:none;
display: inline-block;
margin-top: 8px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-weight:600;
font-size:15px;
background-color:#6CB745 !important;
color:#fff !important;
}
#coupon_code {
width: 120px;
}
.flexslider .button {
background-color:#6CB745;
}
.feature .button{
background-color:#eee;
}
#maillist #mc-embedded-subscribe .button{
background-color:#eee;
color:#666;
} .flexslider{
border:none;
margin:0;
}
.flexslider .container{
position: relative;
}
.flexslider aside{
display:inline-block;
position: absolute;
bottom:40px;
right:0;
background: rgba(0,0,0, 0.5);
color:#fff;
padding:10px 20px;
border-top: 1px solid #f3f3f3;
border-bottom:1px solid #f3f3f3;
}
.flex-direction-nav a {
height:50px;
}
.flex-control-nav {
bottom: 10px;
z-index: 10;
}
.flexslider .flex-next {opacity: 0.2; right: 5px;} .flexslider .flex-prev {opacity: 0.2; left: 5px;} .sb_instagram_header.sbi_medium.sbi_no_avatar {
display: none;
}
.sbi_info_wrapper, .sbi-owl-dots {
display: none;
}
#instagram {
position: relative;
top: 60px;
}
#instagram #sb_instagram #sbi_load {
float: none;
clear: both;
width: 200px;
text-align: center;
margin: 0 auto;
position: relative;
top: -60px;
background-color: #fff;
padding: 6px;
border-radius: 6px 6px 0 0;
z-index: 9;
}
.woocommerce {
margin-top: 60px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
}
h2.woocommerce-loop-product__title {
color: #000;
font-size: 1.2em !important;
}
.related.products {
display: block;
clear: both;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.iwhq_nav_btn{
display:none;
float:right;
cursor:pointer;
}
#iwhq_nav_wrap{
display:none;
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height:100%;
background: rgba(0,0,0,0.5);
}
#iwhq_nav_box {
width: 360px;
max-width: 90%;
background-color: #fff;
float: right;
padding: 30px;
height: 100%;
overflow-y: auto;
}
.iwhq_nav_logo_wrap{
width:100%;
float:left;
margin:12px 0;
}
.iwhq_nav_close {
cursor: pointer;
text-align: right;
position: absolute;
top: 10px;
right: 10px;
width: 24px;
height: auto;
}
.iwhq_nav{
clear:both;
margin-top:60px;
margin-bottom: 30px;
background-color: #39362B;
}
ul.iwhq_nav_menu{
margin:0;
padding:0;
list-style:none;
}
.iwhq_nav_menu li a{
padding: 12px 0;
border-bottom: 1px solid #ddd;
display: inline-block;
width: 100%;
text-decoration: none;
color: #fff;
padding-left: 20px;
}
#iwhq_nav_box  p img{
width: 18px;
margin-right: 12px;
display: inline-block;
}
#iwhq_nav_box p a{
color:#000;
text-decoration: none;
font-size:16px;
}
@media screen and (max-width: 1024px){
.iwhq_nav_btn {
display: block;
position: absolute;
top: 70px;
right: 21px;
}
}  @media screen and (min-width:1281px){
} @media screen and (max-width:1400px){
#hero h1 {
margin-top: 50px;
}
} @media screen and (max-width:1200px){
#logo {
width: 100%;
height: auto;
}
#hero h1 {
font-size: 42px;
font-weight: 900;
margin-top: 30px;
}
#hero .image {
padding-left: 50px;
}
} @media screen and (max-width:1024px){
#top .social {
float: left;
}
header .iwhq_nav_btn {
display: block !important;
position: absolute;
right: 30px;
top: 11px;
-webkit-filter: invert(100%);
filter: invert(100%);
}
nav {
display: none;
}
main .feature.threes {
width: 55%;
margin: 0 auto;
}
} @media screen and (max-width:990px){
#hero .row > div{
display:block;
width:100%;
text-align:center;
}
#hero p {
max-width: 565px;
margin: 20px auto;
}
#hero .image {
padding-top: 30px;
}
main .feature.threes {
width: 75%;
}
#hero .image {
padding-left: 15px;
}
} @media screen and (max-width:800px){
#top{
height: auto;
position: relative;
}
#quote .quote, #quote .quote-image, #registered .quote-image, #registered .get-quote{
width:100%;
}
} @media screen and (max-width:768px){
main .feature.threes {
width: 100%;
}
.about-image {
padding-right: 0;
}
header {
padding: 20px 0;
}
header #get-quote {
display: none;
}
} @media screen and  (max-width:640px){
#top{
padding-bottom:6px;
}
#top, #top .right{
text-align:center;
}
#top .social{
float:none;
margin-bottom:6px;
}
header {
text-align: center;
}
#get-quote {
float: none;
margin: 24px 0 12px;
}
#logo {
width: auto;
height: 70px;
}
#testimonials, #partners, #products{
padding: 60px 30px;
}
#products a.button {
clear: both;
display: block !important;
width: 140px;
margin: 0 auto !important;
}
footer {
text-align: center;
}
footer .about, footer .contacts{
padding:30px;
}
footer figure img, #contact figure img {
float: none;
}
#credits {
text-align: center;
}
} @media screen and  (max-width:480px) {
#top span {
display: block;
margin: 4px 0;
}
header {
padding: 20px 0 8px;
}
header .iwhq_nav_btn {
top: 45px;
}
span.phone {
position: relative;
top: 4px;
}
#hero h1 {
font-size: 36px;
margin-top: 0;
}
#hero .image img {
width: 420px;
height: 420px;
}
.feature blockquote {
text-align: center;
}
.feature img.icon {
display: none;
}
#quote .quote {
padding: 60px 30px 15px;
}
#products {
padding-top: 0;
}
footer figcaption, #contact figcaption {
margin-left: 0;
}
.not-home #about, #seai{
text-align:center;
}
.not-home #about .wp-block-buttons {
display: block !important;
}
.get-quote.cert {
padding: 45px 30px;
text-align: center;
}
} @media screen and  (max-width:420px) {
#hero .image img {
width: 360px;
height: 360px;
}
} @media screen and  (max-width:360px) {
#hero .image img {
width: 320px;
height: 320px;
}
} @media screen and  (max-width:320px) {
#hero .image img {
width: 280px;
height: 280px;
}
}