/*
Theme Name: Digo
Theme URI:
Author: Dennis Volkering
Author URI: http://web4exposure.nl
Description: Dit is het thema voor Digo.
Version: 2.0.0
Update URI: https://digodelft.nl/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digo
Tags:
*/


/*--- Font imports ---*/

/* Lato and Montserrat are self-hosted: see css/fonts.css (enqueued before this stylesheet). */

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%;
    /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll;
    /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%;
    /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%;
    /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box;
    /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
    -moz-box-sizing: inherit;
    -webkit-box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table {
    /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus,
a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 125%;
}

p {
    margin-bottom: 1.5em;
}

b,
strong,
.strong {
    font-weight: bold;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

.capitalize {
    text-transform: capitalize;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: 1.5rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
    text-decoration: none;
}

sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    bottom: 1ex;
}

sub {
    top: .5ex;
}

small {
    font-size: 75%;
}

big {
    font-size: 125%;
}


/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}

figure {
    margin: 0;
}

table {
    margin: 0 0 1.5em;
    width: 100%;
}

th {
    font-weight: bold;
}


/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

button,
input,
select,
textarea {
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button;
    /* Corrects inability to style clickable 'input' types in iOS */
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    resize: vertical;
}


/*--- Font imports ---*/

@font-face {
    font-family: 'opensans';
    src: url('fonts/opensans.eot?') format('eot'), url('fonts/opensans.woff') format('woff'), url('fonts/opensans.ttf') format('truetype'), url('fonts/opensans.svg#opensans') format('svg');
}

@font-face {
    font-family: 'opensanslight';
    src: url('fonts/opensanslight.eot?') format('eot'), url('fonts/opensanslight.woff') format('woff'), url('fonts/opensanslight.ttf') format('truetype'), url('fonts/opensanslight.svg#opensanslight') format('svg');
}

@font-face {
    font-family: 'opensansbold';
    src: url('fonts/opensansbold.eot?') format('eot'), url('fonts/opensansbold.woff') format('woff'), url('fonts/opensansbold.ttf') format('truetype'), url('fonts/opensansbold.svg#opensansbold') format('svg');
}


/*--- Buttons and inputs ---*/
input,
button,
textarea,
select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0;
}

input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
input[type="search"],
input[type="tel"],
input[type="textarea"],
input[type="datetime"],
input[type="date"],
input[type="datetime-local"],
input[type="number"],
input[type="week"],
input[type="time"],
input[type="month"],
textarea,
select {
    border: 1px solid #A9A9A9;
    color: #444;
    font-size: 100%;
    max-width: 100%;
    padding: 0 10px;
    line-height: 2.3em;
    height: 2.3em;
    font-family: Montserrat;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transition: all .35s ease;
}

select {
    line-height: 2.5em;
    height: 2.5em;
    padding: 0 7px;
    cursor: pointer;
}

input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="textarea"]:focus,
textarea:focus {
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.btn,
button,
input[type="button"],
input[type="submit"],
input[type="file"],
input[type="reset"] {
    border: 0;
    cursor: pointer;
    -webkit-appearance: none;
    background-color: #e53935;
    border: 3px solid #e53935;
    color: #fff;
    display: inline-block;
    line-height: 35px;
    padding: 0 25px;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    border-radius: 2px;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="file"]:hover,
input[type="reset"]:hover {
    background-color: #fff;
    border-color: #c62828;
    color: #c62828;
}

.btn--invert {
    background-color: #fff;
    border-color: #e53935;
    color: #e53935;
}

.btn--invert:hover {
    background-color: #c62828;
    border: 3px solid #c62828;
    color: #fff;
}

.fa-left {
    margin-right: 10px;
}

.fa-right {
    margin-left: 10px;
}


/*----- Typography -----*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Montserrat;
    line-height: 1.15;
}

h3.widget-title,
h1 {
    font-size: 36px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

h1,
h2,
h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}

h4,
h5,
h6 {
    margin-top: 10px;
    margin-bottom: 10px;
}

h1+h5,
h2+h5,
h3+h5 {
    color: #999;
    font-family: Lato;
    font-weight: 400;
    font-style: italic;
    font-size: 17px;
    margin-top: -7px;
}

.textwidget,
p {
    font-size: 17px;
    line-height: 1.4;
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.textwidget a,
p a {
    text-decoration: none;
    color: #e53935;
    position: relative;
    display: inline-block;
}

.textwidget a:not(.image-link):after,
p a:not(.image-link):after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    right: 0;
    bottom: 0;
    background: #e53935;
    position: absolute;
    transition: all .35s ease;
    opacity: .5;
}

.textwidget a:hover:after,
p a:hover:after {
    width: 100%;
    transition: all .35s ease;
    left: 0;
    opacity: 1;
}


/*--- Aligning of the images ---*/

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

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

img.alignright {
    margin: 0 0 1em 1em;
}

img.alignleft {
    margin: 0 1em 1em 0;
}


/*--- Tables ---*/

table {
    width: 100% !important;
    height: auto !important;
    table-layout: fixed;
}

table th,
table td {
    padding: 10px;
    width: auto !important;
    word-break: break-all;
    word-break: break-word;
}

table thead {
    background-color: #c62828;
    color: #FFF;
    font-family: Montserrat;
    font-weight: 400;
}

table tbody tr:nth-child(odd) {
    background-color: #e2e2e2;
}

.no-user-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}


/*--- Colors ---*/

body {
    color: #444;
    background-color: #fff;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.dg-red {
    background-color: #e53935;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: #e2e2e2;
}

.dg-red-text {
    color: #e53935;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.dg-red-dark {
    background-color: #c62828;
}

.dg-red-dark-text {
    color: #c62828;
}

.dg-white {
    background-color: #FFF;
}

.dg-white-text {
    color: #FFF;
}


/*--- Animations ---*/

span.btn,
a,
input,
button {
    -webkit-transition: all 0.20s ease;
    -moz-transition: all 0.20s ease;
    transition: all 0.20s ease;
}

textarea {
    -webkit-transition: 0s;
    -moz-transition: 0s;
    transition: 0s;
}


/*--- Site structure ---*/

body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: Lato, arial;
}

#page,
.page {
    float: left;
    width: 100%;
    position: relative;
}

.site-header,
.site-header-top,
.site-content,
.site-footer {
    width: 100%;
    padding: 0 2%;
    float: left;
}

