/*

 Theme Name:   GeneratePress Child

 Theme URI:    https://www.cober.nl

 Description:  Default GeneratePress child theme

 Author:       Damiaan van Vliet

 Author URI:   https://www.albuswebdesign.nl

 Template:     generatepress

 Version:      1.7

 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow

*/

#clear {
	clear: both; /* tbv clear div */
}

/* polylang aanpassingen taalkeuze */
#language {
    text-align: right;
}
.lang-item {
    display: inline;
}
#language ul {
    margin-bottom: -1em;
}
.header-widget {
    float: none;
    text-align: right;
    max-width: 100%;
}

aside#custom_html-6,
aside#custom_html-7 { /* header telefoonnummer NL en EN */
    float: left; 
}
aside#custom_html-6,
aside#custom_html-7 {
    color: #000000;
}

#site-navigation {
    border-bottom: 1px solid lightgray;
    max-width: 97%;
    margin: 0 auto;
}
body.home #site-navigation {
    border-bottom: none;
}

.entry-title {
    display: none;
}

body.page #content {
    max-width: 1100px;
    margin: 0 auto;
}

.page-content, .entry-content, .entry-summary {
    margin: 2em 1em 0;
}

body.home .button {
    margin-top: 1em;
}

/* meer juwelen knop groen */
a.button.green_button {
    background: #60993B;
}
a.button.green_button:hover {
    background: #00B51B;
}

/* maak nu een afspraak knop */
#scrollDiv {
    width: auto;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    background-color: #0000A4;
    border: 1px solid #555;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    position: fixed;
    right: 7em;
    bottom: 0px;
    margin-bottom: 2em;
    border-radius: 5px;
    z-index: 999;
}
#scrollDiv:hover {
    background-color: #3333FF;
}
#scrollDiv a {
    color: #fff;
    padding: 10px 20px;
    display: inline-block;
}
#scrollDiv a:hover {
}


/* ----------- woocommerce aanpassingen ----------------- */
.woocommerce div.product .product_title {
    display: block; /* titel product tonen want was niet zichtbaar doordat entry-title op none staat hierboven */
}

.woocommerce ul.products li.product li.title a {
    line-height: 2.5ex;
    height: 5ex;
    overflow: hidden;
}

.woocommerce-loop-product__title {
    color: #3a3a3a;
}
.woocommerce-loop-product__title:hover {
    color: #BC9B4F;
}

.related.products li a.button {
    padding: 10px; /* zorgen dat opties knop niet hoog wordt */
}

body.single-product .product_meta {
    display: none; /* geen meta info zoals artikelnummer */
}

body.single-product #tab-title-additional_information {
    display: none !important; /* geen tabblad extra */
}

body.single-product .tabs.wc-tabs {
    display: none !important; /* geen tabbladen tonen */
}

body.single-product #tab-additional_information {
    display: none !important; /* geen tabbladen tonen bij gecombineerd product */
}

/* out of stock melding kleur */
.woocommerce div.product .out-of-stock {
    color: #3a3a3a;
}

/* geen melding De verzendopties worden bij het afrekenen bijgewerkt, want alles wordt toch gratis verzonden */
.woocommerce-shipping-destination {
    display: none;
}
.woocommerce-shipping-calculator {
    display: none;
}

/* geen melding en calculator Bereken verzendkosten, want alles wordt toch gratis verzonden */
/* disable message To continue, please choose options */
.bundle_form .bundle_wrap .bundle_error {
    display: none!important;
}

/* woocommerce productplaatje bij winkelmand groter maken */
.woocommerce-cart table.cart img {
    width: auto;
    min-width: 32px;
    max-width: 100px;
}

/* geen From woordje zichtbaar bij de plug-in show-only-lowest-prices-in-woocommerce-variable-products */
span.woofrom { display: none}

/* nabestelling zinnetje kleur rood */
body.single-product div.summary p.available-on-backorder {
    color: #FF0000;
}

/* woocommerce variaties knop breder */
body.single-product table.variations select {
    min-width: 79%!important;
}

/* woocommerce hover image delay */
.wc-has-gallery .secondary-image {
  transition: opacity 1s ease-in-out!important;
}

/* woocommerce toevoegen aan winkelwagen knop breder bij geen maat optie geselecteerd */
body.single div.product form.cart .button {
    width: 16em;
}

