/*
Theme Name:			Sneeboer
Theme URI:			https://gitlab.idot.cloud/wordpress/unframed-base-theme
Author:				Unframed
Author URI: 		http://www.unframed.nl/
Description: 		Custom WordPress base theme
Version:			0.0.1
License:			All rights reserved
*/

:root {
    --sneeboer-red: #c41422;
    --sneeboer-light-grey: #F3F3F3;
    --sneeboer-dark-gray: #3e3e3e;
    --sneeboer-white: #FFFFFF;
}
::selection {
    background-color:var(--sneeboer-red);
    color:var(--sneeboer-white);
}
body{
    font-size:18px !important;
}
.thb-product-detail .product-information .entry-summary .woocommerce-product-details__short-description{
    font-size:inherit !important;
}
/*.logo-holder .logoimg{*/
/*    margin-bottom:45px;*/
/*}*/

.logo-holder .logoimg {
    max-width: 215px;
    max-height: none;
}

@media screen and (max-width: 600px) {
    .logo-holder .logoimg {
        max-width: 150px;
    }
}

.logo-holder {
    justify-content: center;
}

/** Hyperlinks */

a{
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

div[role="main"] a{
    color:var(--sneeboer-red);
    text-decoration:underline;
}
div[role="main"] a::before{
    text-decoration: none;
}
div[role="main"] a:hover{
    text-decoration: none;
}
a.button{
    color:var(--sneeboer-white) !important;
    text-decoration:none !important;
}
a.style2{
    background:var(--sneeboer-red) !important;
}
a.btn{
    color:var(--sneeboer-white) !important;
    text-decoration: none !important;
}

a[href^="mailto:"]::before{
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content:'\f0e0';
    margin-right:5px;
    background:var(--sneeboer-red);
    color:var(--sneeboer-white);
    padding:2px 3px;
    border-radius: 2px;
}
a[href^="tel:"]::before{
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content:'\f095';
    margin-right:5px;
    background:var(--sneeboer-red);
    color:var(--sneeboer-white);
    padding:2px 3px;
    border-radius: 2px;
}
a[rel="external"]::before{
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content:'\f0ac';
    margin-right:5px;
    background:var(--sneeboer-red);
    color:var(--sneeboer-white);
    padding:2px 3px;
    border-radius: 2px;
}
a.maps::before{
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content:'\f59f';
    margin-right:5px;
    background:var(--sneeboer-red);
    color:var(--sneeboer-white);
    padding:2px 3px;
    border-radius: 2px;
}

a.wpml-ls-link{
    padding:12px 0 !important;
}
/* Hyperlinks END */


/** Headings */
h1{
    font-size:35px !important;
    font-weight:normal !important;
}
h2{
    font-size:22px !important;
    color:var(--sneeboer-red) !important;
    font-weight:normal !important;
}
h3{
    font-size:19px !important;
}
h4{
    font-size:16px !important;
    color:var(--sneeboer-red) !important;
}
/* Headings END */


/** Backgrounds */
.has-sneeboer-light-grey-background-color{
    background-color:var(--sneeboer-light-grey) !important;
}
/* Background END **/


/** Header */
.subheader{
    padding:0 !important;
    background-color:var(--sneeboer-red) !important;
}
.subheader a{
    color:var(--sneeboer-white);
}
/* Header END **/

#maps{
    height:800px;
    border:1px solid #CCC;
    margin-bottom:50px;
}

blockquote{
    font-size: 13px !important;
    border-left: 5px solid !important;
    padding: 0 5% !important;
}


/** Footer */
.footer{
    background:var(--sneeboer-white) !important;
}
.footer> .footer-row{
    padding:0 50px !important;
}
.footer-row .columns{
    padding:75px 0 25px 0 !important;
    border-top:1px solid #eee !important;
}
.footer+.subfooter:before{
    background:transparent !important;
}
.subfooter{
    padding:10px 0 !important;
    background:var(--sneeboer-red) !important;
}
.subfooter,.subfooter a{
    color:var(--sneeboer-white) !important;
}
.subfooter i{
    color:var(--sneeboer-red);
}
/* END Footer **/

/** Home */
figure#hero{
    position:relative;
    overflow: hidden;
    height:700px;
}
figure#hero figcaption{
    position: absolute;
    text-align: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size:35px;
    color:#FFF;
}
figure#hero figcaption strong{
    font-size:70px;
    font-family: 'PT Serif',serif;
}
/* Home END **/