.site-header header,
.site-header-top #header_top,
.site-content #content,
.site-footer footer {
    width: 1250px;
    max-width: 100%;
    margin: 0 auto;
}


/*----- Header -----*/

.site-header-top {
    height: 35px;
    margin-bottom: 57px;
    color: #fff;
}

.site-header {
    position: absolute;
    top: 35px;
    z-index: 999;
    transition: box-shadow .2s ease;
}

.site-header.sticky {
    top: 0;
    position: fixed;
    border-color: #fff;
    -webkit-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 0.15);
    -moz-box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 0.15);
    box-shadow: 2px 2px 9px 0px rgba(20, 20, 20, 0.15);
}

.admin-bar .site-header.sticky {
    top: 32px;
}

#header_top {
    line-height: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


/*--- Welcome message ---*/

#header_top .welcome-msg {
    align-self: flex-start;
}

#header_top .logout-link {
    margin-left: 25px;
    position: relative;
    display: inline-block;
}

#header_top .logout-link:after {
    content: "";
    display: block;
    width: 0;
    height: 1px;
    bottom: 8px;
    right: 0;
    background: #fff;
    position: absolute;
    transition: all .35s ease;
}

#header_top .logout-link:hover:after {
    width: 100%;
    transition: all .35s ease;
    left: 0;
}


/*--- Header icons ---*/

#header_icons {
    display: flex;
    flex-direction: row;
}

#header_icons .sep {
    margin: 0 10px;
    line-height: 35px;
}

#header_icons i {
    line-height: 35px;
}


/*--- Header search ---*/

.header-icon-wrap {
    font-size: 18px;
    cursor: pointer;
    text-align: center;
    width: 35px;
    line-height: 35px;
    position: relative;
}

#header_search .widget_search:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #e2e2e2;
    position: absolute;
    right: 0;
    top: -16px;
}

#header_search .widget_search {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.9);
    border: 1px solid #e2e2e2;
    right: 5px;
    top: 50px;
    padding: 10px;
    width: 350px;
    z-index: 99999;
}

#header_search .widget_search label {
    width: 65%;
    float: left;
}

#header_search .widget_search label span {
    display: none;
}

#header_search .widget_search input[type="search"] {
    width: 100%;
    padding: 0 10px;
}

#header_search .widget_search input[type="submit"] {
    width: 35%;
    float: left;
}

#header_search .widget_search input[type="search"],
#header_search .widget_search input[type="submit"] {
    height: 40px;
    display: inline-block;
    border-radius: 0px;
}

.site-header {
    border-bottom: 2px solid #eee;
}

.site-header header {
    display: flex;
    justify-content: space-between;
}

header .logo {
    height: 43px;
    width: 125px;
    margin: 6px 0;
    display: block;
    float: left;
    background-image: url('images/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
}


/*--- Navigation ---*/

header nav li {
    display: inline-block;
    position: relative;
}

header nav li .submenu-toggle {
    display: none;
}

header nav a {
    display: block;
    padding: 0 15px;
    margin: 13px 5px;
    line-height: 29px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 2px;
    font-family: Montserrat;
    color: #444;
    white-space: nowrap;
}

header nav .menu-item-type-custom a:after {
    font-family: FontAwesome;
    content: '\f08e';
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

header nav a:hover {
    color: #fff;
    background-color: #e5352c;
}


/*Submenu*/

header nav li ul.sub-menu {
    background-color: rgba(255, 255, 255, .85);
    position: absolute;
    margin-left: 0;
    border-radius: 2px;
}

header nav li ul.sub-menu li {
    width: 100%;
    display: inline-block;
    text-align: center;
}

header nav li ul.sub-menu li a {
    margin: 5px 10px;
}


/*--- Mobile menu toggle ---*/


/* Mobile toggle icon */

#menu_toggle {
    display: none;
    float: left;
    height: 60px;
    width: 60px;
    cursor: pointer;
    -webkit-transform: scale(1);
    -webkit-transition: all 0.2s ease-out;
}

.menu-bar {
    width: 30px;
    height: 4px;
    border-radius: 5px;
    right: 15px;
    top: 18px;
}

.menu-bar.first {
    position: absolute;
    -webkit-transition: all 0.15s ease-out;
}

#menu_toggle.active .first {
    margin-top: 10px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-out;
    -webkit-transition-delay: .05s;
}

.menu-bar.second {
    margin-top: 10px;
    position: absolute;
    -webkit-transition: all 0.15s ease-out;
}

#menu_toggle.active .second {
    opacity: 0;
    margin-top: 10px;
    -webkit-transition: all 0.15s ease-out;
    -webkit-transition-delay: 0.05s;
}

.menu-bar.third {
    margin-top: 20px;
    position: absolute;
    -webkit-transition: all 0.15s ease-out;
}

#menu_toggle.active .third {
    margin-top: 10px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.15s ease-out;
    -webkit-transition-delay: .05s;
}


/*--- Menu phone icon ---*/

#menu_phone {
    display: none;
    float: right;
    height: 60px;
    width: 60px;
    text-align: center;
    cursor: pointer;
}

#menu_phone i {
    line-height: 60px;
    font-size: 2.3em;
    width: 100%;
}


/*--- Content ---*/

.search-results article,
.so-panel.widget_black_studio_tinymce,
.so-panel.widget_banner_block,
.so-panel.widget_simple_banner,
.so-panel.widget_advanced_search {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
}

.search-results .search-article-title,
.so-panel .digo-widget-title,
.so-panel .widget-title {
    padding: 10px 20px;
    margin: 0;
}

.so-panel .textwidget {
    padding: 20px;
}


/*Remove the top padding when there is a title*/

.so-panel .widget-title+.textwidget {
    padding-top: 0;
}

.textwidget>*:first-child {
    margin-top: 0;
}


/*No margin on the last paragraph*/

.so-panel .textwidget p:last-of-type {
    margin-bottom: 0;
}


/*Empty textwidgets*/

.so-panel .textwidget:empty {
    padding: 0;
}


/*Add a top margin when the first widget of a page is NOT a slider*/

#content .panel-grid:first-of-type .so-panel:not(.widget_metaslider_widget) {
    margin-top: 30px;
}


/*Edit post button*/

.edit-post-button {
    text-align: center;
    margin: 15px 0;
}


/*--- Image widget ---*/

.widget_media_image figure,
.widget_media_image img {
    max-width: 100%;
}


/*--- Create appointment ---*/

