/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.3
*/
 
/* =Theme customization starts here
------------------------------------------------------- */


/* TSIS: Shop-menu in 2 nette kolommen (links productsoorten, rechts merken) */
@media (min-width:981px){
.et-db #et-boc .et-l ul.et-menu li.menu-item-7404 > ul.sub-menu{display:grid !important;grid-auto-flow:column;grid-template-rows:repeat(15,auto);grid-template-columns:auto auto;column-gap:28px;width:max-content !important;min-width:0 !important;padding:16px 24px 18px !important}
.et-db #et-boc .et-l ul.et-menu li.menu-item-7404 > ul.sub-menu > li{display:block !important;width:auto !important;padding:0 !important;margin:0 !important}
.et-db #et-boc .et-l ul.et-menu li.menu-item-7404 > ul.sub-menu > li > a{padding:5px 8px !important;display:block;white-space:nowrap}
.et-db #et-boc .et-l ul.et-menu li.menu-item-7404 > ul.sub-menu > li:nth-child(n+16) > a{border-left:1px solid rgba(255,255,255,.35);padding-left:18px !important}
}

/* TSIS: toegankelijkheid - skip-link, zichtbare focus, leesbare tekst op foto's */
.tsis-skip{position:absolute;left:-9999px;top:0;z-index:100000;background:#111;color:#fff;padding:12px 18px;font-size:16px;font-weight:600;text-decoration:none;border-radius:0 0 6px 0}
.tsis-skip:focus{left:0;outline:3px solid #ffd400;outline-offset:0}
#main-content:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.et_pb_button:focus-visible,.mobile_menu_bar:focus-visible{outline:3px solid #005fcc !important;outline-offset:2px !important;box-shadow:0 0 0 5px #fff !important}
.et_pb_section .et_pb_text_inner h1:focus-visible{outline:none}
.et_pb_fullwidth_header .et_pb_header_content_wrapper,.et_pb_slide_description{text-shadow:0 1px 3px rgba(0,0,0,.65),0 0 14px rgba(0,0,0,.45)}
.et_pb_slide .et_pb_slide_description .et_pb_slide_title,.et_pb_slide .et_pb_slide_content{text-shadow:0 1px 3px rgba(0,0,0,.7)}
/* formulierfouten duidelijker dan alleen kleur */
.woocommerce-error li::before{content:"\26A0  ";font-weight:700}
.woocommerce form .form-row.woocommerce-invalid .input-text,.woocommerce form .form-row.woocommerce-invalid select{border:2px solid #b00020 !important;background-image:none}
.woocommerce form .form-row.woocommerce-invalid label{color:#b00020}
.woocommerce form .form-row.woocommerce-invalid label::after{content:" (controleer dit veld)";font-weight:400;font-size:.9em}

/* TSIS: winkelgegevensbalk onderaan */
.tsis-winkelbar{background:#f4f6f7;color:#333;text-align:center;padding:16px 16px 18px;font-size:14px;line-height:1.55;border-top:1px solid #e3e7ea}
.tsis-winkelbar p{margin:0 0 4px;max-width:960px;margin-left:auto;margin-right:auto}
.tsis-winkelbar a{color:#187088;text-decoration:underline}