/* Theme Name: FuelCard Services 2020 Theme URI: https://wordpress.org/themes/wp-bootstrap-starter/ Description: A child theme of WPBS Theme Author: Afterimage Designs Author URI: https://afterimagedesigns.com/ Template: wp-bootstrap-starter Version: 1.4 */ /**************************************** *** Theme customization starts below *** *****************************************/ body {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important;} a, a:hover, a:focus { color: #000; text-decoration: none; } header#masthead { margin-bottom: 0; background-color: #fff; box-shadow: none; padding: .74rem 1rem; } header#masthead .headservicecall { } header#masthead .headservicecall .headsearch { margin-right: 18px; margin-bottom: 0; display: inline-block; margin-top: 0px; position: relative; top: -3px; } header#masthead .headservicecall .headcall svg {vertical-align: inherit; height: 20px;} header#masthead .headservicecall .headcall { font-size: 24px; text-decoration: none; } header#masthead .headservicecall .headcall span {font-size: 12px;} header#masthead .sitesearchbar { display: none; position: absolute; top: 18px; right: 30px; background: #fff; z-index: 100; padding: 10px; } header#masthead .sitesearchbar input { width: 220px; border: 1px solid #00b6cd; height: 32px; border-radius: 10px; } header#masthead .sitesearchbar .closesearchbar { position: absolute; top: -12px; cursor: pointer; background: #00b6cd; padding: 2px 10px; border-radius: 50px; color: #fff; left: -8px; } #masthead .navbar { width: 100%; } #masthead .navbar-brand a img { max-width: 160px; } .container-fluid { padding-right: 0px !important; padding-left: 0px !important; overflow: hidden; } body:not(.theme-preset-active) #masthead .navbar-nav > li > a { font-size: 16px; color: #000; padding-right: 0; padding-left: 1.5em;} body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a { color: #000; font-weight: 400; } .topnav { background-color: #f0f0f0; padding: 5px 0; } .topnav .topnav-wrap { } .topnav #menu-top-nav.navbar-nav { display: inline-block; width: 100%; } .topnav #menu-top-nav li { display: inline-block; margin-left: 5px; color: #fff; } .topnav #menu-top-nav li a { color: #000; font-size: 15px; padding-left: 10px; padding-top: 0px; padding-bottom: 0; } .topnav #menu-top-nav li.hdr-account-login a { position: relative; padding-left: 35px; } .topnav #menu-top-nav li.hdr-account-login a::before { background-image: url('assets/images/icon-user.svg'); content:'';width: 16px; height: 16px; position: absolute; left: 12px; top: 2px; } section.footertop { background: #e2e2e2; padding: 20px 0; } section.footertop a { transition: 0.3s; } section.footertop a:hover { opacity: 0.7; } section.footertop .footer-incorporating { } section.footertop .footer-incorporating small { opacity: 0.6; } section.footertop .footer-incorporating ul { list-style: none; } section.footertop .footer-incorporating ul li { display: inline-block; } body:not(.theme-preset-active) footer#colophon { background-color: #4e4e4e; } footer.site-footer p { color: #fff; } footer.site-footer hr { border-color: #fff; } footer.site-footer .partner { } footer.site-footer .partner li { display: inline-block; margin-right: 15px; } footer.site-footer .sociallink li { display: inline-block; margin-right: 5px; background-color: #fff; padding: 5px; border-radius: 50%; width: 28px; height: 28px; text-align: center; color: #4e4e4e; } footer.site-footer #menu-footer-bottom-menu.navbar-nav { display: inline-block; width: 100%; } footer.site-footer #menu-footer-bottom-menu li { display: inline-block; margin-right: 10px; color: #fff; } footer.site-footer #menu-footer-bottom-menu li a { color: #fff; font-size: 13px; padding-right: 10px; border-right: 1px solid; padding-top: 0px; padding-bottom: 0; } section.footerquickform { background-color: #694995; padding-top: 50px; padding-bottom: 40px; } .wp-block-column { word-break: initial!important; overflow-wrap: initial!important; } /************************ *** Mega Menu Style *** ************************/ #mega-menu-wrap-primary { background: #fff; } #mega-menu-wrap-primary #mega-menu-primary { text-align: center; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { position: fixed; width: 100%; background: #00b6cd; padding: 20px 0;min-height: 370px; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row { width: inherit; margin: auto; float: none; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title { display: none; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link { background: #fff; color: #53c6d5; font-size: 16px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { color: #000; font-size: 16px; padding: 36px 10px 30px 10px; height: auto; line-height: 1;} #mega-menu-wrap-primary .nav > li > a:focus, #mega-menu-wrap-primary .nav > li > a:hover { background-color: transparent; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link { padding-right: 25px; } #mega-menu-wrap-primary .mega-menu-horizontal li.mega-menu-item-has-children > a.mega-menu-link { position: relative; } #mega-menu-wrap-primary .mega-menu-horizontal li.mega-menu-item-has-children > a.mega-menu-link::before { content:''; width: 6px; height: 6px; position: absolute !important; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #1b1b1b; right: 0; top: auto !important; bottom: 35px !important;} #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { font-size: 16px; } #mega-menu-wrap-primary .megamenucards { } #mega-menu-wrap-primary .megamenucards .nav-link { padding-left: 147px; background-repeat: no-repeat; height: 85px; padding-top: 17px; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2); border-radius: 10px; margin-bottom: 15px; font-weight: 500; color: #fff; } #mega-menu-wrap-primary .megamenucards .nav-link:hover, #mega-menu-wrap-primary .megamenucards .nav-link:focus { background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2); } #mega-menu-wrap-primary #mega-menu-primary p { margin-bottom: 5px; font-size: 14px; color: #fff; line-height: 18px; } #mega-menu-wrap-primary #mega-menu-primary p a { color: #fff; text-decoration: none; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { padding: 20px 15px 0; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { position: absolute; left: 35%; bottom: -22px; z-index: 1000; color: #fff; font-size: 45px; display: none;} #mega-menu-wrap-primary #mega-menu-primary li.mega-toggle-on > a.mega-menu-link > span.mega-indicator { display: block; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link { background: #00b6cd; color: #fff; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus { background: #53c6d5; color: #fff; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link { background-color: rgb(255, 255, 255); color: #53c6d5; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { background: #00b6cd; width: 140px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout > a.mega-menu-link > span.mega-indicator { display: none; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link { background: #fff; color: #53c6d5; font-weight: normal; text-decoration: none; border-color: #fff; } #mega-menu-item-media_image-4 img, #mega-menu-item-media_image-9 img { width: 100%; max-width: 136px !important; } #mega-menu-item-media_image-3 img, #mega-menu-item-media_image-10 img { width: 100%; max-width: 136px !important; } #mega-menu-item-media_image-5 img, #mega-menu-item-media_image-11 img { width: 100%; max-width: 127px !important; } #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-36792 .mega-sub-menu p { padding-top: 10px; } #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-36792 .mega-sub-menu #mega-menu-item-text-21 p, #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-36792 .mega-sub-menu #mega-menu-item-text-23 p { padding-top: 0px; } .menuserviceimage { } .megamenucards { } .bpcard-fsmenu a { background-image: url('assets/images/cards/bp-plus-card.png'); } .ddcard-fsmenu a { background-image: url('assets/images/cards/diesel-direct.png'); } .essocard-fsmenu a { background-image: url('assets/images/cards/esso-commercial-2.png'); } .allstarcard-fsmenu a { background-image: url('assets/images/cards/allstar.png'); } .shellcard-fsmenu a { background-image: url('assets/images/cards/shell-multi-commerical.png'); } .ukcard-fsmenu a { background-image: url('assets/images/cards/uk-fuels-card.png'); } .tfcard-fsmenu a { background-image: url('assets/images/cards/fastfuel-card.png'); } .gpecard-fsmenu a { background-image: url('assets/images/cards/gulf-card.png'); } .cmcard-fsmenu a { background-image: url('assets/images/cards/compare-fuelcard.png'); } .slctcard-fsmenu a { background-image: url('assets/images/cards/select-fuelcard.png'); } .widget_media_image.mega-menu-item-media_image-3 img { width: 64px!important } .mega-fleetservicemenu .custom-html-widget { } .mega-fleetservicemenu .custom-html-widget a { } .mega-fleetservicemenu .custom-html-widget h5 { font-size: 17px;margin-bottom: 0px;color: #fff; padding-top: 10px; } .mega-fleetservicemenu .custom-html-widget p { padding-top: 5px !important; } .mega-fleetservicemenu .custom-html-widget .mfservice { padding-left: 140px; background-repeat: no-repeat; height: 85px; background-color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2); border-radius: 10px; margin-bottom: 0px; font-weight: 500; color: #fff; position: relative; } .mega-fleetservicemenu .custom-html-widget .mfservice:before { content:''; background-image: url('assets/images/fleet-services/Tele-Gence-01.svg'); height: 100%;width: 120px;background-repeat: no-repeat;background-position: center 20px;position: absolute;top: 0;left: 0;background-color: #003138;border-radius: 10px 0px 0 10px;background-size: 45px; } .mega-fleetservicemenu .custom-html-widget .mfservice.mfs1:before { background-image: url('assets/images/fleet-services/Tele-Gence-01.svg'); background-position: center 27px;} .mega-fleetservicemenu .custom-html-widget .mfservice.mfs2:before { background-image: url('assets/images/fleet-services/MyService.Expert-01.svg'); } .mega-fleetservicemenu .custom-html-widget .mfservice.mfs3:before { background-image: url('assets/images/fleet-services/MyDriveSafe.Expert-01.svg'); } .mega-fleetservicemenu .custom-html-widget .mfservice.mfs4:before { background-image: url('assets/images/fleet-services/MileageCount-01.svg'); background-position: center 27px; } .mega-fleetservicemenu .custom-html-widget .mfservice.mfs5:before { background-image: url('assets/images/fleet-services/Drivers Club-01.svg'); } .mega-fleetservicemenu .custom-html-widget .mfservice.mfs6:before { background-image: url('assets/images/fleet-services/My Transport Planner-01.svg'); } .mega-fleetservicemenu .custom-html-widget .mfservice.mfs7:before { background-image: url('assets/images/fleet-services/fleetcheck-icon.png');background-size: 30px; } .mega-fleetservicemenu .custom-html-widget .mfservice.mfs8:before { background-image: url('assets/images/fleet-services/myfleethub.png'); } .mega-fleetservicemenu .custom-html-widget .mfservice.evcard2 { padding-left: 144px; } .mega-fleetservicemenu .custom-html-widget .mfservice.evcard1:before { background-image: url('assets/images/ev/shell-ev-navcard.png');background-size: auto;background-position: top;width: 134px;background-color: transparent; } .mega-fleetservicemenu .custom-html-widget .mfservice.evcard2:before { background-image: url('assets/images/ev/bpfuel-harge-ev-navcard.png');background-size: auto;background-position: top;width: 136px;background-color: transparent; } .mega-fleetservicemenu .custom-html-widget .mfservice.evcard3:before { background-image: url('assets/images/ev/allstar-one-ev-navcard.png');background-size: auto;background-position: top;width: 134px;background-color: transparent; } .mega-fleetservicemenu .custom-html-widget .mfservice.evscard1:before { background-image: url('assets/images/ev/ev-solutions-allstar.svg'); } .mega-fleetservicemenu .custom-html-widget .mfservice.evscard2:before { background-image: url('assets/images/ev/ev-solutions-charg-work.png'); } .mega-fleetservicemenu .custom-html-widget .mfservice.evscard3:before { background-image: url('assets/images/ev/ev-solutions-charg-home.svg'); } /************************** *** Common Styles *** **************************/ .headcolor { color:#00b6cd; } .violetcolor { color: #694995; } .font14 { font-size: 14px; } .font36 { font-size: 36px; } .font30 { font-size: 30px; } .findmorecta { border-radius: 6px; text-align: left; padding: 7px 40px 7px 12px; background-image: url('assets/images/cta-path.png'); background-color: #00b6cd; background-repeat: no-repeat; background-position: center right 15px; display: inline-block; color: #fff; text-decoration: none; transition: 0.3s; margin-bottom: 10px; } .findmorecta.blackcta { background-color: #1b1b1b; } .findmorecta.violetcta { background-color: #694995; } .findmorecta.backcta { background-image: url('assets/images/cta-path-left.png'); padding: 7px 12px 7px 40px; background-position: center left 15px; } .findmorecta:hover, .findmorecta:focus { color: #fff; text-decoration: none; } .readmore .wp-block-button__link { border-radius: 6px; text-align: left; font-size: 16px; padding: 7px 40px 7px 12px; background-image: url('assets/images/cta-path.png'); background-color: #00b6cd; background-repeat: no-repeat; background-position: center right 15px; display: inline-block; color: #fff; margin-bottom: 10px; text-decoration: none; transition: 0.3s; } .readmore .wp-block-button__link:hover { background-color: #95E8F3; } .readmore.violetcta .wp-block-button__link { background-color: #694995; } .readmore.violetcta .wp-block-button__link:hover { background-color: #BA91F2; } .readmore.blackcta .wp-block-button__link { background-color: #1b1b1b; } .readmore.blackcta .wp-block-button__link:hover { background-color: #646464; } .findmorecta.violetcta:hover { background-color: #BA91F2; } .findmorecta.blackcta:hover { background-color: #646464; } figure.tele-plus { position: absolute; right: 10px; top: 145px;} .page-id-29209 .headcall { display: none; } a.card-link { color: inherit; transition: 0.3s; } a.card-link:hover { color: #00b6cd; } #nf-field-1416-wrap select { height: 30px; } .single-post .content-area .site-main a { text-decoration: underline; color:#00b6cd; } .single-post .content-area .site-main a.findmorecta.backcta { color:#fff; } /************************** *** Home page Styles *** **************************/ .page-template-homepage-php #content.site-content { padding-top: 0rem; padding-bottom: 0; } .page-template-homepage-php #content.site-content .container-fluid { padding-left: 0rem; padding-right: 0; } .n2-ss-button-container a.n2-ow { border-radius: 6px !important; text-align: left !important; padding: 9px 40px 9px 12px !important; background-image: url('assets/images/cta-path.png') !important; background-repeat: no-repeat !important; background-position: center right 15px !important; } .bx-wrapper { box-shadow:none; border: none; background: transparent; margin-bottom: 0; } .card_carousel_nav { background-color: #efefef; padding-bottom: 40px; text-align: center; } .card_carousel_nav.card_carousel_navlink { background-color: #fff; padding-top: 20px; padding-bottom: 20px; } .card_carousel_nav #bx-pager { text-align: center; display: inline-block; margin: 0 auto; } .card_carousel_nav #bx-pager a { margin-right: 15px; width: 160px; float: left; text-decoration: none; } .card_carousel_nav #bx-pager a img { width: 130px; } .card_carousel_nav #bx-pager a:hover img { opacity: 0.6; } .card_carousel_nav #bx-pager a span { display: block; font-size: 16px; color: #646464; margin-top: 12px; padding: 0 20px; } .bx-wrapper .bx-controls-direction a { width: 31px; height: 49px; } .bx-wrapper .bx-prev { width: 31px; height: 49px; background: url('assets/images/left-arrow.png') no-repeat 0px; } .bx-wrapper .bx-next { width: 31px; height: 49px;background: url('assets/images/right-arrow.png') no-repeat 0px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: 0px 0; } .whiteform .nf-field-label label { color: #fff; font-size: 16px; font-weight: 50;} .whiteform .nf-field-element input, .whiteform .nf-field-element select { height: 38px; border-radius: 4px; border: none; } .whiteform .list-radio-wrap .nf-field-element li input { height: auto; } .whiteform .nf-field-element textarea { height: 70px; border-radius: 4px; border: none; } .whiteform .label-above .field-wrap p { color: #fff; font-size: 14px; } .whiteform .list-radio-wrap .nf-field-element li label { color: #fff; } .whiteform .nf-form-fields-required { color: #fff; } .whiteform .list-radio-wrap .nf-field-element li { display: inline-block; } .whiteform .field-wrap input[type="button"], #nf-form-21-cont .field-wrap input[type="button"] { border-radius: 6px; text-align: left; padding: 7px 40px 7px 12px; background-image: url('assets/images/cta-path.png'); background-color: #00b6cd; background-repeat: no-repeat; background-position: center right 15px; display: inline-block; color: #fff; border: none; } .page-template-homepage-php .uagb-post__text .uagb-post__cta { background: none !important } .page-template-homepage-php .uagb-post__text .uagb-post__cta a { border-radius: 6px; text-align: left; padding: 7px 40px 7px 12px !important; background-image: url('assets/images/cta-path.png'); background-color: #00b6cd; background-repeat: no-repeat; background-position: center right 15px; display: inline-block; color: #fff; border: none; } .wp-block-image.fleetproductimg img { max-width: 150px; } .latestnews-list p.violetcolor { height: 50px; text-decoration: none; } section.slim-banner { height: 285px; padding: 30px 0 40px; width: 100%; background-position: center; background-repeat: no-repeat; background-color: #00b6cc; } section.slim-banner h2 { font-size: 36px; } section.slim-banner .headsmalltext h2 { font-size: 32px; } section.slim-banner p { } .fullwidthslider section.slim-banner { padding: 60px 15px; background-repeat: no-repeat; background-size: cover; background-position: center; height: auto; } .fullwidthslider section.slim-banner h1 { font-family: 'Helvetica Neue', sans-serif; font-size: 36px; line-height: 34px; color: #694995; font-weight: 500; letter-spacing: normal; } .fullwidthslider section.slim-banner p { font-family: 'Helvetica Neue', sans-serif; font-size: 24px; line-height: 34px; color: #694995; font-weight: 500; letter-spacing: normal; margin: 14px 0;} /************************** *** News listing/detail *** **************************/ .page-template-content-fullwidth #content.site-content { padding-top: 0rem; padding-bottom: 0; } .slim-banner-wrapper .bx-wrapper .bx-pager { position: absolute; bottom: 20px; width: 100%; left: 0; right: 0; text-align: left !important; } .slim-banner-wrapper .bx-wrapper .bx-pager.bx-default-pager a { background: transparent; width: 15px; height: 15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border:2px solid #fff; } .slim-banner-wrapper .bx-wrapper .bx-pager.bx-default-pager a.active, .slim-banner-wrapper .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #fff; } .newsfilter { background-color: #f0f0f0; } .page-template-content-fullwidth .facetwp-facet { margin-bottom: 0px; } .page-template-content-fullwidth .facetwp-search, .page-template-content-fullwidth .facetwp-type-dropdown select.facetwp-dropdown { width: 100%; height: 38px; border: 1px solid #c6c6c6; padding-left: 10px; border-radius: 4px; } .facetwp-pager { border-top: 1px solid #c6c6c6; padding-top: 23px; text-align: right; position: relative; } .facetwp-pager .facetwp-pager-label { position: absolute; left: 0; } .facetwp-pager .facetwp-page.active { border: 1px solid #00b6cd; color: #00b6cd; padding: 3px 10px; } .latestnews-list a { text-decoration: none; } .page-id-2158 .row .news-detail {padding-bottom: 50px;} /*.page-id-2158 .row .news-detail .findmorecta {position: absolute; left: 15px; bottom: 0;}*/ .page-id-2158 .row .news-detail .headline p {min-height: 60px;} .newslettersignup { } .newslettersignup .signuprow { background-image: url('assets/images/sign-up-bg.png'); background-color: #00b6cd; background-repeat: no-repeat; background-position: center right; padding:22px; margin-bottom: 10px; } .newslettersignup .signuprow h4 { color: #fff; font-size: 30px; } .sidebarnewsletter #formCase #seal{ padding: 25px; background: #efefef; margin-bottom: 20px; } .sidebarnewsletter #formCase h3 { background-color: #00b6cd; color: #fff; font-size: 24px; padding: 20px 30px; margin: 0; line-height: 1.33; } .sidebarnewsletter #formCase #seal input { height: 38px; border-radius: 4px; border: solid 1px #c6c6c6; padding-left: 15px; width: 100%; margin-bottom: 20px; } .sidebarnewsletter #formCase #seal input[type="submit"] { border-radius: 6px; text-align: left; padding: 7px 40px 7px 12px; background-image: url('assets/images/cta-path.png'); background-color: #00b6cd; background-repeat: no-repeat; background-position: center right 15px; display: inline-block; color: #fff; border: none; } #nf-form-18-cont .nf-saves-cont, #nf-form-20-cont .nf-saves-cont, .nf-form-cont .nf-saves-cont {display: none!important;} #nf-form-21-cont { padding-top: 25px; } #nf-form-21-cont .nf-form-fields-required, #nf-form-21-cont .nf-field-label { display: none; } #nf-form-21-cont .ninja-forms-field { height: 38px; border-radius: 4px; border: solid 1px #c6c6c6; padding-left: 15px; } #nf-form-21-cont .nf-field-container { margin-bottom: 0px; } .widget-area #text-12.widget_text { } .widget-area #text-12.widget_text h2 { background-color: #00b6cd; color: #fff; font-size: 24px; padding: 20px 30px; margin: 0; line-height: 1.33; } .widget-area #text-12.widget_text p { font-size: 14px; color: #999; } .widget-area #text-12.widget_text #nf-form-21-cont { padding-top: 25px; background: #efefef; padding-bottom: 25px; margin-bottom: 20px; } .widget-area #text-12.widget_text #nf-form-21-cont .nf-multi-cell .nf-cell { padding: 0 25px !important; width: 100% !important; } .widget-area #text-12.widget_text #nf-form-21-cont .field-wrap input[type="button"] { width: 100%; margin-top: 15px; } .widget-area #text-13.widget_text .textwidget { background: #efefef; padding: 19px; } .widget-area #text-13.widget_text h2 { color: #00b6cd; font-size: 24px; margin: 0; line-height: 1.33; } #text-17 {background-color: #00b6cd; } #text-17 .widget-title {color: #fff; font-weight: 300; max-width: 63%;padding: 15px 20px;} #text-17 .textwidget {padding: 15px 20px 2px; background-color: #efefef;} #text-18 {} #text-18 .widget-title {color: #fff; font-weight: 300; padding: 15px 20px;background-color: #694995; margin-bottom: 0;} #text-18 .textwidget {padding: 20px 20px 2px; background-color: rgba(105,73,149,0.2);} .advice-list {list-style: none;padding-left: 0;} .advice-list li {margin-bottom: 10px;} .advice-list li a {color:#24292e;text-decoration: none;} .advice-list li a:hover {color:#24292e;text-decoration: underline;} .advice-list li:before {content:""; background-image: url('assets/images/right-arrow-purple.svg'); width: 20px; height: 20px;background-size: 50%; background-repeat: no-repeat; float: left; background-position: left bottom;} section.relatednews { background: #efefef; } .social-links li, .social-links li p {color: #694995;} .social-links li i {color: #694995; font-size: 20px;} .footable-filter-container { display: none; } .footable { border: 3px solid #1b1b1b; } .footable thead { background-color: #694995; color: #fff; } .footable thead th { padding-bottom: 40px; padding-top: 20px; } .footable td { border: 1px solid #1b1b1b; } .footable tbody tr { background-color: #f0f0f0; } .footable tbody tr:nth-child(even) { background-color: #ffffff; } .footable.breakpoint > tbody > tr > td > span.footable-toggle { background: #00b6cd; padding: 10px !important; color: #fff !important; border-radius: 50%; width: 40px; height: 40px; text-align: center; } .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle { background: #777; } .footable .footable-row-detail-cell { padding-left: 65px; } .single-fuel-cards .footable tr:nth-child(8) > td:nth-child(1), .single-fuel-cards .footable tr:nth-child(9) > td:nth-child(1), .single-fuel-cards .footable tr:nth-child(10) > td:nth-child(1), .single-fuel-cards .footable tr:nth-child(11) > td:nth-child(1) { padding-top: 22px; padding-left: 22px; padding-right: 22px; padding-bottom: 22px; } .corona-panel { background-color: #f9f6ff; padding: 20px; } .corona-panel h3 { font-family: 'Helvetica Neue', sans-serif; font-size: 20px; line-height: 30px; color: #694995; font-weight: 500; letter-spacing: normal; margin: 0 0 10px; } .corona-panel p { font-family: 'Helvetica Neue', sans-serif; font-size: 18px; line-height: 24px; color: #1b1b1b; letter-spacing: normal; } ul.page-numbers { padding-left: 15px; } ul.page-numbers li { display: inline-block; } ul.page-numbers li a { } /****************************** *** Service listing/detail *** *******************************/ .servicebgodd { background-color: #f0f0f0; min-height: 225px;} .servicebgeven { background-color: #d9d9d9; min-height: 225px; } .savingbgodd { background-color: #ccf0f5; min-height: 225px;} .savingbgeven { background-color: #99e2eb; min-height: 225px; } .securitybgodd { background-color: #ebe0f9; min-height: 225px;} .securitybgeven { background-color: #d6c0f4; min-height: 225px; } .servicebgodd, .servicebgeven, .savingbgodd, .savingbgeven, .securitybgodd, .securitybgeven { padding: 20px!important; } .servicebgodd p, .servicebgeven p, .savingbgodd p, .savingbgeven p, .securitybgodd p, .securitybgeven p { font-size: .95rem; line-height: 1.4; } .servicebgodd p em, .servicebgeven p em, .savingbgodd p em, .savingbgeven p em, .securitybgodd p em, .securitybgeven p em { font-size: .9em; } /****************************** *** Location listing/detail *** *******************************/ .officelist { position: relative; } .officelist p { position: absolute; bottom: 0; margin: 0; width: 100%; } .officelist p a { font-size: 30px; background-color: #00b6cd; padding: 17px 10px; color: #fff; text-align: center; font-weight: 500; display: block; position: relative; } .officelist:hover p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; background-color: #00b6cd; } .officelist:hover p a:after { content: url('/wp-content/themes/fuelcardservices-2020/assets/images/right-arrow.svg'); position: absolute; width: 100%; bottom: -45px; left: 0; } .carousel-multi-item.v-2 .carousel-item.active { display: block; display: flex; -ms-flex-wrap: wrap; } /****************************** *** Contact Page detail *** *******************************/ .contactpage .whiteform .nf-field-element input, .contactpage .whiteform .nf-field-element select { border: 1px solid #c6c6c6; } .contactpage .whiteform .nf-field-label label, .contactpage .whiteform .list-radio-wrap .nf-field-element li label { color: #1b1b1b; } .contactpage .whiteform .nf-cell:first-child, .contactpage .whiteform .nf-cell:nth-child(2) { width: 50% !important; } .contactpage .whiteform .nf-cell:nth-child(3) { width: 100% !important; } .contactpage .whiteform .label-above .field-wrap p { color: #1b1b1b; } .contactpage .whiteform .nf-response-msg p { color: #000; } .whiteform .nf-response-msg p { color: #fff; } .sidebarnewsletter h2 { background-color: #00b6cd; color: #fff; font-size: 24px; padding: 20px 30px; margin: 0; line-height: 1.33; } .sidebarnewsletter #nf-form-21-cont { padding-top: 25px; background: #efefef; padding-bottom: 25px; margin-bottom: 20px; } .sidebarnewsletter #nf-form-21-cont .nf-multi-cell .nf-cell { padding: 0 25px !important; width: 100% !important; } .sidebarnewsletter p { font-size: 14px; color: #999; } .sidebarnewsletter #nf-form-21-cont .field-wrap input[type="button"] { width: 100%; margin-top: 15px; } .testimonialslist { } .testimonialslist .testimonialsinner { background-color: #f0f0f0; padding:25px; } .testimonialslist .testimonialsinner h2 { font-size: 1.3rem; } .driverclubappaside { background: #efefef; padding: 19px; } .driverclubappaside h4 { color: #00b6cd; font-size: 24px; margin-bottom: 0; } /****************************** *** Careers detail *** *******************************/ .teaminner { position: relative; } .teaminner .teamhead { position: absolute; background-image: url('assets/images/teamhead1.png'); background-repeat: no-repeat; width: 100%; min-height: 137px; padding: 15px; } .teaminner .teamhead.violethead { background-image: url('assets/images/teamhead2.png'); } .teaminner .teamhead p { color: #fff; margin-bottom: 5px; } .teaminner .wp-block-image { padding-top: 80px; } .blackform .nf-field-element input, .blackform .nf-field-element select { border: 1px solid #c6c6c6; height: 38px; border-radius: 4px; padding-left: 10px; } .blackform .nf-field-label label, .contactpage .whiteform .list-radio-wrap .nf-field-element li label { color: #1b1b1b; font-size: 16px; font-weight: 50;} .blackform .label-above .field-wrap p { color: #1b1b1b; } .blackform .field-wrap input[type="button"], .blackform .nf-next-item .nf-next, .blackform .nf-previous-item .nf-previous { border-radius: 6px; text-align: left; padding: 7px 40px 7px 12px; background-image: url('assets/images/cta-path.png'); background-color: #00b6cd; background-repeat: no-repeat; background-position: center right 15px; display: inline-block; color: #fff; border: none; } .blackform .nf-previous-item .nf-previous { padding: 7px 12px 7px 40px; background-image: url('assets/images/cta-path-left.png'); background-position: center left 15px; } .blackform .nf-field-element li { display: inline-block; } .blackform .nf-field-element li input{ height: 15px; } #fcscurrent_position { } #fcscurrent_position thead th { color: #00b6cd; font-size: 20px; font-weight: normal; } #fcscurrent_position tbody td { font-size: 17px; font-weight: bold; padding: 6px 10px; border: 2px solid #fff; } #fcscurrent_position tbody tr { background-color: #f0f0f0; } #fcscurrent_position tbody tr:nth-child(even) { background-color: #ffffff; } #fcscurrent_position tbody td a:hover, #fcscurrent_position tbody td a:focus { color: #00b6cd; text-decoration: underline; } /****************************** *** Telegence detail *** *******************************/ .chooseyourplan { border-bottom: 1px solid #000; margin-bottom: 10px; } .chooseyourplan tr:last-child td { padding-bottom: 10px; } .chooseyourplan tr td:last-child { padding-right: 20px; } .chooseyourplan tr th:last-child { padding-right: 20px; } .tick-purple { background-image: url('assets/images/tick-purple.png'); background-image: url('assets/images/tick-purple.svg'); width: 20px; height: 20px; display: inline-block; } .x-purple { background-image: url('assets/images/x-purple.png'); width: 20px; height: 20px; display: inline-block; } .chooseplanform { } .chooseplanform .nf-field-element input, .chooseplanform .nf-field-element textarea { height: 38px; background-color: #fff; border: 1px solid #979797; } .chooseplanform .list-checkbox-wrap .nf-field-element li input { height: auto; } .chooseplanform .nf-field-element textarea { height: 115px; } .chooseplanform .label-left .nf-field-label { text-align: left; width: 150px; } .chooseplanform #nf-field-1566-container.label-left .nf-field-element{ width: 60px; } .chooseplanform .nf-field-label label { font-weight: 500; } .chooseplanform .list-container .nf-field-label label { font-weight: 700; } .chooseplanform .field-wrap input[type="button"] { border-radius: 6px; text-align: left; padding: 7px 40px 7px 12px; background-image: url('assets/images/cta-path.png'); background-color: #00b6cd; background-repeat: no-repeat; background-position: center right 15px; display: inline-block; color: #fff; border: none; } #fcsaccordion { } #fcsaccordion .accordioncard { } #fcsaccordion .accordioncard .accordion-header { border-top: 1px solid #bbb; padding: 17px 0; position: relative; cursor: pointer; } #fcsaccordion .accordioncard .accordion-header:after { content: '+'; color:#00b6cd; position: absolute; right: 0; top: 5px; font-size: 48px; } #fcsaccordion .accordioncard .accordion-header.active:after { content: '-'; } .bluepanel { background-color: #00b6cd; padding: 27px 15px 10px; } /**************************; *** Ninja Form Styles *** **************************/ #nf-form-18-cont h2 {color:#00b6cd;} #nf-form-18-cont h3 {font-weight: bold;} #nf-form-18-cont h3 + hr {border-color: #00b6cd;} #nf-form-18-cont label {font-weight: normal;} #nf-form-18-cont .blue-text {color: #00b6cd;} #nf-form-18-cont #nf-field-1461-wrap a.btn {border-radius: 8px; background-color: #00b6cd; color: #fff;} hr {clear: both;} #nf-form-18-cont .label-left .nf-field-label, #nf-form-18-cont .label-left .nf-field-element {width: auto;} #nf-form-18-cont .nf-progress-container {width: 80%; margin: 40px auto 0; border: none; background-color: #c6c6c6;} #nf-form-18-cont .nf-progress-container .nf-progress { height: 4px; background-color: #00b6cd;} #nf-form-18-cont .nf-breadcrumbs {margin: -23px 0 20px!important;} #nf-form-18-cont .nf-breadcrumbs li {width: 20%; text-align: center;} #nf-form-18-cont .nf-breadcrumbs li:before {background-color: #c6c6c6; border-radius: 50%; width: 40px; height: 40px; display: block; margin: 0 auto 20px; padding: 8px; color: #fff;} #nf-form-18-cont .nf-breadcrumbs li.active:before {background-color: #00b6cd;} #nf-form-18-cont .nf-breadcrumbs li:nth-child(1):before {content: "1";} #nf-form-18-cont .nf-breadcrumbs li:nth-child(2):before {content: "2"; } #nf-form-18-cont .nf-breadcrumbs li:nth-child(3):before {content: "3"; } #nf-form-18-cont .nf-breadcrumbs li:nth-child(4):before {content: "4"; } #nf-form-18-cont .nf-breadcrumbs li:nth-child(5):before {content: "5"; } #nf-form-18-cont .nf-breadcrumbs li a {margin-right: 0; font-weight: normal; color: #c6c6c6;} #nf-form-18-cont .nf-breadcrumbs li.active > a {color:#00b6cd;} #nf-form-18-cont #nf-field-1396-container .nf-field-label, #nf-form-18-cont #nf-field-1396-container .nf-field-label label {width: 100%; text-align: center;} #nf-form-18-cont #nf-field-1396-container label:before {content: ""; background-size: 80%; background-image: url('/wp-content/themes/fuelcardservices-2020/assets/images/car.png'); background-repeat: no-repeat; background-position:center bottom; width: 100%; height: 100%; padding-top: 45%; display: inline-block;} #nf-form-18-cont #nf-field-1396-container .input-group .input-group-prepend {position: absolute; left: 15px; top: 0;} #nf-form-18-cont #nf-field-1396-container .input-group .input-group-append {position: absolute; right: 15px; top: 0;} #nf-form-18-cont #nf-field-1396-container .input-group .input-group-prepend + input {margin-top: 40px; height: 40px; border: none;color: #00b6cd; font-weight: bold; font-size: 20px;} #nf-form-18-cont #nf-field-1399-container .nf-field-label, #nf-form-18-cont #nf-field-1399-container .nf-field-label label {width: 100%;text-align: center;} #nf-form-18-cont #nf-field-1399-container label:before {content: ""; background-size: 80%; background-image: url('/wp-content/themes/fuelcardservices-2020/assets/images/van.png'); background-repeat: no-repeat; background-position:center bottom; width: 100%; height: 100%; padding-top: 45%; display: inline-block;} #nf-form-18-cont #nf-field-1399-container .input-group .input-group-prepend {position: absolute; left: 15px; top: 0;} #nf-form-18-cont #nf-field-1399-container .input-group .input-group-append {position: absolute; right: 15px; top: 0;} #nf-form-18-cont #nf-field-1399-container .input-group .input-group-prepend + input {margin-top: 40px; height: 40px; border: none;color: #00b6cd; font-weight: bold; font-size: 20px;} #nf-form-18-cont #nf-field-1400-container .nf-field-label, #nf-form-18-cont #nf-field-1400-container .nf-field-label label {width: 100%;text-align: center;} #nf-form-18-cont #nf-field-1400-container label:before {content: ""; background-size: 80%; background-image: url('/wp-content/themes/fuelcardservices-2020/assets/images/coach.png'); background-repeat: no-repeat; background-position:center bottom; width: 100%; height: 100%; padding-top: 45%; display: inline-block;} #nf-form-18-cont #nf-field-1400-container .input-group .input-group-prepend {position: absolute; left: 15px; top: 0;} #nf-form-18-cont #nf-field-1400-container .input-group .input-group-append {position: absolute; right: 15px; top: 0;} #nf-form-18-cont #nf-field-1400-container .input-group .input-group-prepend + input {margin-top: 40px; height: 40px; border: none;color: #00b6cd; font-weight: bold; font-size: 20px;} #nf-form-18-cont #nf-field-1401-container .nf-field-label, #nf-form-18-cont #nf-field-1401-container .nf-field-label label {width: 100%;text-align: center;} #nf-form-18-cont #nf-field-1401-container label:before {content: ""; background-size: 80%; background-image: url('/wp-content/themes/fuelcardservices-2020/assets/images/lorry.png'); background-repeat: no-repeat; background-position:center bottom; width: 100%; height: 100%; padding-top: 45%; display: inline-block;} #nf-form-18-cont #nf-field-1401-container .input-group .input-group-prepend {position: absolute; left: 15px; top: 0;} #nf-form-18-cont #nf-field-1401-container .input-group .input-group-append {position: absolute; right: 15px; top: 0;} #nf-form-18-cont #nf-field-1401-container .input-group .input-group-prepend + input {margin-top: 40px; height: 40px; border: none;color: #00b6cd; font-weight: bold; font-size: 20px;} #nf-form-18-cont .input-group .btn {border-radius: 8px; height: 34px; width: 34px; padding: 0; line-height: 28px; min-width: 34px !important;background-color: #000; color: #fff;} #nf-form-18-cont .input-group .btn:hover {background-color: #fff; color: #000;} #nf-form-18-cont .input-group .btn strong {font-size: 24px;} #nf-form-18-cont ul.nf-next-previous {margin: 0 0 20px!important;} #nf-form-18-cont .nf-next-previous .nf-previous-item input.nf-previous {background-color: #c6c6c6; border: none; padding: 10px 30px; color: #fff; margin-left: -25px;} #nf-form-18-cont .nf-next-previous .nf-previous-item:before {content: url('/wp-content/themes/fuelcardservices-2020/assets/images/prev.svg');display: inline-block; vertical-align: text-top;z-index: 1000; position: relative;} #nf-form-18-cont .nf-next-previous .nf-next-item input.nf-next {background-color: #00b6cd; border: none; padding: 10px 30px; color: #fff; margin-right: -25px;} #nf-form-18-cont .nf-next-previous .nf-next-item:after {content: url('/wp-content/themes/fuelcardservices-2020/assets/images/btn-arrow.svg');display: inline-block; vertical-align: text-top;} #nf-form-18-cont.nf-form-cont .nf-multi-cell .one-half, #nf-form-18-cont.nf-form-cont .nf-multi-cell .one-fourth {clear: none; float: left; margin-left: 2.564102564102564%;} #nf-form-18-cont.nf-form-cont .nf-multi-cell .first { clear: both; margin-left: 0; } #nf-form-18-cont.nf-form-cont .nf-multi-cell .one-half { width: 48.717948717948715%; } #nf-form-18-cont.nf-form-cont .nf-multi-cell .one-fourth { width: 23.076923076923077%; } #nf-form-20-cont.nf-form-cont .nf-multi-cell .one-half, #nf-form-20-cont.nf-form-cont .nf-multi-cell .one-fourth {clear: none; float: left; margin-left: 2.564102564102564%;} #nf-form-20-cont.nf-form-cont .nf-multi-cell .first { clear: both; margin-left: 0; } #nf-form-20-cont.nf-form-cont .nf-multi-cell .one-half { width: 48.717948717948715%; } #nf-form-20-cont.nf-form-cont .nf-multi-cell .one-fourth { width: 23.076923076923077%; } .footerenquiry.nf-form-cont .nf-multi-cell .one-half, .footerenquiry.nf-form-cont .nf-multi-cell .one-fourth {clear: none; float: left; margin-left: 2.564102564102564%;} .footerenquiry.nf-form-cont .nf-multi-cell .first { clear: both; margin-left: 0; } .footerenquiry.nf-form-cont .nf-multi-cell .one-half { width: 48.717948717948715%; } .footerenquiry.nf-form-cont .nf-multi-cell .one-fourth { width: 23.076923076923077%; } #nf-form-18-cont.nf-form-cont .ticklist {list-style: none; padding-left: 0;} #nf-form-18-cont.nf-form-cont .ticklist li:before {content: url('/wp-content/themes/fuelcardservices-2020/assets/images/tick-sml.svg'); display: inline; line-height: 22px; vertical-align: top; margin-right: 5px;} #nf-form-18-cont.nf-form-cont .ticklist li {margin-bottom: 5px;} select#nf-field-1378 {width: auto;} #nf-form-18-cont .listimage-container label {color: #fff; font-size: 24px;} #nf-form-18-cont .listimage-container {padding: 40px 30px; background-color: #00b6cd; border-radius: 6px;} #nf-form-18-cont .listimage-container .nf-field-description {color: #fff; margin-bottom: 30px;} #nf-form-18-cont .listimage-wrap ul {padding-left: 0;} #nf-form-18-cont .listimage-wrap li {background-color: rgba(255,255,255,0.2); height: auto!important; margin-bottom: 12px;border-radius: 6px;} #nf-form-18-cont .listimage-wrap li > label {font-size: 18px; line-height:84px; font-weight: bold; color: #fff; padding:0 20px 0 0!important; margin-bottom: 0; border: none!important;} #nf-form-18-cont .listimage-wrap li label:after {content: url('/wp-content/themes/fuelcardservices-2020/assets/images/plus.svg');float: right; margin-top: 20px; height: 44px; margin-right: 20px} #nf-form-18-cont .listimage-wrap li label.nf-checked-label:after {content: url('/wp-content/themes/fuelcardservices-2020/assets/images/tick.svg');} #nf-form-18-cont .listimage-wrap li label img {float: left; width: 35%; margin-right: 20px;} #nf-form-18-cont .disclaimer {padding: 20px; background-color: #f3f3f3;} #nf-form-18-cont .full-terms {height: 545px; overflow:scroll;} #nf-form-18-cont #nf-field-1381-container {margin-bottom: -48px; float: right;} #nf-form-18-cont .submit-wrap .nf-field-element {text-align: right;} #nf-form-18-cont .submit-wrap input {background-color: #00b6cd; border: none; padding: 10px 30px; color: #fff; margin-right: -25px;} #nf-form-18-cont .submit-wrap .nf-field-element:after {content: url('/wp-content/themes/fuelcardservices-2020/assets/images/btn-arrow.svg');display: inline-block; vertical-align: text-top;} section.footerquickform .nf-error-wrap.nf-error {position: absolute;} .page-template-default .post-box ol { counter-reset: item } .page-template-default .post-box li { display: block } .page-template-default .post-box li:before { content: counters(item, ".") " "; counter-increment: item } /*Brand pages*/ .brand-ctas .wp-block-uagb-info-box .uagb-ifb-image-icon-content.uagb-ifb-imgicon-wrap {height: 40px;} .brand-ctas .uagb-columns__inner-wrap { flex-wrap: wrap;} /*faq pages*/ ul.faq_quick_link { list-style: none; padding: 0; display: inline-block; width: 100%; } ul.faq_quick_link li { width: 10.25%; float: left; height: 80px; background: #ededed; padding: 10px; text-align: center; margin-right: 11px; } ul.faq_quick_link li:last-child { margin-right: 0px; } ul.faq_quick_link li img { } .faq_quick_link.fuelcardlists { } .faq_quick_link.fuelcardlists li { width: 11.5%; height: auto; background: none; padding: 0; } .faq_quick_link.fuelcardlists li a { } .faq_quick_link.fuelcardlists li div { background: #ededed; padding: 10px; height: 80px; } .faq_quick_link.fuelcardlists li span { display: block; margin-top: 15px; } .fuelcardlistblock { } .fuelcardlistblock .innerblock { background: #eee; padding: 25px 25px 30px; margin-bottom: 25px; position:relative; } .fuelcardlistblock .innerblock .flashcard { position: absolute;right: 20px;top: 20px;width: 120px; } .fuelcardlistblock .innerblock:nth-child(even) { background: #e1dbea; } .fuelcardlistblock .innerblock:nth-child(even) .headcolor { color: #694995; } .faq_quick_link.fuelcardlists.fuelcardservicelists li { width: 18.15%; margin-right: 25px; } .faq_quick_link.fuelcardlists.fuelcardservicelists li div { height: 110px; } ul.faq_quick_link.fuelcardservicelists li:last-child { margin-right: 0px; } .herocardcarouselblk { } .herocardcarouselblk .flashcard { position: absolute;right: 15px;top: -1px;width: 100px; } .brandfaq { } .brandfaq .brand_inner_faq { background: #eee; padding: 20px 20px 15px; margin-bottom: 20px; } .brandfaq .brand_inner_faq h2 { } .brandfaq .brand_inner_faq h2 span { padding-right:15px; } .brandfaq .brand_inner_faq .faqlist_inner { min-height: 117px; border-top: 2px solid #ccc; padding: 15px 0 20px; } .brandfaq .brand_inner_faq .faqlist_inner .faqlist_inner_question:before { content:"Q."; position: absolute; left: 0; font-size: 40px; line-height: 1; color: #694995; } .brandfaq .brand_inner_faq .faqlist_inner .faqlist_inner_answer:before { content:"A."; position: absolute; left: 0; font-size: 40px; line-height: 1; color: #00b6cd; } .brandfaq .brand_inner_faq .faqlist_inner .faqlist_inner_question { padding-left:65px; position:relative; width: 80%; } .brandfaq .brand_inner_faq .faqlist_inner .faqlist_inner_answer { padding-left:65px; position:relative; } .winbackbg { background: #ddd; } .whiteform .winbackbg .nf-field-element input { padding-left: 10px; } .whiteform .winbackbg .label-above .field-wrap p { color: #000; } .winbacklist { list-style: none; position: relative; } .winbacklist li { font-size: 27px; line-height: 1.4; margin-bottom: 10px; } .winbacklist li:before { content: '\2713'; position: absolute; left: 0; } .page-id-34291 .landing-banner { background: none; } .page-id-34291 .pr-3.fcs-logo { padding-right: 0rem !important; } /*Landing Page*/ .page-template-landing-page .entry-content {margin: 0 0 0;} .ticked:before {content:url('/wp-content/uploads/2020/08/icon-tick.svg'); margin-right:10px;} .wp-block-uagb-icon-list .wp-block-uagb-icon-list-child img {width:auto; height:65px;height: 60px; margin: 0 5px;} .page-template-landing-page section.slim-banner {padding:9px 0 0} .page-template-landing-page .brand-logos {height:75px;} .page-template-landing-page .wp-block-atomic-blocks-ab-testimonial, .wp-block-atomic-blocks-ab-testimonial {padding:0!important;} .page-template-landing-page .nf-form-fields-required, .page-template-landing-page .ninja-forms-req-symbol {display:none;} .page-template-landing-page .wp-block-column {flex-basis:auto!important;} .landing-banner {background-image:url('/wp-content/uploads/2020/08/header-bkg.jpg'); background-repeat:no-repeat; background-position:center; background-size:40px;} .slick-prev.slick-arrow{position: absolute; left: -60px; top: 7%;border:none;} .slick-next.slick-arrow {position: absolute; right: -60px; top: 7%;border:none;} .slick-prev.slick-arrow img, .slick-next.slick-arrow img {width:24px;} .testimonial-col .slick-prev.slick-arrow, .testimonial-col .slick-next.slick-arrow { top: 35%; background: transparent;} .page-template-landing-page .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p, .ab-testimonial-info {padding:0 30px;} .disclaimer-text p:before {content:url('/wp-content/uploads/2020/08/padlock.svg'); margin-right:5px;} /* PPC Landing Page Master */ .ppclandingpanel { border-radius: 20px; } .ppcblueform { background: #52c3e5; padding: 15px 25px 20px; border-radius: 10px; } .ppcblueform .ppcformhead { margin: 0; } .ppcblueform .ppcformhead .nf-input-limit { display:none; } .ppcblueform .ppcformhead p { background: #000; padding: 0px; border-radius: 10px 10px 0px 0px; margin: 0; font-size: 18px !important; } .ppcblueform .ppcformhead p span{ background: #66919d; padding: 15px 20px; display: inline-block; margin-right: 10px; border-radius: 10px 0 0 0; } .ppcblueform .listimage-container { background: #fff; padding-top: 20px; border-radius: 0 0 10px 10px; } .ppcblueform .listimage-wrap li label { cursor:pointer; opacity: 0.5;outline: none; } .ppcblueform .listimage-wrap li label.nf-checked-label { border: 0px solid #000 !important; opacity: 1; transition: unset;outline: none; } .ppcblueform .list-radio-wrap .nf-field-element ul { width: 100%; margin: 20px 0 !important; text-align: center; } .ppcblueform .ppcnovehiclelist .listimage-wrap li label { text-align: center; } .ppcblueform .ppcnovehiclelist .listimage-wrap ul { padding: 0 20%; } .ppcblueform .ppcnovehiclelist .listimage-wrap li label img { width: 60px; display: inline-block; } .ppcblueform .ppcnovehicletype .listimage-wrap ul { padding: 0 10%; } .ppcblueform .ppcnovehicletype .listimage-wrap li label img { height: 47px !important; } .ppcblueform .nf-row { background: #fff; border-radius: 0px; } .ppcblueform .nf-row:nth-child(1), .ppcblueform .nf-row:nth-child(2), .ppcblueform .nf-row:nth-child(3), .ppcblueform .nf-row:nth-child(4), .ppcblueform .nf-row:nth-child(5) { border-radius: 10px; } .ppcblueform .nf-field-container { margin-bottom:0; } .ppcblueform .nf-field-container .field-wrap { padding: 20px 20px 10px; } .ppcblueform .nf-field-container .checkbox-wrap { padding-bottom:40px; } .ppcblueform .nf-field-container .listimage-wrap, .ppcblueform .nf-field-container .html-wrap { padding: 0px; } .ppcblueform .nf-row:nth-child(2) .nf-field-container, .ppcblueform .nf-row:nth-child(4) .nf-field-container { margin-bottom:25px; } .ppcblueform .nf-row:last-child .nf-field-container .html-wrap { padding: 20px 20px 40px; } .ppcblueform .nf-row:last-child .nf-field-container .html-wrap p { color: #000; } .ppcblueform .nf-input-limit { margin-top:0; } .ppcblueform .nf-field-element input { background-color:#ccc; padding-left: 10px; } .ppcblueform .nf-after-field .nf-error-msg { padding-left: 20px; } .ppcvariantform .listimage-wrap ul { background-color: #fff; border-radius: 10px; } .ppcvariantform .listimage-wrap li label { cursor:pointer; opacity: 0.5;outline: none; } .ppcvariantform .listimage-wrap li label.nf-checked-label { border: 0px solid #000 !important; opacity: 1; transition: unset; } .listimage-wrap li input:focus+label { outline: none !important; } .headservicecall { position: absolute;right:50px;top:0;width:250px; } @media only screen and (min-width: 992px) and (max-width: 1400px) { header#masthead .container-fluid .col-lg-7 { padding-right: 0px;padding-left: 0px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 13px !important; padding: 34px 20px 31px 10px !important;} } @media only screen and (min-width: 992px) and (max-width: 1250px) { .headservicecall { top: -27px; } } @media screen and (min-width: 992px) { .preferred figure {margin-top:46px!important;} } @media screen and (min-width: 1024px) { .faq_quick_link.fuelcardlists.fuelcardservicelists li { width: 17.7%; } .faq_quick_link.fuelcardlists li { width: 11.4%; } } @media screen and (min-width: 601px) { .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p:before, .page-template-landing-page .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p:before {content: open-quote; font-size: 80px; color: #00b77b; display: block;line-height: 80px; height: 44px; margin-left: -30px;font-weight:bold;} .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p:after, .page-template-landing-page .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p:after {content:close-quote;color:#00b77b;font-size: 80px; line-height: 80px; height: 44px;vertical-align: bottom; float:right;font-weight:bold;} } @media screen and (min-width: 576px) { .uagb-section__wrap.hero .uagb-section__inner-wrap {max-width:100%!important} .ppcvariantform .listimage-wrap ul { padding: 0; } } @media screen and (max-width: 992px) { .uagb-section__wrap.hero {background-image:none!important; background-color:#00b6cc!important;} .faq_quick_link.fuelcardlists.fuelcardservicelists li { width: 16.15%; } .faq_quick_link.fuelcardlists li { width: 11.1%; } } @media screen and (max-width: 600px) { .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p:before, .page-template-landing-page .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p:before {content: open-quote; color: #00b77b;display: block; font-size: 40px; height: 40px;font-weight:bold;} .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p:after, .page-template-landing-page .wp-block-atomic-blocks-ab-testimonial .ab-testimonial-text p:after {content:close-quote;color:#00b77b;font-size: 40px; line-height: 40px; float: right; height: 40px;font-weight:bold;} .slick-prev.slick-arrow{z-index:1000; background:transparent; left: 0;} .slick-next.slick-arrow {z-index:1000; background:transparent;right: 0;} .testimonial-col .slick-prev.slick-arrow { left:-10px;} .testimonial-col .slick-next.slick-arrow {right:-10px;} .page-template-landing-page .nf-form-content .nf-field-container .submit-wrap .nf-field-element .ninja-forms-field { font-size: 14px!important; } } /*End Landing Page*/ /****************************** *** Tele-Gence Section *** *******************************/ .page-template p.hdr { min-height: 100px; } .page-template p.desc { min-height: 80px; padding: 0 20px; } .page-template p.lng-desc { padding: 40px 75px 0 0; } /****************************** *** About us *** *******************************/ p.about-services a { color: #00b6cd } p.about-services a:hover { color: #95E8F3 } /****************************** *** single fuel-card page *** *******************************/ .single-fuel-cards .fuelcard .lazyloaded { width: 240px } /************************** *** Media Screen Styles *** **************************/ @media screen and (min-width: 576px) { .uagb-section__wrap .uagb-section__inner-wrap { max-width: 540px !important; } } @media screen and (min-width: 768px) { .uagb-section__wrap .uagb-section__inner-wrap { max-width: 720px !important; } } @media screen and (min-width: 992px) { .navbar-expand-xl .navbar-toggler { display: none; } .uagb-section__wrap .uagb-section__inner-wrap { max-width: 960px !important; } } @media screen and (min-width: 1200px) { .uagb-section__wrap .uagb-section__inner-wrap { max-width: 1140px !important; } } @media only screen and (min-width: 1500px) { #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 { width: 11.667%; } } @media only screen and (min-width: 1400px) { #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 { width: 12.667%; } } @media screen and (max-width: 1500px) { .card_carousel_nav #bx-pager a { margin-right: 10px; width: 130px; } .card_carousel_nav #bx-pager a img { width: 100px; } } @media screen and (max-width: 1400px) { .card_carousel_nav #bx-pager a { margin-right: 10px; width: 130px; } .card_carousel_nav #bx-pager a img { width: 100px; } } @media screen and (max-width: 1199px) { #nf-form-18-cont .listimage-wrap li > label {line-height:22px;padding:10px!important;text-align: center;} #nf-form-18-cont .listimage-wrap li label:after {content: url('/wp-content/themes/wp-bootstrap-starter-child-master/assets/images/plus.svg');float: none; margin-top: 20px; height: 44px; margin-right: 0} #nf-form-18-cont .listimage-wrap li label img {float: none; width: 35%; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px;} .card_carousel_nav #bx-pager a { margin-right: 10px; width: 120px; } .card_carousel_nav #bx-pager a img { width: 100px; } section.slim-banner h2 { font-size: 28px; } p.has-text-align-center.violetcolor { font-size: 22px!important; } a.findmorecta { font-size: 13px; border-radius: 6px; padding: 7px 25px 7px 10px; background-size: 8px; background-position: center right 10px; transition: 0.3s; } a.findmorecta.ml-3 { margin-left: .25rem!important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link { font-size: 16px; padding: 15px 8px 15px 8px; } #mega-menu-wrap-primary .megamenucards .nav-link { font-size: 12px; } section.slim-banner { height: 265px; } } @media screen and (max-width: 1024px) { .navbar-brand { width: 135px; float: left; } .card_carousel_nav #bx-pager a { width: 110px; } .faq_quick_link.fuelcardlists.fuelcardservicelists li { width: 17.7%; } } @media screen and (max-width: 991px) { #nf-form-18-cont #nf-field-1396-container .input-group .input-group-prepend {position: absolute; left: 0px; top: 0;} #nf-form-18-cont #nf-field-1396-container .input-group .input-group-append {position: absolute; right: 0px; top: 0;} #nf-form-18-cont #nf-field-1396-container .input-group .input-group-prepend + input {margin-top: 30px; height: 40px; border: none;} #nf-form-18-cont #nf-field-1399-container .input-group .input-group-prepend {position: absolute; left: 0px; top: 0;} #nf-form-18-cont #nf-field-1399-container .input-group .input-group-append {position: absolute; right: 0px; top: 0;} #nf-form-18-cont #nf-field-1399-container .input-group .input-group-prepend + input {margin-top: 30px; height: 40px; border: none;} #nf-form-18-cont #nf-field-1400-container .input-group .input-group-prepend {position: absolute; left: 0px; top: 0;} #nf-form-18-cont #nf-field-1400-container .input-group .input-group-append {position: absolute; right: 0px; top: 0;} #nf-form-18-cont #nf-field-1400-container .input-group .input-group-prepend + input {margin-top: 30px; height: 40px; border: none;} #nf-form-18-cont #nf-field-1401-container .input-group .input-group-prepend {position: absolute; left: 0px; top: 0;} #nf-form-18-cont #nf-field-1401-container .input-group .input-group-append {position: absolute; right: 0px; top: 0;} #nf-form-18-cont #nf-field-1401-container .input-group .input-group-prepend + input {margin-top: 30px; height: 40px; border: none;} #nf-form-18-cont .input-group .btn {border-radius: 8px; height: 24px; width: 24px; padding: 0; line-height: 19px; min-width: 24px !important;} #nf-form-18-cont .input-group .btn strong {font-size: 20px;} .servicebgodd, .servicebgeven, .savingbgodd, .savingbgeven, .securitybgodd, .securitybgeven { margin-bottom: 30px; } .card_carousel_nav #bx-pager a span { font-size: 14px; } .card_carousel_nav #bx-pager a { margin-right: 0; width: 25%; margin-bottom: 20px; } #mega-menu-wrap-primary #mega-menu-primary { margin-top: 35px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { position: absolute; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator { position: relative; left: auto; bottom: auto; color: #000; font-size: 20px; display: block; z-index: 100; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu { width: 100%; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after { transform: rotate(0); } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li { width: 50% !important; clear: none !important; } #mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-36792 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:nth-child(1) { width: 100% !important; clear: none !important; } #mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-36792 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:nth-child(3) { width: 100% !important; } #mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-36792 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:nth-child(2) { width: 100% !important; clear: none !important; } #mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-36792 > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-column:nth-child(4) { width: 100% !important; clear: none !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item { min-height: 70px; } .mega-fleetservicemenu .custom-html-widget p { font-size:12px !important; } .mega-fleetservicemenu .custom-html-widget h5 { font-size: 13px; } .mega-fleetservicemenu .custom-html-widget .mfservice { height: 115px; padding-right: 10px; } .mega-fleetservicemenu .custom-html-widget .mfservice.evcard1, .mega-fleetservicemenu .custom-html-widget .mfservice.evcard2, .mega-fleetservicemenu .custom-html-widget .mfservice.evcard3 { height: 85px; } .mega-fleetservicemenu .custom-html-widget .mfservice::before { background-position: center; } .mega-fleetservicemenu .custom-html-widget .mfservice.mfs1::before, .mega-fleetservicemenu .custom-html-widget .mfservice.mfs4::before { background-position: center 45px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item { border-bottom: 1px solid #00b6ce; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child { border-top: 1px solid #00b6ce; } #mega-menu-wrap-primary .mega-menu-horizontal li.mega-menu-item-has-children > a.mega-menu-link::before { display: none !important; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item-has-children > a.mega-menu-link { padding-right: 10px; } #masthead #main-nav { display: none; } #masthead nav { width: 100%; } header#masthead .headservicecall .headsearch { margin-right: 10px; top: 0px;} .navbar-light .navbar-toggler-icon { background-image: url('assets/images/icon-menu.svg'); width: 48px; } .bx-wrapper .bx-prev { left: -20px; } .bx-wrapper .bx-next { right: -20px; } .nf-form-wrap .nf-multi-cell .nf-cell { width: 100% !important; } section.footertop .footer-incorporating ul li a img { height: 35px !important; } section.footertop .text-sm-right .pt-sm-5 { padding-top: 2rem!important; } footer#colophon a img { max-height: 50px; } section.slim-banner { height: 280px; padding: 15px 0 40px; } section.slim-banner h2 { font-size: 22px; } section.slim-banner .wp-block-spacer { height: 0 !important; } .page-template p.hdr { min-height: auto; } .page-template p.desc { min-height: auto; } .page-template .uagb-section__inner-wrap p.hdr { margin-top: 20px; } .faq_quick_link.fuelcardlists.fuelcardservicelists li { width: 16.15%; } .ppcblueform .ppcformhead p { font-size: 13px !important } } @media screen and (max-width: 768px){ .single-fuel-cards .fuelcard img.lazyloaded { width: 270px } .faq_quick_link.fuelcardlists.fuelcardservicelists li { width: 16.15%; } } @media screen and (max-width: 767px){ .navbar-brand { width: 180px; } header#masthead { padding: .74rem 0rem; } #masthead nav { width: 100%; } header#masthead .sitesearchbar { top: 40px; right: 47px; } header#masthead .sitesearchbar .closesearchbar { right: 0px; left: unset; padding: 4px 10px; } #masthead #main-nav { display: none; } header#masthead .headservicecall .headcall { font-size: 17px; } header#masthead .headservicecall { float: right; padding-top: 7px; } body:not(.theme-preset-active) #masthead .navbar-nav { margin-top: 20px; } body:not(.theme-preset-active) #masthead .navbar-nav > li > a { padding-left: 0em; border-bottom: 1px solid;} footer.site-footer .partner li { margin-bottom: 15px; } .card_carousel_nav #bx-pager a { margin-right: 0px; width: 25%; min-height: 125px; text-align: center; } .servicebgodd, .servicebgeven, .savingbgodd, .savingbgeven, .securitybgodd, .securitybgeven { min-height: auto; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { min-height: 75px; } .bx-wrapper ul li { text-align: center; padding: 0 40px; } .bx-wrapper ul li img { display: inline-block; margin-bottom: 20px; max-width: 75%; } .bx-wrapper .bx-prev { left: 5px; } .bx-wrapper .bx-next { right: 5px; } section.footertop .footer-incorporating ul li a img { height: 50px !important; } section.footertop .text-sm-right { text-align: left !important; } section.slim-banner { height: 240px; background: #00b6cc; background-image: none !important; } section.slim-banner a.findmorecta { margin-bottom: 15px; } section.slim-banner a.findmorecta { margin-bottom: 15px; } section.slim-banner img[alt="pump-locator-mobileapp"] { display: none; } section.slim-banner a.d-block { margin-bottom: 10px !important; } .single-fuel-cards .fuelcard img.lazyloaded { display: none; } ul.faq_quick_link li, ul.faq_quick_link.fuelcardlists li, .faq_quick_link.fuelcardlists.fuelcardservicelists li { width: 29.8%; margin-bottom: 11px; margin-right: 11px; } #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu { position: static; } } @media screen and (max-width: 600px){ .wp-block-button.alignright, .wp-block-button.alignleft { text-align: center; float: none; margin: auto; display: block; } } @media screen and (max-width: 480px){ #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { min-height: 80px; } #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li { width: 100% !important; clear: both !important; } .card_carousel_nav #bx-pager a { width: 33%; } .slim-banner-wrapper .bx-wrapper .bx-pager { bottom: 25px; } } @media screen and (max-width: 400px){ #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.widget_media_image { min-height: 90px; } .card_carousel_nav #bx-pager a { width: 50%; } .navbar-brand { width: 140px; } }