.create-appointment {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    position: relative;
    display: block;
}

.create-appointment .btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
}


/*--- Banner block ---*/

.banner-block {
    width: 100%;
    height: 300px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    display: block;
}

.banner-block-text,
.banner-block-excerpt {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
}

.banner-block-text {
    opacity: 0;
    height: 100%;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0.95);
    transition: all .4s ease;
}

.banner-block-excerpt {
    height: 40px;
    overflow: hidden;
}

.banner-block-excerpt-hover,
.banner-block-excerpt-default {
    font-family: Montserrat;
    padding: 0 10px;
    margin: 0;
    line-height: 40px;
    text-align: right;
    position: relative;
    transition: all .4s ease-in-out;
}

.banner-block:hover .banner-block-text {
    opacity: 1;
}

.banner-block:hover .banner-block-excerpt-hover {
    margin-top: 0px;
}

.banner-block:hover .banner-block-excerpt-default {
    margin-top: -40px;
}


/*--- Info circle---*/

.so-panel.widget_info_circle {
    border: 0px;
}

.info-circle-box {
    padding: 0 20px;
}

.info-circle-title {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 0;
}

.info-circle {
    width: 50%;
    padding-bottom: 48%;
    height: 0;
    margin-left: 25%;
    border-radius: 100%;
    position: relative;
    border: 3px solid #e53935;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
}

.info-circle:hover {
    transform: scale(1.02);
    background-color: #FFF;
    color: #e53935;
}

.info-circle i {
    position: absolute;
    font-size: 55px;
    width: 100%;
    top: 50%;
    text-align: center;
    color: #fff;
    margin-top: -50px;
    line-height: 100px;
}

.info-circle:hover i {
    color: #e53935;
}

.info-circle-text {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 0;
}

.info-circle-button {
    float: right;
    margin: 20px 0;
}


/*--- Info block widget ---*/

.info-block-left {
    width: 15%;
    float: left;
}

.info-block-right {
    width: 85%;
    float: left;
}

.info-block-icon {
    font-size: 1.3em;
    background-color: #444;
    color: #fff;
    display: block;
    height: 1.8em;
    width: 1.8em;
    border-radius: 100%;
    line-height: 1.8em;
    text-align: center;
}

.info-block-title {
    margin: 0 0 10px;
    line-height: 1.3em;
}

.info-block-text {
    font-size: 1.1em;
}


/*--- Search Occasion Widget ---*/

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    padding:16px;
}

.search-results article .entry-summary,
.search-occasion-widget-content {
    padding: 0 20px 10px;
}

.search-occasion-widget-content iframe {
    width: 100%;
    height: 287px;
}

.search-occasion-content iframe {
    width: 100%;
}


/*--- Request appointment form widget ---*/

.request-appointment-title {
    text-align: center;
}

.widget_request_appointment div#cwpContainer {
    width: 100%;
    overflow-x: scroll;
    margin: 0 auto;
}

.widget_request_appointment #cwpContainer .cwpForm {
    margin: 0 auto;
}


/*--- Request appointment v2 ---*/

iframe#cwp3-iframe {
    width: 100%;
}


/*--- Meta slider ---*/

.metaslider {
    overflow: hidden;
    position: relative;
}

.metaslider div.caption-wrap {
    opacity: 1;
    font-family: Montserrat;
    font-weight: 600;
    font-size: 36px;
    text-align: center;
    background-color: transparent;
}

.metaslider div.caption {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    width: 100%;
    position: absolute;
}

.metaslider a {
    display: block;
}


/*--- Custom menu ---*/

.widget_nav_menu .widget-title {
    padding-left: 0;
}

.service-menu li a,
.widget_nav_menu li a {
    font-size: 20px;
    line-height: 42px;
    padding: 0 0 0 5px;
    width: 100%;
    display: block;
}

.service-menu li a:hover,
.widget_nav_menu li a:hover {
    padding-left: 8px;
}

.service-menu li:not(:first-child),
.widget_nav_menu li:not(:first-child) {
    border-top: 1px solid #e2e2e2;
}

.service-menu li a:before,
.widget_nav_menu li a:before {
    content: "\f054";
    float: right;
    font-family: FontAwesome;
    color: #c62828;
}


/*--- Service pages ---*/

.service-menu,
.service-content {
    float: left;
    margin-top: 25px;
}

.service-menu {
    width: 25%;
    margin-right: 2%;
}

.service-content {
    width: 73%;
}

#content .service-content .panel-grid:first-of-type .so-panel:nth-of-type(1) {
    margin-top: 0;
}


/*--- Footer ---*/

.site-footer {
    margin-top: 35px;
}

#footer {
    padding: 40px 0 20px;
}

#footer h2.footer-title {
    font-size: 4em;
    margin: 0 0 20px;
    text-align: center;
}

#footer .footer-row {
    width: 100%;
    display: flex;
}

#footer .footer-col {
    width: 33.3%;
}

#footer #google_map {
    width: 1000px;
    max-width: 100%;
    height: 390px;
    margin: 0 auto 50px;
}

#footer #google_map h3 {
    margin-top: 0;
}

.google-maps-info {
    font-size: 14px;
    line-height: 22px;
}

.google-maps-info i {
    width: 25px;
}

#footer .footer-col h3 {
    margin-bottom: 15px;
}

#footer ul {
    font-size: 1.2em;
    color: #fff;
    line-height: 1.8em;
}


/*only display main pages*/

#footer ul ul {
    display: none;
}

#footer .table-comment,
#footer table {
    width: 100%;
    float: left;
}

#footer table tr {
    background-color: transparent;
    color: #fff;
    display: block;
    width: 100%;
}

#footer table th {
    width: 20% !important;
    display: block;
    float: left;
    padding: 5px 5px 5px 0;
}

#footer table td {
    width: 40% !important;
    float: left;
    display: block;
    padding: 5px 5px 5px 0;
}

.textwidget li:before,
#footer .menu li:before {
    width: 1.3em;
    display: inline-block;
    content: "\f054";
    font-family: fontawesome;
}

#footer i {
    width: 25px;
    min-height: 1px;
    display: inline-block;
}

#footer a {
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.copyright-notice a:hover,
#footer a:hover {
    color: #ddd;
    border-bottom: 1px solid #ddd;
}

.copyright-notice {
    width: 100%;
    float: left;
    padding: 0 15px;
    text-align: right;
    line-height: 2.2em;
}


/*--- 404 page ---*/


