/*
    HEADER STYLES
*/
    
    
#top #header #header_main .container.av-logo-container .inner-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
#top #header.header-scrolled-full {
    background-color: white;
}
.mainnavbar {
    overflow: hidden;
    background-color: ;
/*  font-family: Arial, Helvetica, sans-serif;*/
    z-index: 999 !important;
}

.mainnavbar a {
    float: left;
    font-size: 16px;
    color: black;
    text-align: center;
    padding: 22px 16px;
    text-decoration: none;
}
.mainnavbar a.menuitem1 {
    z-index: 990;
}

.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: black;
/*    padding: 22px 16px;*/
    background-color: inherit;
    font: inherit;
    margin: 0;
}

.mainnavbar a:hover span, 
.dropdown:hover .dropbtn span {
    border-bottom: 2px solid black;
    padding: 0;
}

.dropdown-content {
    display: none;
    position: fixed;
    background-color: #EEBD2A;
    border-bottom: 40px solid #fff !important;
/*    background-color: #EEBD2A;*/
/*    width: calc(100% + 80px);*/
    width: 100%;
    margin-left: 0px;
    margin-top: ;
/*    min-height: 50vh !important;*/
    height: auto;
    max-height: auto;
    left: 0;
    z-index: -1;
    top:0;
    opacity: 0.99;
    padding-left: 80px;
    padding-right: 80px;    
}

