:root {
color: #222;
font-size: 16px;
--blue: #0e1b8d;
--btn-bg: hotpink;
--btn-color: white;
--link-color: #0e1b8d;
--peach: color: rgba(239,6,115,1);
}
* {
box-sizing:border-box;
line-height: 1;
margin: 0;
outline: 0;
padding: 0;
}
*:focus {
outline: 0;
}
body {
font-family: 'Roboto', sans-serif;
overflow-x: hidden;
}
.blue {
color: var(--blue);
}
.peach {
color: var(--peach);
} .container {	
margin: 0 auto;
max-width: 1200px;
padding: 0 20px;
position: relative;
}
.container-fluid {	
margin: 0 auto;
max-width: 100%;
padding: 0 20px;
}
#page {
background: white;
min-height: 100vh;
}
.grid {
display: grid;
}
.row-grid {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px;
} h1,
h2,
h3,
h4,
h5,
p,
ul {
margin-bottom: 20px;
}
.font-xl {
font-size: 150%;
}
.font-l {
font-size: 125%;
}
.font-s {
font-size: 75%;
}
.font-xs {
font-size: 50%;
} h1 {
font-size: clamp(28px, 4vw, 100px);
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}
h2 {
font-size: clamp(20px, 4vw, 30px);
font-weight: 300;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
} p {
font-weight: 300;
line-height: 1.4;
} img {
height: auto;
max-width: 100%;	
} .video-container {
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
position: relative;
}
.video-container iframe,
.video-container object,
.video-container embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
iframe {
max-width: 100%;
} ul {
list-style-type: none;
padding-left: 0;
}
ul:after {
clear: both;
content: "";
display: block;	
float: none;
}
.list-bullet {
list-style-position: inside;
list-style-type: disc;
}
li,
dt,
dd {
font-weight: 300;
line-height: 1;
margin-bottom: 10px;
}
li a {
display: block;
}
figure {
margin: 0;
} a, 
a:hover, 
a:active, 
a:focus {
text-decoration: none;
transition: all 0.25s ease-in-out;
}
a {
color: var(--link-color);
font-weight: bold;
}
a.btn, 
.btn {
align-items: center;
background: yellow;
color: var(--blue);
display: inline-flex;
font-size: 20px;
font-weight: 900;
margin: 0 auto 20px auto;
max-width: max-content;
outline: 2px solid yellow;
outline-offset: 4px;
padding: 20px;
text-align: center;
text-transform: uppercase;
transition: all 0.2s ease-in-out;
}
.btn:after {
display: inline-flex;
content: "\f105";
font-family: 'FontAwesome';
font-size: 30px;
font-weight: 600;
margin-left: 10px;
transition: all 0.2s ease-in-out;
}
.btn:hover {
outline-offset: 6px;
transition: all 0.2s ease-in-out;
}
.btn:hover::after {
transform: rotate(360deg);
} .clearfix,
.clear {
clear: both;
float: none;
}
.kc_row:not(.kc_row_inner),
.kc-elm {
clear: both;
float: none !important;
}
.kc_row:after {
clear: both !important;
content: "";
display: block !important;
float: none !important;
} .center {
text-align: center;
}
.right {
text-align: right;
}
.align-middle {
display: grid;
align-content: center;
}
.align-bottom {
display: grid;
align-content: end;
}
.object-cover {
min-width: 100%;
object-fit: cover;
}
.gallery figure {
display: inline-block;
} input[type="color"], 
input[type="date"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="email"], 
input[type="month"], 
input[type="number"],
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="text"], 
input[type="time"], 
input[type="url"], 
input[type="week"], 
select, 
textarea {
background: rgba(255,255,255,0.7);
border: 1px solid rgba(200,200,200,1);
display: block;
font-family: 'Roboto';
font-size: 16px;
height: auto;
margin-bottom: 5px;
padding: 20px;	
width: 100%;
}
input[type="submit"] {
background: var(--blue);
border: 0;
color: yellow;
cursor: pointer;
display: block;
font-size: 19px;
font-weight: 600;
letter-spacing: 1px;		
margin-bottom: 20px;
padding: 20px;
text-transform: uppercase;	
width: auto;
}
textarea {
line-height: 1.4;
min-height: 100px;
}
::placeholder {
color: inherit;
opacity: 0.7;
} #up {	
bottom: 11%;
border: 2px solid var(--blue);
background: yellow;	
position: fixed;	
right: 10px;	
text-align: center;	
z-index: 999;
}
#up a {
color: var(--blue);
display: flex;
font-size: 35px;
height: 50px;
justify-content: center;
width: 50px;
}
#up a .fa {
align-self: center;
}
.yellow {
color: yellow;
} #top-bar {
align-items: center;
background: white;
display: flex;
justify-content: space-between;
left: 0;
padding-left: 20px;
position: fixed;
top: 0;
transition: all 0.25s ease-in-out;
width: 100%;
z-index: 999;
}
.menu-is-open #top-bar {
transition: all 0.25s ease-in-out;
}
.show {
display: block;
}
#main-menu {
background: yellow;
height: 100%;
margin-bottom: 0;
position: fixed;
right: -100%;
text-align: center;
transition: all 0.25s ease-in-out;
width: 100%;
}
.menu-is-open #main-menu {
right: 0;
}
#main-menu li {
margin-bottom: 0;
}
#main-menu li a {
color: var(--blue);
font-size: 18px;
padding: 10px 20px;
text-transform: uppercase;
}
#main-menu .icon a {
background: var(--blue);
color: yellow;
font-size: 26px;
}
#hamburger {
align-content: space-between;
background: yellow;
cursor: pointer;
display: grid;
height: 50px;
margin-right: 5px;
padding: 10px;	
transition: all 0.5s 0.5s ease-in-out;
width: 50px;
z-index: 999;
}
.bar {	
border-bottom: 6px solid black;
transition: all 0.25s ease-in-out;
width: 100%;
}
#bar-wrapper {
position: relative;
}
#bar-2 {
position: relative;
}
#bar-3 {
left: 0;
position: absolute;
top: 0;
}
.bar.blackout {
border-bottom: 3px solid transparent;
transition: all 0.5s ease-in-out;
}
.menu-is-open #bar-1,
.menu-is-open #bar-4 {
border-color: transparent;
box-shadow: none;
transition: none;
}
.menu-is-open #bar-2 {
transform: rotate(45deg);
}
.menu-is-open #bar-3 {
transform: rotate(-45deg);
}
.menu-is-open #fly-out-overlay {
background: rgba(0,0,0,0.5);
cursor: pointer;
display: block;
height: 100%;
left: 0;
position: fixed;
top: 0;
transition: all 0.25s ease-in-out;
width: 100%;
}
#logo {
max-width: 250px;
padding: 20px;
} #hero {
padding: 200px 0;
} .parallax-bg {
background-position: center 0;
background-repeat: no-repeat;
background-size: cover;	
} .flexslider {
border: 0;
border-radius: 0;	
box-shadow: none;	
margin: 0 auto;
overflow: hidden;
padding: 0;
z-index: 1;
} #footer-main {
background: white;
color: var(--blue);
}
#footer-main li {
font-size: 14px;
margin-bottom: 0;
}
#footer-main li:last-child {
border-bottom: 0;
}
#footer-main li a,
#footer-main .fly-out-open-button {
padding: 20px 0;
}
.footer-fixed {
bottom: 0;
left: 0;
position: fixed;	
width: 100%;
z-index: -1;
}
#footer-widgets {
margin: 0 auto;
max-width: 900px;
padding: 40px 0 20px 0;
}
#footer-legal {
background: black;
color: white;
padding: 20px;
}
#footer-logo {
margin: 0 auto 20px auto;
max-width: 300px !important;
}
#footer-phone {
background: var(--blue);
font-size: 36px;
padding: 40px 20px;
text-align: center;
}
#footer-phone a {
color: yellow;
text-transform: uppercase;
} .section {
background-size: cover;
background-repeat: no-repeat;
color: rgba(255,255,255,1);
padding: 80px 0 160px 0;
}
#home-intro {
background-image: url(//www.headex.com.au/wp-content/uploads/2023/06/head-exchange-engine-resized.jpg);
}
#home-outro {
background-image: url(//www.headex.com.au/wp-content/uploads/2023/06/Head_Exchange-58-resized.jpg);
}
#about {
background-image: url(//www.headex.com.au/wp-content/uploads/2023/07/Head_Exchange-55-resized.jpg);
}
#contact {
background-image: url(//www.headex.com.au/wp-content/uploads/2023/06/Head_Exchange-43-resized.jpg);
}
.content-box {
background: linear-gradient(180deg, rgba(13,25,140,1), rgba(13,25,140,0.8));
color: white;
padding: 40px;
grid-column: 1 / span 12;
}
#home-outro .content-box {
grid-column: 1 / span 12;
}
#about .container,
#contact .container {
max-width: 1200px;
}
#about .content-box,
#contact .content-box {
grid-column: 1 / span 12;
}
#home-content {
grid-gap: 20px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
padding: 30px 20px;
}
.over {
background: #222;
color: white;
display: block;
position: relative;
transition: all 0.5s ease-in-out;
}
.over img {
filter: grayscale(0.8);
}
.overlay {
background: linear-gradient(45deg, rgba(20,20,20,1), rgba(20,20,20,0.9), rgba(20,20,20,0.5), rgba(20,20,20,0));
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0%;
transition: all 0.5s ease-in-out;
width: 100%;
}
.over:hover .overlay {
background: linear-gradient(45deg, rgba(14,27,141,1), rgba(14,27,141,0.9), rgba(20,20,20,0.5), rgba(20,20,20,0));
transition: all 0.5s ease-in-out;
}
.over:hover img {
filter: grayscale(0);
}
.over .content {
bottom: 40px;
left: 40px;
position: absolute;
width: 70%;
}
.over h3 {
font-size: 36px;
font-weight: 600;
margin-bottom: 10px;
text-transform: uppercase;
}
.over p {
margin-bottom: 0;
}
.arrow-box {
align-items: center;
background: var(--blue);
bottom: 40px;
color: white;
display: flex;
font-size: 50px;
font-weight: 600;
height: 60px;
justify-content: center;
outline: 2px solid var(--blue);
outline-offset: 4px;
position: absolute;
right: 40px;
text-align: center;
width: 60px;
transition: all 0.2s ease-in-out;
}
.over:hover .arrow-box {
background: yellow;
color: var(--blue);
outline-offset: 6px;
outline-color: yellow;
transition: all 0.2s ease-in-out;
} .woocommerce .quantity .qty {
width: 80px;
}
ul.products {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 40px;
margin: 0;
padding: 0;
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
align-items: self-end;
clear: both;
display: grid;
float: none;
grid-auto-rows: auto 1fr auto;
margin: 0;
width: auto;
}
li.product a {
color: var(--blue);
}
ul.products::before,
.woocommerce ul.products::before {
display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-size: 20px;
font-weight: 600;
margin-bottom: 15px;
}
.attribute-label-text {
font-weight: 600;
}
.attribute-value {
font-weight: 500;
}
.custom-attributes {
margin: 0 !important;
}
.custom-attributes li {
border-bottom: 1px solid #eee;
margin-bottom: 5px;
padding-bottom: 5px;
}
.custom-attributes li.vehicle-make {
border-bottom: 1px solid #111;
font-size: 18px;
margin-bottom: 5px;
padding-bottom: 0;
}
.custom-attributes {
color: #111;
}
.vehicle-make,
.vehicle-model {
font-weight: 800;
}
.woocommerce-products-header,
.page-header {
background: var(--blue);
color: white;
margin-bottom: 20px;
padding: 20px;
}
#find-product {
background: var(--blue);
color: white;
}
.product.woocommerce.add_to_cart_inline {
border: none !important;
padding: 0 !important;
font-weight: 600;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
background-color: var(--blue);
background-image: none;
border: 0;
border-radius: 0;
box-shadow: none;
color: yellow;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: 700;
left: auto;
line-height: 1;
margin: 0;
overflow: visible;
padding: 20px;
position: relative;
text-decoration: none;
text-shadow: none;
}
.single-product .custom-attributes li {
border-bottom: 0;
font-size: 22px;
font-weight: 600;
margin-bottom: 10px;
padding-bottom: 0;
}
.single-product .attribute-term {
font-weight: 400;
}
.single-product p.price,
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
color: #111 !important;
font-size: 30px !important;
font-weight: 600;
}
.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th {
text-align: left;
font-size: 22px;
}
.single-product .woocommerce #respond input#submit, 
.woocommerce a.button, 
.single-product .woocommerce button.button, 
.single-product .woocommerce input.button {   
margin: 0 !important;
padding: 20px !important;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
background-color: var(--blue) !important;
color: yellow !important;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled,
.woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled] {
color: inherit;
cursor: not-allowed;
opacity: .5;
padding: 20px;
}
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover {
color: var(--blue);
background-color: yellow;
}
.woocommerce div.product form.cart .button:hover {
color: var(--blue) !important;
background-color: yellow !important;    
}
.woocommerce-message {
border-top-color: var(--blue);
}
.woocommerce-message::before {
color: var(--blue);
}
#coupon_code {
min-width: 200px;
padding: 20px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
padding: 0.5em 0;
margin: 0;
font-size: 28px;
}
.woocommerce div.product form.cart .variations label {
color: var(--blue);
} #fitting-stations,
.fitting-stations main {
display: grid;
grid-gap: 40px;
grid-template-columns: 1fr;
}
#fitting-station-dropdown select {
float: left;
width: max-content;
}
#fitting-station-dropdown input[type="submit"] {
background: var(--blue);
color: yellow;
}
.fitting-station-results p {
font-size: 20px;
} .workshop-tour,
.video-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
grid-gap: 40px;
}
.workshop-tour li,
.video-list li {
background: #efefef;
background: linear-gradient(45deg, ghostwhite, white);
border: 1px solid #ddd;
border-radius: 20px 20px 0 0;
box-shadow: 0px 0px 8px rgba(0,0,0,0.05);
}
.featured-img {
position: relative;
}
.main-img {
border-radius: 20px 20px 0 0;
}
.gallery {
bottom: 10px;
display: grid;
grid-gap: 5px;
grid-template-columns: 1fr 1fr 1fr;
left: 10px;
max-width: 50%;
position: absolute;
}
.gallery img {
border: 5px solid white;
}
.workshop-content,
.video-content {
padding: 20px 10px;
}
.workshop-content .gallery {
display: none;
}
.workshop-title,
.video-title {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 10px;
} #info-bar {
align-items: center;
display: grid;
grid-gap: 20px;
justify-content: space-between;
padding: 0 40px 10px 40px;
}
#info-bar-widgets {
align-items: center;
background: var(--blue);
display: grid;
grid-template-columns: repeat(4, max-content);
grid-gap: 20px;
justify-content: end;
padding: 20px;
}
#info-bar-widgets,
#info-bar-widgets a {
color: white;
}
#info-bar-widgets p {
margin-bottom: 0;
}
#message {
color: var(--blue);
font-size: 18px;
font-style: italic;
font-weight: 800;
text-transform: uppercase;
}
.wpcf7 br {
display: none;
}
.search-form {
display: flex;
}
.search-form input[type="search"],
.search-form input[type="submit"] {
margin-bottom: 0;
}
.search-form input[type="search"] {
background: yellow;
border: 0;
}
.second-search-form {
margin-bottom: 20px;
}
.posts-list-row {
display: grid;
grid-gap: 40px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.search-result a {
font-size: 22px;
}
#delivery {
padding: 40px 20px 0 20px;
}
#delivery h2 {
font-weight: 600;
text-transform: uppercase;
color: var(--blue);
font-size: 40px;
}
.block-text {
background: var(--blue);
display: block;
padding: 10px;
color: yellow;
} @media only screen and (min-width: 641px) {
.row-grid {
grid-template-columns: repeat(12, 1fr);
}
.big-gap {
grid-gap: 60px;
}
.span-1 {
grid-column: span 1;
}
.span-2 {
grid-column: span 2;
}
.span-3 {
grid-column: span 3;
}
.span-4 {
grid-column: span 4;
}
.span-5 {
grid-column: span 5;
}
.span-6 {
grid-column: span 6;
}
.span-7 {
grid-column: span 7;
}
.span-8 {
grid-column: span 8;
}
.span-9 {
grid-column: span 9;
}
.span-10 {
grid-column: span 10;
}
.span-11 {
grid-column: span 11;
}
.span-12 {
grid-column: span 12;
}
#fitting-stations,
#fitting-stations main {
grid-template-columns: 1fr 3fr;
}
#info-bar {
display: flex;
}
#home-content {
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}
.over h3 {
font-size: 46px;
}
#message {
font-size: 28px;
}
}
@media only screen and (min-width: 900px) {
#main-menu {
align-items: center;
display: flex;
border-radius: 20px 0 0 20px;
height: auto;
right: auto;
position: static;
text-align: center;
transition: all 0.25s ease-in-out;
width: auto;
}
#hamburger {
display: none;
}
#main-menu li a {
display: flex;
font-size: 14px;
padding: 10px;
}
#main-menu li:first-child a {
border-radius: 20px 0 0 20px;
}
.content-box {
grid-column: 7 / span 6;
}
#home-outro .content-box {
grid-column: 1 / span 6;
}
#about,
#contact {
padding: 0;
}
#about .container,
#contact .container {
max-width: 100%;
padding: 0;
}
#about .content-box,
#contact .content-box {
grid-column: 7 / span 8;
}
.woocommerce-widget-layered-nav-dropdown {
display: inline-block;
width: 33.3%;
margin-bottom: 20px;
}
.block-text {
display: inline;
}
}
@media only screen and (min-width: 1000px) {
#main-menu li a {
font-size: 16px;
padding: 10px 20px;
}
}.wc-stripe-elements-field,.wc-stripe-iban-element-field{border:1px solid #ddd;margin:5px 0;padding:5px;background-color:#fff;outline:0}#payment .methods li.woocommerce-SavedPaymentMethods-token label{display:inline}#payment .methods li.woocommerce-SavedPaymentMethods-new label{display:inline}#add_payment_method #payment ul.payment_methods li img.stripe-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-icon{max-width:40px;padding-left:3px;margin:0}#add_payment_method #payment ul.payment_methods li img.stripe-bancontact-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-bancontact-icon{max-height:65px;max-width:45px}#add_payment_method #payment ul.payment_methods li img.stripe-ideal-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-ideal-icon{max-height:35px}#add_payment_method #payment ul.payment_methods li img.stripe-p24-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-p24-icon{max-width:65px}#add_payment_method #payment ul.payment_methods li img.stripe-alipay-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-alipay-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li img.stripe-sofort-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-sofort-icon{max-width:55px}#add_payment_method #payment ul.payment_methods li img.stripe-sepa-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-sepa-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li img.stripe-multibanco-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-multibanco-icon{max-height:30px}#add_payment_method #payment ul.payment_methods li img.stripe-eps-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-eps-icon{max-height:30px}#add_payment_method #payment ul.payment_methods li img.stripe-giropay-icon,.woocommerce-checkout #payment ul.payment_methods li img.stripe-giropay-icon{max-width:50px}#add_payment_method #payment ul.payment_methods li .stripe-credit-card-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-credit-card-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//www.headex.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/credit-card.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-visa-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-visa-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//www.headex.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/visa.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-amex-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-amex-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//www.headex.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/amex.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-diners-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-diners-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//www.headex.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/diners.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-discover-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-discover-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//www.headex.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/discover.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-jcb-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-jcb-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//www.headex.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/jcb.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-maestro-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-maestro-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//www.headex.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/maestro.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods li .stripe-mastercard-brand,.woocommerce-checkout #payment ul.payment_methods li .stripe-mastercard-brand{position:absolute;top:50%;margin-top:-10px;right:10px;background:no-repeat url(//www.headex.com.au/wp-content/plugins/woocommerce-gateway-stripe/assets/images/mastercard.svg);display:block;width:30px;height:24px}#add_payment_method #payment ul.payment_methods .stripe-card-group,.woocommerce-checkout #payment ul.payment_methods .stripe-card-group{position:relative}.woocommerce-SavedPaymentMethods-token .stripe-source-errors .woocommerce-error{margin-top:1em;margin-bottom:2em}#wc-stripe-custom-button{display:block;width:100%}.woocommerce-checkout #payment #stripe_boleto_tax_id{width:100%}.gpay-button{background-origin:content-box;background-position:center center;background-repeat:no-repeat;background-size:contain;border:0;border-radius:4px;cursor:pointer;height:40px;min-height:40px;padding:11px 24px;width:100%}.gpay-button.light{width:calc(100% - 3px);background-color:#fff;margin:2px 0 3px 0}.gpay-button.light:active{background-color:#fff}.gpay-button.light:hover{background-color:#f8f8f8}.gpay-button.light:focus{box-shadow:#e8e8e8 0 1px 1px 0,#e8e8e8 0 1px 3px;outline:0}.gpay-button.light-outline{width:calc(100% - 3px);background-color:#fff;box-shadow:rgba(60,64,67,.3) 0 1px 1px 0,rgba(60,64,67,.15) 0 1px 3px 1px;margin:2px 0 3px 0}.gpay-button.light-outline:active{background-color:#fff}.gpay-button.light-outline:hover{background-color:#f8f8f8}.gpay-button.light-outline:focus{box-shadow:#e8e8e8 0 1px 1px 0,#e8e8e8 0 1px 3px;outline:0}.gpay-button.dark{background-color:#000;padding:12px 24px 10px}.gpay-button.dark:active{background-color:#5f6368}.gpay-button.dark:hover{background-color:#3c4043}.gpay-button.dark:focus{box-shadow:#5f6368 0 1px 1px 0,#5f6368 0 1px 3px;outline:0}.gpay-button.short.light,.gpay-button.short.light-outline{background-image:url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg)}.gpay-button.short.dark{background-image:url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg)}