/*--- Search result page ---*/

.search-results .page-title {
    text-align: center;
}

.search-results .page-title span {
    width: 100%;
    display: inline-block;
}

.search-results article {
    width: 100%;
    max-width: 700px;
    margin: 10px auto 20px;
    float: none;
    word-break: break-all;
    word-break: break-word;
}

.search-results article footer {
    padding: 10px 20px;
}


/*--- Contact form ---*/

.wpcf7-form table {
    width: 100%;
}

.wpcf7-form td {
    width: 60% !important;
}

.wpcf7-form td:first-child {
    width: 40% !important;
}

.wpcf7-form table tr:last-child {
    background-color: transparent;
}

.wpcf7-form table *:first-child tr:first-child td {
    background-color: transparent;
    color: inherit;
    font-family: Lato;
}

.wpcf7-form textarea,
.wpcf7-form input {
    width: 100%;
    max-width: 100%;
}

.wpcf7-form textarea.wpcf7-not-valid,
.wpcf7-form input.wpcf7-not-valid {
    border-color: #e53935;
}

span.wpcf7-not-valid-tip {
    color: #e53935;
}

.wpcf7-form input[type="submit"] {
    padding: 5px;
}


/*--- WooCommerce button overrides ---*/

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    color: #515151;
    background-color: #ebe9eb;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background-color: #dad8da;
    color: #515151;
}


/*--- Advanced search ---*/

.wpas-field {
    width: 50%;
    float: left;
    margin-top: 5px;
}

.wpas-field:nth-of-type(odd) {
    padding-left: 20px;
    padding-right: 10px;
}

.wpas-field:nth-of-type(even) {
    padding-left: 10px;
    padding-right: 20px;
}

.wpas-field select:disabled {
    color: #e2e2e2;
    border-color: #e2e2e2;
}

.wpas-field select {
    width: 100%;
}

.wpas-submit.wpas-field,
.wpas-clear.wpas-field {
    margin-top: 15px;
    width: 60%;
    margin-bottom: 8px;
}

.wpas-clear.wpas-field {
    padding-right: 0;
}

.wpas-submit.wpas-field {
    width: 40%;
}

button.wpas-clear {
    float: right;
}

.wpas-submit.button {
    width: 100%;
    padding: 0;
}

.label-container {
    line-height: 1.7em;
    font-size: 1.1em;
    font-weight: bold;
}

.widget_advanced_search .extended-search {
    float: right;
    margin: 0 20px 6px;
    text-decoration: underline;
}


/*--- Shop pages ---*/

.woocommerce-page #container {
    margin-top: 30px;
}

#widgets_left {
    float: left;
    width: 25%;
    padding-right: 3%;
}

#products_right {
    float: left;
    width: 75%;
}


/*--- Product overview ---*/


/*Product filter (Filter Everything): the selected terms show as chips above the results; the widget's own
  copy of them is only for the collapsible mobile panel*/

@media only screen and (min-width: 769px) {
    .wpc-inner-widget-chips-wrapper {
        display: none;
    }
}

#products_right .products .product.type-product {
    width: 100%;
    margin: 0;
    padding: 15px;
}

#products_right .products .product.type-product:nth-of-type(even) {
    background-color: #f2f2f2;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 1.4em;
    padding: 0;
    margin-bottom: 10px;
    word-break: break-all;
    word-break: break-word;
}

.products .product .product-image {
    float: left;
    width: 35%;
}

.products .product .product-information {
    float: left;
    padding-left: 15px;
    width: 65%;
}

.products .product .product-specifications,
.products .product .product-price {
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 5px;
}

.products .product .product-specifications ul {
    margin-bottom: 0;
}

.products .product .product-specifications ul li {
    float: left;
    width: 50%;
    line-height: 1.6em;
    font-size: 1.05em;
}

.products .product .product-specifications .spec-label,
.products .product .product-specifications .spec-value {
    width: 50%;
    display: block;
    float: left;
}

.products .product .product-specifications .spec-label {
    font-weight: bold;
}

.woocommerce ul.products li.product .price {
    float: left;
    margin: 0;
    font-size: 24px;
    line-height: 50px;
    color: #444;
}

.woocommerce ul.products li.product .product-cta-button {
    position: absolute;
    right: 15px;
    bottom: 15px;
}


/*--- Image align ---*/

