@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 20%, 0);
transform: translate3d(0, 20%, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}.flagst4:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/currency_flags.png?09091991);
background-repeat: no-repeat;
border-radius: 0;
width: 30px;
height: 20px;
content: "";
vertical-align: middle;
margin-right: 5px;
display: inline-block;
overflow: hidden;
margin-top: -1px;
}
.languages .flagst4:before {
display: none;
}
.flagst4-ZMW:before {
background-position: -45px -5px;
}
.flagst4-YER:before {
background-position: -85px -5px;
}
.flagst4-VND:before {
background-position: -125px -5px;
}
.flagst4-VEF:before {
background-position: -165px -5px;
}
.flagst4-VUV:before {
background-position: -245px -5px;
}
.flagst4-UZS:before {
background-position: -285px -5px;
}
.flagst4-UYU:before {
background-position: -325px -5px;
}
.flagst4-USD:before {
background-position: -365px -5px;
}
.flagst4-GBP:before {
background-position: -405px -5px;
}
.flagst4-AED:before {
background-position: -445px -5px;
}
.flagst4-UAH:before {
background-position: -5px -35px;
}
.flagst4-UGX:before {
background-position: -45px -35px;
}
.flagst4-TMT:before {
background-position: -125px -35px;
}
.flagst4-TRY:before {
background-position: -165px -35px;
}
.flagst4-TND:before {
background-position: -205px -35px;
}
.flagst4-TTD:before {
background-position: -245px -35px;
}
.flagst4-TOP:before {
background-position: -285px -35px;
}
.flagst4-THB:before {
background-position: -365px -35px;
}
.flagst4-TZS:before {
background-position: -405px -35px;
}
.flagst4-TJS:before {
background-position: -445px -35px;
}
.flagst4-TWD:before {
background-position: -5px -65px;
}
.flagst4-SYP:before {
background-position: -45px -65px;
}
.flagst4-CHF:before {
background-position: -85px -65px;
}
.flagst4-SEK:before {
background-position: -125px -65px;
}
.flagst4-SZL:before {
background-position: -165px -65px;
}
.flagst4-SRD:before {
background-position: -205px -65px;
}
.flagst4-SDG:before {
background-position: -245px -65px;
}
.flagst4-LKR:before {
background-position: -285px -65px;
}
.flagst4-ZAR:before {
background-position: -405px -65px;
}
.flagst4-SOS:before {
background-position: -445px -65px;
}
.flagst4-SBD:before {
background-position: -5px -95px;
}
.flagst4-SGD:before {
background-position: -125px -95px;
}
.flagst4-SLL:before {
background-position: -165px -95px;
}
.flagst4-SCR:before {
background-position: -205px -95px;
}
.flagst4-RSD:before {
background-position: -245px -95px;
}
.flagst4-SAR:before {
background-position: -325px -95px;
}
.flagst4-STD:before {
background-position: -365px -95px;
}
.flagst4-WST:before {
background-position: -445px -95px;
}
.flagst4-XCD:before {
background-position: -5px -125px;
}
.flagst4-RWF:before {
background-position: -125px -125px;
}
.flagst4-RUB:before {
background-position: -165px -125px;
}
.flagst4-RON:before {
background-position: -205px -125px;
}
.flagst4-QAR:before {
background-position: -245px -125px;
}
.flagst4-PLN:before {
background-position: -325px -125px;
}
.flagst4-PHP:before {
background-position: -365px -125px;
}
.flagst4-PEN:before {
background-position: -405px -125px;
}
.flagst4-PYG:before {
background-position: -445px -125px;
}
.flagst4-PGK:before {
background-position: -5px -155px;
}
.flagst4-PAB:before {
background-position: -45px -155px;
}
.flagst4-PKR:before {
background-position: -125px -155px;
}
.flagst4-OMR:before {
background-position: -165px -155px;
}
.flagst4-NOK:before {
background-position: -205px -155px;
}
.flagst4-NGN:before {
background-position: -245px -155px;
}
.flagst4-NIO:before {
background-position: -325px -155px;
}
.flagst4-NZD:before {
background-position: -365px -155px;
}
.flagst4-NPR:before {
background-position: -445px -155px;
}
.flagst4-NAD:before {
background-position: -45px -185px;
}
.flagst4-MMK:before {
background-position: -85px -185px;
}
.flagst4-MZN:before {
background-position: -125px -185px;
}
.flagst4-MAD:before {
background-position: -165px -185px;
}
.flagst4-MNT:before {
background-position: -245px -185px;
}
.flagst4-MDL:before {
background-position: -325px -185px;
}
.flagst4-MXN:before {
background-position: -405px -185px;
}
.flagst4-MUR:before {
background-position: -445px -185px;
}
.flagst4-MRO:before {
background-position: -5px -215px;
}
.flagst4-MVR:before {
background-position: -165px -215px;
}
.flagst4-MYR:before {
background-position: -205px -215px;
}
.flagst4-MWK:before {
background-position: -245px -215px;
}
.flagst4-MGA:before {
background-position: -285px -215px;
}
.flagst4-MKD:before {
background-position: -325px -215px;
}
.flagst4-LTL:before {
background-position: -405px -215px;
}
.flagst4-LYD:before {
background-position: -5px -245px;
}
.flagst4-LRD:before {
background-position: -45px -245px;
}
.flagst4-LSL:before {
background-position: -85px -245px;
}
.flagst4-LBP:before {
background-position: -125px -245px;
}
.flagst4-LVL:before {
background-position: -165px -245px;
}
.flagst4-LAK:before {
background-position: -205px -245px;
}
.flagst4-KGS:before {
background-position: -245px -245px;
}
.flagst4-KWD:before {
background-position: -285px -245px;
}
.flagst4-KRW:before {
background-position: -365px -245px;
}
.flagst4-KPW:before {
background-position: -405px -245px;
}
.flagst4-KES:before {
background-position: -5px -275px;
}
.flagst4-KZT:before {
background-position: -45px -275px;
}
.flagst4-JOD:before {
background-position: -85px -275px;
}
.flagst4-JPY:before {
background-position: -125px -275px;
}
.flagst4-JMD:before {
background-position: -165px -275px;
}
.flagst4-ILS:before {
background-position: -245px -275px;
}
.flagst4-IQD:before {
background-position: -325px -275px;
}
.flagst4-IRR:before {
background-position: -365px -275px;
}
.flagst4-IDR:before {
background-position: -405px -275px;
}
.flagst4-INR:before {
background-position: -445px -275px;
}
.flagst4-ISK:before {
background-position: -5px -305px;
}
.flagst4-HUF:before {
background-position: -45px -305px;
}
.flagst4-HNL:before {
background-position: -85px -305px;
}
.flagst4-HTG:before {
background-position: -125px -305px;
}
.flagst4-GYD:before {
background-position: -165px -305px;
}
.flagst4-GNF:before {
background-position: -205px -305px;
}
.flagst4-GTQ:before {
background-position: -285px -305px;
}
.flagst4-GHS:before {
background-position: -405px -305px;
}
.flagst4-GEL:before {
background-position: -5px -335px;
}
.flagst4-GMD:before {
background-position: -45px -335px;
}
.flagst4-XAF:before {
background-position: -85px -335px;
}
.flagst4-FJD:before {
background-position: -205px -335px;
}
.flagst4-ETB:before {
background-position: -245px -335px;
}
.flagst4-ERN:before {
background-position: -325px -335px;
}
.flagst4-SVC:before {
background-position: -405px -335px;
}
.flagst4-EGP:before {
background-position: -445px -335px;
}
.flagst4-DOP:before {
background-position: -85px -365px;
}
.flagst4-DJF:before {
background-position: -165px -365px;
}
.flagst4-DKK:before {
background-position: -205px -365px;
}
.flagst4-CZK:before {
background-position: -245px -365px;
}
.flagst4-CUC:before, .flagst4-CUP:before {
background-position: -325px -365px;
}
.flagst4-HRK:before {
background-position: -365px -365px;
}
.flagst4-CRC:before {
background-position: -445px -365px;
}
.flagst4-CDF:before {
background-position: -45px -395px;
}
.flagst4-KMF:before {
background-position: -85px -395px;
}
.flagst4-COP:before {
background-position: -125px -395px;
}
.flagst4-CNY:before {
background-position: -165px -395px;
}
.flagst4-CLP:before {
background-position: -205px -395px;
}
.flagst4-CVE:before {
background-position: -325px -395px;
}
.flagst4-CAD:before {
background-position: -365px -395px;
}
.flagst4-KHR:before {
background-position: -445px -395px;
}
.flagst4-BIF:before {
background-position: -5px -425px;
}
.flagst4-XOF:before {
background-position: -45px -425px;
}
.flagst4-BGN:before {
background-position: -85px -425px;
}
.flagst4-BND:before {
background-position: -125px -425px;
}
.flagst4-BRL:before {
background-position: -165px -425px;
}
.flagst4-BWP:before {
background-position: -205px -425px;
}
.flagst4-BAM:before {
background-position: -245px -425px;
}
.flagst4-BOB:before {
background-position: -285px -425px;
}
.flagst4-BTN:before {
background-position: -325px -425px;
}
.flagst4-BZD:before {
background-position: -405px -425px;
}
.flagst4-BYN:before {
background-position: -5px -455px;
}
.flagst4-BBD:before {
background-position: -45px -455px;
}
.flagst4-BDT:before {
background-position: -85px -455px;
}
.flagst4-BHD:before {
background-position: -125px -455px;
}
.flagst4-BSD:before {
background-position: -165px -455px;
}
.flagst4-AZN:before {
background-position: -205px -455px;
}
.flagst4-AUD:before {
background-position: -285px -455px;
}
.flagst4-AMD:before {
background-position: -325px -455px;
}
.flagst4-ARS:before {
background-position: -365px -455px;
}
.flagst4-DZD:before {
background-position: -5px -485px;
}
.flagst4-ALL:before {
background-position: -45px -485px;
}
.flagst4-AFN:before {
background-position: -85px -485px;
}
.flagst4-BMD:before {
background-position: -125px -485px;
}
.flagst4-EUR:before {
background-position: -165px -485px;
}
.flagst4-XPT:before {
background-position: -205px -485px;
}
.flagst4-XAU:before {
background-position: -245px -485px;
}
.flagst4-XAG:before {
background-position: -285px -485px;
}
.flagst4-XPF:before {
background-position: -325px -485px;
}
.flagst4-AWG:before {
background-position: -405px -485px;
}
.flagst4-AOA:before {
background-position: -445px -485px;
}
.flagst4-SHP:before {
background-position: -485px -5px;
}
.flagst4-MOP:before {
background-position: -485px -35px;
}
.flagst4-JEP:before {
background-position: -485px -65px;
}
.flagst4-IMP:before {
background-position: -485px -95px;
}
.flagst4-IMF:before {
background-position: -485px -125px;
}
.flagst4-HKD:before {
background-position: -485px -155px;
}
.flagst4-GGP:before {
background-position: -485px -185px;
}
.flagst4-GIP:before {
background-position: -485px -215px;
}
.flagst4-FKP:before {
background-position: -485px -245px;
}
.flagst4-ANG:before {
background-position: -485px -275px;
}
.flagst4-KYD:before {
background-position: -485px -305px;
}
.flagst4-BTC:before {
background-position: -485px -335px;
}
.flagst4-sm:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/currency_flags_sm.png?09091991);
width: 15px;
height: 10px;
}
.flagst4-sm.flagst4-ZMW:before {
background-position: -15px 0;
}
.flagst4-sm.flagst4-YER:before {
background-position: -30px 0;
}
.flagst4-sm.flagst4-VND:before {
background-position: -45px 0;
}
.flagst4-sm.flagst4-VEF:before {
background-position: -60px 0;
}
.flagst4-sm.flagst4-VUV:before {
background-position: -90px 0;
}
.flagst4-sm.flagst4-UZS:before {
background-position: -105px 0;
}
.flagst4-sm.flagst4-UYU:before {
background-position: -120px 0;
}
.flagst4-sm.flagst4-GBP:before {
background-position: -150px 0;
}
.flagst4-sm.flagst4-AED:before {
background-position: -165px 0;
}
.flagst4-sm.flagst4-UAH:before {
background-position: 0 -10px;
}
.flagst4-sm.flagst4-UGX:before {
background-position: -15px -10px;
}
.flagst4-sm.flagst4-TMT:before {
background-position: -45px -10px;
}
.flagst4-sm.flagst4-TRY:before {
background-position: -60px -10px;
}
.flagst4-sm.flagst4-TND:before {
background-position: -75px -10px;
}
.flagst4-sm.flagst4-TTD:before {
background-position: -90px -10px;
}
.flagst4-sm.flagst4-TOP:before {
background-position: -105px -10px;
}
.flagst4-sm.flagst4-Togo:before {
background-position: -120px -10px;
}
.flagst4-sm.flagst4-THB:before {
background-position: -135px -10px;
}
.flagst4-sm.flagst4-TZS:before {
background-position: -150px -10px;
}
.flagst4-sm.flagst4-TJS:before {
background-position: -165px -10px;
}
.flagst4-sm.flagst4-TWD:before {
background-position: 0 -20px;
}
.flagst4-sm.flagst4-SYP:before {
background-position: -15px -20px;
}
.flagst4-sm.flagst4-CHF:before {
background-position: -30px -20px;
}
.flagst4-sm.flagst4-SEK:before {
background-position: -45px -20px;
}
.flagst4-sm.flagst4-SZL:before {
background-position: -60px -20px;
}
.flagst4-sm.flagst4-SRD:before {
background-position: -75px -20px;
}
.flagst4-sm.flagst4-SDG:before {
background-position: -90px -20px;
}
.flagst4-sm.flagst4-LKR:before {
background-position: -105px -20px;
}
.flagst4-sm.flagst4-ZAR:before {
background-position: -150px -20px;
}
.flagst4-sm.flagst4-SOS:before {
background-position: -165px -20px;
}
.flagst4-sm.flagst4-SBD:before {
background-position: 0 -30px;
}
.flagst4-sm.flagst4-SGD:before {
background-position: -45px -30px;
}
.flagst4-sm.flagst4-SLL:before {
background-position: -60px -30px;
}
.flagst4-sm.flagst4-SCR:before {
background-position: -75px -30px;
}
.flagst4-sm.flagst4-RSD:before {
background-position: -90px -30px;
}
.flagst4-sm.flagst4-SAR:before {
background-position: -120px -30px;
}
.flagst4-sm.flagst4-STD:before {
background-position: -135px -30px;
}
.flagst4-sm.flagst4-WST:before {
background-position: -165px -30px;
}
.flagst4-sm.flagst4-XCD:before {
background-position: 0 -40px;
}
.flagst4-sm.flagst4-RWF:before {
background-position: -45px -40px;
}
.flagst4-sm.flagst4-RUB:before {
background-position: -60px -40px;
}
.flagst4-sm.flagst4-RON:before {
background-position: -75px -40px;
}
.flagst4-sm.flagst4-QAR:before {
background-position: -90px -40px;
}
.flagst4-sm.flagst4-PLN:before {
background-position: -120px -40px;
}
.flagst4-sm.flagst4-PHP:before {
background-position: -135px -40px;
}
.flagst4-sm.flagst4-PEN:before {
background-position: -150px -40px;
}
.flagst4-sm.flagst4-PYG:before {
background-position: -165px -40px;
}
.flagst4-sm.flagst4-PGK:before {
background-position: 0 -50px;
}
.flagst4-sm.flagst4-PAB:before {
background-position: -15px -50px;
}
.flagst4-sm.flagst4-PKR:before {
background-position: -45px -50px;
}
.flagst4-sm.flagst4-OMR:before {
background-position: -60px -50px;
}
.flagst4-sm.flagst4-NOK:before {
background-position: -75px -50px;
}
.flagst4-sm.flagst4-NGN:before {
background-position: -90px -50px;
}
.flagst4-sm.flagst4-NIO:before {
background-position: -120px -50px;
}
.flagst4-sm.flagst4-NZD:before {
background-position: -135px -50px;
}
.flagst4-sm.flagst4-NPR:before {
background-position: -165px -50px;
}
.flagst4-sm.flagst4-NAD:before {
background-position: -15px -60px;
}
.flagst4-sm.flagst4-MMK:before {
background-position: -30px -60px;
}
.flagst4-sm.flagst4-MZN:before {
background-position: -45px -60px;
}
.flagst4-sm.flagst4-MAD:before {
background-position: -60px -60px;
}
.flagst4-sm.flagst4-MNT:before {
background-position: -90px -60px;
}
.flagst4-sm.flagst4-MDL:before {
background-position: -120px -60px;
}
.flagst4-sm.flagst4-MXN:before {
background-position: -150px -60px;
}
.flagst4-sm.flagst4-MUR:before {
background-position: -165px -60px;
}
.flagst4-sm.flagst4-MRO:before {
background-position: 0 -70px;
}
.flagst4-sm.flagst4-MVR:before {
background-position: -60px -70px;
}
.flagst4-sm.flagst4-MYR:before {
background-position: -75px -70px;
}
.flagst4-sm.flagst4-MWK:before {
background-position: -90px -70px;
}
.flagst4-sm.flagst4-MGA:before {
background-position: -105px -70px;
}
.flagst4-sm.flagst4-MKD:before {
background-position: -120px -70px;
}
.flagst4-sm.flagst4-LTL:before {
background-position: -150px -70px;
}
.flagst4-sm.flagst4-LYD:before {
background-position: 0 -80px;
}
.flagst4-sm.flagst4-LRD:before {
background-position: -15px -80px;
}
.flagst4-sm.flagst4-LSL:before {
background-position: -30px -80px;
}
.flagst4-sm.flagst4-LBP:before {
background-position: -45px -80px;
}
.flagst4-sm.flagst4-LVL:before {
background-position: -60px -80px;
}
.flagst4-sm.flagst4-LAK:before {
background-position: -75px -80px;
}
.flagst4-sm.flagst4-KGS:before {
background-position: -90px -80px;
}
.flagst4-sm.flagst4-KWD:before {
background-position: -105px -80px;
}
.flagst4-sm.flagst4-KRW:before {
background-position: -135px -80px;
}
.flagst4-sm.flagst4-KPW:before {
background-position: -150px -80px;
}
.flagst4-sm.flagst4-KES:before {
background-position: 0 -90px;
}
.flagst4-sm.flagst4-KZT:before {
background-position: -15px -90px;
}
.flagst4-sm.flagst4-JOD:before {
background-position: -30px -90px;
}
.flagst4-sm.flagst4-JPY:before {
background-position: -45px -90px;
}
.flagst4-sm.flagst4-JMD:before {
background-position: -60px -90px;
}
.flagst4-sm.flagst4-ILS:before {
background-position: -90px -90px;
}
.flagst4-sm.flagst4-IQD:before {
background-position: -120px -90px;
}
.flagst4-sm.flagst4-IRR:before {
background-position: -135px -90px;
}
.flagst4-sm.flagst4-IDR:before {
background-position: -150px -90px;
}
.flagst4-sm.flagst4-INR:before {
background-position: -165px -90px;
}
.flagst4-sm.flagst4-ISK:before {
background-position: 0 -100px;
}
.flagst4-sm.flagst4-HUF:before {
background-position: -15px -100px;
}
.flagst4-sm.flagst4-HNL:before {
background-position: -30px -100px;
}
.flagst4-sm.flagst4-HTG:before {
background-position: -45px -100px;
}
.flagst4-sm.flagst4-GYD:before {
background-position: -60px -100px;
}
.flagst4-sm.flagst4-GNF:before {
background-position: -75px -100px;
}
.flagst4-sm.flagst4-GTQ:before {
background-position: -105px -100px;
}
.flagst4-sm.flagst4-GHS:before {
background-position: -150px -100px;
}
.flagst4-sm.flagst4-GEL:before {
background-position: 0 -110px;
}
.flagst4-sm.flagst4-GMD:before {
background-position: -15px -110px;
}
.flagst4-sm.flagst4-XAF:before {
background-position: -30px -110px;
}
.flagst4-sm.flagst4-FJD:before {
background-position: -75px -110px;
}
.flagst4-sm.flagst4-ETB:before {
background-position: -90px -110px;
}
.flagst4-sm.flagst4-ERN:before {
background-position: -120px -110px;
}
.flagst4-sm.flagst4-SVC:before {
background-position: -150px -110px;
}
.flagst4-sm.flagst4-EGP:before {
background-position: -165px -110px;
}
.flagst4-sm.flagst4-DOP:before {
background-position: -30px -120px;
}
.flagst4-sm.flagst4-DJF:before {
background-position: -60px -120px;
}
.flagst4-sm.flagst4-DKK:before {
background-position: -75px -120px;
}
.flagst4-sm.flagst4-CZK:before {
background-position: -90px -120px;
}
.flagst4-sm.flagst4-CUC:before, .flagst4-sm.flagst4-CUP:before {
background-position: -120px -120px;
}
.flagst4-sm.flagst4-HRK:before {
background-position: -135px -120px;
}
.flagst4-sm.flagst4-CRC:before {
background-position: -165px -120px;
}
.flagst4-sm.flagst4-CDF:before {
background-position: -15px -130px;
}
.flagst4-sm.flagst4-KMF:before {
background-position: -30px -130px;
}
.flagst4-sm.flagst4-COP:before {
background-position: -45px -130px;
}
.flagst4-sm.flagst4-CNY:before {
background-position: -60px -130px;
}
.flagst4-sm.flagst4-CLP:before {
background-position: -75px -130px;
}
.flagst4-sm.flagst4-CVE:before {
background-position: -120px -130px;
}
.flagst4-sm.flagst4-CAD:before {
background-position: -135px -130px;
}
.flagst4-sm.flagst4-KHR:before {
background-position: -165px -130px;
}
.flagst4-sm.flagst4-BIF:before {
background-position: 0 -140px;
}
.flagst4-sm.flagst4-XOF:before {
background-position: -15px -140px;
}
.flagst4-sm.flagst4-BGN:before {
background-position: -30px -140px;
}
.flagst4-sm.flagst4-BND:before {
background-position: -45px -140px;
}
.flagst4-sm.flagst4-BRL:before {
background-position: -60px -140px;
}
.flagst4-sm.flagst4-BWP:before {
background-position: -75px -140px;
}
.flagst4-sm.flagst4-BAM:before {
background-position: -90px -140px;
}
.flagst4-sm.flagst4-BOB:before {
background-position: -105px -140px;
}
.flagst4-sm.flagst4-BTN:before {
background-position: -120px -140px;
}
.flagst4-sm.flagst4-BZD:before {
background-position: -150px -140px;
}
.flagst4-sm.flagst4-BYN:before {
background-position: 0 -150px;
}
.flagst4-sm.flagst4-BBD:before {
background-position: -15px -150px;
}
.flagst4-sm.flagst4-BDT:before {
background-position: -30px -150px;
}
.flagst4-sm.flagst4-BHD:before {
background-position: -45px -150px;
}
.flagst4-sm.flagst4-BSD:before {
background-position: -60px -150px;
}
.flagst4-sm.flagst4-AZN:before {
background-position: -75px -150px;
}
.flagst4-sm.flagst4-AUD:before {
background-position: -105px -150px;
}
.flagst4-sm.flagst4-AMD:before {
background-position: -120px -150px;
}
.flagst4-sm.flagst4-ARS:before {
background-position: -135px -150px;
}
.flagst4-sm.flagst4-DZD:before {
background-position: 0 -160px;
}
.flagst4-sm.flagst4-ALL:before {
background-position: -15px -160px;
}
.flagst4-sm.flagst4-AFN:before {
background-position: -30px -160px;
}
.flagst4-sm.flagst4-BMD:before {
background-position: -45px -160px;
}
.flagst4-sm.flagst4-EUR:before {
background-position: -60px -160px;
}
.flagst4-sm.flagst4-USD:before {
background-position: -75px -160px;
}
.flagst4-sm.flagst4-XPT:before {
background-position: -90px -160px;
}
.flagst4-sm.flagst4-XAU:before {
background-position: -105px -160px;
}
.flagst4-sm.flagst4-XAG:before {
background-position: -120px -160px;
}
.flagst4-sm.flagst4-XPF:before {
background-position: -135px -160px;
}
.flagst4-sm.flagst4-AWG:before {
background-position: -165px -160px;
}
.flagst4-sm.flagst4-AOA:before {
background-position: 0 -170px;
}
.flagst4-sm.flagst4-SHP:before {
background-position: -15px -170px;
}
.flagst4-sm.flagst4-MOP:before {
background-position: -30px -170px;
}
.flagst4-sm.flagst4-JEP:before {
background-position: -45px -170px;
}
.flagst4-sm.flagst4-IMP:before {
background-position: -60px -170px;
}
.flagst4-sm.flagst4-IMF:before {
background-position: -75px -170px;
}
.flagst4-sm.flagst4-HKD:before {
background-position: -90px -170px;
}
.flagst4-sm.flagst4-GGP:before {
background-position: -105px -170px;
}
.flagst4-sm.flagst4-GIP:before {
background-position: -120px -170px;
}
.flagst4-sm.flagst4-FKP:before {
background-position: -135px -170px;
}
.flagst4-sm.flagst4-ANG:before {
background-position: -150px -170px;
}
.flagst4-sm.flagst4-KYD:before {
background-position: -165px -170px;
}
.flagst4-sm.flagst4-BTC:before {
background-position: -180px 0;
}
.country_user.flagst4:before { 
margin-right: 0;
margin-left: 5px;
-ms-flex-order: 4;
order: 4;
}
a.currency-item.flagst4.flagst4-md {
margin-bottom: 6px
}
#menu_mb_ul a.currency-item.flagst4.flagst4-md {
margin-bottom: 0
}
.flagst4-VND:before,
.flagst4-USD:before,
.flagst4-AUD:before,
.flagst4-GBP:before,
.flagst4-CAD:before,
.flagst4-DKK:before,
.flagst4-EUR:before,
.flagst4-HKD:before,
.flagst4-JPY:before,
.flagst4-NZD:before,
.flagst4-SGD:before {
background-position: center !important;
width: 30px !important;
height: 22.5px !important;
}
.flagst4-sm.flagst4-VND:before,
.flagst4-sm.flagst4-USD:before,
.flagst4-sm.flagst4-AUD:before,
.flagst4-sm.flagst4-GBP:before,
.flagst4-sm.flagst4-CAD:before,
.flagst4-sm.flagst4-DKK:before,
.flagst4-sm.flagst4-EUR:before,
.flagst4-sm.flagst4-HKD:before,
.flagst4-sm.flagst4-JPY:before,
.flagst4-sm.flagst4-NZD:before,
.flagst4-sm.flagst4-SGD:before {
width: 16px !important;
height: 12px !important;
}
.flagst4-VND:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/vnd.svg?09091991);
}
.flagst4-USD:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/usd.svg?09091991);
}
.flagst4-AUD:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/aud.svg?09091991);
}
.flagst4-GBP:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/gbp.svg?09091991);
}
.flagst4-CAD:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/cad.svg?09091991);
}
.flagst4-DKK:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/dkk.svg?09091991);
}
.flagst4-EUR:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/eur.svg?09091991);
}
.flagst4-HKD:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/hkd.svg?09091991);
}
.flagst4-JPY:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/jpy.svg?09091991);
}
.flagst4-NZD:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/nzd.svg?09091991);
}
.flagst4-SGD:before {
background-image: url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/images/flag/sgd.svg?09091991);
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before, .slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
outline: 0;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.slick-loading .slick-list {
background: #fff url(//fuel-supplies.co.uk/wp-content/themes/kalles/assets/vendors/slick/ajax-loader.gif) center center no-repeat;
}
.slick-prev, .slick-next {
position: absolute;
display: block;
text-indent: -999em;
cursor: pointer;
outline: none;
padding: 0;
overflow: hidden;
width: 38px;
height: 38px;
z-index: 8;
top: 50%;
background: none;
opacity: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.slick-slider:hover .slick-prev,
.slick-slider:hover .slick-next {
opacity: .8;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-next:hover {
opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: .25;
}
.slick-prev:before, .slick-next:before {
font-family: 'Pe-icon-7-stroke';
font-size: 30px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-indent: 0;
display: block;
}
.slick-prev {
left: 15px;
}
[dir='rtl'] .slick-prev {
right: 15px;
left: auto;
}
.slick-prev:before {
content: '\e686';
}
[dir='rtl'] .slick-prev:before {
content: '\e684';
}
.slick-next {
right: 15px;
}
[dir='rtl'] .slick-next {
right: auto;
left: 15px;
}
.slick-next:before {
content: '\e684';
}
[dir='rtl'] .slick-next:before {
content: '\e686';
}
.p-nav .slick-prev, .p-nav .slick-next {
bottom: -32px;
top: auto;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.p-nav .slick-prev:before,
.p-nav .slick-next:before {
font-size: 32px;
}
.p-nav .slick-prev {
left: 10px;
}
.p-nav .slick-next {
right: 10px;
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: 0;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
z-index: 999;
}
.product-quickview .slick-dots {
bottom: 15px;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 10px;
height: 10px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
font-family: 'slick';
font-size: 40px;
line-height: 15px;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 15px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
color: black;
}form.cart:has(#yith-wapo-container .yith-wapo-block),
:is(.woocommerce div.product .elementor-widget-woocommerce-product-add-to-cart) form.cart.variations_form .woocommerce-variation-add-to-cart {
display: block !important;
}
.yith-wapo-block *, .yith-wapo-block *:before, .yith-wapo-block *:after {
box-sizing: border-box;
}
#yith-wapo-container .yith-wapo-block {
padding: var( --yith-wapo-block-padding );
}
.yith-wapo-block .yith-wapo-addon.empty-title{
margin-top: 20px;
}
.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title):not(.toggle-open) {
margin-top: 20px;
}
.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title).wapo-toggle.toggle-closed {
margin-top: initial;
}
.yith-wapo-block .yith-wapo-addon:after {
content: '';
display: block;
clear: both;
}
.yith-wapo-block .yith-wapo-addon .addon-header{
display: flex;
align-items: center;
column-gap: 10px;
}
.yith-wapo-block .yith-wapo-addon .addon-header .title-image{
max-width: 115px;
padding: 15px 0px;
}
.yith-wapo-block .yith-wapo-addon .wapo-block-title {
margin-top: 0;
clear: none;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle {
width: auto;
}
.yith-wapo-block .yith-wapo-addon:not(.empty-title).wapo-toggle .wapo-addon-title {
display: flex;
flex: 0 0 100%;
column-gap: 10px;
margin-bottom: 25px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .addon-header {
cursor: pointer;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle:not(:last-child) {
margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle.toggle-open:not(:last-child) {
margin-bottom: 20px;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .options-container.default-closed{
display: none;
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .wapo-addon-title:before {
content: '\f543';
font-family: 'dashicons';
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .wapo-addon-title.toggle-open:before {
content: '\f460';
font-family: 'dashicons';
}
.yith-wapo-block .yith-wapo-addon.wapo-toggle .options-container.default-open {
display: block;
}
.yith-wapo-block .yith-wapo-addon-type-color .yith-wapo-option {
margin: 0px 5px 5px 0px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option label, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label {
word-break: normal;
margin: 0;
cursor: pointer;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option small del {
opacity: 0.5;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {
font-size: 12px;
word-break: break-word;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator {
width: 100%;
height: 1px;
margin: 30px 0px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.simple_border {
border-bottom: 1px solid;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.double_border {
height: 5px;
border-top: 1px solid;
border-bottom: 1px solid;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.dotted_border {
border-bottom: 1px dotted;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.dashed_border {
border-bottom: 1px dashed;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-separator.empty_space {
width: 100%;
height: 50px;
border: 0;
} .yith-wapo-block .yith-wapo-addon .yith-wapo-option {
word-break: break-all;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip {
display: block;
position: absolute;
left: 0%;
margin-top: -50px;
opacity: 1 !important;
width: 100%;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip img {
display: inline-block;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span {
background-color: #03bfac;
color: #fff;
padding: 7px 10px;
margin-bottom: 7px;
font-size: 11px;
position: absolute;
left: 50%;
bottom: 100%;
transform: translateX(-50%) translateY(-5px);
display: none;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after {
content: '';
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #03bfac;
margin-left: -7px;
display: block;
position: absolute;
left: 50%;
bottom: -7px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom {
margin: 7px 0px 0px 0px;
top: 100%;
bottom: auto;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span{
bottom: auto;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after {
border-top: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #03bfac;
top: -7px;
bottom: auto;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option:hover .tooltip span {
display: block;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip:hover span {
display: block;
} .yith-wapo-addon.yith-wapo-addon-type-checkbox .checkbox-button-container {
display: flex;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option input {
margin-right: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option div.label {
line-height: 20px;
}
.yith-wapo-addon-type-checkbox .options .yith-wapo-option .yith-wapo-addon-label {
margin-left: 5px;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label {
position: relative;
margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label .color-container{
width: fit-content;
display: flex;
flex-direction: column;
align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label .color-container small{
text-align: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-checkbox .yith-wapo-option div.label, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option div.label {
display: flex;
align-items: center;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-above .option-container, .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-under .option-container{
display: flex;
flex-direction: column;
gap: 5px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-right .option-container{
display: flex;
align-items: center;
flex-direction: row;
gap: 7px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.position-left .option-container {
display: flex;
align-items: center;
flex-direction: row;
gap: 7px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected span.color:after, .select_box .select_option.selected:after {
content: '';
width: 18px;
height: 18px;
background: #03bfac url(//fuel-supplies.co.uk/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
border-radius: 50%;
margin: 0;
display: block;
position: absolute;
top: -6px;
right: -6px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {
width: 40px;
height: 40px;
border-radius: var( --yith-wapo-color-swatch-style );
border: 2px solid #dedede;
position: relative;
display: flex;
justify-content: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option:not(.rounded) div.label span.color {
align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color img {
border-radius: var( --yith-wapo-color-swatch-style );
width: 100%;
height: 100%;
object-fit: cover;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label:hover span.color {
border: 2px solid #03bfac;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label span.color {
border: 2px solid #03bfac;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .date-container input{
min-width: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .label {
display: flex;
flex-direction: column;
}
#ui-datepicker-div {
padding: 20px;
}
#ui-datepicker-div #wapo-datepicker-time {
height: 60px;
padding-top: 10px;
}
#ui-datepicker-div #wapo-datepicker-time label {
width: 43%;
height: 40px;
line-height: 40px;
font-weight: bold;
display: block;
float: left;
}
#ui-datepicker-div #wapo-datepicker-time select {
width: 57%;
background-color: #f7f7f7;
border: 1px solid #efefef;
display: block;
float: left;
cursor: pointer;
}
#ui-datepicker-div #wapo-datepicker-time select {
background: #f7f7f7 url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat;
background-position: 95%;
background-size: 10px;
-webkit-appearance: none;
}
#ui-datepicker-div #wapo-datepicker-save button {
width: 100%;
border-radius: 0px;
margin: 0;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option input.file {
display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option div.label.position-under .option-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-option div.label.position-above .option-container{
max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label.file-input{
cursor: initial;
} .yith-wapo-block .yith-wapo-addon .options.per-row-1 .yith-wapo-option .label_container .image img{
max-width: 150px;
max-height: 150px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display {
border-radius: 5px;
border: 1px solid #7a7a7a;
padding: 10px;
height: 100%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display {
border: 1px solid #03bfac;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display:after {
content: '';
width: 18px;
height: 18px;
background: #03bfac url(//fuel-supplies.co.uk/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
border-radius: 50%;
display: block;
position: absolute;
top: -6px;
right: -6px;
z-index: 10;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option p {
margin: 6px 0 0 0;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container:after {
content: '';
display: block;
clear: both;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container .label_price{
display: flex;
flex-wrap: wrap;
word-break: break-all;
align-items: center;
column-gap: 5px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-left .label_price{
justify-content: flex-start;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-center .label_price{
justify-content: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-right .label_price{
justify-content: flex-end;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-left .label-container-display {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-center .label-container-display {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container.content-align-right .label-container-display {
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label.position-left .label-container-display {
display: flex;
flex-direction: row;
align-items: center;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label.position-right .label-container-display {
display: flex;
flex-direction: row;
align-items: center;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
}
.single-product div.product .summary.entry-summary form.cart .yith-wapo-block .quantity {
max-width: 80px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number.numbers-check .options.error-message{
border: 1px solid var(--yith-wapo-required-option-color);
padding: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number.numbers-check .yith-wapo-numbers-error-message{
color: var(--yith-wapo-required-option-color);
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-image {
margin-right: 10px;
max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-image img{
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container {
position: relative;
display: flex;
align-items: center;
cursor: pointer;
line-height: 20px;
border-radius: 5px;
border: 1px solid #7a7a7a;
padding: 10px;
font-size: 15px;
height: 100%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .product-info {
word-break: break-word;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .product-info .stock-info{
padding-bottom: 10px;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .product-container:hover {
border: 1px solid var(--yith-wapo-accent-color-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container {
border: 1px solid var(--yith-wapo-accent-color-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container:after {
content: '';
width: 18px;
height: 18px;
background: var(--yith-wapo-accent-color-color) url(//fuel-supplies.co.uk/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
border-radius: 50%;
display: block;
position: absolute;
top: -9px;
right: -9px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container small.option-price {
margin: 7px 0px 5px 0px;
font-size: 16px;
font-weight: bold;
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .sign.positive {
display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .brackets {
display: none;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .product-container .button {
margin: 0;
font-size: 15px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.out-of-stock {
pointer-events: none;
opacity:0.5;
color: #8b8b8b;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.out-of-stock .stock.out-of-stock {
opacity: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option .option-add-to-cart .quantity{
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .options.per-row-1{
gap: 8px;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option input {
margin-top: 0px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-select .image-container img {
max-width: 200px;
max-height: 200px;
margin-bottom: 10px;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .input-text-container input {
min-width: initial;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .label {
margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option {
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .label {
margin-bottom: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .tooltip span {
transform: translateX(-50%) translateY(0px);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option textarea {
min-height: 200px;
} .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container {
background-color: #FFFFFF;
min-width: 200px;
width: auto;
border: 1px solid #d9d9d9;
border-radius: 8px;
padding: 7px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container span.wp-picker-input-wrap.hidden {
display: inline-block !important;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container button.wp-color-result {
margin: 0 6px 3px 0;
vertical-align: middle;
position: relative;
border-radius: 4px !important;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom:before {
content: "\e91a";
text-indent: 0;
font-family: 'yith-icon';
color: #d8d8d8;
font-weight: normal;
width: 15px;
background: none;
line-height: 30px;
margin-left: 8px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom {
padding: 10px;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-default-custom.default_color:before {
color: #5d5d5d;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container .wp-picker-default, .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container .wp-picker-clear {
opacity: 0;
width: 25px;
margin-left: -20px;
padding: 0;
position: absolute;
z-index: 2;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker input[type="text"].wp-color-picker{
width: 6rem;
display: initial;
border: none;
line-height: 3.0;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker input[type="text"].wp-color-picker:focus{
box-shadow: none;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker span.wp-color-result-text:empty {
padding: 0px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-under .option-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-above .option-container{
max-width: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-left .yith-wapo-addon-label{
margin-left: 10px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option div.label.position-right .yith-wapo-addon-label{
margin-right: 10px;
} .theme-yith-proteo .yith-wapo-addon-type-colorpicker .wp-picker-container .button.wp-color-result{
border: 1px solid #cccccc;
background: none;
border-radius: initial;
}
.theme-yith-proteo .yith-wapo-addon-type-colorpicker .wp-picker-container .button.wp-picker-clear{
border: 1px solid #cccccc;
border-radius: initial;
line-height: normal;
}
.theme-yith-proteo .yith-wapo-option .yith-wapo-ajax-uploader .button {
margin-bottom: 0;
margin-right: 0;
}
.yith-wapo-block .yith-wapo-addon-type-colorpicker span.wp-picker-custom-placeholder {
line-height: 3.0;
font-size: 12px;
}
.yith-wapo-addon .yith-wapo-option .wp-picker-container.yith-wapo-colorpicker-initialized.wp-picker-active .wp-picker-open {
vertical-align: bottom;
}
.theme-yith-proteo.single-product div.product form.cart .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-number .yith-wapo-option .input-number.quantity input,
.theme-yith-proteo.single-product div.product form.cart .yith-wapo-addon-type-product .quantity input.wapo-product-qty,
.theme-yith-proteo .single-product div.product form.cart .yith-wapo-addon-type-product .quantity input.wapo-product-qty {
height: 45px;
width: 70px;
font-size: 1rem;
}
.theme-yith-proteo #wapo-datepicker-time select {
font-family: Montserrat, sans-serif;
font-weight: bold;
}
body.theme-yith-proteo.yith-wapo-modal-is-open {
position: fixed;
}
body.theme-yith-proteo.yith-wapo-modal-is-open .single-product div.product .summary.entry-summary {
padding-left: 50px;
}
.theme-yith-proteo .yith-wapo-edit-product-cart small {
color: var( --proteo-general_link_color );
} @media only screen and (max-width: 768px) {
body.theme-yith-proteo.yith-wapo-modal-is-open .single-product div.product .summary.entry-summary {
padding-left: 0;
}
}  .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option {
line-height: 20px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image {
display: inline-block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-left {
display: block;
float: left;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-left img {
width: auto;
height: 20px;
margin-right: 10px;
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-right {
margin-left: -15px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-right img {
width: auto;
height: 20px;
margin-left: 10px;
display: block;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-above {
display: block;
margin-bottom: 5px
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-above img {
width: auto;
max-height: 100px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-under {
display: block;
margin-top: 5px
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-radio .yith-wapo-option .image.position-under img {
width: auto;
max-height: 100px;
} #wapo-total-price-table{
margin-top: 40px;
}
#wapo-total-price-table table {
width: auto;
font-size: 20px;
line-height: 40px;
}
#wapo-total-price-table table th {
padding-right: 10px;
text-align: left;
} .woocommerce-cart-form .yith-wapo-group-title, #order_review .yith-wapo-group-title{
font-size: 16px;
} tr.cart_item.yith-wapo-product-has-individual-addons td {
border-bottom: none !important;
}
tr.cart_item.yith-wapo-product-is-individual-addons td {
padding-top: 0px !important;
font-size: 0.9em;
} tr.cart_item.yith-wapo-product-as-item td{
font-size: 0.9em;
}
tr.cart_item.yith-wapo-product-as-item td img{
transform: scale(.7);
}  .yith-wapo-addon .yith-wapo-option .required-error .required-message{
color: var(--yith-wapo-required-option-color);
}
.yith-wapo-block .yith-wapo-addon .min-error{
font-size: 13px;
margin-top: 15px;
}
.yith-wapo-block .yith-wapo-addon .min-error *,
.yith-wapo-addon .options-container .max-selected-error{
color: var(--yith-wapo-required-option-color);
}
.yith-wapo-block .yith-wapo-addon .wapo-error {
color: var(--yith-wapo-required-option-color);
}
.length-error-message{
display: none;
padding: 5px 0px;
color: var(--yith-wapo-required-option-color);
word-break: break-word;
} #wapo-total-price-table {
color: var(--yith-wapo-price-box-colors-text);
background: var(--yith-wapo-price-box-colors-background);
} .yith-wapo-ajax-uploader .button {
border-radius: 5px;
padding: 10px 15px;
font-size: 13px;
font-weight: normal;
cursor: pointer;
overflow: auto;
}
.yith-wapo-ajax-uploader .link {
color: var(--yith-wapo-uploads-file-colors-border);
cursor: pointer;
}
.yith-wapo-uploaded-file .remove {
position: relative;
top: 2px;
cursor: pointer;
font-size: 14px;
margin-bottom: 10px;
}
.yith-wapo-uploaded-file-element .yith-wapo-uploaded-file-info .file-size{
opacity: 0.7;
}
.yith-wapo-uploaded-file-element .yith-wapo-uploaded-file-info .file-name{
color: #000000;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info label:before {
content: '';
display: block;
width: 18px;
height: 18px;
background: #03bfac url(//fuel-supplies.co.uk/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
border-radius: 50%;
z-index: 10;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element.completed span.info .file-name {
display: flex;
align-items: center;
column-gap: 10px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-loader-container{
position: relative;
top: 5px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file span.info {
display: flex;
flex-direction:column;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-uploaded-file-element {
margin-bottom: 10px;
}
.yith-wapo-addon .yith-wapo-option.allow-multiple .yith-wapo-uploaded-file-element.completed {
border-bottom: 1px solid #d1d1d1;
}
.yith-wapo-addon.yith-wapo-addon-type-file hr.upload-separator {
border-top: 1px solid var(--yith-wapo-uploads-file-colors-border);
opacity: 0.6;
}
.yith-wapo-addon.yith-wapo-addon-type-file img.yith-wapo-img-uploaded {
margin: 10px 0px 10px 0px;
width: 45px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader{
background: var(--yith-wapo-uploads-file-colors-background);
border: 1px dashed var(--yith-wapo-uploads-file-colors-border);
border-radius: 5px;
padding: 20px;
margin: 10px 0px;
font-size: 14px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader .yith-wapo-ajax-uploader-container{
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: 10px;
}
.yith-wapo-addon.yith-wapo-addon-type-file .ui-progressbar {
position: relative;
top: 5px;
height: 10px;
border: none;
}
.yith-wapo-loader.ui-progressbar.ui-corner-all.ui-widget.ui-widget-content .ui-progressbar-value {
background-color: var(--yith-wapo-uploads-file-colors-border);
} .yith-wapo-option small.yith-wapo-error {
word-break: break-word;
}  .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label:hover span.color, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label span.color {
border: 2px solid var(--yith-wapo-accent-color-color);
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display,
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .product-container{
border: 1px solid var(--yith-wapo-form-border-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display,
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected .product-container{
border: 1px solid var(--yith-wapo-accent-color-color);
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option:not(.out-of-stock) label {
border: 1px solid var(--yith-wapo-form-border-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option label:hover, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected label {
border: 1px solid var(--yith-wapo-accent-color-color);
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton {
width: 20px;
height: 20px;
position: relative;
display: block;
float: left;
margin-right: 10px;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton input[type="checkbox"] {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton:before {
content: '';
background: #ffffff;
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid var(--yith-wapo-form-border-color-color);
border-radius: var(--yith-wapo-checkbox-style);
margin-right: 10px;
text-align: center;
font-size: 17px;
vertical-align: middle;
cursor: pointer;
margin-bottom: 5px;
transition: background-color ease 0.3s;
display: inline-block;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.checkboxbutton.checked:before {
background-image: url(//fuel-supplies.co.uk/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/check.svg) !important;
background-size: 65%;
background-repeat: no-repeat !important;
background-color: var(--yith-wapo-accent-color-color);
border-color: var(--yith-wapo-accent-color-color);
color: #ffffff;
background-position: center;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton {
width: 20px;
height: 20px;
position: relative;
margin-right: 10px;
display: block;
float: left;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton input[type="radio"] {
width: 20px;
height: 20px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton:before {
content: '';
background: #ffffff;
background-clip: content-box;
width: 20px;
height: 20px;
line-height: 20px;
border: 1px solid var(--yith-wapo-form-border-color-color);
border-radius: 100%;
padding: 2px;
margin-bottom: 0px;
margin-right: 0px;
font-size: 20px;
text-align: center;
display: inline-block;
float: left;
cursor: pointer;
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton.checked:before {
border-color: var(--yith-wapo-accent-color-color);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon span.radiobutton.checked:before {
background-color: var(--yith-wapo-accent-color-color);
background-clip: content-box !important;
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option div.label label{
font-size: var(--yith-wapo-label-font-size);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon .yith-wapo-option .description {
font-size: var(--yith-wapo-description-font-size);
overflow-y: auto;
max-height: 70px;
} .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option.selected div.label .label-container-display:after, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-product .yith-wapo-option.selected div.label::after, .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected div.label .label-container-display:after {
background-color: var(--yith-wapo-accent-color-color);
} .yith-wapo-container .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {
width: var(--yith-wapo-color-swatch-size);
height: var(--yith-wapo-color-swatch-size);
}
.yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option.selected span.color:after, .select_box .select_option.selected:after {
background: var(--yith-wapo-accent-color-color) url(//fuel-supplies.co.uk/wp-content/plugins/yith-woocommerce-product-add-ons/assets/img/icon-check.png) center no-repeat;
background-size: 50%;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option *{
max-width: 100%;
} .yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span {
background-color: var(--yith-wapo-tooltip-colors-background);
color: var(--yith-wapo-tooltip-colors-text);
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip span:after {
border-top-color: var(--yith-wapo-tooltip-colors-background);
}
.yith-wapo-block .yith-wapo-addon .yith-wapo-option .tooltip.position-bottom span:after {
border-bottom-color: var(--yith-wapo-tooltip-colors-background);
} .yith-wapo-addon.yith-wapo-addon-type-select.required-min .select2-selection.select2-selection--single{
border: 1px solid var( --yith-wapo-required-option-color );
}
#yith-wapo-container .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-select.required-min {
border: inherit;
border-radius: inherit;
} .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-date .yith-wapo-option .date-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-colorpicker .yith-wapo-option .yith-wapo-colorpicker-container, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-textarea .yith-wapo-option .textarea-container textarea, .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-text .yith-wapo-option .input-text-container {
margin-top: 8px;
} .yith-wapo-block div.yith-wapo-addon .options.per-row-1 {
row-gap: 15px;
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .label_container {
height: 100%;
}
.yith-wapo-addon-type-text input.length-error {
border-color: #ff0000;
} .yith-wapo-addon:not(.yith-wapo-addon-type-label) .yith-wapo-option .image img{
max-width: 100%;
max-height: 200px;
}  @media only screen and (max-width: 768px) {
body.theme-yith-proteo.yith-wapo-modal-is-open .single-product div.product .summary.entry-summary {
padding-left: 0;
}
.yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container button.wp-color-result {
vertical-align: inherit;
} .yith-wapo-addon.yith-wapo-addon-type-file .yith-wapo-ajax-uploader-container .button{
margin-top: 10px;
} .yith-wapo-addon-type-colorpicker .yith-wapo-option .wp-picker-container {
min-width: auto;
}
}
@media screen and (min-width: 1024px) { .yith-wapo-container.yith-wapo-form-style-custom .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display:hover {
border: 1px solid var(--yith-wapo-accent-color-color);
}
.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-label .yith-wapo-option div.label .label-container-display:hover {
border: 1px solid #03bfac;
}
}