.dropdown-content .header {
    background: ;
    max-width: 1080px;
    margin: 0 auto;
    margin-top: 60px;
    padding: 100px 16px 40px 16px;
    color: white;
    text-align: center;
}
.dropdown-content .header h2 {
    font-family: 'Druk Text Wide', arial, sans-serif !important;
    font-size: 40px;    
    text-align: center;
    
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown-content a {
    text-align:left;
}

.dropdown-content .column ul li a,
.dropdown-content .column p {
    font-size: 16px !important;
}

.row {
    max-width: 1080px;
    margin: 0 auto;
    display: flex; /* Make the container element behave like a table */
    width: 100%;
}
    
/* Create three equal columns that floats next to each other */
.column {
    margin-top: 0px;
    float: left;
    padding: 0px 20px 60px 20px ;
    background-color: ;
    display: table-cell;
/*    height: 250px;*/
}
.submenu-drukwerk .column { width: 33.33%; }
.submenu-expertise .column { width: 33.33%; }
.submenu-overons .column { width: 33.33%; }
.submenu-realisaties .column { width: 16.6%; }
.submenu-verhalen .column { width: 33.33%; }

    .column:first-of-type,
    .column:first-of-type a {
        text-align: left;
    }

    .column:nth-of-type(1),
    .column:nth-of-type(2) {
        width: 30%;
    }
    .column:nth-of-type(3) {
        width: 40%;
    }    
    .column:last-of-type ul li {
        border-left: 0px solid black;
        padding-left: 40px !important;
    }


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.dropdown-content .column ul {
    padding: 0 !important;
}
.dropdown-content .column ul h3,
.dropdown-content .column ul li {
    padding: 0 12px 12px 12px;
}
.dropdown-content .column ul li a,
.dropdown-content .column p a {
    display: inline-block !important;
    float: none;
    color: black;
    padding: 0 !important;
    text-decoration: none;
    text-align: left;
    border-bottom: 2px solid transparent !important;
}
.dropdown-content .column ul li a:hover,
.dropdown-content .column ul li:hover a,
.dropdown-content .column p a:hover {
    padding: 0 !important;
    border-bottom: 2px solid black !important;
}
.dropdown-content .column h3 {
    padding: 0 !important;
}


/* DROPDOWN */
.dropdown-content ul li div.linkimage-dc {
    background-image: url("https://www.buroform.be/buroform/wp-content/themes/buroform.be/img/designcards-logo_100.png");
    background-color: ;
    height: 50px;    
    width: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
    float: left;
    margin-right: 40px;
}
.dropdown-content ul li div.linkimage-inko {
    background-image: url("https://www.buroform.be/buroform/wp-content/themes/buroform.be/img/inkoprint-logo_100.png");
    background-color: ;
    height: 50px;    
    width: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
    float: left;
    margin-right: 40px; 
}
.dropdown-content ul li div.linkimage-dashboard {
    background-image: url("https://www.buroform.be/buroform/wp-content/themes/buroform.be/img/myaccount_logo_100.png");
    background-color: ;
    height: 50px;    
    width: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
    float: left;
    margin-right: 40px;
}
.dropdown-content ul li div.linkimage-winkelmand {
    background-image: url("https://www.buroform.be/buroform/wp-content/themes/buroform.be/img/winkelmand_logo_100.png");
    background-color: ;
    height: 50px;    
    width: 50px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px;
    float: left;
    margin-right: 40px; 
}

.dropdown-content .columnbig  {
    background-color: white;
}

/* DROPDOWN - REALISATIES */

.submenu-realisaties .column,
.submenu-realisaties .column:nth-of-type(1),
.submenu-realisaties .column:nth-of-type(2),
.submenu-realisaties .column:nth-of-type(3) { 
    width: 16.6%;
    background-color: ;
    padding: 0 10px 40px 10px !important;
}
.submenu-realisaties .column a:hover {
    background-color: #fff;
}
.submenu-realisaties .column a img {
    width: 100%;
    padding: 0 25px;
    margin: 0 auto !important;
    text-align: center !important;
} 
.submenu-realisaties .column a p.realisatie-titel {
    font-size: 14px !important;
    text-align: center;
    line-height: 130% !important;
} 
.submenu-realisaties .header a {
    padding: 0;
    padding-bottom: 3px;
    border-bottom: 2px solid transparent;
    float: none;
}
.submenu-realisaties .header a:hover {
    padding-bottom: 3px;
    border-bottom: 2px solid #000;
}

/*
.submenu-realisaties .column:nth-of-type(4) { 
    width: 40%; 
} 
*/
.submenu-realisaties .column:last-of-type ul li {
    border-left: 0px solid black;
    padding-left: 0px !important;
}



/* DROPDOWN - VERHALEN */

.submenu_recenteverhalen a {
    padding: 15px;
}
.submenu_recenteverhalen:hover a {
    background-color: white;
}
.submenu_recenteverhalen:hover a {
    text-align: center;
}
.dropdown.submenu-verhalen .dropdown-content .header {
    padding-bottom: 10px !important;
}

.submenu-verhalen .column.recentsteverhalen {
    width: 60%;
}
.submenu-verhalen .column.alleverhalen {
    width: 40%;
    display: flex;
    align-items: center;
}
.submenu-verhalen .column.recentsteverhalen .submenu-textblock {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.submenu-verhalen .column.recentsteverhalen .recentsteverhalen_thumbnail,
.submenu-verhalen .column.recentsteverhalen .recentsteverhalen_tekst {
    width: 50%;
    float: left;
    padding: 0 20px;
}
.submenu-verhalen .column.recentsteverhalen .recentsteverhalen_tekst p.verhalentitle a {
    border-bottom: 0px !important;
}
.submenu-verhalen .column.recentsteverhalen .recentsteverhalen_tekst p.verhalentitle a:hover {
    border-bottom: 0px !important;
    font-weight: 600 !important;
}

.submenu-verhalen .column.alleverhalen .submenu-textblock {
    width: 100%;
    float: left;
    padding: 20px;
    display:flex;
    justify-content: center !important;
}


.submenu-verhalen .column.alleverhalen a.alleverhalen-button {
    padding: 20px 25px;
    background-color: #000 !important;
    color: #fff !important;
}
.submenu-verhalen .column.alleverhalen a.alleverhalen-button:hover {
    padding: 20px;
    background-color: #fff !important;
    color: #000 !important;
}

.submenu-verhalen .column .submenu-textblock {
    padding-left: 20px;
    padding-top: 12px;
    text-align: left;
}
.submenu-verhalen .column .verhalenthumbnail {
/*    background-color: #e6e6e6;*/
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
}
#top .submenu-verhalen .column .verhalenthumbnail img {
    border-radius: 50% !important;
}
.submenu-verhalen .column h3.verhalentitle {
    padding-top: 10px;
    font-size: 20px !important;
}
.submenu-verhalen .column p.verhalentitle {
    padding-top: 10px;
    font-size: 14px !important;
}
.submenu-verhalen .column p.verhalendate {
    font-size: 12px !important;
}
.submenu-verhalen .column .verhalen-meer {
    font-size: 14px !important;
}

.submenu-verhalen .column .submenu-textblock:hover .verhalenthumbnail {
    opacity: 0.8;
}





/* DRUKWERK - HEADERS - BGIMAGE - dark/light */

#header.darkbgimage.av_header_transparency .mainmenu-centered ul.menu li a {
    color: rgba(250,250,250,1) !important;
}
#header.darkbgimage.av_header_transparency .mainmenu-centered ul.menu li a:hover,
#header.darkbgimage.av_header_transparency .mainmenu-centered ul.menu li a:focus,
#header.darkbgimage.av_header_transparency #header_main .mainmenu-centered ul li.current-menu-item a, 
#header.darkbgimage.av_header_transparency #header_main .mainmenu-centered ul li.current-page-ancestor a {
    color: rgba(250,250,250,1) !important;
    border-bottom: 2px solid #ffffff !important;
}
#header.darkbgimage.av_header_transparency #header_main .mainmenu-centered ul li a {
    color: rgba(250,250,250,1) !important;
}
#header.darkbgimage.av_header_transparency #header_main .mainmenu-centered ul li a:hover {
    border-bottom: 2px solid #ffffff !important;
}
#header.darkbgimage.av_header_transparency .av-burger-menu-main a::before {
    color: rgba(250,250,250,1) !important;
}
#header.darkbgimage.av_header_transparency .av-burger-menu-main a::after {
    color: rgba(250,250,250,1) !important;
    /* border-bottom: 2px solid rgba(0,0,0,0.5) !important; */
}
#header.darkbgimage.av_header_transparency .av-burger-menu-main:hover a::before {
    color: rgba(250,250,250,1) !important;
}
#header.darkbgimage.av_header_transparency .av-burger-menu-main:hover a::after {
    color: rgba(250,250,250,1) !important;
    border-bottom: 2px solid rgba(250,250,250,1) !important;
}
#header.darkbgimage.av_header_transparency.header_color .cart_dropdown_first .cart_dropdown_link {
    color: #ffffff !important;
}