/** Products */
ul.wc-block-grid__products .product{
    text-align:center;
}
.products.columns-4 .product.type-product {
    padding-block: 15px;
    margin-bottom: 0;
}
.products.columns-4 .product.type-product:where(:not(:nth-of-type(4n))) {
    border-right: 1px solid #eee;
}
.products.columns-4 .product.type-product:where(:not(:nth-of-type(-n+4))) {
    border-top: 1px solid #eee;
}
@media (max-width: 1067px) {
    .products.columns-4 .product.type-product:where(:nth-of-type(n)) {
        border-right: 0;
        border-top: 0;
    }
    .products.columns-4 .product.type-product:where(:not(:nth-of-type(2n))) {
        border-right: 1px solid #eee;
    }
    .products.columns-4 .product.type-product:where(:not(:nth-of-type(-n+2))) {
        border-top: 1px solid #eee;
    }
}
.products *{
    text-align:center;
}
.products a{
    text-decoration:none !important;
}
.products h2{
    font-size:20px !important;
    display:flex;
    justify-content: center;
}
.products .product .thb_transform_price .thb_transform_loop_buttons, .wc-block-grid__products .product .thb_transform_price .thb_transform_loop_buttons{
    display:inherit !important;
}
.products mark.count{
    background: var(--sneeboer-red) !important;
    color:var(--sneeboer-white) !important;
    border:0 !important;
    height:inherit !important;
    width:inherit !important;
    padding:2px 5px !important;
    border-radius:2px;
}
.product_meta{
    font-size:15px !important;
}
.graveren a{
    font-size:14px;
    text-decoration:none !important;
    color:var(--sneeboer-dark-gray);
    background:var(--sneeboer-light-grey) !important;
    border-radius:5px;
    padding:5px 10px;
}
.graveren a:hover{
    background:var(--sneeboer-dark-gray) !important;
    color:var(--sneeboer-light-grey) !important;
}
.graveren a::before{
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content:'\f5b7';
    margin-right:5px;
    padding:2px 3px;
}
#rchars{
    font-size:13px !important;
    color:var(--sneeboer-dark-gray);
    margin:5px 0 25px 0;
}
/* Products END **/


/** Jobposting */
.sidebar-content-main{
    padding:0 !important;
}
.thb-fixed-shares-container,.thb-social-top{
    width:250px !important;
    max-width:250px !important;
}
.sd-content ul{
    margin:0;
}
.thb-social-top{
    padding-left:15px;
}
/* Jobposting END**/


.shadow .gform_wrapper{
    margin-top: -25px;
    box-shadow: 2px 2px #eee;
    border: 1px solid #eee;
    padding: 25px 25px 0 25px;
    border-radius: 10px;
}
.gform_wrapper{
    margin-top:50px;
}
.gfield_required{
    display:none !important;
}


/** Sidebar */
.wc-block-product-categories-list a{
    text-decoration:none !important;
}
.wc-block-product-categories-list a:hover{
    text-decoration:underline !important;
}
.wc-block-product-categories-list--depth-0 li{
    font-weight:bold;
}
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1{
    margin:5px 0 25px 0;
    /*list-style-image:url('/wp-content/uploads/2023/05/cropped-logo-sneeboer-110-32x32.png');*/
}
ul.wc-block-product-categories-list.wc-block-product-categories-list--depth-1 li{
    background-image:url('/app/uploads/2023/05/cropped-logo-sneeboer-110.png');
    background-repeat:no-repeat;
    background-size:20px;
    background-position:left;
    padding-left:25px;
    font-weight:normal;
}
/* Sidebar END **/


/** Timeline */
section#timeline{
    padding:69px 0;
}

.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

.timeline::after {
    content: '';
    position: absolute;
    width: 1px;
    background-color: var(--sneeboer-dark-gray);
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -1px;
}

.tm-container {
    padding: 10px 25px;
    position: relative;
    background-color: inherit;
    width: 50%;
}
.tm-container a{
    color:var(--sneeboer-dark-gray) !important;
    text-decoration:none !important;
}
.tm-container::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: -4px;
    background-color: white;
    border: 2px solid #c41423;
    top: 22px;
    border-radius: 50%;
    z-index: 1;
}

.left {
    left: 0;
    text-align:right;
}

.right {
    left: 50%;
}

.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 18px;
    width: 0;
    z-index: 1;
    right: 15px;
    border: medium solid var(--sneeboer-dark-gray);
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent var(--sneeboer-dark-gray);
}