.vertical-align {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.horizontal-align {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.woocommerce ul.products li.product a img,
.vertical-align img {
    max-width: 100%;
    height: auto;
    width: auto;
    display: block;
    margin: 0 auto;
}


/*--- Product overview images---*/

.products .product .horizontal-align,
.products .product .vertical-align {
    height: 225px;
}

.products .product .vertical-align img {
    max-height: 225px;
}


/*Category title*/

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    font-size: 1.6em;
    padding: 0;
    line-height: 1.8em;
    text-align: center;
}

.woocommerce ul.products li.product .horizontal-align {
    overflow: hidden;
    position: relative;
}


/*--- Single Product ---*/
.single-product .product {
    width: 100%;
}

.single-product .product h1,
.single-product .product h2,
.single-product .product h3 {
    font-weight: bold;
}

.woocommerce-breadcrumb {
    display: none;
}


/*--- Back to occasions ---*/
.back-to-occasions {
    margin: 10px 0;
}


/*--- Right box ---*/
.right-sidebar {
    width: 35%;
    float: right;
    padding-left: 15px;
}

.single-product .car-title, .product .car-title {
    font-size: 28px;
    font-weight: bold;
    margin-top: 0;
}

.title-box {
    display: flex;
    flex-flow: row;
}

.title-box__part {
    flex-grow: 1;
}

.title-box .car-title-print {
    border: 1px solid #e2e2e2;
    border-radius: 100%;
    padding: 4px;
    margin-left: 10px;
    font-size: 20px;
    cursor: pointer;
    vertical-align: top;
    display: inline-block;
}

.car-details-list tbody tr:nth-child(odd) {
    background-color: transparent;
}

.car-details-list tbody td {
    padding: 3px 0;
}

/*Location*/
.location{
    text-align: center;
    font-size: 20px;
    line-height: 2.5rem;
    margin-bottom: .2em;
}

.location__address {
    line-height: 38px;
    font-size: 22px;
}

.digo-button__box {
    margin-top: 15px;
}

/*info-box*/
.info-box {
    background-color: #f2f2f2;
    padding: 10px;
    margin-top: 25px;
}

.info-box__title {
    font-weight: bold;
    margin-top: 0;
    font-size: 26px;
}

.info-box__text {
    line-height: 1.6em;
}

.info-box__list {
    font-size: 16px;
    line-height: 2.8rem;
}

/** Car product sidebar **/
.single-product .cart {
    display: none;
}

.digo__sidebar--overlay {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999;
    overflow: hidden;
    top: 0;
    right: 0;
    background-color: rgba(20, 20, 20, .4);
}

.digo__sidebar {
    display: none;
    max-width: 600px;
    width: 90%;
    height: 100%;
    padding: 15px 20px;
    top: 0;
    right: 0;
    position: fixed;
    background: white;
    z-index: 100000;
    overflow-y: scroll;
}

.digo__sidebar--close {
    top: 15px;
    right: 20px;
    font-size: 30px;
    position: absolute;
    cursor: pointer;
}

.digo__sidebar__price-info {
    border-bottom: 1px solid #e2e2e2;
    margin: 25px 0;
    padding-bottom: 10px;
    font-size: 22px;
    display: flex;
    justify-content: space-between;
}

.digo__sidebar__price-info--bottom {
    border: none;
}

.digo__sidebar__title {
    font-weight: bold;
    margin-top: 25px;
}

.price-summary-list {
    margin-bottom: 1.5rem;
    line-height: 2rem;
}

.price-summary-item--total {
    font-size: 1.75rem;
}

.price-summary-item {
    display: flex;
    justify-content: space-between;
}

.tooltip-delivery {
    position: absolute;
    left: 2.5%;
    top: 80%;
    width: 90%;
    background: white;
    border: 2px solid #d5d5d5;
    border-radius: 4px;
    display: none;
    padding: 6px 12px;
    z-index: 200000;
    line-height: 1.8rem;
    cursor: default;
    text-align: left;
}

.tooltip-delivery::before {
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    left: 20%;
    width: 10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #d5d5d5;
}

.tooltip-delivery__close {
    cursor: pointer;
    position: absolute;
    font-size: 22px;
    right: 10px;
    top: 5px;
}

.list--checkmarks li::before {
    content: '\f00c';
    font-family: FontAwesome;
    color: green;
    display: inline-block;
    padding-right: 8px;
}

.list--default li::before {
    content: '-';
    color: inherit;
};

.tooltip-delivery span {
    line-height: 1.2em;
}

.tooltip-delivery.active {
    display: block;
}


/*--- Order buttons ---*/
.digo-button {
    height: 65px;
    margin-bottom: 12px;
    padding: 10px;

    display: flex;
    flex-flow: row;
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    cursor: pointer;
}

.digo-button.selected,
.digo-button.selected {
    border-color: #e53935;
    background-color: rgba(255, 0, 0, .1);
}

.digo-button__left-text {
    width: 70%;
    height: 45px;
    display: flex;
    flex-flow: column;
    justify-content: space-around;
}

.digo-button__full-text {
    height: 45px;
    display: flex;
    align-items: center;
    width: 100%;
}

.digo-button__left-text--main {
    font-size: 17px;
    font-weight: 600;
}

.digo-button__full-text--main {
    font-size: 17px;
    font-weight: 600;
}

.digo-button__left-text--sub {
    font-size: 18px;
}

.digo-button__left-text i {
    color: #999;
}

.digo-button__right-text {
    width: 30%;
    font-size: 18px;
    line-height: 45px;
    text-align: right;
}

.digo-button.choice-button {
    position: relative;
}

.btn--configure {
    width: 100%;
    text-align: center;
    font-weight: 600;
}

.btn--info-box {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.btn__wrap--invoice {
    margin-top: 1em;
    text-align: right;
}


/*--- DTC iframe ---*/
.dtc_iframe_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10001;
    text-align: center;
    padding: 50px 10px 10px;
    display: none;
}

.dtc_iframe_wrap.active {
    display: block;
}

#dtc_iframe_background {
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 10000;
}

.dtc_iframe {
    width: 100%;
    max-width: 600px;
    height: 100%;
    padding: 25px 0;
    background-color: #F6F6F6;
}

.dtc_iframe_wrap .fa-close {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 3em;
    color: #fff;
    cursor: pointer;
}

/*--- Thumbnails ---*/
.woocommerce-page #content div.product div.images {
    width: 65%;
}

.digo__thumbnails__container {
    width: 100%;
    position: relative;
    display: none;
}

.digo__thumbnails {
    vertical-align: middle;
}

.digo__thumbnails__btn {
    width: 50px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    line-height: 100px;
    vertical-align: middle;
    font-size: 36px;
    text-align: center;
    cursor: pointer;
    z-index: 5;
    user-select: none;
    color: #fff;
    background: rgba(50, 50 ,50, .5);
    background: linear-gradient(-90deg, rgba(50, 50, 50, 0), rgba(50, 50, 50, .7));
}


.digo__thumbnails__btn--next {
    right: 0;
    left: auto;
    background: linear-gradient(90deg, rgba(50, 50, 50, 0), rgba(50, 50, 50, .7));
}

.digo__thumbnails__wrap {
    z-index: 4;
    width: 100%;
    display: block;
    overflow: hidden;
}

.digo__thumbnails__container {
    margin-top: 15px;
}

.woocommerce div.product div.images .digo__thumbnails li {
    width: 100px;
    margin-right: 10px;
    margin-top: 0;
    display: inline-block;
}

/*--- Price ---*/
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 1.2em;
    float: right;
    width: 100%;
    text-align: right;
    margin-bottom: 15px;
    color: inherit
}

.single-product .car-description-wrap {
    width: 65%;
    float: left;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.single-product .car-description-wrap p {
    line-height: 1.6em;
}

.single-product #cd_read_toggle {
    position: absolute;
    width: 100%;
    height: 3em;
    padding-top: 1em;
    line-height: 2em;
    font-size: 1.2em;
    display: block;
    text-align: center;
    left: 0;
    bottom: 0;
    cursor: pointer;
    background: linear-gradient(rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.7) 30%, #fff 90%, #fff 100%);
}

.single-product .contact-buttons .btn {
    float: right;
    clear: both;
    margin-bottom: 10px;
    min-width: 65%;
    text-align: center;
}

.single-product .contact-buttons .btn i {
    margin-right: 7px;
}


/*--- Car options ---*/

.single-product .contact-buttons,
.single-product .car-options,
.single-product .related.products {
    width: 100%;
    float: left;
}