#header.darkbgimage.av_header_transparency .mainmenu-centered .mainnavbar a span,
#header.darkbgimage.av_header_transparency #header_main .mainmenu-centered .mainnavbar a span {
    color: rgba(250,250,250,1) !important;
}
#header.darkbgimage.av_header_transparency .mainmenu-centered .mainnavbar a:hover span,
#header.darkbgimage.av_header_transparency .mainmenu-centered .mainnavbar a:focus span {
    color: rgba(250,250,250,1) !important;
    border-bottom: 2px solid #ffffff !important;
}

#header.darkbgimage.av_header_transparency .mainmenu-centered .mainnavbar .dropdown-content .column ul li a:hover,
#header.darkbgimage.av_header_transparency .mainmenu-centered .mainnavbar .dropdown-content .column ul li:hover a,
#header.darkbgimage.av_header_transparency .mainmenu-centered .mainnavbar .dropdown-content .column p a:hover {
    padding: 0 !important;
    border-bottom: 2px solid #ffffff !important;    
}


#header.darkbgimage.av_header_transparency .mainmenu-centered .mainnavbar .dropdown:hover .dropbtn span {
    border-bottom: 2px solid #fff !important;
}


    
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column {
        width: 100%;
        height: auto;
    }
}

/* CONTACT link */
#top a.menucontact,
#top.woocommerce-cart.cart-is-empty a.menucontact {
    position: absolute;
    top: ;
    right: 20px !important;
    z-index: 999;
    padding-right: 0;
}
a.menucontact span {
    padding: 8px 18px;
    background-color: black;
    border: 2px solid black;
    color: white;
}
a.menucontact:hover span {
    padding: 8px 18px;
    background-color: white;
    border: 2px solid black;
    color: black;
}
.av-burger-menu-main.menu-item-avia-special a {
    display: ;
}
#top #header.darkbgimage.av_header_transparency a.menucontact:hover {
    color: #000 !important;
}
#top #header.darkbgimage.av_header_transparency a.menucontact:hover span,
#top #header.darkbgimage.av_header_transparency a.menucontact:focus span,
#top #header.darkbgimage.av_header_transparency a.menucontact:active span {
    color: #000 !important;
    border-bottom: 1px solid #000 !important;
    border: 1px solid #000;
}


/* WHEN PRODUCT IN CART */

html.html_visible_cart #top a.menucontact,
#top.woocommerce-cart a.menucontact {
    position: absolute !important;
    top: ;
    right: 80px !important;
    z-index: 999 !important;
    padding-right: 0 !important;
}
/*
.cart_dropdown {
    position: absolute;
    right: -100px !important;
}
*/

@media screen and (max-width: 1048px) {
    .av-burger-menu-main.menu-item-avia-special a {
        display: block;
    }
    .menucontact {
        display: none;
    }
}

/* mobile : submenu transparent background color */    

.header_color .main_menu ul ul.sub-menu {
    background-color: transparent !important;
}