/*
Theme Name: Driveway Guys 2022
Description:  Theme for use with Driveway Guys - we built this from ground up, no themeforest here!
Version:  1.0
Author: Cookney
Author URI: https://onepoundsweets.com
*/


/* CSS RESET
=====================*/

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type="submit"]{-webkit-appearance: none;-webkit-border-radius:0;}


/* GRID SYSTEM
===========================*/

*,body,html{margin:0;padding:0;-webkit-font-smoothing:antialiased;box-sizing:border-box}
.full-width{box-sizing:border-box;display:block;float:left;width:100%}
.container{margin:0 auto;position:relative;width:1200px;overflow: auto;}
.one, .two, .three, .four, .five, .six, .seven, .eight, .nine, .ten, .eleven, .tweleve, .full {float:left;padding:5px 2%;box-sizing:border-box}
.one{width:8.3333333333%}
.two{width:16.666666666%}
.three{width:25%}
.four{width:33.333333333%}
.five{width:41.6666666666%}
.six, .cta-half{width:50%}
.seven{width:58.33333333333%}
.eight{width:66.66666666666%}
.nine{width:75%}
.ten{width:83.333333333333%}
.eleven{width:91.666666666%}
.twelve{width:100%}
.full{width:100%}
.cta-half {float:left;}
@media (min-width:960px) and (max-width:1199px) {
  .container {margin:0 auto;width:960px}
}
@media (min-width:767px) and (max-width:959px) {
  .container {margin:0 auto;width:769px}
}
@media (max-width:766px) {
  .container {margin:0 2%;width:96%}
  .eight,.eleven,.five,.four,.full,.nine,.one,.onethird,.quarter,.seven,.six,.ten,.three,.twelve,.two,.twothirds {width:100%;}
}

.responsive-image, img {height:auto;width:100%;}
ol li {line-height:1.2;padding:20px 0 0 0}
ol {margin-bottom:30px}

.hide-on-desktop {display:none !important;}
.home-trades-images {padding:20px 0 0 0}
.home-trades-images .six {width:50% !important}