/* afgeronde hoeken */
body.home .button,
.woocommerce ul.products li.product .button,
body.single div.product form.cart .button,
input.wpcf7-form-control.wpcf7-submit {
    border-radius: 5px;
}

/* contactformulier onder product text veld minder hoog */
body.single-product textarea.wpcf7-form-control {
    height: 5em;
    margin: 5px 0px;
}

/* WooCommerce icoontje winkelmandje voor de voeg toe aan winkelwagen knop */
.woocommerce ul.products li.product .button:before,
button.single_add_to_cart_button.button.alt:before {
    content: "\f290"; /* shopping bag*/
    font-family: FontAwesome;
    margin-right: 5px;
}

/* WooCommerce disable add to cart en lees meer button on home and archive pages */
body.home #main .add_to_cart_button,
body.home #main .button.product_type_simple,
body.home #main .button.product_type_variable {
    display: none;
}
body.archive #main .add_to_cart_button {
    display: none;
}
body.archive #main ul.products .button {
    display: none;
}
body.single-product section.up-sells.upsells.products a.button {
    display: none; /* bij up-sells gedeelte onder product ook geen add to cart button tonen */
}

/* zoek widget home pagina kleiner */
body.home div#woocommerce_product_search_widget-2,
body.home div#woocommerce_product_search_widget-3 {
    width: 25%;
}

/* dun lijntje om product heen */
.woo-height {
    border: 1px solid #c3c3c3;
}
/* ------------- widgets --------------- */
.widget a {
    color: #3a3a3a;
}
.widget a:hover {
    color: #BC9B4F;
}

/* mailchimp nieuwsbrief widget */
#mc4wp-form-1 p {
  margin-bottom: 10px;
}

/* smart slider reviews */
#n2-ss-7-arrow-previous, #n2-ss-7-arrow-next {
    background: #bead7d!important;
}

#n2-ss-7-arrow-previous:hover, #n2-ss-7-arrow-next:hover {
    background: #bf9d50!important;
}

/* element terug naar vorige pagina */
#backbutton {
    float: right;
}

/* woocommerce wishlist aanpassing zodat knoppen naast elkaar komen te staan */
.wl-table .quantity.buttons-added {
    display: flex;
}

#tab-wl-items p.out-of-stock {
    display: none; /* bij wishlist geen out of stock melding */
}
#tab-wl-items .product-thumbnail {
    max-width: 100px; /* doordat geen out of stock melding is plaatje te groot geworden */
}

/* voettekst */
#footer-widgets ul li a {
    font-size: 14px;
}
.inside-footer-widgets p {
    font-size: 14px;
    margin-bottom: 0px;
}
.footer-widgets .widget-title {
	font-size: 17px;
}

table.open-days {
    font-size: 14px;
	margin-top: 2em;
    width: 60%;
}
table.open-days tr {
    line-height: 8px;
}
table.open-days td {
    padding-left: 0px;
}

a.telefoon ,
a.afspraak {
    color: #FFF;
}
a.telefoon:hover,
a.afspraak:hover {
    text-decoration: underline;
    color: #FFF;
}
a.telefoon-header:hover {
    text-decoration: underline;
}
a.telefoon:before,
a.telefoon-header:before {
    content: "\f095"; /* telephone */
    font-family: FontAwesome;
    margin-right: 5px;
}
a.afspraak:before {
    content: "\f044"; /* pencil */
    font-family: FontAwesome;
    margin-right: 5px;
}
/* geen google recaptcha bade tonen */
.grecaptcha-badge{
	visibility: collapse !important;  
}

/* geen copyright tonen op site */
.site-info {
    display: none;
}
body.page-id-55 .site-info {
    display: block;
}

/* follow us voettekst */
#simple-social-icons-2 h2 {
  margin-bottom: 0px;
}
/* mailchimp voettekst */
#mc4wp_form_widget-2 .widget-title {
    margin-bottom: 0px;
}
div.site-footer #mc4wp-form-1 label {
  font-size: 10px;
}
#mc4wp_form_widget-2 input[type="submit"] {
  background: #51B27E;
}
#mc4wp_form_widget-2 input[type="submit"]:hover {
  background: #459C6D;
}
#mc4wp-form-1 input {
  padding: 5px;
}
/* navigatie menu NL en EN voettekst */
#nav_menu-2 li a,
#nav_menu-3 li a {
  color: #ffffff;
}
#nav_menu-2 li a:hover,
#nav_menu-3 li a:hover {
  color: #666666;
}

