/*
Theme Name: GSUK Booking System
Theme URI: https://nick.boldison.com
Author: Nick Boldison
Author URI: https://nick.boldison.com
Version: 1.0
Description: Custom theme build for GSUK
*/

@font-face {
    font-family:"UKNumberPlate";
    src:url("assets/fonts/UKNumberPlate.eot?") format("eot"),url("assets/fonts/UKNumberPlate.woff") format("woff"),url("assets/fonts/UKNumberPlate.ttf") format("truetype"),url("assets/fonts/UKNumberPlate.svg#UKNumberPlate") format("svg");
    font-weight:normal;
    font-style:normal;
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


* {
	padding:0;
	margin:0;
}

html {
	width:100%;
	height:100%;
	position:relative;
	overflow:visible;
}
.no-margin{
	margin:0;
}
.no-padding{
	padding:0;
}
.m-auto{
	margin:auto;
}
body {
	font-family:'Montserrat', sans-serif;
	font-size:16px;
	font-weight:300;
	line-height:1.4em;
	overflow-x:hidden;
	background-color:#fff;
	color:#4d4d4d;
	margin:0;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

html, body, .wrapper {
	height:100%;
	width:100%;
}
img {
	border:none;
	outline:none;
	max-width:100%;
}


a, .btn, button {
	transition:all 0.1s ease-in-out;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	outline:medium none;
}

a img, iframe {
	border:none;
}
hr {
	margin-top:0;
	margin-bottom:0;
	border:0;
	border-top:1px solid #eee;
}
p { margin:0 0 1em;font-size:16px; line-height:1.4em; font-weight: 300; }

input:focus, textarea:focus,
 select:focus {
	outline:none;
	box-shadow:inherit;
}

ul {
	margin:0;
	list-style-type:none;
}

a, a:active, a:focus, a:hover {
	outline:none;
	text-decoration:none;
	color:#00a1cc;
}
a:hover, a:hover strong {
	color:#00a1cc;
}
a:hover img {
	opacity:0.9;
}

a {
	transition:all 0.1s ease-in-out;
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	text-decoration:none;
	font-family:'Montserrat', sans-serif;
}

b, strong {
	font-weight:600;
	color:#232323;
}
h1, h2, h3, h4, h5, h6 {line-height:1.4em; font-weight:700; margin:0 0 0.5em; color: #00a1cc; text-transform: uppercase; }
h1 {font-size:30px;}
h2 {font-size:30px;}
h3 {font-size:24px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color:#e9579d;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {font-weight:600;}

/* header */

header{
    padding: 25px 0;
}

.header-inner img{
    max-width: 200px;
}

/* banner */

.banner{
    background: url('assets/img/banner-repeat.png') repeat-x #00a1cc;
    background-position: top left;
    min-height: 250px;
    margin-bottom: 25px;
    position: relative;
}

.banner-inner{
    background: url('assets/img/banner-img.png') no-repeat;
    background-position: top right;
    height: 100%;
    width: 100%;
    position: absolute;
}

.banner-inner .container,
.banner-inner .row{
    height: 100%;
}

.banner-inner-content{
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    max-width: 100%;
    width: 450px;
}

.banner-inner-content h2{
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 55px;
    margin: 0;
    text-transform: uppercase;
}

.banner-inner-content p{
    color: #000;
    font-size: 26px;
    font-weight: 300;
    line-height: 36px;
    margin-bottom: 0;
}

/* garage page */

.product .module p:last-of-type{
    margin-bottom: 0;
}

.module{
    border-bottom: 1px dotted #4d4d4d;
    padding-top: 35px;
    padding-bottom: 35px;
}

.module.last{
    border-bottom: none;
}

.product > .row:first-of-type .module{
    border-top: 1px dotted #4d4d4d;
}

.product > .row:last-of-type > .module{
    border: none;
}

.section{
    margin-bottom: 40px;
}

.servicesul li{
    width: 50%;
    display: inline-block;
    margin-bottom: 5px;
}

.servicesul li:before{
    content: '\f00c';
    font-family: "FontAwesome";
    color: #8bcc2a;
    margin-right: 10px;
}

.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form *,
.wc-appointments-date-picker * {
	font-family:'Montserrat', sans-serif !important;
}

.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker ul.slot_column {
	width: 50% !important;
}

.wc-appointments-date-picker .ui-datepicker .ui-datepicker-title *,
.wc-appointments-date-picker .ui-datepicker .ui-datepicker-title{
    color: #00a1cc;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
}

body .wc-appointments-date-picker .ui-datepicker .ui-datepicker-title{
    padding-bottom: 30px;
}

.wc-appointments-appointment-form-wrap{
    margin-top: 40px;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form {
	border: none;
	padding: 0;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .wc-appointments-appointment-hook.wc-appointments-appointment-hook-after .wc-pao-addon{
    border-top: none;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .wc-appointments-appointment-hook.wc-appointments-appointment-hook-after .wc-pao-addon {
	margin: 0 !important;
	padding: 0;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker {
	border-top: none;
	margin: 0 -10px;
	padding: 0;
}


.wc-appointments-date-picker .ui-datepicker td:hover {
   background: none !important;
}

table.ui-datepicker-calendar {width: 100% !important; margin:0 !important;}
table.ui-datepicker-calendar tr td{
    border:30px solid #fff !important;
    border-width: 15px 30px !important;
}
table.ui-datepicker-calendar tr td:first-of-type{
    border-left-width: 0 !important;
    border-right-width: 30px !important;
}
table.ui-datepicker-calendar tr td:last-of-type{
    border-left-width: 30px !important;
    border-right-width: 0 !important;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker li.slot a,
body .wc-appointments-date-picker .ui-datepicker td a,
body .wc-appointments-date-picker .ui-datepicker td span {
	background-color: #f2f2f2 !important;
}

.wc-appointments-date-picker .ui-datepicker th,
.wc-appointments-date-picker .ui-datepicker td .ui-state-default,
.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker li.slot_heading{
    font-size: 16px !important;
    font-weight: 500 !important;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker li.slot.selected a,
body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker li.slot.selected:hover a,
body .wc-appointments-date-picker .ui-datepicker td a.ui-state-active{
	background-color: #00a1cc !important;
    color: #fff;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker {
	border-top: none;
	margin: 40px 0 0 0 !important;
    border-bottom: 1px dotted #4d4d4d;
    padding-bottom: 35px;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker .slot_column.morning{
    padding-right: 15px !important;
}
body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form .slot-picker .slot_column.afternoon{
    padding-left: 15px !important;
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.button{
    color: #fff !important;
	background-color: #8bcc2a !important;
	border-color: #8bcc2a !important;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.button {
	color: #fff;
	background-color: #7ebf1d;
	border-color: #7ebf1d;
}

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.button{
    background: rgb(74,195,229);
    background: linear-gradient(180deg, rgba(74,195,229,1) 0%, rgba(0,143,155,1) 100%);
    border-radius: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    padding: 15px;
    text-transform: uppercase;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.button:hover{
    background: rgb(0,143,155);
    background: linear-gradient(180deg, rgba(0,143,155,1) 0%, rgba(74,195,229,1) 100%);
}

.day{
    clear: both;
    float: right;
    width: 250px;
}

.day span{
    float: right;
}

.acf-map {
    width: 100%;
    height: 250px;
}

.acf-map img {
   max-width: inherit !important;
}

.wc-pao-addon-description{
    margin-bottom: 30px;
}

.woocommerce form .form-row.wc-pao-addon-wrap{
    float: left;
    width: 30%;
    padding: 0;
    clear: none;
    text-align: center;
    background: #e5e5e5;
    cursor: pointer;
}

.woocommerce form .form-row.wc-pao-addon-wrap.addonchecked/*,
.woocommerce form .form-row.wc-pao-addon-wrap:hover*/{
    background: #00a1cc;
}

.wc-pao-addon-checkbox{
    display: none;
}

.woocommerce form .module > .form-row.wc-pao-addon-wrap:nth-of-type(3n){
    margin: 0 5%;
}

.woocommerce form .form-row.wc-pao-addon-wrap label{
    padding: 25px;
}

.addon-image{
    height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.addon-title{
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 700;
    margin: 0 0 0.5em;
    color: #00a1cc;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
}

.addon-price{
    color: #00a1cc;
    display: block;
    font-size: 16px;
    color: #4d4d4d;
    cursor: pointer;
}

.wc-appointments-appointment-form-wrap .wc-appointments-appointment-form dl dt{
    font-size: 24px;
    line-height: 1.4em;
    font-weight: 700;
    margin: 0 0 0.5em;
    color: #00a1cc;
    text-transform: uppercase;
}

.woocommerce form .form-row.wc-pao-addon-wrap.addonchecked .addon-title,
.woocommerce form .form-row.wc-pao-addon-wrap.addonchecked .addon-price/*,
.woocommerce form .form-row.wc-pao-addon-wrap:hover .addon-title,
.woocommerce form .form-row.wc-pao-addon-wrap:hover .addon-price*/{
    color: #fff;
}

.title-section{
    float: left;
    padding: 15px 0;
    width: 100%;
}

.title-section h1{
    margin-bottom: 0;
}

.title-section h1 a{
    font-size: 24px;
    margin-left: 30px;
}

.title-section div{
    float: left;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 50px;
}
.title-section div:last-of-type{
    float: right;
}

img.garage-logo{
    max-height: 50px;
    max-width: 250px;
    float: right;
}

footer{
    background: #00a1cc;
    color: #fff;
    font-size: 16px;
    min-height: 200px;
    padding: 35px 0;
}

footer ul li{
    display: inline-block;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
}

footer ul li a,
footer ul li a:hover{
    color: #fff;
}
footer ul li a:hover{
    text-decoration: underline;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	padding: 10px;
	border: none;
	background: #e5e5e5;
}

.woocommerce form .form-row textarea{
    height: 225px;
    resize: none;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment,
.woocommerce table.shop_table{
    border-radius: 0 !important;
}

.woocommerce table.woocommerce-checkout-review-order-table,
#customer_details{
    margin-bottom: 40px;
}

.variation-Duration{
    display: none !important;
}

.woocommerce ul.order_details.woocommerce-thankyou-order-details{
    margin-top: 40px;
}

.woocommerce form .form-row {
	margin-bottom: 40px;
}

.vrmdetails{
    font-weight: 700;
}

.intro-wrap{
    float: left;
}

.regplate-holder{
    float: right;
}

.regplate{
    background: url('assets/img/regplate-bg.png') no-repeat;
    font-family: "UKNumberPlate";
    font-size: 60px;
    color: #000;
    width: 377px;
    height: 69px;
    text-align: center;
    border: none;
    text-transform: uppercase;
    float: right;
    margin-bottom: 30px;
}

.regplate-button{
    clear: both;
    float: right;
}

.changevehicle{
    font-weight: 700;
    color: #000;
    text-align: right;
}

.woocommerce .addon-image img,
.woocommerce-page .addon-image img {
    max-height: 150px;
}

.pricing-text{
    clear: both;
    margin-top: 20px;
    float: left;
}

body .wc-appointments-appointment-form-wrap .wc-appointments-appointment-form {
	margin: 0 0 2em;
}

.woocommerce div.product form.cart {
	margin-bottom: 0;
}

.wc-appointments-appointment-cost{
    border: none !important;
    margin-top: 1em !important;
}

.wc-pao-addon-vrm,
.spaces-left{
    display: none !important;
}

@media screen and (max-width: 1023px){

    h1, h2 {font-size:26px; margin-bottom: 0.8em; }
    h3 { font-size: 20px; }

    header{
        padding: 15px 0;
        border-bottom: 1px solid rgba(0,0,0,.05);
    }

    .header-inner img{
        max-width: 200px;
    }

    .banner-inner-content h2 {
    	font-size: 36px;
    }

    .banner-inner-content p {
    	font-size: 20px;
    	line-height: 30px;
    }

    .banner {
    	min-height: 240px;
    }

    .vrmdetails,
    .acf-map,
    .about{
        margin-bottom: 30px !important;
    }

    .changevehicle,
    .text-right {
    	text-align: left;
    }

    .day {
    	float: left;
    }

    .regplate,
    .regplate-holder,
    .intro-wrap {
    	float: none;
    }

    .woocommerce form .form-row.wc-pao-addon-wrap{
        width: 32%;
    }

    .woocommerce form .module > .form-row.wc-pao-addon-wrap:nth-of-type(3n) {
    	margin: 0 2%;
    }

    .woocommerce form .form-row {
    	margin-bottom: 10px;
    }

    .woocommerce-additional-fields h3{
        display: none;
    }

    .woocommerce form .place-order{
        margin-bottom: 40px;
    }

    .regplate-holder {
    	margin-top: 20px;
    }

}

@media screen and (max-width: 767px){

    header,
    footer,
    .page-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .servicesul li{
        width: 100%;
        display: inline-block;
    }

    footer{ font-size: 13px; }

    footer ul.pull-right{
        float: left !important;
        margin-top: 10px;
    }

    footer ul li{
        margin-left: 0;
        padding-left: 0;
        margin-right: 7px;
        padding-right: 7px;
    }

    .woocommerce #respond input#submit,
    .woocommerce a.button,
    .woocommerce button.button,
    .woocommerce input.button, .button {
    	font-size: 18px;
    }

    .banner-inner-content {
    	padding: 0 15px;
    }

    .title-section div:last-of-type {
    	float: left;
    }

    .day {
    	width: 100%;
    }

    .regplate {
    	font-size: 50px;
        height: 65px;
    	max-width: 100%;
        min-width: 345px;
    	background-size: contain;
    }

    .woocommerce form .form-row.wc-pao-addon-wrap {
    	width: 100%;
    	padding: 0;
    	margin: 0 0 10px 0 !important;
    }

    table.ui-datepicker-calendar tr td:last-of-type,
    table.ui-datepicker-calendar tr td:first-of-type,
    table.ui-datepicker-calendar tr td {
    	border-width: 0 !important;
    }

    .woocommerce td.product-name .wc-item-meta dd,
    .woocommerce td.product-name dl.variation dd {
    	margin: 0 0 10px;
    	clear: both;
    }

    .woocommerce table.shop_table td{
        vertical-align: top;
    }

    .woocommerce td.product-name dl.variation{
        margin-top: 10px;
    }

    .status-unpaid{
    	float: left;
    	margin: 10px 0 !important;
    }

    .wc-item-meta li p{
        clear: both;
        float: left;
        margin-bottom: 10px !important;
    }

    .wc-appointment-summary .wc-appointment-summary-list {
    	clear: both;
    }

    .title-section div{
        display: block;
        height: auto;
    }

    .title-section h1 a{
        margin-left: 0;
        clear: both;
        display: block;
        margin-bottom: 10px;
    }

    .regplate-holder {
        margin-top: 20px;
    }

}