/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('https://drivewayguys.co.uk/wp-content/themes/drivewayguys2022/fonts/slick.eot');
    src: url('https://drivewayguys.co.uk/wp-content/themes/drivewayguys2022/fonts//slick.eot?#iefix') format('embedded-opentype'), url('https://drivewayguys.co.uk/wp-content/themes/drivewayguys2022/fonts/slick.woff') format('woff'), url('https://drivewayguys.co.uk/wp-content/themes/drivewayguys2022/fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* COLOURS
===========================*/

.blue {background: #1a3a63;}
.grey {background: #f1f1f1}
.white {background: #fff;}
.black {background: #222;}


/* TYPOGRAPHY
===========================*/

h1, h2, h3, h4, h5 { font-family:  "apparat", sans-serif; font-weight: 900;line-height: 1.3;}
p, body { font-family:  "apparat", sans-serif; font-weight: normal;}
h1 {font-size:38px;margin-bottom: 20px;}
h2 {font-size:30px;margin-bottom: 18px;}
h3 {font-size:26px;margin-bottom: 16px;}
h4 {font-size:22px;margin-bottom: 16px;}
h5 {font-size:20px;margin-bottom: 16px;}
p {font-size:16px;margin-bottom: 16px;line-height: 1.7}

.padding-block {padding: 40px 0px;overflow: auto;}
.padding-block-small {padding: 20px 0px;overflow: auto;}
.padding-block-bigger {padding: 60px 0px;overflow: auto;}
a {color:#1a3a63;text-decoration: none;}
.centered {text-align: center;}
.margin-bottom-zero {margin-bottom: 0 !important}

.product-page-hero-text p {font-size:20px;text-align:center;font-weight:bold;}
.product-page-feature-block {background:#FFBF1F;}
.product-page-feature-block p {text-align:center;font-size:20px;font-weight:bold;}
.product-page-feature-block svg {display:block;text-align:center;margin:0 auto; padding-bottom:16px;}
.checkatrade-image {width:40%;height:auto;text-align:center;margin:0 auto;display:block;}

#gallery-1, #gallery-2, #gallery-3, #gallery-4 {margin-bottom:40px !important}
ul.seo-links li {list-style:circle;padding:0px 0px 10px 0px;margin-left:20px;}


/* HEADER
===========================*/

.logo {margin-top:10px;}
ul#menu-main {margin-top:40px;width:100%;}
ul#menu-main li {display:inline-block;font-weight:bold;font-family:  "apparat", sans-serif;}
ul#menu-main li a {color:#222;font-size:16px;padding:15px;text-decoration:none;}
ul#menu-main li a:hover {background:#1a3a63;color:#fff;border-radius:3px;}

ul#menu-main-1 {font-family:  "apparat", sans-serif; font-weight: normal;}
ul#menu-main-1 li {margin-bottom: 8px;line-height: 2}
ul#menu-main-1 li a:hover {text-decoration: underline;}

.burger{display:none}
.IwNjNmQ2DOYMDDzNmNzONOjVJQzhUuwtheme--light {display:none !important}


/* PAGES
===========================*/

.home-page-hero-image {background-image: url('https://drivewayguys.co.uk/wp-content/uploads/2024/07/driveway-home-banner.jpg');background-size: cover;height:400px;background-position: center;}
.home-page-hero-image  {text-align: left;}
.home-h1 {margin-top: 50px;margin-bottom: 20px;font-size:60px;}
.home-page-hero-image p {font-weight:900}
.popup-button {background:#4fce6a;color:#fff;text-align: center;padding:14px 30px;border-radius: 4px;text-decoration: none;margin-top: 20px;display: inline-block;font-weight: bold;font-family: "apparat", sans-serif;font-size: 26px;border:4px solid #fff;}
.popup-button-big-alt, .blog-read-more-button,  .hidden-contact-form-inner-contact-form input[type="submit"], input[type="submit"]{color:#fff;font-family:  "apparat", sans-serif;text-align: center;padding:14px 30px;border-radius: 4px;text-decoration: none;margin-top: 20px;display: inline-block;font-weight: bold;font-size:26px;background:#4fce6a;}
.popup-button:hover, .popup-button-big-alt:hover, .blog-read-more-button:hover,  .hidden-contact-form-inner-contact-form input[type="submit"]:hover {background:#111;transition:all ease-in-out 0.3s}
.blog-read-more-button {font-size: 18px;margin-top: 0}

.phone-cta {background: #213a63;text-align:center;}
.phone-cta p {color:#fff;margin-bottom: 0;font-size:20px;font-family:  "apparat", sans-serif; font-weight: 900}
.phone-cta svg {vertical-align: sub;padding: 0 10px}

.four-standouts {text-align: center;}
.four-standouts h3 {font-size: 18px;margin-top: 20px;}
.four-standouts p {font-size: 14px;}
.four-standouts .three svg {display:block;margin: 0 auto;}

.service img {border:8px solid #d1d1d1;box-sizing:border-box;}
.service h3 {padding-top:15px;text-align: center;}
.service h3 a {color:#222}
.services-quote-button {text-align: center;}

.before-after {clear:both;margin-bottom:30px;overflow:auto;}
.before-after h3 {padding-top:10px;}

.service-page-title h1, .service-page-title h2 {color:#fff;margin-top: 50px;text-align: center;text-shadow: 0px 1px 1px #222;margin-bottom:40px}
.review-badge {margin: 0 auto;display: block;text-align: center;}

.home-seo-text-top {height:300px;overflow: scroll;}

.quote-full-width {color:#fff;position: -webkit-sticky;position: sticky;top: 0;z-index: 10000000}
.quote-full-width .popup-button {padding: 24px 40px;margin-top: 0;font-size: 18px;}
.quote-full-width .popup-button:hover {color:#fff;}
.quote-full-width h3 {padding-top: 18px;}

.service-page-content-area {margin: 0 auto;height:200px;overflow:scroll}
.product-info ul li {line-height:2;padding-bottom:6px;}

.footer, .footer a {color:#fff;}
.footer p {margin-bottom: 8px;}
.footer-logo {width:80%}

.blog-title {padding:30px; border:1px solid #ddd;border-radius:4px;margin:20px 1%;width:31%;overflow: auto;min-height:500px;float:left;}
.blog-title h2 {margin:15px 0px;font-size:24px;}
.blog-title h2 a {color:#222;}
.full ul li {list-style:circle;padding:0px 0px 10px 10px;margin-left:30px}
.full ul {margin-bottom:20px}

.hidden-contact-form {background: rgba(0,0,0,0.3);position: fixed;top:0;left:0;width:100%;height:100%;z-index:999999999;display:none;}
.hidden-contact-form-inner {width:600px;margin: 5% auto;display: block;position: relative;}
.hidden-contact-form-inner-contact-form {background: #fff;padding:30px;border-radius: 4px;box-shadow: 8px 8px 0px #000}
.hidden-contact-form-inner-contact-form input, .hidden-contact-form-inner-contact-form textarea, textarea, input {padding:10px;border:1px solid #222;font-size:18px;border-radius:4px;width:100%;margin: 0;box-sizing: border-box;}
.hidden-contact-form-inner-contact-form textarea, textarea {min-height:110px;max-height:110px;overflow: scroll}
.hidden-contact-form-inner-contact-form input[type="submit"], input[type="submit"] {margin-top: 0;width:100%;font-size: 18px;}
.hidden-contact-form-inner-contact-form .wpcf7 p:last-of-type  {margin-bottom: 0 !important}
.close-icon {position: absolute;top:20px;right:20px;}

.page-title {padding-top:30px;}


/* SLICK SLIDER
===========================*/

.slick-slide {outline: none !important}
.slick-list,.slick-slider,.slick-track{position:relative;display:block;outline: none}
.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}
.slick-dots li button:focus,.slick-dots li button:hover,.slick-list:focus{outline:0}
@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(fonts/slick.eot);src:url(fonts/slick.eot?#iefix) format('embedded-opentype'),url(fonts/slick.woff) format('woff'),url(fonts/slick.ttf) format('truetype'),url(fonts/slick.svg#slick) format('svg')}
.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{overflow:hidden;margin:0;padding:0}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-dots li,.slick-dots li button{cursor:pointer;height:20px;width:20px}
.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}
.slick-track:after,.slick-track:before{display:table;content:''}
.slick-track:after{clear:both}
.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl]
.slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block; position:relative;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;
    display: block;
    width: 50px;
    height: 50px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 35px;
    line-height: 1;
	vertical-align:middle;
    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: 5px;
	z-index:1000;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: 5px;
	z-index:1000;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}
.ops-slider .slick-list {margin:0 -10px}
.ops-slider img {height: auto;max-width: 100%;}
.ops-slider .slick-slide {margin:10px}


@media (min-width:960px) and (max-width:1199px) {

ul#menu-main {margin-top: 28px;}
ul#menu-main li a {padding: 0 10px;font-size: 13px}
.four-standouts h3 {font-size: 16px;}
h3 {font-size: 24px}
.quote-full-width h3 {font-size: 18px;}
.quote-full-width .popup-button {padding: 18px 30px}
}

@media (min-width:768px) and (max-width:959px) {
  ul#menu-main {margin-top: 22px;}
  ul#menu-main li a {font-size: 11px;padding:0 6px}
  h1 {font-size: 30px;}
  h2 {font-size: 22px}
  h3 , h4{font-size: 18px;}
  .four-standouts h3 {font-size: 13px;}
  .quote-full-width .popup-button {padding:  14px 20px}
  .quote-full-width h3 {padding-top: 12px;}
  .hide-on-mobile {display: none}
}

@media (max-width:767px)  {

  .hide-on-desktop {display:block !important;}
  .hide-on-mobile {display:none;}
  .burger {display: block}
  .burger::after,.burger::before{content:"";display:block}
  .burger-menu{position:absolute;width:36px;height:30px;cursor:pointer;right:20px;top:38px;z-index:10000}
  .burger,.burger::after,.burger::before{background:#111;border-radius:6px;width:40px;height:3px;position:absolute}
  .burger{top:0;opacity:1}
  .burger::before{top:12px}
  .burger::after{bottom:12px}
  .burger,.burger::after,.burger::before{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out}
  .burger-menu.menu-on .burger::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);bottom:0}
  .burger-menu.menu-on .burger::before{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:0}
  .burger-menu.menu-on .burger{background:rgba(111,111,111,0)}
  .quote-full-width {text-align: center;}
  .padding-block-small {padding: 0px 0px 10px 0px}
  .quote-full-width h3 {padding-top: 8px;font-size: 12px;margin-bottom: 6px;}
  .quote-full-width .popup-button {margin-top: 0;margin-bottom: 6px;font-size: 12px;padding: 10px 20px;width:90%;box-sizing:border-box}
  .four-standouts, .phone-cta svg {display: none}
  .phone-cta p {font-size: 12px}
  .service-page-content-area {width:94%}
  h1 {font-size: 24px;}
  h2, .product-page-hero-text p {font-size: 18px}
  h3 , h4, .service h3 a{font-size: 14px;}
  .home-h1 {font-size: 30px;margin-top: 40px;margin-bottom: 5px}
  .home-page-hero-image h2 {font-size: 15px;}
  .hidden-contact-form-inner {width:96%}
  .hidden-contact-form-inner p {font-size: 10px;}
  .hidden-contact-form-inner-contact-form {padding: 20px}
  .home-page-hero-image h1 span, .home-page-hero-image h2 span, .home-page-hero-image p span {padding: 10px 30px}
  .home-page-hero-image {height: 230px}
  .popup-button, .popup-button-big-alt, .blog-read-more-button, .hidden-contact-form-inner-contact-form input[type="submit"] {font-size: 16px}
  .footer-logo {width:45%}
  .popup-button {margin-top: 0px;padding: 10px 20px}
  .services-block .four {width:50%}
  .services-block .padding-block {padding: 10px 0px}
  .header-area .two {width:35%}
  ul#menu-main {margin-top: 6px;display: none}
  ul#menu-main li {display: block;line-height: 3;text-align: center;}
	.product-page-hero-text {padding:40px 0px;}
	.blog-title {width:98%;}
}