@media(max-width:768px) {
.imp-column-mobile {
flex-direction: column;
}
}
li#menu-item-929 a {
color: #0db259!important;
}
.button--secondary {
background-color: #feea00!important;
color: #595a5c!important;
}
.home .module-container.testimonials-slider {
display: none;
}
@media (min-width: 1024px){
.services-list__items {
justify-content: space-around!important;
}}.u-padding-top {
padding-top: 30px;
}
.u-padding-top--large {
padding-top: 50px;
}
.u-padding-bottom {
padding-bottom: 30px;
}
.u-padding-bottom--large {
padding-bottom: 50px;
}
.u-icon-placeholder {
position: relative;
}
.u-icon-placeholder label {
position: absolute;
right: 10px;
top: 12px;
}
.u-icon-placeholder label.password-toggler {
top: 16px;
}
.u-text-center {
text-align: center;
}
.p-15 {
padding: 15px;
}
.u-offset-top-16 {
margin-top: -1rem;
}
.u-link-arrow::after {
display: block;
content: '\F105';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
vertical-align: -0.125em;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
line-height: 1.618;
margin-left: 0.5407911001em;
width: 1.41575em;
}
.u-scroll-lock {
margin: 0;
height: 100%;
overflow: hidden;
}
.page-template-template-homepage:not(.has-post-thumbnail) .site-main,
.page-template-template-careers:not(.has-post-thumbnail) .site-main,
.page-template-default:not(.has-post-thumbnail) .site-main,
.page-template-template-clean-no-bg:not(.has-post-thumbnail) .site-main,
.page-template-template-seo-page:not(.has-post-thumbnail) .site-main,
.page-template-template-myaccount .site-main,
.archive.category .site-main,
.single-post .site-main,
.blog .site-main,
.career-template-default .site-main,
.case_study-template-default .site-main,
.page-template-template-casestudy .site-main,
.page-template-template-homepage:not(.has-post-thumbnail) .content-area,
.page-template-template-careers:not(.has-post-thumbnail) .content-area,
.page-template-default:not(.has-post-thumbnail) .content-area,
.page-template-template-clean-no-bg:not(.has-post-thumbnail) .content-area,
.page-template-template-seo-page:not(.has-post-thumbnail) .content-area,
.page-template-template-myaccount .content-area,
.archive.category .content-area,
.single-post .content-area,
.blog .content-area,
.career-template-default .content-area,
.case_study-template-default .content-area,
.page-template-template-casestudy .content-area {
padding-top: 0;
margin-bottom: 0;
}
.page-template-template-homepage:not(.has-post-thumbnail) .content-area,
.page-template-template-careers:not(.has-post-thumbnail) .content-area,
.page-template-default:not(.has-post-thumbnail) .content-area,
.page-template-template-clean-no-bg:not(.has-post-thumbnail) .content-area,
.page-template-template-seo-page:not(.has-post-thumbnail) .content-area,
.page-template-template-myaccount .content-area,
.archive.category .content-area,
.single-post .content-area,
.blog .content-area,
.career-template-default .content-area,
.case_study-template-default .content-area,
.page-template-template-casestudy .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.page-template-template-homepage:not(.has-post-thumbnail) .storefront-breadcrumb,
.page-template-template-careers:not(.has-post-thumbnail) .storefront-breadcrumb,
.page-template-default:not(.has-post-thumbnail) .storefront-breadcrumb,
.page-template-template-clean-no-bg:not(.has-post-thumbnail) .storefront-breadcrumb,
.page-template-template-seo-page:not(.has-post-thumbnail) .storefront-breadcrumb,
.page-template-template-myaccount .storefront-breadcrumb,
.archive.category .storefront-breadcrumb,
.single-post .storefront-breadcrumb,
.blog .storefront-breadcrumb,
.career-template-default .storefront-breadcrumb,
.case_study-template-default .storefront-breadcrumb,
.page-template-template-casestudy .storefront-breadcrumb {
display: none;
}
.page-template-default.woocommerce-checkout .site-main,
.page-template-default.woocommerce-checkout .content-area {
padding-top: 0;
margin-bottom: 0;
}
.page-template-default.woocommerce-checkout .content-area {
width: 100%;
float: left;
margin-left: 0;
margin-right: 0;
}
.page-template-default.woocommerce-checkout #content {
padding-top: 0;
}
.page-template-default.woocommerce-checkout.right-sidebar .widget-area,
.page-template-default.woocommerce-checkout header.entry-header {
display: none;
}
.site-footer {
padding-bottom: 0;
padding-top: 0;
}
.site-footer ul.menu li.current-menu-item>a {
color: #fff;
}
.site-info {
padding-top: 1rem;
padding-bottom: 1rem;
}
.footer-widgets {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.footer-widgets {
border-bottom: 1px solid #fff;
}
.footer-widgets .widget {
margin-bottom: 0;
}
.product_list_widget li:not(.mini_cart_item):first-child {
padding-top: 0;
}
ul.products li.product .star-rating {
display: none;
}
.widget_product_categories ul .children {
margin-left: 1rem;
}
.storefront-handheld-footer-bar {
display: none;
}
@media (max-width: 767px) {
.woocommerce-breadcrumb {
font-size: 11px;
}
}
#menu-footer-menu {
list-style-type: none;
}
#menu-footer-menu > li {
margin-bottom: 0;
font-weight: 800;
display: inline-block;
text-transform: uppercase;
}
#menu-footer-menu > li::before {
display: none;
}
.storefront-breadcrumb {
margin-bottom: 1.25rem;
background-color: #f2f2f2;
font-weight: 800;
}
.storefront-breadcrumb a {
color: #595a5c;
font-weight: 100;
}
.storefront-breadcrumb a:first-of-type::before {
display: none;
}
.storefront-breadcrumb span {
font-weight: 100;
}
.storefront-breadcrumb .woocommerce-breadcrumb .breadcrumb-separator {
text-indent: 0;
color: #595a5c;
}
.storefront-breadcrumb .woocommerce-breadcrumb .breadcrumb-separator::after {
display: none;
}
.site-search .widget_product_search form input[type=search],
.site-search .widget_product_search form input[type=text] {
box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}
.widget .widget-title,
.widget .widgettitle {
font-size: 21px;
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget .widget-title::after,
.widget .widgettitle::after {
content: '';
width: 100px;
height: 2px;
display: block;
background-color: #595a5c;
margin-top: 15px;
margin-bottom: 25px;
margin-left: 0;
margin-right: auto;
}
.widget_product_categories ul li {
padding-left: 0;
margin-bottom: 1rem;
}
.widget_product_categories ul li a {
font-size: 16px;
font-weight: 100 !important;
text-decoration: none !important;
}
.widget_product_categories ul li::before {
display: none;
}
.woocommerce-info,
.woocommerce-noreviews,
p.no-comments {
background-color: #0db259;
}
.widget_shopping_cart .buttons {
display: flex;
justify-content: space-between;
}
.widget_shopping_cart .buttons .button {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(50% - 7.5px);
max-width: calc(50% - 7.5px);
}
.widget_shopping_cart .buttons .button--primary {
color: #fff;
}
.widget_shopping_cart .buttons .button:last-child {
margin-bottom: 0.6180469716em;
}
@media (min-width: 768px) {
.col-full {
max-width: 70.498938em;
margin-left: auto;
margin-right: auto;
padding: 0 2.617924em;
box-sizing: content-box;
}
}
@media (min-width: 768px) {
.woocommerce-pagination {
float: none;
margin-top: 10px;
}
}
img {
border-radius: 0;
}
body {
background-color: #f9f9f9;
}
body.page-template-template-homepage::before {
content: '';
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
height: 100%;
top: 0;
width: 100%;
max-width: 77.498938em;
background: url(https://www.fuelfix.com.au/assets/images/bg-fuel-drop.png);
background-repeat: no-repeat;
background-position: center 10px;
z-index: -1;
}
@media (min-width: 768px) {
body.page-template-template-homepage::before {
background-position: 0 0;
}
}
#content {
min-height: calc(100vh - 250.4px);
}
@media (min-width: 768px) {
#content {
min-height: calc(100vh - 233.18px);
}
}
.text-center {
text-align: center;
}
.icon-list {
list-style-type: none;
margin-left: 0;
margin-top: 1.5rem;
display: flex;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.icon-list.five-p-col li {
flex: 0 0 130px;
}
.icon-list li {
flex: 0 0 101px;
text-align: center;
font-size: 89%;
margin-bottom: 1.25rem;
}
@media (max-width: 767px) {
.icon-list li {
flex: 0 0 33.333%;
}
}
.icon-list li img {
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.icon-list li span {
display: block;
margin-top: -0.5rem;
margin-bottom: 1.25rem;
}
.icon-list li::before {
display: none;
}
.icon-list--large li {
flex: 0 0 150px;
max-width: 150px;
text-align: center;
}
@media (max-width: 767px) {
.icon-list--large li {
flex: 0 0 50%;
max-width: 50%;
padding: 0 10px;
}
}
.icon-list--large li img {
height: 80px;
}
@media (max-width: 767px) {
.icon-list--large li img {
height: 50px;
}
}
.icon-list--large li span {
display: block;
margin-top: -0.5rem;
margin-bottom: 1.25rem;
}
.icon-list--large li::before {
display: none;
}
.icon-list--large.contained {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url] {
border-radius: 5px;
font-size: 12px;
box-shadow: none;
color: #595a5c;
height: 40px;
padding-left: 0.625rem;
padding-right: 40px;
font-size: 12px !important;
}
textarea {
height: 150px;
border-radius: 5px;
font-size: 12px;
box-shadow: none;
color: #595a5c;
padding-left: 0.625rem;
padding-right: 40px;
font-size: 12px !important;
}
input.qty {
padding: 0;
}
select {
background-color: #f2f2f2;
color: #595a5c;
border-radius: 5px;
border: 0;
height: 40px;
padding-left: 0.625rem !important;
padding-right: 40px !important;
font-size: 12px !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
textarea {
padding-left: 0.625rem !important;
padding-right: 40px !important;
}
textarea {
padding: 15px 0.625rem !important;
}
.u-checkbox-container {
position: relative;
display: inline-block;
}
.u-checkbox-container input[type=checkbox] {
left: -9999px;
position: absolute;
}
.u-checkbox-container input[type=checkbox]+label {
display: inline-block;
}
.u-checkbox-container input[type=checkbox]+label span {
margin-left: 1rem;
top: -5px;
position: relative;
font-size: 12px;
line-height: 1.2;
}
.u-checkbox-container input[type=checkbox]+label::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 12px;
height: 12px;
border: 1px solid #fff;
background-color: transparent;
}
.u-checkbox-container input[type=checkbox]:checked+label::after {
content: '\F00C';
font-family: 'Font Awesome 5 Free';
position: absolute;
top: 2px;
left: 1px;
width: 12px;
height: 12px;
font-size: 8px;
color: #fff;
}
.select2-container--default .select2-selection--single {
background-color: #f2f2f2;
border-radius: 5px;
border: 0;
height: 40px;
font-size: 12px !important;
text-align: left;
font-weight: 100;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 40px;
font-weight: 100;
color: #595a5c;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 40px;
}
table th {
background-color: #fff;
padding: 1.0729em 1.41575em;
}
table tbody td,
table tbody tr:nth-child(2n) td {
margin-top: 1px;
background-color: #fff;
padding: 1.0729em 1.41575em;
}
body {
font-size: 1rem;
line-height: 1.4375;
font-family: din-2014, sans-serif;
font-weight: 100;
}
h1,
h2,
h3,
h4 {
font-weight: 800;
}
h1,
.h1 {
font-size: 2rem;
line-height: 1.25;
}
h2,
.h2 {
font-size: 1.75rem;
line-height: 1.25;
}
h4,
.h4 {
font-size: 1.3125rem;
line-height: 1.25;
}
p {
margin-bottom: 1rem;
}
p.p-xs {
font-size: 10px;
}
ul,
ol {
margin-left: 1.25rem;
margin-bottom: 1rem;
}
ul.center-aligned {
list-style-type: none;
}
ul.center-aligned li::before {
content: '\2022';
margin-right: 1rem;
font-weight: 800;
}
body .the-plan-top {
padding-top: 100px !important;
}
@media (max-width: 960px) {
body .the-plan-top {
padding-top: 68px !important;
}
}
body .the-plan-top .the-plan-top {
padding-top: 0 !important;
}
.site-header {
padding-top: 0;
padding-bottom: 0;
height: 65px;
background-color: transparent;
border-bottom: 0;
}
@media only screen and (min-width: 1200px) {
.site-header {
height: 100px;
}
}
.site-header > .col-full {
display: flex;
justify-content: space-between;
align-items: center;
align-items: center;
height: 100%;
max-width: 73.498938em;
}
.site-header > .col-full::before,
.site-header > .col-full::after {
display: none;
}
@media only screen and (min-width: 1200px) {
.site-header > .col-full .site-branding,
.site-header > .col-full .main-navigation,
.site-header > .col-full .site-search,
.site-header > .col-full .site-header-cart {
width: auto;
float: none;
margin-right: 1rem;
margin-bottom: 0;
}
}
.site-header > .col-full .site-header-cart {
margin-left: 1rem;
margin-right: 0;
}
.site-header > .col-full .site-header-cart .cart-contents {
display: block;
}
.site-header > .col-full .site-branding {
display: none;
}
@media only screen and (min-width: 1200px) {
.site-header > .col-full .site-branding {
display: block;
margin-right: 1.75rem;
}
}
@media (max-width: 1199px) {
.site-header > .col-full .site-account {
display: none;
}
}
.site-header > .col-full .site-account__logged-in-link {
font-weight: 800;
color: #595a5c;
}
@media (min-width: 1200px) {
.site-header > .col-full .site-account a.button {
width: 90px;
min-width: 90px;
}
}
.site-header > .col-full .site-contact-number {
font-weight: bold;
color: #0db259;
margin-right: 1rem;
}
.site-header > .col-full .site-contact-number svg {
margin-right: 5px;
}
@media (max-width: 900px) {
.site-header > .col-full .site-contact-number span {
display: none;
}
}
@media (max-width: 1199px) {
.site-header > .col-full .site-contact-number {
margin-right: 0;
}
.site-header > .col-full .site-contact-number svg {
transform: scale(1.5);
}
.site-header > .col-full .site-contact-number span {
display: none;
}
}
@media (max-width: 1199px) {
.site-header > .col-full .main-navigation {
left: -999px;
transition: left 0.5s;
}
.site-header > .col-full .main-navigation .handheld-navigation {
opacity: 0;
display: none;
transition: none;
}
.site-header > .col-full .main-navigation .handheld-navigation .dropdown-toggle {
color: #fff;
position: relative;
}
.site-header > .col-full .main-navigation button.menu-toggle {
color: #0db259;
border: 0;
background-color: transparent;
position: absolute;
padding-left: 0;
padding-right: 0;
left: 1rem;
top: 25px;
outline: 0;
height: 20px;
width: 20px;
}
.site-header > .col-full .main-navigation button.menu-toggle::before,
.site-header > .col-full .main-navigation button.menu-toggle::after,
.site-header > .col-full .main-navigation button.menu-toggle span::before {
background-color: #0db259;
width: 20px;
left: 0;
}
.site-header > .col-full .main-navigation button.menu-toggle::before {
margin-top: -2px;
}
.site-header > .col-full .main-navigation button.menu-toggle::after {
margin-top: 0;
}
.site-header > .col-full .main-navigation.toggled {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
padding: 1rem;
background-color: #0db259;
z-index: 9;
}
.admin-bar .site-header > .col-full .main-navigation.toggled {
top: 46px;
}
.site-header > .col-full .main-navigation.toggled .handheld-navigation {
display: block;
margin-top: 44px;
opacity: 1;
top: auto;
}
.site-header > .col-full .main-navigation.toggled .handheld-navigation .menu-item-has-children > a,
.site-header > .col-full .main-navigation.toggled .handheld-navigation .menu-item-has-children .dropdown-toggle {
display: inline-block;
}
.site-header > .col-full .main-navigation.toggled .handheld-navigation .menu-item-has-children > a::after {
display: none;
}
.site-header > .col-full .main-navigation.toggled button.menu-toggle::before,
.site-header > .col-full .main-navigation.toggled button.menu-toggle::after,
.site-header > .col-full .main-navigation.toggled button.menu-toggle span::before {
background-color: #fff;
margin-top: -1px;
}
.site-header > .col-full .main-navigation.toggled ul li a {
color: #fff;
font-weight: bold;
}
}
@media only screen and (min-width: 1025px) {
.site-header > .col-full .main-navigation ul.nav-menu >li.focus>ul {
left: -999999px;
}
}
.site-header > .col-full .main-navigation ul.nav-menu >li.menu-item-has-children:hover >ul {
left: 0 !important;
}
@media (min-width: 1200px) {
.site-header > .col-full .main-navigation ul.nav-menu >li.menu-item-has-children:hover >ul {
display: flex;
}
}
.site-header > .col-full .main-navigation ul.nav-menu >li >a {
font-weight: bold;
font-size: 0.75rem;
text-transform: uppercase;
}
@media only screen and (min-width: 1200px) {
.site-header > .col-full .main-navigation ul.nav-menu >li >a {
padding: 0.618em 0.5rem;
}
}
.site-header > .col-full .main-navigation ul.menu ul.sub-menu {
margin-left: 0;
}
@media (max-width: 1199px) {
.site-header > .col-full .main-navigation ul.menu ul.sub-menu .menu-item img._before,
.site-header > .col-full .main-navigation ul.menu ul.sub-menu .rtl .menu-item img._after {
filter: brightness(25);
height: 20px;
width: auto;
}
}
@media (min-width: 1200px) {
.site-header > .col-full .main-navigation ul.menu ul.sub-menu {
flex-wrap: wrap;
flex: 1;
padding: 10px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
width: 620px;
}
.site-header > .col-full .main-navigation ul.menu ul.sub-menu li a {
background-color: #fff;
}
.site-header > .col-full .main-navigation ul.menu ul.sub-menu li a:hover {
background-color: #fff;
}
}
@media (min-width: 901px) {
.site-header > .col-full .main-navigation ul.menu ul.sub-menu {
width: 620px;
}
}
.site-header > .col-full .main-navigation ul.menu ul.sub-menu li a {
font-weight: bold;
padding: 0.7rem 0.5rem;
}
.site-header > .col-full .main-navigation ul.menu ul.sub-menu li a img {
height: 30px;
width: 30px;
object-fit: contain;
}
.site-header > .col-full #site-header-cart .count {
color: #0db259;
font-weight: bold;
opacity: 1;
}
.site-header > .col-full #site-header-cart .cart-contents::after {
float: left;
content: '\F07A';
margin-right: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: -0.125em;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
height: 1em;
line-height: 1.618;
}
.site-header > .col-full .fuelfix-primary-navigation {
display: flex;
flex: 0 0 75%;
max-width: 75%;
align-items: center;
justify-content: flex-end;
}
@media (min-width: 1200px) {
.site-header > .col-full .fuelfix-primary-navigation {
flex: 0 0 350px;
max-width: 350px;
}
}
.site-header > .col-full .fuelfix-primary-navigation:first-child {
flex: 0 0 25%;
max-width: 25%;
justify-content: flex-start;
}
@media (min-width: 1200px) {
.site-header > .col-full .fuelfix-primary-navigation:first-child {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 370px);
max-width: calc(100% - 370px);
}
}
.site-header > .col-full .site-header-cart.focus .widget_shopping_cart,
.site-header > .col-full .site-header-cart:hover .widget_shopping_cart {
min-width: 300px;
right: 0;
left: auto;
}
.site-header > .col-full .site-search {
display: flex;
align-items: center;
cursor: pointer;
position: relative;
}
.site-header > .col-full .site-search::before {
content: '';
width: 1px;
height: 35px;
border-left: 1px solid #0db259;
padding-left: 1rem;
margin-left: 1rem;
}
.site-header > .col-full .site-search .search-trigger {
width: 15px;
color: #0db259;
position: relative;
bottom: -3px;
}
.site-header > .col-full .site-search .widget.woocommerce.widget_product_search {
position: absolute;
top: 100%;
width: 100%;
z-index: 3;
font-size: 0.875em;
left: -999em;
display: block;
}
.site-header > .col-full .site-search .widget.woocommerce.widget_product_search form {
transition: all 0.5s ease;
height: 0;
}
.site-header > .col-full .site-search .widget.woocommerce.widget_product_search.visible {
display: block;
left: -195px;
width: 250px;
top: 50px;
}
@media (min-width: 1200px) {
.site-header > .col-full .site-search .widget.woocommerce.widget_product_search.visible {
top: 195%;
}
}
.site-header > .col-full .site-search .widget.woocommerce.widget_product_search.visible form {
height: 39.5px;
}
.mobile-menu__cta-container {
display: none;
}
@media (max-width: 1199px) {
.toggled .mobile-menu__cta-container {
margin-top: 1rem;
display: flex;
justify-content: flex-start;
}
.toggled .mobile-menu__cta-container a:nth-child(2) {
margin-left: 1rem;
}
}
.mobile-menu__phone-container {
display: none;
}
@media (max-width: 1199px) {
.toggled .mobile-menu__phone-container {
position: absolute;
display: block;
top: 1.5rem;
right: 1.25rem;
}
.toggled .mobile-menu__phone-container svg {
transform: scale(1.5);
}
}
@media (max-width: 1199px) {
#menu-header-menu-1.menu ul.sub-menu {
background-color: transparent;
}
}
@media (min-width: 1024px) {
.site-footer .footer-widget-1 {
display: flex;
flex: 1;
max-width: 100%;
}
}
.site-footer .footer-widget-1 .widget_media_image {
margin-right: 15px;
}
.site-footer #menu-footer-menu li a {
font-size: 12px;
line-height: 1.2;
}
.site-footer #menu-footer-menu li.menu-item-has-children {
position: relative;
}
.site-footer #menu-footer-menu li.menu-item-has-children > a::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: -0.125em;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\F107";
margin-left: 1em;
}
.site-footer #menu-footer-menu li.menu-item-has-children:hover ul.sub-menu {
display: flex;
left: 0;
}
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu {
margin-left: 0;
position: absolute;
left: -99999px;
bottom: calc(100%);
flex-wrap: wrap;
flex: 1;
padding: 10px;
z-index: 1;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
width: 225px;
}
@media (min-width: 768px) {
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu {
width: 450px;
}
}
@media (min-width: 901px) {
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu {
width: 620px;
}
}
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu li {
padding-left: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu li {
padding-bottom: 1rem;
}
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu li:last-child {
padding-bottom: 0;
}
}
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu li a {
background-color: #fff;
color: #595a5c;
text-transform: none;
padding: 0.7rem 0.5rem;
font-size: 0.875em;
display: block;
}
@media (min-width: 768px) {
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu li a {
width: 200px;
}
}
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu li a img {
height: 30px;
width: 30px;
object-fit: contain;
}
.site-footer #menu-footer-menu li.menu-item-has-children ul.sub-menu li a:hover {
background-color: #fff;
}
@media (max-width: 1023px) {
.site-footer #menu-footer-menu {
flex: 1;
max-width: 100%;
justify-content: center;
text-align: center;
margin-top: 30px;
}
}
.site-footer #menu-footer-menu > li {
padding-left: 0.509em;
padding-right: 0.509em;
}
.site-footer .footer-extramodules {
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 0;
height: 32px;
}
.site-footer .footer-extramodules .site-contact-number {
font-weight: bold;
}
@media (max-width: 1023px) {
.site-footer .footer-extramodules .site-contact-number {
font-size: 12px;
}
}
.site-footer .footer-extramodules .site-contact-number svg {
fill: #fff;
}
.site-footer .footer-extramodules .button {
margin-left: 1rem;
}
.logged-in .site-footer .footer-extramodules .button {
display: none;
}
.site-footer .footer-careers-link,
.site-footer .site-info {
display: inline-block;
flex: 0 0 50%;
max-width: 50%;
font-size: 12px;
}
@media (max-width: 1023px) {
.site-footer .site-info {
flex: 0 0 calc(100% - 45px);
max-width: calc(100% - 45px);
}
}
.site-footer .footer-careers-link {
float: right;
padding-top: 1rem;
padding-bottom: 1rem;
}
@media (max-width: 1023px) {
.site-footer .footer-careers-link {
flex: 0 0 45px;
}
}
.site-footer .footer-widgets,
.site-footer .footer-widget-1 {
position: relative;
}
.site-footer .footer-widgets .widget {
display: flex;
align-items: center;
}
.button {
border-radius: 5px;
text-transform: uppercase;
font-size: 0.75rem;
min-width: 105px;
text-align: center;
transition: all 0.5s;
background-color: #0db259;
color: #fff;
}
.button:hover {
background-color: #0fd068 !important;
}
.button--primary,
.button.alt {
background-color: #0db259;
color: #fff;
}
.button--primary:hover,
.button.alt:hover {
background-color: #0fd068 !important;
}
.button--secondary {
background-color: #feea00;
color: #595a5c;
}
.button--secondary:hover {
background-color: #e5d300 !important;
color: #595a5c !important;
}
.button--tertiary {
background-color: #fff;
color: #0db259;
border: 1px solid #0db259;
}
.button--tertiary:hover {
background-color: #fff !important;
border-color: #0fd068 !important;
color: #0db259 !important;
}
.module-container {
padding-top: 40px;
padding-bottom: 40px;
margin-left: auto;
margin-right: auto;
width: 100%;
padding-left: 1.41575em;
padding-right: 1.41575em;
}
@media (min-width: 768px) {
.module-container {
padding-top: 50px;
padding-bottom: 50px;
padding-left: 2.617924em;
padding-right: 2.617924em;
}
}
.module-container--no-padding-left-right {
padding-left: 0;
padding-right: 0;
}
.module-container--no-padding-left-right h1,
.module-container--no-padding-left-right h2,
.module-container--no-padding-left-right h3,
.module-container--no-padding-left-right h4,
.module-container--no-padding-left-right h5,
.module-container--no-padding-left-right h6,
.module-container--no-padding-left-right p {
padding-left: 1.41575em;
padding-right: 1.41575em;
}
.module-container--no-padding-top-bottom {
padding-top: 0;
padding-bottom: 0;
}
.module-container--no-padding-bottom {
padding-bottom: 0;
}
.module-container__row {
width: 100%;
max-width: 70.4989378333em;
margin-left: auto;
margin-right: auto;
}
.module-container__row--fullwidth {
width: 100%;
max-width: 100%;
}
.module-container__contained-copy {
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.module-container__contained-copy p:last-child {
margin-bottom: 0;
}
.module-container__title {
text-align: center;
font-weight: bold;
}
.module-container__title::after {
content: '';
width: 100px;
height: 2px;
display: block;
background-color: #595a5c;
margin-top: 15px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}
.module-container__title--no-spacing {
margin-bottom: 0;
}
.module-container__title--no-spacing::after {
margin-bottom: 0;
}
.module-container__button-container .button {
margin-left: 0.5rem;
}
.module-container--bg-green {
background-color: #0db259;
color: #fff;
}
.module-container--bg-lightgray {
background-color: #f2f2f2;
}
.why-choose-us .module-container__row {
display: flex;
flex: 1;
flex-direction: column;
}
@media (min-width: 768px) {
.why-choose-us .module-container__row {
flex-direction: row;
align-items: center;
}
}
.why-choose-us h3 {
color: #fff;
}
.why-choose-us p {
max-width: 100%;
}
.why-choose-us__col {
display: flex;
align-items: flex-start;
justify-content: center;
justify-content: flex-start;
flex: 1 1 100%;
flex-direction: column;
}
.why-choose-us__col p:last-child {
margin-bottom: 0;
}
@media (min-width: 768px) {
.why-choose-us__left-col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 360px);
max-width: calc(100% - 360px);
border-right: 1px solid #fff;
padding-right: 35px;
margin-right: 35px;
}
}
@media (max-width: 767px) {
.why-choose-us__left-col {
border-bottom: 1px solid #fff;
padding-bottom: 20px;
margin-bottom: 20px;
}
}
@media (min-width: 768px) {
.why-choose-us__right-col {
flex: 0 0 360px;
}
}
.why-choose-us__icon-item {
display: flex;
flex: 1 1 100%;
align-items: center;
justify-content: flex-start;
min-height: 40px;
width: 100%;
margin-bottom: 15px;
}
.why-choose-us__icon-item:last-child {
margin-bottom: 0;
}
.why-choose-us__icon-item b {
display: block;
}
.why-choose-us__icon-image {
display: flex;
flex: 0 0 55px;
}
.why-choose-us__icon-image img {
width: 40px;
max-width: 40px;
}
.why-choose-us__icon-copy {
display: flex;
flex-direction: column;
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 55px);
max-width: calc(100% - 55px);
color: #fff;
}
.services-list__items {
display: flex;
flex: 1 1 100%;
justify-content: center;
flex-direction: column;
margin-bottom: -35px;
}
@media (min-width: 768px) {
.services-list__items {
justify-content: center;
flex-wrap: wrap;
flex-direction: row;
margin-left: 1rem;
margin-right: 1rem;
}
}
@media (min-width: 1024px) {
.services-list__items {
justify-content: space-between;
margin-left: 0;
margin-right: 0;
}
}
.services-list__icon-item {
display: flex;
flex: 1 1 100%;
flex-direction: column;
margin-bottom: 35px;
}
@media (min-width: 768px) {
.services-list__icon-item {
flex: 0 0 175px;
}
}
.services-list__icon-image {
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
@media (min-width: 768px) {
.services-list__icon-image {
height: 50px;
}
}
.services-list__icon-image img {
margin-left: auto;
margin-right: auto;
}
.services-list__icon-copy {
flex-direction: column;
text-align: center;
max-width: 175px;
margin-left: auto;
margin-right: auto;
}
.services-list__icon-copy p {
margin-bottom: 0;
}
.services-list__item-title {
font-weight: bold;
font-size: 1rem;
}
.services-list__item-copy {
font-size: 0.875rem;
}
.services-list__item-cta {
font-size: 0.875rem;
}
.homepage-slider__slider .flickity-button {
display: none;
}
.homepage-slider__slider .flickity-page-dots {
bottom: 25px;
}
.homepage-slider__slide {
height: 500px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.homepage-slider__slide h1 {
font-size: 2.5rem;
}
@media (max-width: 768px) {
.homepage-slider__slide {
height: 440px;
}
.homepage-slider__slide h1 {
font-size: 1.9rem;
}
}
.homepage-slider__left-col {
padding-right: 25px;
}
@media (max-width: 768px) {
.homepage-slider__left-col {
padding-right: 0;
text-align: center;
}
}
.homepage-slider__right-col {
padding-left: 25px;
max-width: 50%;
width: 100%;
}
@media (max-width: 768px) {
.homepage-slider__right-col {
padding-left: 0;
display: none;
}
}
.homepage-slider__cta-container .button + .button {
margin-left: 1rem;
}
.service-content__icon img {
height: 50px;
width: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0.5rem;
}
.service-content__title p {
margin-bottom: 0.5rem;
font-weight: 800;
}
.service-content .button {
margin-top: 0.75rem;
}
.career-list__item {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #f2f2f2;
display: block;
transition: all 0.5s;
background-color: transparent;
}
.career-list__item:last-child {
border-bottom: 0;
}
.career-list__item:hover {
background-color: #f2f2f2;
padding-left: 1rem;
}
.career-list__heading {
margin-bottom: 0;
}
.career-list__location {
color: #595a5c;
font-size: 1.3125rem;
}
.video-module {
max-width: 500px;
margin-left: auto;
margin-right: auto;
position: relative;
border-radius: 5px;
}
.video-module--large {
width: 100%;
max-width: 100%;
}
.video-module--padding-top {
margin-top: 30px;
}
.video-module__video-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
background-color: rgba(255,255,255,0.8);
opacity: 1;
transition: opacity 0.75s;
cursor: pointer;
}
.video-module__video-overlay.hide {
opacity: 0;
}
.video-module__fuelfix-logo {
position: absolute;
top: 1.25rem;
right: 1.25rem;
height: 30px;
}
.video-module__play-button {
height: 100px;
}
.video-module__youtube-video {
position: relative;
padding-bottom: 56.23%;
height: 0;
overflow: hidden;
max-width: 100%;
background: #f9f9f9;
}
.video-module__youtube-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background: transparent;
}
.video-module__youtube-video img {
bottom: 0;
display: block;
left: 0;
margin: auto;
max-width: 100%;
width: 100%;
position: absolute;
right: 0;
top: 0;
border: none;
height: auto;
cursor: pointer;
transition: 0.4s all;
}
.faq-module__faq-item {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.faq-module__faq-item {
margin-bottom: 40px;
}
}
.faq-module__question {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.faq-module__question img {
margin-right: 10px;
width: 25px;
}
.faq-module__answer-container {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s;
}
.testimonials-slider {
padding-bottom: 70px;
position: relative;
}
.testimonials-slider::before {
content: '';
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
height: 100%;
top: 15px;
width: 100%;
max-width: 77.498938em;
background: url(https://www.fuelfix.com.au/assets/images/bg-reviews.png);
background-repeat: no-repeat;
background-position: -250px 25px;
z-index: -1;
}
@media (min-width: 768px) {
.testimonials-slider::before {
background-position: 0 25px;
}
}
@media (min-width: 768px) {
.testimonials-slider {
padding-bottom: 80px;
}
}
.testimonials-slider .flickity-prev-next-button {
display: none;
}
.testimonials-slider__items {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.testimonials-slider__item {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.testimonials-slider__item {
flex-direction: row;
justify-content: space-between;
}
}
.testimonials-slider__photo-container {
flex: 1;
max-width: 100%;
margin-bottom: 20px;
}
@media (min-width: 768px) {
.testimonials-slider__photo-container {
flex: 0 0 160px;
max-width: 160px;
margin-bottom: 0;
}
}
.testimonials-slider__photo-container img {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.testimonials-slider__photo-container img {
margin-left: 0;
}
}
.testimonials-slider__testimonial {
font-size: 1rem;
}
.testimonials-slider__testimonial-container {
flex: 1;
max-width: 100%;
}
@media (min-width: 768px) {
.testimonials-slider__testimonial-container {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 160px);
max-width: calc(100% - 160px);
}
}
.testimonials-slider__client-info {
margin-bottom: 0;
}
.testimonials-slider__client-name {
font-weight: 800;
}
.testimonials-slider__client-company {
font-style: italic;
}
.testimonials-slider__review-stars {
margin-bottom: 1rem;
}
.testimonials-slider__review-stars i {
color: #0db259;
}
.article-card__container {
display: flex;
margin-left: auto;
margin-right: auto;
justify-content: center;
align-items: center;
flex-direction: column;
}
@media (min-width: 768px) {
.article-card__container {
flex-wrap: wrap;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
max-width: 580px;
}
}
@media (min-width: 1024px) {
.article-card__container {
max-width: 900px;
}
}
.article-card__container article.post {
display: flex;
flex-direction: column;
flex: 0 0 250px;
max-width: 250px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
margin: 20px 0;
position: relative;
min-width: 250px;
height: 318px;
}
@media (min-width: 768px) {
.article-card__container article.post {
margin: 20px;
}
}
.article-card__container--extra-padding-bottom {
margin-bottom: 50px;
}
.article-card__item {
position: absolute;
width: 100%;
height: 100%;
z-index: 5;
}
.article-card__top-section {
width: 100%;
height: 170px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
padding: 10px;
position: relative;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.article-card__top-section::before {
content: '';
position: absolute;
height: 92px;
width: 100%;
top: 0;
left: 0;
z-index: 0;
background: -moz-linear-gradient(top, #2c2c2c 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, #2c2c2c 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, #2c2c2c 0%, rgba(255,255,255,0) 100%); border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.article-card__bottom-section {
background-color: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
padding: 1.25rem;
height: calc(100% - 170px);
}
.article-card__bottom-section p {
font-size: 14px;
margin-bottom: 0;
max-height: 60px;
overflow: hidden;
}
.article-card__meta {
color: #fff;
display: flex;
align-items: center;
justify-content: flex-start;
height: 25px;
font-size: 12px;
position: relative;
z-index: 2;
}
.article-card__meta img {
width: 20px;
height: auto;
border-radius: 100px;
display: inline;
margin-right: 0.5rem;
}
.article-card__meta a {
color: #fff;
}
.article-card__meta a:hover,
.article-card__meta a:active,
.article-card__meta a:focus {
color: #fff;
}
.article-card__title {
font-size: 16px;
font-weight: 800;
margin-bottom: 0.5rem;
}
.article-slider {
padding-left: 0;
padding-right: 0;
}
.article-slider__items {
width: 100%;
}
.article-slider__items::after {
content: 'flickity';
display: none; }
@media screen and (min-width: 901px) {
.article-slider__items {
display: flex;
flex: 1;
max-width: 100%;
}
.article-slider__items::after {
content: '';
}
}
.article-slider .article-card__container {
flex-wrap: nowrap;
justify-content: center;
}
.article-slider .article-card__container article.post {
margin-left: 10px;
margin-right: 10px;
}
@media screen and (min-width: 901px) {
.article-slider .article-card__container article.post {
margin-left: 20px;
margin-right: 20px;
}
}
.form-block__form {
margin-top: 1.875rem;
max-width: 525px;
margin-left: auto;
margin-right: auto;
}
.gform_wrapper .top_label .gfield_label,
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
display: none !important;
}
.gform_wrapper .gform_footer input.button,
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_page_footer input.button,
.gform_wrapper .gform_page_footer input[type=submit] {
border-radius: 5px;
text-transform: uppercase;
font-size: 0.75rem;
min-width: 105px;
text-align: center;
transition: all 0.5s;
background-color: #0db259;
color: #fff;
}
.gform_wrapper .gform_footer input.button:hover,
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_page_footer input.button:hover,
.gform_wrapper .gform_page_footer input[type=submit]:hover {
background-color: #0fd068 !important;
}
.gform_wrapper .gform_footer {
text-align: center;
}
.gform_confirmation_message {
background-color: #0db259;
text-align: center;
color: #fff;
padding: 1.5rem;
}
.tech-spec__row {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (min-width: 901px) {
.tech-spec__row {
flex-direction: row;
}
}
.tech-spec h2 {
color: #fff;
}
.tech-spec__col {
display: flex;
flex: 1;
max-width: 100%;
}
@media (min-width: 901px) {
.tech-spec__col {
flex: 0 0 122px;
}
}
.tech-spec__col--second {
margin-top: 1.5rem;
flex-wrap: wrap;
justify-content: space-around;
margin-bottom: -2rem;
}
@media (min-width: 901px) {
.tech-spec__col--second {
flex: 0 0 675px;
padding-left: 70px;
margin-top: 0;
flex-wrap: nowrap;
margin-bottom: 0;
}
}
.tech-spec__icon-item {
text-align: center;
margin-right: 40px;
}
@media (max-width: 900px) {
.tech-spec__icon-item {
max-width: 140px;
flex: 0 0 50%;
margin-right: 0;
margin-bottom: 2rem;
}
}
@media (min-width: 768px) and (max-width: 900px) {
.tech-spec__icon-item {
margin-left: 1rem;
margin-right: 1rem;
}
}
.tech-spec__icon-item:last-child {
margin-right: 0;
}
.tech-spec__icon-item img {
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
}
.tech-spec__icon-item p {
margin-bottom: 0;
}
.media-copy__main-container {
display: flex;
justify-content: space-between;
align-items: center;
flex: 1;
max-width: 100%;
flex-direction: column;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.media-copy__main-container {
flex-direction: row;
}
}
.media-copy__copy-container {
margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
.media-copy__copy-container {
margin-bottom: 0;
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(50% - 2rem);
max-width: calc(50% - 2rem);
}
.media-copy__main-container--caption-visible .media-copy__copy-container {
margin-top: -1.25rem;
}
}
@media (min-width: 1024px) {
.media-copy__copy-container {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 540px);
max-width: calc(100% - 540px);
}
}
@media (min-width: 768px) {
.media-copy__copy-container--expanded {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 430px);
max-width: calc(100% - 430px);
}
}
@media (min-width: 1024px) {
.media-copy__copy-container--expanded {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 380px);
max-width: calc(100% - 380px);
}
}
@media (min-width: 768px) {
.media-copy__first {
order: 1;
}
}
@media (min-width: 1024px) {
.media-copy__first.media-copy__media-container {
margin-left: -80px;
margin-right: auto;
}
}
@media (min-width: 768px) {
.media-copy__second {
order: 2;
}
}
@media (min-width: 768px) {
.media-copy__media-container {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.media-copy__media-container {
flex: 0 0 540px;
max-width: 540px;
}
}
@media (min-width: 768px) {
.media-copy__media-container--expanded {
flex: 0 0 380px;
max-width: 380px;
}
}
@media (min-width: 1024px) {
.media-copy__media-container--expanded {
margin-right: -80px;
}
}
.media-copy__image-container {
text-align: center;
}
.media-copy__image {
box-shadow: 0 2px 10px rgba(0,0,0,0.16);
}
.media-copy__image-caption {
margin-top: 1rem;
}
.media-copy__image-caption p {
margin-bottom: 0;
}
.top-products-slider__slider {
max-width: 900px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
}
.top-products-slider__slider .woocommerce ul.products li.product {
margin-bottom: 0;
}
@media (max-width: 767px) {
.top-products-slider__slider .woocommerce ul.products li.product {
width: 100%;
float: left;
}
}
@media (min-width: 768px) {
.top-products-slider__slider .woocommerce ul.products li.product.last {
margin-right: 4.347826087% !important;
}
}
.password-toggler {
cursor: pointer;
}
.locator-block {
max-width: 1119px;
}
.locator-block #wpsl-wrap {
margin-bottom: 50px;
}
.locator-block #wpsl-stores {
max-height: 540px;
}
.locator-block .wpsl-search {
margin: 0 15px 20px;
padding: 0;
position: relative;
background-color: transparent;
}
@media (min-width: 768px) {
.locator-block .wpsl-search {
margin: 0;
padding: 0;
position: static;
}
}
.locator-block .wpsl-direction-wrap {
display: none;
}
.locator-block #wpsl-wrap #wpsl-result-list {
padding: 0 15px;
margin-top: 20px;
}
@media (min-width: 768px) {
.locator-block #wpsl-wrap #wpsl-result-list {
margin-top: 60px;
}
}
.locator-block #wpsl-wrap #wpsl-result-list li {
border-bottom: 1px solid #d8d8d9;
}
.locator-block #wpsl-wrap #wpsl-result-list li .wpsl-store-location p {
margin-bottom: 0;
}
.locator-block #wpsl-wrap #wpsl-result-list li .wpsl-store-location p .wpsl-street::after {
content: ',';
display: inline-block;
}
.locator-block #wpsl-wrap #wpsl-result-list li .wpsl-store-location p:first-child strong {
display: block;
}
.locator-block #wpsl-wrap #wpsl-result-list li .wpsl-store-location p:first-child span {
display: inline-block;
}
.locator-block #wpsl-search-wrap {
z-index: 2;
width: calc(100% - 30px);
height: 40px;
border-radius: 5px;
}
@media (min-width: 768px) {
.locator-block #wpsl-search-wrap {
width: calc(33% - 30px);
top: 0;
position: absolute;
left: 1.25rem;
bottom: auto;
}
}
.locator-block #wpsl-search-wrap div,
.locator-block #wpsl-search-wrap #wpsl-search-btn {
margin: 0;
}
.locator-block #wpsl-search-wrap .wpsl-input {
width: 100%;
}
.locator-block #wpsl-search-wrap label {
display: none;
}
.locator-block #wpsl-search-wrap .wpsl-search-btn-wrap {
position: absolute;
right: 0;
top: 0;
}
.locator-block #wpsl-search-wrap .wpsl-search-btn-wrap::after {
content: '';
position: absolute;
top: 10px;
right: 10px;
width: 14px;
height: 20px;
background-image: url(https://www.fuelfix.com.au/assets/images/icon-map.svg);
background-size: contain;
background-position: center;
pointer-events: none;
}
.locator-block #wpsl-search-wrap #wpsl-search-btn {
border-radius: 0;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
background: #f2f2f2;
padding: 10px;
width: 34px;
height: 40px;
border: 0;
float: right;
background-image: none;
box-shadow: none;
}
.locator-block #wpsl-search-wrap #wpsl-search-input {
border-radius: 0;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
box-shadow: none;
color: #595a5c;
background-color: #f2f2f2;
border: 0;
height: 40px;
padding-left: 0.625rem;
padding-right: 10px;
font-size: 14px !important;
width: 100% !important;
}
@media (max-width: 767px) {
.locator-block #wpsl-stores,
.locator-block #wpsl-direction-details,
.locator-block #wpsl-gmap {
height: 400px !important;
}
}
.related-products ul.products {
max-width: 730px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media (min-width: 768px) {
.related-products ul.products {
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
}
.related-products ul.products li {
flex: 0 0 100%;
max-width: 100%;
margin-bottom: 2rem;
}
@media (min-width: 768px) {
.related-products ul.products li {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(33.333333% - 50px);
max-width: calc(33.333333% - 50px);
margin-bottom: 0;
}
}
.popup__container {
position: fixed;
height: 100%;
min-height: 100vh;
overflow-x: scroll;
width: 100vw;
padding: 1.25rem;
top: 0;
left: 0;
z-index: 999;
display: flex;
align-items: flex-start;
justify-content: center;
background-color: rgba(0,0,0,0.5);
display: none;
}
@media (min-width: 768px) {
.popup__container {
height: 100vh;
align-items: center;
}
}
.popup__box {
border-radius: 5px;
background-color: #fff;
min-width: 95%;
margin-left: auto;
margin-right: auto;
padding: 1.25rem;
margin-top: 1.25rem;
}
@media (min-width: 768px) {
.popup__box {
margin-top: 0;
min-width: 500px;
}
}
@media only screen and (min-width: 641px) {
.popup__box .gform_wrapper ul.gform_fields li.gfield:not(.gf_left_half) {
padding-right: 0;
}
}
.popup__close-btn {
cursor: pointer;
}
.popup__close-btn::before {
content: "\F00D";
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
vertical-align: -0.125em;
font-size: 20px;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
line-height: 1.618;
margin-left: 0.5407911001em;
width: 1.41575em;
color: #0db259;
float: right;
}
.article-page__featured-image {
width: 100%;
height: 365px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
padding: 10px;
position: relative;
}
@media only screen and (min-width: 768px) {
.article-page__featured-image {
height: 570px;
}
}
.article-page__featured-image::before {
content: '';
position: absolute;
height: 100%;
width: 100%;
bottom: 0;
left: 0;
z-index: 0;
background: -moz-linear-gradient(top, rgba(249,249,249,0) 0%, rgba(249,249,249,0.91) 63%, #f9f9f9 100%); background: -webkit-linear-gradient(top, rgba(249,249,249,0) 0%, rgba(249,249,249,0.91) 63%, #f9f9f9 100%); background: linear-gradient(to bottom, rgba(249,249,249,0) 0%, rgba(249,249,249,0.91) 63%, #f9f9f9 100%); }
.article-page__body {
max-width: 580px;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: calc(-365px / 2);
padding: 0 1.0625rem;
}
@media only screen and (min-width: 768px) {
.article-page__body {
margin-top: calc(-570px / 2);
}
}
.article-page__meta {
color: #595a5c;
display: flex;
align-items: center;
justify-content: center;
height: 30px;
font-size: 12px;
position: relative;
z-index: 2;
margin-bottom: 1rem;
}
.article-page__meta img {
width: 30px;
height: auto;
border-radius: 100px;
display: inline;
margin-right: 0.5rem;
}
.article-page__meta a {
color: #595a5c;
}
.article-page__meta a:hover,
.article-page__meta a:active,
.article-page__meta a:focus {
color: #595a5c;
}
.article-page__title-container {
max-width: 580px;
margin-left: auto;
margin-right: auto;
}
.article-page__title {
text-align: center;
font-weight: 800;
margin-bottom: 1.25rem;
}
.article-archive-page__filter-container {
background-color: #f2f2f2;
}
.article-archive-page__filter-items {
list-style-type: none;
width: 100%;
max-width: 70.4989378333em;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (min-width: 1025px) {
.article-archive-page__filter-items {
text-align: left;
}
}
.article-archive-page__filter-link {
display: inline-block;
padding: 1.875rem 1rem;
}
@media (min-width: 768px) {
.article-archive-page__filter-link {
padding: 1.875rem 1.25rem;
}
}
.article-archive-page__filter-link a {
color: #595a5c;
}
.article-archive-page__filter-link a.active {
font-weight: 800;
color: #0db259;
}
.article-archive-page__filter-link.has-dropdown {
position: relative;
}
.article-archive-page__filter-link.has-dropdown::after {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
vertical-align: -0.125em;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
content: "\F107";
margin-left: 0.25rem;
}
.article-archive-page__filter-link.has-dropdown:hover .article-archive-page__filter-categories {
right: 0;
left: auto;
opacity: 1;
}
@media (min-width: 768px) {
.article-archive-page__filter-link.has-dropdown:hover .article-archive-page__filter-categories {
left: 0;
right: auto;
}
}
.article-archive-page__filter-categories {
list-style-type: none;
position: absolute;
left: -99999px;
opacity: 0;
background-color: #fff;
padding: 1rem 1rem 0;
margin-top: 1rem;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
min-width: 150px;
max-width: 250px;
}
.article-archive-page__filter-categories li {
padding-bottom: 1rem;
}
.article-archive-page__filter-categories li a {
display: block;
width: 100%;
}
table.cart td.actions .coupon,
.woocommerce-cart .entry-title,
.cart_totals > h2 {
display: none;
}
table.cart thead {
background-color: #fff;
}
table.cart thead th {
padding-top: 1rem;
padding-bottom: 1rem;
text-transform: uppercase;
font-weight: 800;
font-size: 14px;
}
table.cart th {
font-size: 1rem;
font-weight: 100;
}
table.cart .quantity .qty {
font-size: 1rem;
}
.checkout-button--fuelfix {
max-width: 150px;
float: right;
}
.woocommerce-shipping-totals th,
.cart-subtotal th {
font-weight: normal;
}
.woocommerce-page:not(.page-template-template-myaccount) #content {
margin-left: 1.41575em;
margin-right: 1.41575em;
padding: 0;
padding-top: 20px;
}
@media (min-width: 768px) {
.woocommerce-page:not(.page-template-template-myaccount) #content {
max-width: 70.4989378333em;
margin-left: auto;
margin-right: auto;
padding: 0 2.617924em;
box-sizing: content-box;
padding-top: 40px;
}
}
.woocommerce-page:not(.page-template-template-myaccount) .woocommerce-tabs {
padding-bottom: 0;
}
.woocommerce-page:not(.page-template-template-myaccount) .woocommerce-tabs .panel h2 {
text-align: center;
font-weight: bold;
}
.woocommerce-page:not(.page-template-template-myaccount) .woocommerce-tabs .panel h2::after {
content: '';
width: 100px;
height: 2px;
display: block;
background-color: #595a5c;
margin-top: 15px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.woocommerce-page:not(.page-template-template-myaccount) .woocommerce-tabs ul.tabs {
margin-top: 75px;
}
}
.woocommerce-page:not(.page-template-template-myaccount).single-product div.product .product_meta {
display: none;
}
@media (min-width: 768px) {
.woocommerce-result-count {
float: right;
top: 10px;
}
}
.product-page__hire-button {
margin-top: 1rem;
}
.cart .product-page__hire-button {
margin-top: 0;
}
@media (max-width: 320px) {
.cart .product-page__hire-button {
min-width: 100px;
}
}
.product-page__product-pdf {
margin-top: 1.5625rem;
}
.product-page__product-pdf a {
color: #595a5c;
display: flex;
justify-content: flex-start;
align-items: center;
flex: 1;
max-width: 100%;
height: 40px;
}
.product-page__product-pdf img {
display: inline-block;
margin-right: 1rem;
height: 40px;
}
.product-page__spec-table {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}
.product-page__spec-item {
display: inline-block;
max-width: 131px;
text-align: center;
margin: 0 1rem 1.5rem;
flex: 0 0 135px;
}
.product-page__spec-item img {
margin: 0 auto 0.75rem;
}
.product-page__spec-item span {
display: block;
}
@media (max-width: 767px) {
.product-page__spec-item--capacity,
.product-page__spec-item--dimensions {
flex: 0 0 50%;
margin: 0 0 1.5rem 0;
}
}
.career-post-page__container {
display: flex;
justify-content: space-between;
align-items: flex-start;
flex-direction: column;
max-width: 70.4989378333em;
margin-left: auto;
margin-right: auto;
position: relative;
}
@media (min-width: 1024px) {
.career-post-page__container {
flex-direction: row;
}
}
.career-post-page__post-content {
flex: 1;
max-width: 100%;
padding-top: 30px;
padding-left: 1.41575em;
padding-right: 1.41575em;
padding-bottom: 30px;
}
@media (min-width: 768px) {
.career-post-page__post-content {
padding-left: 2.617924em;
padding-right: 2.617924em;
}
}
@media (min-width: 1024px) {
.career-post-page__post-content {
flex: 0 0 600px;
max-width: 600px;
padding-left: 0;
padding-right: 20px;
padding-top: 50px;
padding-bottom: 50px;
}
}
.career-post-page__post-content .posted-on,
.career-post-page__post-content .post-author {
display: none;
}
.career-post-page__post-content .hentry {
margin-bottom: 40px;
}
.career-post-page__post-content .hentry .entry-header {
border-bottom: 0;
text-align: center;
}
.career-post-page__post-content .hentry .entry-header::after {
content: '';
width: 100px;
height: 2px;
display: block;
background-color: #595a5c;
margin-top: 15px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}
.career-post-page__sidebar {
background-color: #f2f2f2;
flex: 1;
max-width: 100%;
padding-left: 1.41575em;
padding-right: 1.41575em;
}
@media (min-width: 768px) {
.career-post-page__sidebar {
padding-left: 2.617924em;
padding-right: 2.617924em;
}
}
@media (min-width: 1024px) {
.career-post-page__sidebar {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 600px);
max-width: calc(100% - 600px);
position: absolute;
right: 0;
height: 100%;
}
}
.career-post-page__sidebar .module-container__title {
text-align: left;
font-size: 21px;
margin-bottom: 0;
}
.career-post-page__sidebar .module-container__title::after {
margin-left: 0;
margin-bottom: 10px;
}
.career-post-page__sidebar .career-list__item {
padding-top: 15px;
padding-bottom: 15px;
}
.career-post-page__sidebar .career-list__heading {
font-size: 16px;
font-weight: 800;
color: #595a5c;
}
.career-post-page__sidebar .career-list__location {
font-size: 16px;
}
.woocommerce-account.woocommerce-page:not(.logged-in) .site-header,
.woocommerce-account.woocommerce-page:not(.logged-in) .storefront-breadcrumb,
.woocommerce-account.woocommerce-page:not(.logged-in) .site-footer,
.woocommerce-account.woocommerce-page:not(.logged-in) .entry-header .entry-title {
display: none;
}
.woocommerce-account.woocommerce-page:not(.logged-in) #content {
max-width: 100%;
padding: 0;
margin: 0;
}
.woocommerce-account.woocommerce-page:not(.logged-in).right-sidebar .content-area {
width: 100%;
height: 100%;
margin: 0;
}
.woocommerce-account.woocommerce-page:not(.logged-in) .hentry,
.woocommerce-account.woocommerce-page:not(.logged-in) .site-main {
margin-bottom: 0;
}
.woocommerce-account.woocommerce-page:not(.logged-in) .woocommerce-error {
margin: 0;
z-index: 9999;
position: relative;
}
.login-page {
display: flex;
flex-direction: column;
align-items: center;
min-width: 100vw;
}
.login-page .button {
height: 40px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 768px) {
.login-page {
flex-direction: row;
}
}
.login-page__logo-container {
position: absolute;
top: 1.25rem;
left: 1.25rem;
}
@media (min-width: 768px) {
.login-page__logo-container {
top: 3.125rem;
left: 3.125rem;
}
}
.login-page__logo-container img {
width: 110px;
height: auto;
}
.login-page__col {
display: flex;
flex-direction: column;
flex: 1;
max-width: 100%;
height: 100%;
width: 100%;
align-items: center;
justify-content: center;
min-height: 100vh;
}
@media (min-width: 768px) {
.login-page__col {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.login-page__col {
flex-grow: 0;
flex-shrink: 0;
flex-basis: calc(100% - 43.9453125%);
max-width: calc(100% - 43.9453125%);
}
}
.login-page__col h4 {
text-align: center;
}
.login-page__col form {
margin: 1.5rem 0;
text-align: center;
}
.login-page__col form .u-checkbox-container {
margin-top: 0.5rem;
margin-bottom: 0.15rem;
}
.login-page__col h4,
.login-page__col form {
max-width: 250px;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.login-page__col .button {
width: 100%;
}
.login-page__col--login {
background-color: #0db259;
color: #fff;
background-image: url(https://www.fuelfix.com.au/assets/images/bg-fuel-drop.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center 1rem;
}
.login-page__col--login h4,
.login-page__col--login a:not(.button) {
text-align: center;
color: #fff;
}
@media (min-width: 768px) {
.login-page__col--login {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 1024px) {
.login-page__col--login {
flex: 0 0 43.9453125%;
max-width: 43.9453125%;
}
}
.login-page__mobile-registration-cta {
width: 250px;
margin-left: auto;
margin-right: auto;
}
.login-page__mobile-registration-cta .button {
width: 100%;
}
@media (min-width: 768px) {
.login-page__mobile-registration-cta {
display: none;
}
}
.login-page__menu-container {
position: absolute;
bottom: 3.125rem;
}
@media (max-width: 767px) {
.login-page__menu-container {
display: none;
}
}
.login-page__menu-container .main-navigation ul.menu>li>a {
font-weight: bold;
text-transform: uppercase;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
font-size: 12px;
}
.login-page__menu-container .main-navigation ul.menu {
max-width: 300px;
text-align: center;
}
.login-page__menu-container .main-navigation ul.menu ul.sub-menu {
top: auto;
bottom: 100%;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex: 1;
padding: 10px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
width: 450px;
}
@media (min-width: 901px) {
.login-page__menu-container .main-navigation ul.menu ul.sub-menu {
width: 620px;
}
}
.login-page__menu-container .main-navigation ul.menu ul.sub-menu li {
padding-left: 0;
margin-bottom: 0;
}
@media (max-width: 767px) {
.login-page__menu-container .main-navigation ul.menu ul.sub-menu li {
padding-bottom: 1rem;
}
.login-page__menu-container .main-navigation ul.menu ul.sub-menu li:last-child {
padding-bottom: 0;
}
}
.login-page__menu-container .main-navigation ul.menu ul.sub-menu li a {
background-color: #fff;
color: #595a5c;
text-transform: none;
padding: 0.7rem 0.5rem;
font-size: 0.875em;
display: block;
font-weight: 800;
text-align: left;
}
@media (min-width: 768px) {
.login-page__menu-container .main-navigation ul.menu ul.sub-menu li a {
width: 200px;
}
}
.login-page__menu-container .main-navigation ul.menu ul.sub-menu li a img {
height: 30px;
width: 30px;
object-fit: contain;
}
.login-page__menu-container .main-navigation ul.menu ul.sub-menu li a:hover {
background-color: #fff;
}
.page-template-template-myaccount.logged-in .entry-header {
display: none;
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation {
width: 100%;
float: none;
background-color: #f2f2f2;
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul {
border: 0;
display: flex;
height: 80px;
align-items: center;
justify-content: flex-start;
position: relative;
margin-left: 1rem;
margin-right: 1rem;
font-size: 15px;
}
@media (min-width: 768px) {
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul {
max-width: 70.4989378333em;
padding: 0 1.41575em;
box-sizing: content-box;
margin-left: 1.41575em;
margin-right: 1.41575em;
font-size: 16px;
}
}
@media (min-width: 1025px) {
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul {
padding: 0 2.617924em;
margin-left: auto;
margin-right: auto;
}
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul > li {
border: 0;
padding-right: 20px;
}
@media (min-width: 768px) {
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul > li {
padding-right: 40px;
}
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul > li.woocommerce-MyAccount-navigation-link--customer-logout {
padding-right: 0;
position: absolute;
right: 0;
}
@media (min-width: 768px) {
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul > li.woocommerce-MyAccount-navigation-link--customer-logout {
right: 2.617924em;
}
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul > li.is-active a {
color: #0db259;
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul > li a {
display: inline-block;
color: #595a5c;
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul > li a::before {
float: left;
margin-left: 0;
margin-right: 0.5rem;
opacity: 1;
}
@media (min-width: 768px) {
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation > ul > li a::before {
margin-right: 1rem;
}
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-content {
padding-top: 20px;
padding-bottom: 20px;
width: 100%;
float: none;
padding-left: 1.41575em;
padding-right: 1.41575em;
}
@media (min-width: 768px) {
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-content {
max-width: 70.4989378333em;
margin-left: auto;
margin-right: auto;
padding: 20px 2.617924em 20px;
}
}
@media (min-width: 1025px) {
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-content {
padding: 20px 0 20px;
}
}
.page-template-template-myaccount.logged-in .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
content: '\F07A';
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status {
color: #e28413;
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status::before {
content: '\F017';
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status {
color: #0db259;
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status::before {
content: '\F058';
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status {
color: #bf1a2f;
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status::before {
content: '\F057';
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__header {
text-transform: uppercase;
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__cell-order-status::before {
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
font-style: normal;
vertical-align: -0.125em;
font-family: 'Font Awesome 5 Free';
font-weight: 900;
line-height: inherit;
vertical-align: baseline;
line-height: 1.618;
margin-left: 0.5407911001em;
width: 1.41575em;
float: none;
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__cell {
border-top: 2px solid #f9f9f9;
margin-top: 0;
}
@media (max-width: 767px) {
.page-template-template-myaccount.logged-in .woocommerce-orders-table__cell {
border-top: 0;
}
.page-template-template-myaccount.logged-in .woocommerce-orders-table__cell:first-child {
border-top: 2px solid #f9f9f9;
}
}
.woocommerce-billing-fields > h3,
#order_review_heading {
text-align: center;
font-weight: bold;
}
.woocommerce-billing-fields > h3::after,
#order_review_heading::after {
content: '';
width: 100px;
height: 2px;
display: block;
background-color: #595a5c;
margin-top: 15px;
margin-bottom: 25px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.col2-set .form-row-first {
width: 49%;
margin-right: 2%;
}
.col2-set .form-row-last {
width: 49%;
}
}
#payment .place-order {
margin-top: 0;
}
.woocommerce-checkout #main > .col-full {
padding: 0;
margin: 0;
} .flickity-enabled {
position: relative;
}
.flickity-enabled:focus {
outline: none;
}
.flickity-viewport {
overflow: hidden;
position: relative;
height: 100%;
}
.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
} .flickity-enabled.is-draggable {
-webkit-tap-highlight-color: transparent;
tap-highlight-color: transparent;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
cursor: -webkit-grabbing;
cursor: grabbing;
} .flickity-button {
position: absolute;
border: none;
color: #333;
padding: 0;
}
.flickity-button:hover {
cursor: pointer;
}
.flickity-button:focus {
outline: none;
}
.flickity-button:active {
opacity: 0.6;
}
.flickity-button:disabled {
opacity: 0.3;
cursor: auto; pointer-events: none;
}
.flickity-button-icon {
fill: #0db259;
} .flickity-prev-next-button {
top: 50%;
width: 25px;
height: 40px;
border-radius: 50%; transform: translateY(-50%);
background-color: transparent;
}
.flickity-prev-next-button:hover {
background-color: transparent;
}
.flickity-prev-next-button.previous {
left: -25px;
}
.flickity-prev-next-button.next {
right: -25px;
} .flickity-rtl .flickity-prev-next-button.previous {
left: auto;
right: 0;
}
.flickity-rtl .flickity-prev-next-button.next {
right: auto;
left: 0;
}
.flickity-prev-next-button .flickity-button-icon {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
} .flickity-page-dots {
position: absolute;
width: 100%;
bottom: -25px;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
line-height: 1;
}
.flickity-rtl .flickity-page-dots {
direction: rtl;
}
.flickity-page-dots .dot {
display: inline-block;
width: 8px;
height: 8px;
margin: 0 5px;
background: #0db259;
border-radius: 50%;
opacity: 0.25;
cursor: pointer;
}
.flickity-page-dots .dot.is-selected {
opacity: 1;
width: 10px;
height: 10px;
margin-bottom: -1px;
}