.single-product .car-video {
    width: 48%;
    float: left;
    /* clear: left; */
}


/*--- Car video ---*/

.car-video .digo-ytplayer {
    width: 640px;
    height: 360px;
    max-width: 100%;
    margin: 0 auto;
}


/*--- Car options ---*/

.grid-sizer,
.options-list {
    width: 33.3%;
}

.options-list {
    font-size: 1.05em;
    line-height: 1.6em;
}


/*--- Car specifications ---*/
.single-product .car-specs {
    width: 65%;
    float: left;
}

.car-specs__cat {
    width: 50%;
    float: left;
}

.car-specs__cat__title {
    margin-bottom: 5px;
}

.car-specs__cat__table {
    width: 100%;
    font-size: 1.2em;
    line-height: 1.4em;
    color: #666;
}

.car-specs__cat__table tbody tr:nth-child(odd) {
    background-color: transparent;
}

.car-specs__cat__table td {
    padding: 3px 0;
    font-style: normal;
}

/*--- Cross sells ---*/

.related.products ul.products li.product .product-image,
.related.products ul.products li.product .product-information {
    width: 100%;
    padding: 0;
}

.related.products ul.products li.product .woocommerce-loop-product__title {
    font-size: 1em;
}

.related.products ul.products li.product .product-specifications,
.related.products ul.products li.product .product-cta-button {
    display: none;
}

/*--- Checkout ---*/
.woocommerce-checkout {
    background: #f0f0f0;
}

.checkout-step-2 {
    display: none;
}

.woocommerce-checkout .site-content {
    background: #f0f0f0;
    padding-top: 3rem;
}

.woocommerce-checkout .checkout__details h3 {
    font-weight: bold;
    margin-bottom: 2.5rem;
    margin-top: .5rem;
}

.woocommerce-order,
.woocommerce-checkout .checkout__box,
.woocommerce-checkout .checkout__details,
.woocommerce-checkout .checkout__review,
.woocommerce-checkout .checkout__contact {
    background: white;
    border: 1px solid #aaa;
    width: 60%;
    float: left;
    padding: 1.5rem;
    margin-bottom: 3rem;
}

.payment-copy {
    margin-bottom: 10px;
}

.payment-copy #place_order,
.woocommerce-checkout-review-order-table,
.woocommerce-checkout-payment {
    display: none;
}

.woocommerce-checkout .checkout__right {
    width: 37%;
}

.woocommerce-checkout .checkout__box,
.woocommerce-checkout .checkout__contact,
.woocommerce-checkout .checkout__review {
    width: 100%;
}

.woocommerce-checkout .col2-set .col-2,
.woocommerce-checkout .col2-set .col-1 {
    width: 100%;
    float: none;
}

.checkout__buttons {
    display: flex;
    justify-content: space-between;
}

.checkout__button__next {
    margin-left: auto;
}

.woocommerce-checkout .woocommerce-checkout-payment button {
    width: 100%;
}

.checkout__contact__title {
    margin-top: 0px;
}

.checkout__review__title {
    font-weight: bold;
    margin-top: .5rem;
}

.checkout__review__title--payment {
    margin-top: 1em;
}

.checkout__review__subtitle {
    margin-bottom: 1rem;
}

.checkout__review__summary {
    margin-top: 1.5rem;
}

.price-summary-item {
    position: relative;
}

/*--- Checkout form ---*/
.woocommerce-checkout .woocommerce form .form-row {
    padding: 0 0 5px;
    margin: 0;
}

.woocommerce-checkout .woocommerce form .form-row label {
    line-height: 1.5em;
    font-size: 16px;
}

.woocommerce-checkout .woocommerce form .form-row input {
    font-size: 15px;
}

/*--- Gender input ---*/
.woocommerce-checkout #billing_salutation_field input {
    display: none;
}

.woocommerce-checkout #billing_salutation_field label {
    display: inline-block;
    line-height: 45px;
    padding: 0 20px;
    border: 1px solid #e2e2e2;
    cursor: pointer;
    user-select: none;
}

.woocommerce-checkout #billing_salutation_field input:checked + label {
    border-color: rgb(0, 128, 0);
    background-color: rgba(0, 128, 0, .1);
}

#ship-to-different-address {
    margin: 10px 0 25px;
    font-size: 18px;
}

#ship-to-different-address input,
#ship-to-different-address span {
    cursor: pointer;
}

#ship-to-different-address span {
    padding-left: 5px;
}

/*--- Checkout icons ---*/
.digo__icons {
    text-align: center;
}

.digo__icon__wrap {
    display: inline-block;
    margin: 10px 30px;
    font-size: 18px;
    font-weight: bold;
}

.digo__icon {
    display: block;
    margin: 0 auto 1em;
    width: 60px;
    height:  60px;
    text-align: center;
    border-radius:100%;
    color: #fff;
    text-decoration: none;

    position: relative;
    border: 3px solid #e53935;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
}


.digo__icon:hover {
    transform: scale(1.02);
    background-color: #FFF;
    color: #e53935;
}

.digo__icon i {
    width: 100%;
    height: 100%;
    font-size: 28px;
    line-height: 54px;
    text-align: center;
}

/*--- Payment ---*/
.wc_payment_method {
    min-height: 65px;
    margin-bottom: 12px;
    padding: 0 10px;

    border: 1px solid #e2e2e2;
    border-radius: 2px;
    width: 100%;
    max-width: 400px;
}


.wc_payment_method .input-radio {
    width: 9%;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;;
}

.wc_payment_method label  {
    line-height: 65px;
    width: 90%;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}

.wc_payment_method label img {
    vertical-align: middle;
    float: left;
    height: 41px;
    margin-top: 12px;
    padding-right: 10px;
}

.wc_payment_method .payment_box {
    width: 100%;
    line-height: 20px;
    border-top: 1px solid #e2e2e2;
    padding: 10px 0;
}

.wc_payment_method .payment_box p {
    margin-bottom: 5px;
}

.payment__text,
.shipping__text {
    line-height: 1.6em;
    color: #555;
    margin-bottom: .5em;
}

.shipping__select {
    margin: 10px 1.5em 1.5em 0;
}

.checkout__shipping-date {
    margin-bottom: 15px;
}

.checkout__shipping-date .woocommerce-input-wrapper {
  margin-right: 5px;
}

/*--- thankyou page ---*/
.woocommerce-order {
    width: 100%;
}