.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 18px;
    width: 0;
    z-index: 1;
    left: 15px;
    border: medium solid var(--sneeboer-dark-gray);
    border-width: 10px 10px 10px 0;
    border-color: transparent var(--sneeboer-dark-gray) transparent transparent;
}

.right::after {
    left: -6px;
}

.content {
    border:3px solid var(--sneeboer-dark-gray);
    padding: 20px 30px;
    position: relative;
    border-radius: 6px;
}
.tm-container:hover .content{
    background:var(--sneeboer-red);
    color:var(--sneeboer-white);
    border-color:var(--sneeboer-red) !important;
}
.tm-container:hover .content *{
    color:var(--sneeboer-white) !important;
    border-color:var(--sneeboer-red) !important;
}
/* Timeline END **/

/** Accordeon */
.accordion{
    margin-bottom:50px;
}
.accordion-title h3 a{
    color:var(--sneeboer-light-grey);
    text-decoration: none !important;
}
.accordion .accordion-item {
    border-bottom: 1px solid var(--sneeboer-light-grey);
}
.accordion .accordion-item button[aria-expanded='true'] {
    border-bottom: 1px solid var(--sneeboer-red);
}
.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 0;
    color: var(--sneeboer-dark-gray);
    font-size: 1.15rem;
    font-weight: 400;
    border: none;
    background: none;
    outline: none;
}
.accordion button:hover,
.accordion button:focus {
    cursor: pointer;
    color: var(--sneeboer-red);
}
.accordion button:hover::after,
.accordion button:focus::after {
    cursor: pointer;
    color: var(--sneeboer-red);
    border: 1px solid var(--sneeboer-red);
}
.accordion button .accordion-title {
    padding:0;
    margin:0;
}
.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px;
}
.accordion button .icon::before {
    display: block;
    position: absolute;
    content: '';
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px;
    background: currentColor;
}
.accordion button .icon::after {
    display: block;
    position: absolute;
    content: '';
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px;
    background: currentColor;
}
.accordion button[aria-expanded='true'] {
    color: var(--sneeboer-red);
}
.accordion button[aria-expanded='true'] .icon::after {
    width: 0;
}
.accordion button[aria-expanded='true'] + .accordion-content {
    opacity: 1;
    max-height: 100em;
    transition: all 200ms linear;
    will-change: opacity, max-height;
}
.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 200ms linear, max-height 200ms linear;
    will-change: opacity, max-height;
    padding:0;
}
.accordion .accordion-title h3{
    margin:0;
}
.accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 1em 0 2em 0;
}
/* Accordeon END **/


.wp-block-gallery img{
    border:1px solid var(--sneeboer-dark-gray);
}

input.wc-pao-addon-custom-text{
    width:100%;
}

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    figure#hero{
        height:auto;
    }
    figure#hero figcaption{
        font-size:15px;
    }
    figure#hero figcaption strong{
        font-size:30px;
    }


    /** Footer */
    footer *{
        text-align:center;
    }
    footer ul.is-layout-flex{
        justify-content: center;
    }
    .wpml-ls-legacy-list-vertical{
        width:100%;
    }
    /* Footer END **/

    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .tm-container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

    /* Make sure that all arrows are pointing leftwards */
    .tm-container::before {
        left: 60px;
        border: medium solid var(--sneeboer-dark-gray);
        border-width: 10px 10px 10px 0;
        border-color: transparent var(--sneeboer-dark-gray) transparent transparent;
    }

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left:25px;
    }
    .left{
        text-align: left;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
        text-align:left !important;
    }
}

.long-product{
    border: 1px solid #CCC !important;
    border-radius: 5px;
    padding: 5px 10px;
    background: #EEE;
    font-size: 12px;
}
.long-product i{
    padding-right:3px;
    color:#c41423;
}
.woocommerce-product-attributes-item__value{
    text-align:right;
}

/** Post */
.post a{
    text-decoration:none !important;
    color:var(--sneeboer-dark-gray) !important;
}
.post a:hover h3{
    color:var(--sneeboer-red) !important;
}
.post a .post-more{
    font-size:0.9em;
    color:var(--sneeboer-white);
}
.post a:hover .post-more{
    color:var(--sneeboer-red);
}
/** Post END **/

.notification{
    padding:15px;
    border:1px solid var(--sneeboer-dark-gray);
    background:var(--sneeboer-light-grey);
    color:var(--sneeboer-dark-gray);
    border-radius:15px;
}