/* youtube video responsive class="youtube-video" */
.youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
}

/* woocommerce productpagina contactform */
.entry-content div#contactwidget {
    margin-top: 2em;
}
.entry-content div#contactwidget a {
    color: black;
    font-size: 1.25em;
}
.entry-content div#contactwidget p {
    margin-bottom: 0.5em;
}


/* change shopping bag icon main menu */
.main-navigation a.cart-contents:not(.has-svg-icon):before, 
.secondary-navigation a.cart-contents:not(.has-svg-icon):before {
    content: "\f290"!important;
}

/* ========== 19" scherm aanpassingen ========== */
@media all and (max-width: 1440px) and (min-width: 1367px) {

}	
/* ========== 13" scherm aanpassingen ========== */
@media all and (max-width: 1366px) and (min-width: 1025px) {

}	
/* ========== tablet landscape aanpassingen ========== */
@media all and (max-width: 1024px) and (min-width: 801px) {

}
/* ========== tablet portret aanpassingen ========== */
@media all and (max-width: 800px) and (min-width: 501px) {

    /** Show thumbnail row in cart on mobile **/
    .woocommerce-page table.cart .product-thumbnail {
        display: inline-block !important;
    }
    /** hide colon above thumbnail for mobile **/
    .woocommerce-page table.cart .product-thumbnail:before {
        display: none;
    }
    
}
/* ========== smartphone aanpassingen ========== */
@media all and (max-width: 500px) and (min-width: 50px) {
    
    .menu-menu-offcanvas-nl-container ul li, .menu-menu-offcanvas-en-container ul li {
        display: block !important;
    }

    #menu-menu-offcanvas-nl li a, #menu-menu-offcanvas-en li a {
        font-size: 1em;
        line-height: 30px;
    }
    
    aside.widget_nav_menu {
        border-bottom: 1px solid lightgray;
        padding-bottom: 10px;
    }

    aside#custom_html-6,
    aside#custom_html-7 { /* header telefoonnummer NL en EN */
        float: none; 
    }
    
    .page-content, .entry-content, .entry-summary {
        margin: 2em 1em 0!important;
    }
    
    #backbutton {
        float: left;
        margin-bottom: 1em;
    }
    
    .product-search-product_cat-filter-item.current-cat > a::after, .product-search-attribute-filter-item.current-attribute > a::after {
        content: "\f00c"!important;
    }    
    
    #left-sidebar {
        display: none;
    }

    /* nextend smartslider aanpassingen */
    .n2-section-smartslider {
/*        max-width: 320px; /* zodat op mobiel pijltjes zichtbaar zijn */
/*        margin: 0 auto; */
    }
    
    /** Show thumbnail row in cart on mobile **/
    .woocommerce-page table.cart .product-thumbnail {
        display: inline-block !important;
    }
    /** hide colon above thumbnail for mobile **/
    .woocommerce-page table.cart .product-thumbnail:before {
        display: none;
    }
    /* woocommerce youtube video grootte aanpassen */
    body.single div.woocommerce-product-details__short-description iframe {
        /* height: 270px!important; */
    }
    body.single iframe {
        /* height: 267px!important; */
    }
    body.single iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
    }
    #video {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 100%;
    }
    
    /* bookly stap 1 tot 5 weg op mobiel */
    #bookly-form-656750738ddf9 .bookly-stepper {
        /* display: none!important; */
    }
    
    /* contact form aanpassingen mobiel */
    #wpcf7-f105-p55-o1 textarea.wpcf7-form-control {
        /* height: 5em!important;
        margin: 1em 0!important; */
    }
    body.page-id-55 #main .wpcf7 input[type=email], 
    body.page-id-55 #main .wpcf7-textarea {
        /* margin-bottom: 1em; */
    }
    /* zoek widget home pagina normale breedte */
    body.home div#woocommerce_product_search_widget-2,
    body.home div#woocommerce_product_search_widget-3 {
        width: 100%;
    }
    
    /* maak nu een afspraak knop */
    #scrollDiv {
        right: 11em; /* knop op mobiel wat meer links */
    }
}