.thankyou__title{
    font-weight: bold;
    font-size: 24px;
}

.thankyou__title--main {
    text-align: center;
    font-size: 36px;
    margin-bottom: 25px;
}

.thankyou__subtitle {

}

.thankyou__moreinfo,
.thankyou__faq__answer,
.thankyou__paragraph {
    line-height: 1.65em;
    color: #666;
}

.thankyou__title--small {
    font-size: 18px;
}

.thankyou__title--payment {}
.thankyou__title--delivery {}
.thankyou__title--contact {}

.thankyou__top {
    display: flex;
    flex-direction: row;
}

.thankyou__total {
    display: inline-block;
    margin-top: 1em;
    font-size: 1.3em;
}

/*info*/
.thankyou__info__blocks {
    display: flex;
    flex-direction: row;
}

.thankyou__info__blocks__left {
    width: 50%;
}

.thankyou__info__blocks__right {
    width: 50%;
}

/*icons*/

.thankyou__icons {
    display: flex;
    flex-direction: column;
    width: 40%;
}

.thankyou__icon__wrap {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    display: block;
}

.thankyou__icon i {
    font-size: 80px;
    margin-bottom: 10px;
}

.thankyou__icon__text {
    font-size: 16px;
}

.thankyou__image {
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.thankyou__image__src {
    width: 30%;
}

.thankyou__moreinfo {
    display: flex;
    align-items: center;
    flex-direction: row;
    border-top: 1px solid #e2e2e2;
    margin-top: 1em;
    padding-top: 1em;
}

.thankyou__moreinfo__paragraph {}
.thankyou__moreinfo__icons {
    min-width: 400px;
}

.thankyou__car-info {
    display: flex;
    flex-flow: c;
    margin-top: 15px;
}

.thankyou__car-info__text,
.thankyou__car-info__image {
    flex-grow: 1;
    width: 50%;
}

.thankyou__car-info__text {
    padding: 0 10px;
}

.thankyou__car-info__title{
    margin-top: 0;
}

.thankyou__car-info__image__src {
    width: 100%;
}

.thankyou__faq {}


@media only screen and (max-width: 900px) {
    .thankyou__top {
        flex-direction: column;
    }

    .thankyou__info__blocks {
        flex-direction: column;
    }

    .thankyou__car-info {
        flex-direction: column-reverse;
    }

    .thankyou__car-info__text,
    .thankyou__car-info__image {
        width: 100%;
    }

    .thankyou__car-info__text{
        padding: 10px 0;
    }

    .thankyou__info__blocks__left,
    .thankyou__info__blocks__right {
        width: 100%;
    }

    img.thankyou__image__src {
        max-width: 100%;
    }

    .thankyou__icons {
        flex-direction: row;
        width: 100%;
    }

    .thankyou__moreinfo {
        flex-direction: column;
    }

    .thankyou__moreinfo__icons {
        min-width: 100%;
    }
}

/*--- 404 Page ---*/
.error-404 .notfound-left,
.error-404 .notfound-right {
    margin-top: 25px;
    width: 50%;
    float: left;
}

.error-404 .search-form input[type="search"] {
    height: 41px;
    line-height: 41px;
    vertical-align: top;
}

.error-404 .search-form .screen-reader-text {
    display: none;
}

.error-404 .menu {
    font-size: 1.3em;
    line-height: 1.5em;
    list-style: disc inside;
}

.error-404 .menu ul {
    list-style: circle inside;
    font-size: 0.9em;
    line-height: 1.3em;
    margin-bottom: 10px;
}


/*-- Responsive ---*/
@media only screen and (max-width: 900px) {
    .site-header-top {
        display: none;
    }
    .site-header,
    .site-header.sticky,
    .admin-bar .site-header.sticky {
        position: relative;
        border: 0;
        margin-top: 0;
        top: 0;
    }
    .site-header {
        padding: 0;
    }
    .site-header.dg-white {
        background-color: #e53935;
    }
    #menu_toggle {
        opacity: 1;
        display: block;
    }
    #menu_phone {
        display: block;
    }
    .site-header header {
        display: block;
    }
    header .logo {
        left: 50%;
        margin-left: -64px;
        position: absolute;
        height: 48px;
        background-image: url('images/logo-white.png');
    }
    #header nav {
        width: 100%;
        float: right;
    }
    #header nav ul {
        display: none;
        margin-bottom: 15px;
    }
    #header nav li {
        width: 100%;
        text-align: left;
        position: relative;
    }
    #header nav li.menu-item-has-children .submenu-toggle {
        color: #fff;
        position: absolute;
        top: 0;
        right: 0;
        text-align: center;
        display: block;
        background-color: #c62828;
        line-height: 45px;
        /*Height of a element + margin*/
        width: 50px;
    }
    #header nav li.menu-item-has-children .submenu-toggle .fa {
        -webkit-transition: .3s;
        -moz-transition: .3s;
        transition: .3s;
    }
    #header nav li:not(:last-child) {
        border-bottom: 1px solid #c62828;
    }
    #header nav li a {
        color: #fff;
        margin: 5px;
        line-height: 35px;
        font-size: 15px;
    }
    #header nav li a:hover {
        background-color: #fff;
        color: #c62828;
    }
    /*submenu*/
    #header nav li ul {
        float: left;
        width: 100%;
        background-color: #c62828;
        position: relative;
        margin-bottom: 0;
        padding: 5px 20px;
        display: none;
    }
    #header nav li ul li {
        width: 100%;
    }
    #header nav li li:not(:last-child):not(.menu-item-has-children) {
        border-bottom: 1px solid #e67775;
    }
    #header nav li ul li a {
        font-size: 14px;
        line-height: 30px;
        padding: 0 10px;
    }
    /*--- Pagebuilder small screen fix ---*/
    .panel-grid {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .metaslider div.caption-wrap {
        font-size: 16px;
    }
    /*--- Info circles ---*/
    .info-circle {
        width: 50%;
        padding-bottom: 50%;
        margin-left: 25%;
    }
    .info-circle i {
        font-size: 50px;
    }
    /*--- Contact form ---*/
    .wpcf7-form td,
    .wpcf7-form td:first-child {
        float: left;
        width: 100% !important;
    }
    /*--- Service pages ---*/
    .service-menu {
        width: 40%;
        margin: 0 5% 0 0;
    }
    .service-content {
        width: 55%;
    }
    /*--- Shop pages ---*/
    #widgets_left,
    #products_right {
        width: 100%;
        padding-right: 0;
        padding-bottom: 15px;
    }
    .products .product .product-image,
    .products .product .product-information {
        width: 100%;
    }
    .products .product .product-information {
        margin-top: 10px;
    }
    /*--- Footer ---*/
    #footer .footer-row {
        padding: 0 5%;
        margin: 0;
        flex-direction: column;
    }
    #footer .footer-col {
        width: 100%;
    }
    #wpadminbar {
        margin-top: -46px;
    }
}