/* Dealers */
div.internal ul{
    margin:0;
    padding:0;
}
div.internal li{
    display:inline-block;
}
div.internal li a{
    display:block;
    font-size:13px;
    border-radius:5px;
    border:1px solid var(--sneeboer-dark-gray);
    margin:5px 5px 0 0;
    padding:10px;
    text-decoration:none !important;
}
div.internal li a:hover{
    background:var(--sneeboer-red);
    color:var(--sneeboer-white) !important;
}
div.internal li a:hover span{
    border-color:var(--sneeboer-white) !important;
    background: var(--sneeboer-white);
    color:var(--sneeboer-red);
}
section#dealers .small-3{
    max-width:23%;
}
.dealer-details{
    display:flex !important;
}
.dealer{
    border:1px solid var(--sneeboer-dark-gray);
    border-radius:5px;
    padding:15px;
    margin:1% 1% 0 0;
    width:30%;
    text-decoration:none !important;
}
.dealer:hover{
    background:var(--sneeboer-red) !important;
}
.dealer:hover *{
    color:var(--sneeboer-white);
}
.dealer p{
    margin:0;
}
.country{
    padding:25px 0;
    margin:50px 0;
    border-top:1px solid var(--sneeboer-light-grey);
}
.country a{
    text-decoration: none !important;
}
.country .columns{
    display:flex !important;
}

.count{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 25px;
    height: 25px;
    color: #5a5958;
    border: 1px solid #5a5958;
    font-size: 12px;
    background: rgba(90,89,88,0.1);
    border-radius: 50%;
}

.dealer-details{
    border:1px solid var(--sneeboer-light-grey);
    border-radius:10px;
    padding:25px !important;
    margin-bottom:50px;
}
.dealer-details .address{
    margin-bottom:25px;
}
@media screen and (max-width: 600px) {
    section#dealers .small-3{
        width:100%;
        max-width:100% !important;
    }
    .dealer-details{
        display:block !important;
        padding:0 !important;
    }
    .dealer-details .column{
        margin-bottom:25px;
        padding-top:25px;
    }
    .country .columns{
        display:block !important;
    }
}

/** B2B form */
#b2b td:first-child{
    display: flex;
    justify-content: stretch;
    align-items: center;
}
#b2b td:first-child *{
    margin:0 5px;
}
#b2b td:first-child input{
    width:45px;
    height:21px;
}
#b2b{
    font-size:17px !important;
}

.b2b-cart{
    padding: 10px;
    background: var(--sneeboer-white);
    border-top: 1px solid var(--sneeboer-dark-gray);
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.b22-cart h3{
    margin:0 !important;
}

.b2b-cart th,.b2b-cart td{
    text-align:right !important;
}
.b2b-cart th:first-child,.b2b-cart td:first-child{
    text-align:left !important;
}

.b2b-cart tfoot {
    font-size: 12pt !important;
}

.b2b-cart th {
    padding: 3px 10px !important;
}

.b2b-cart h3 {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

/* B2B form END **/


picture.logoimg{
    text-align: center;
}
/*picture.logoimg img{*/
/*    width:50%;*/
/*}*/

.button{
    background:var(--sneeboer-red) !important;
}

p.stock{
    background:var(--sneeboer-red);
    color:var(--sneeboer-white) !important;
    padding:5px 10px;
    border-radius: 5px;
    display:inline-block;
}
p.stock::before{
    font-family: 'Font Awesome 5 Free';
    font-weight:900;
    content:'\f48b';
    margin-right:5px;
    padding:2px 3px;
}
p.in-stock{
    background:#177245 !important;
}
p.available-on-backorder{
    background:#E6A817 !important;
}


/** OGONE */
div#payment{
    border:1px solid #EEE;
    border-radius:10px;
    padding:15px !important;
}
.wc_payment_methods li{
    border-top:0 !important;
    border-bottom:1px solid #EEE !important;
    padding:0 !important;
}
.wc_payment_methods li:last-child{
    border:0 !important;
}
.wc_payment_method label{
    padding:30px 0 !important;
}
.wc_payment_method:hover{
    background:#EEE;
}
.payment_method_ogone label{
    display:inline-block !important;
}
.payment_method_ogone img{
    display:none;
}
.wc_payment_methods li .payment_box{
    padding:0 !important;
}
.place-order{
    padding-top:40px;
}
.wpml-ls-legacy-list-vertical .wpml-ls-flag+span {
    margin-left: 0.8em!important;
}
/* END OGONE **/