@media only screen and (max-width: 780px) {
    /*--- Info circles ---*/
    .info-circle {
        padding-bottom: 40%;
        width: 40%;
        margin-left: 30%;
    }
    .info-circle-button {
        float: none;
        display: block;
        text-align: center;
    }
    .info-circle i {
        font-size: 70px;
    }
    /*--- Advanced search widget ---*/
    .wpas-submit.wpas-field,
    .wpas-clear.wpas-field {
        padding: 0 10px;
        margin-top: 10px;
        width: 100%;
    }
    .wpas-submit.wpas-field {
        margin-top: 0;
    }
    .wpas-clear button {
        width: 50%;
    }
    .wpas-submit.button {
        width: 100%;
        margin: 0;
    }
    /*--- Service pages ---*/
    .service-main {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .service-menu,
    .service-content {
        width: 100%;
    }
    /*--- Car video ---*/
    .single-product .car-video {
        width: 100%;
    }
    /*--- Car options ---*/
    .single-product .car-specs,
    .car-specs__cat,
    .single-product .car-description-wrap,
    .options-list {
        width: 100%;
    }
    /*--- Single Product specifications---*/
    .car-specs table.shop_attributes td:nth-of-type(odd) {
        width: 40% !important;
        font-weight: bold;
    }
    .car-specs table.shop_attributes td:nth-of-type(even) {
        width: 60% !important;
    }
    .car-specs table.shop_attributes td:nth-of-type(2n+1),
    .car-specs table.shop_attributes td:nth-of-type(2n+2) {
        background-color: #e2e2e2;
    }
    .car-specs table.shop_attributes td:nth-of-type(4n+3),
    .car-specs table.shop_attributes td:nth-of-type(4n+4) {
        background-color: #fff;
    }

    /*Product sidebar buttons*/
    .digo-button__left-text,
    .digo-button__right-text {
        width: 50%;
    }

    /*--- Footer ---*/
    #footer h2.footer-title {
        font-size: 3em;
    }
    #footer .table-comment,
    #footer table {
        font-size: .75em;
    }
}

@media only screen and (max-width: 600px) {
    .products .product .horizontal-align,
    .products .product .vertical-align {
        height: auto;
    }
    .woocommerce ul.products li.product a img {
        margin: 10px auto;
    }
    .woocommerce ul.products li.product .product-cta-button button,
    .products .product .product-specifications ul li {
        width: 100%;
    }
    .products .product .product-specifications .spec-label,
    .products .product .product-specifications .spec-value {
        width: 50%;
    }
    .woocommerce ul.products li.product .product-cta-button {
        width: 100%;
        float: left;
        position: initial;
    }
    /*--- Single Product ---*/
    /*--- Thumbnails ---*/
    /*--- Car options ---*/
    .car-options {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media only screen and (min-width: 901px) {
    #header nav ul {
        display: block !important;
    }
    #header nav li ul {
        display: none !important;
    }
    #header nav li:hover ul {
        display: block !important;
    }
}

@media only print {
    .digo-button__box,
    .info-box,
    .moreinfo__icons,
    .back-to-occasions,
    .contact-buttons,
    .car-video,
    .site-header-top,
    .site-header,
    .site-footer,
    .copyright-notice {
        display: none;
    }
    .single-product .car-specs,
    .single-product .car-description-wrap {
        height: 100%;
        overflow: auto;
    }
    .product_title {
        font-size: 1em;
    }
    .woocommerce-product-gallery .flex-control-thumbs {
        display: none;
    }
    table.car-details {
        margin-top: -1em;
        page-break-inside: avoid;
    }
    .options-list:nth-child(n+5) {
        margin-top: 60px;
    }
    .car-options {
        float: left;
        width: 100%;
        margin-bottom: 2em;
    }
    .car-specs {
        margin-top: 50px;
    }
    #cd_read_toggle {
        display: none !important;
    }
    .digo__thumbnails__container,
    .flex-control-nav.flex-control-thumbs,
    .car-specs h2 {
        display: none;
    }
    .car-specs {
        page-break-inside: avoid;
    }
    table.car-details td,
    .car-specs table.shop_attributes td,
    .car-specs table.shop_attributes td p {
        height: 2em;
        line-height: 2em;
        font-size: 1em;
        padding: 0 0 0 15px;
    }


    .right-sidebar,
    .woocommerce div.product div.summary.entry-summary,
    .woocommerce-product-gallery {
        width: 50% !important;
        float: left;
    }

    .woocommerce div.product div.images img,
    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .image-link img[style] {
      position: relative !important;
      width: 45% !important;
      height: auto !important;
    }

    .digo__thumbnails__container,
    img.zoomImg[style] {
      display: none !important;
    }

    .woocommerce #content div.product div.images,
    .woocommerce div.product div.images,
    .woocommerce-page #content div.product div.images,
    .woocommerce-page div.product div.images {
      height: 200px;
    }

    .car-specs {
      width: 100% !important;
    }

    .car-description-wrap {
      width: 100% !important;
      height: auto !important;
      line-height: 14px !important;
      font-size: 13px !important;
    }

    #trengo-web-widget,
    .woocommerce-product-gallery__image:not(:first-of-type) {
        display: none !important;
    }
}


@media only screen and (max-width: 768px) {
    .woocommerce-page #content .right-sidebar,
    .woocommerce-page #content div.product div.images {
        padding-left: 0;
        width: 100%;
    }

    .woocommerce-checkout .checkout__details,
    .woocommerce-checkout .checkout__right {
        width: 100%;
    }

}


/**   CHECKOUT CSS ADDED 23 APR  **/
.woocommerce-terms-and-conditions {
    max-height: 400px !important;
}

/*old*/
.noscroll {
    overflow: hidden;
    height: 100vh;
    overflow-y: hidden;
}

/* Hide recaptcha */
.grecaptcha-badge {
    display: none !important;
}