.nav li ul/*!
Theme Name:   Divi Child theme
Template:     Divi
Author:       By the WWW...
Author URI:   https://bythewww.com/
Version:      1.0.0
Description:  You can change this description text in your child theme's "style.css" file.
License:      GNU General Public License v3
License URI:  http://www.gnu.org/licenses/gpl-3.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

IMPORTANT:
Read the instructions in https://github.com/webmandesign/child-theme/blob/master/readme.md
and rename CHILD_THEME_NAME and PARENT_THEME_SLUG in this file appropriately!
*/

/* Put your custom CSS styles below... */

/*
.nav .sub-menu {
    visibility: visible;
    opacity: 1
}
.contactbtn,
.tagged_as,
.woocommerce-result-count,
#wpgis-gallery,
#footer-bottom,
.logged-in .tabs.wc-tabs {
    display: none !important;
}
*/

header {
    position: relative;
    z-index: 999;
}

/* Particulier of zakelijk */
.logged-in .particulier,
.zakelijk {
    display: none;
}
.particulier,
.logged-in .zakelijk {
    display: block;
}
.woocommerce .woocommerce-breadcrumb a {
    color: #549BD4;
    font-weight: 600;
}
.woocommerce-breadcrumb {
    margin: 0 0 2.3em !important;
}
h2.woocommerce-loop-category__title {
    text-align: center;
}
h2.woocommerce-loop-category__title .count {
    display: none;
}

/* Menu items */

#mainmenu .et_pb_fullwidth_menu .et-menu,
#mainmenu .et-menu {
    margin-left: 0px;
    margin-right: 0px;
}
#menu-main li:not(.current-menu-ancestor) a {
    color: #fff !important;
}
.assortiment.current-menu-ancestor a {
    color: #2e6572 !important;
}
#menu-main li.assortiment {
    width: 100%;
    position: absolute;
}
#menu-main li.overesspo {
    margin-left: 126px;
}
#menu-main > li > ul.sub-menu {
    width: 262px;
    margin-top: 1px;
    padding: 0;
}
#menu-main > li > ul.sub-menu li {
    background: rgba(83,155,212,0.98)
}
#mainmenu .nav li li {
    padding: 0;
}
#mainmenu .et-menu li li.menu-item-has-children>a:first-child:after {
    top: 6px;
}
#mainmenu .et-menu li li a {
    width: auto;
}
#mainmenu .nav li li ul {
    z-index: 1000;
    top: 20px;
    left: 0;
    border-top: 0px;
}
#mainmenu .current-menu-ancestor > a {
    background: rgb(255 255 255 / 70%);
}
#mainmenu .et-menu .menu-item-has-children>a:first-child:after {
    content: "";
}
#mainmenu .et_pb_menu__menu {
    width: calc(100% - 37px);
}
.topmenu .et_pb_menu__menu {
    justify-content: flex-end !important;
}
#mainmenu .et-menu .sub-menu li {
    display: block;
}
#mainmenu .et-menu>li,
#megamenu .et-menu>li {
    padding-left: 0px;
    padding-right: 0px;
}
.nav li ul {
    box-shadow: none;
    -moz-box-shadow:  none;
    -webkit-box-shadow: none;
    -webkit-transform: none;
}
.wpmenucartli {
    position: absolute !important;
    right: 50px;
    display: flex;
    justify-content: flex-end;
    padding-bottom: 4px;
}
.wpmenucartli a {
    background: #fff;
    border-radius: 4px;
    padding: 6px 8px !important;
    margin-top: 5px;
}
.wpmenucartli a i,
.wpmenucartli a span {
    color: #539BD4;
}
.wpmenucartli a i {
    margin-right: 4px;
}
#mainmenu .et_pb_fullwidth_menu .et_pb_menu__icon,
#mainmenu .et_pb_menu .et_pb_menu__icon {
    position: relative;
    z-index: 10;
}
#mainmenu .et_pb_menu__search {
    background: #fff;
    margin: 3px 0;
    border-radius: 3px;
}
#mainmenu .et_pb_menu__search-input {
    padding: 0 20px;
}
#mainmenu .et_pb_menu__icon.et_pb_menu__close-search-button {
    color: #539BD4 !important;
}
#mainmenu .et_pb_menu__icon.et_pb_menu__search-button {
    padding: 0 10px;
    margin: 0;
    position: relative;
    z-index: 999;
}
#menu-topmenu .menu-item-has-children>a:first-child:after {
    margin: 0 8px;
}
#menu-topmenu .et-menu li li a {
    width: auto;
}
#menu-topmenu ul,
#menu-topmenu li li {
    padding: 0;
    width: auto;
}
#menu-topmenu ul {
    top: 36px;
    left: 12px;
    padding: 10px 0;
    box-shadow: 0px 2px 10px #aaa;
    margin-left: 0;
}
.menu-login > a,
.menu-logout > a,
.dashboard > a {
    background-color: #539BD4;
    border: 2px solid #539BD4;
    color: #ffffff !important;
    border-radius: 3px;
    transition: all .2s;
    padding: 4px 20px !important;
    height: 36px;
    margin-top: 0;
}
.menu-login > a:hover,
.menu-logout > a:hover {
    background-color: #ffffff;
    color: #539BD4 !important;
    border: 2px solid #539BD4;
}
.dashboard > a,
.menu-logout > a {
    background-color: #ffffff;
    color: #539BD4 !important;
    padding-right: 30px !important;
}
.dashboard > a:hover {
    background-color: #539BD4;
    color: #ffffff !important;
}
.menu-login {
    display: flex !important
}
.menu-logout,
.logged-in .menu-login,
.dashboard,
.logged-in .klant-worden {
    display: none !important;
}
.logged-in .dashboard,
.logged-in .menu-logout {
    display: flex !important
}

#main-menu.et_pb_menu .et_pb_menu__menu,
#main-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    flex: 1 1 auto;
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin: 0;
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
    padding: 12px 16px;
}
.et_pb_fullwidth_menu--without-logo .et_pb_menu__menu > nav > ul {
    padding: 0 !important;
}
.et_pb_fullwidth_menu ul li.menu-item-object-page a:hover,
.et_pb_fullwidth_menu ul li a:hover,
.et_pb_fullwidth_menu ul li.current_page_item a {
    color: #2e6572;
}
#menu-main li.current-menu-item > a,
#menu-main li.current-menu-parent > a,
#menu-main li > a:hover,
#menu-main li.current-menu-parent a:hover,
#menu-main ul.sub-menu li.current-menu-item > a,
#menu-main ul.sub-menu a:hover {
    transition: all .4s ease-in-out;
    background: rgb(255 255 255 / 70%);
    color: #2e6572 !important;
}
@media (max-width: 1240px) {
    .et-menu li {
        font-size: 12px;
    }
    #mainmenu .et-menu .menu-item-has-children>a:first-child:after {
        margin-left: 0px;
    }
}
@media (max-width: 980px) {
    .topmenu .et_pb_menu__menu {
        display: block;
    }
    .topmenu .et_mobile_nav_menu,
    .hide-mobile {
        display: none !important;
    }
    .menu-login > a,
    .dashboard > a {
        margin-top: 0px;
    }
    #menu-topmenu ul {
        top: 41px;
    }
}
.et_pb_fullwidth_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__menu>nav>ul {
    align-items: center;
}

/* Bestellijst icons */

.xoo-wsc-icon-basket1,
.xoo-wsc-icon-bag2 {
    font-family: 'ETmodules' !important;
}
.xoo-wsc-icon-basket1:before {
    content: '\68';
}
.xoo-wsc-icon-bag2:before {
    content: "\68";
}
.xoo-wscb-count {
    background-color: #fff;
    font-size: 11px;
    height: 22px;
    width: 22px;
    left: -10px;
    top: -9px;
    border-radius: 50%;
    line-height: 17px;
    font-weight: 700;
    border: 2px solid #539BD4;
}
.xoo-wsc-items-count {
    border: 2px solid #fff;
    line-height: 24px;
}
.xoo-wsc-cart-active .xoo-wsc-basket {
    display: none !important;
}
.xoo-wsc-qty-price del {
    display: none;
}
.single .product .added_to_cart.wc-forward {
    display: none;
}

/* Search */
.search .container:before {
    display: none;
}
.search #left-area {
    width: 100%;
    display: flex;
}
.cu-blog .et_pb_salvattore_content[data-columns]::before {
	content: '5 .column.size-1of5' !important;
}
@media only screen and ( max-width: 6800px ) {
    .cu-blog .column.size-1of5 {
        width: 18%!important;
        margin-right: 2%;
    }
    .cu-blog .et_pb_post {
        margin-bottom: 20px;
    }
}
@media only screen and ( max-width: 1200px ) {
    .cu-blog .et_pb_salvattore_content[data-columns]::before {
    	content: '4 .column.size-1of4' !important;
    }
	.cu-blog .column.size-1of4 {
	    width: 23%!important;
	    margin-right: 2%;
	}
}
@media only screen and ( max-width: 980px ) {
    .cu-blog .et_pb_salvattore_content[data-columns]::before {
    	content: '3 .column.size-1of3' !important;
    }
	.cu-blog .column.size-1of3 {
	    width: 30%!important;
	    margin-right: 3.3333%;
        float: left;
	}
}
@media only screen and ( max-width: 768px ) {
    .cu-blog .et_pb_salvattore_content[data-columns]::before {
    	content: '2 .column.size-1of2' !important;
    }
	.cu-blog .column.size-1of2 {
	    width: 47.2%!important;
	}
}
@media only screen and ( max-width: 500px ) {
    .cu-blog .et_pb_salvattore_content[data-columns]::before {
    	content: '1 .column.size-1of1' !important;
    }
}

/* Forms */

div.wpforms-container-full .wpforms-form input[type=date],
div.wpforms-container-full .wpforms-form input[type=datetime],
div.wpforms-container-full .wpforms-form input[type=datetime-local],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form input[type=month],
div.wpforms-container-full .wpforms-form input[type=number],
div.wpforms-container-full .wpforms-form input[type=password],
div.wpforms-container-full .wpforms-form input[type=range],
div.wpforms-container-full .wpforms-form input[type=search],
div.wpforms-container-full .wpforms-form input[type=tel],
div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=time],
div.wpforms-container-full .wpforms-form input[type=url],
div.wpforms-container-full .wpforms-form input[type=week],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea {
    background-color: #efefef;
    padding: 10px 16px;
    height: auto;
}
div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 7px 0;
}
div.wpforms-container-full .wpforms-form .wpforms-one-half {
    width: 49%;
    margin-left: 2%;
}
div.wpforms-container-full .wpforms-form .wpforms-one-third {
    width: 31.666667%;
    margin-left: 2%;
}
div.wpforms-container-full .wpforms-form .wpforms-two-thirds {
    margin-left: 2%;
    width: 66.3333333333%;
}
.forminator-label {
    display: none !important;
}
.adresveld {
    display: flex;
    justify-content: space-between;
}
.adresveld .forminator-row:first-child {
    flex-basis: 50.7%;
}
.adresveld .forminator-row:nth-child(2) {
    flex-basis: 20%;
}
.adresveld .forminator-row:nth-child(3) {
    flex-basis: 30%;
}
@media (max-width: 782px) {
    .adresveld {
        display: block;
    }
}

/* Page settings */
#main-content .container {
    padding-bottom: 120px;
}
#page-container .et_pb_fullwidth_menu_0_tb_header.et_pb_fullwidth_menu {
    max-height: 110px;
}
@media (min-width: 981px) {
    .et_pb_gutters3 .footer-widget {
        margin-bottom: 3%;
    }
}
#left-area ul {
    line-height: 22px;
}
#content-area table tr {
    padding: 10px 0;
}


/* Woocommerce */
.actie {
  position: absolute;
  z-index: 1;
  top: 3vw;
  left: 4vw;
  text-align: center;
  border-radius: 100px;
  background: #ff880e;
  height: 120px;
  width: 120px;
  padding: 23PX 0;
  color: #fff;
  font-weight: 800;
  font-size: 18px;
  box-shadow: 3px 3px 10px #666;
}
.woocommerce div.product form.cart .variations th {
    padding: 0 20px 0 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
    width: 80%;
}
.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    margin-left: -12px;
    font-size: 18px;
    line-height: 28px;
}
.woocommerce-MyAccount-navigation-link--dashboard {
    display: none;
}
.et_button_no_icon.woocommerce-page a.button,
.et_button_no_icon.woocommerce-page a:hover.button {
    padding: 0em 0.4em !important
}
.woocommerce-orders-table .woocommerce-button.invoice {
    margin-left: 20px;
}
.product .related h2 {
    font-size: 1.3em !important;
}
.archive .term-description {
    padding: 3px 0 40px 0;
}
.woocommerce-product-details__short-description p {
    font-size: 1.3em;
    margin-bottom: 30px;
}
.woocommerce ul.products li.product a img {
    max-height: 200px;
    width: auto;
    margin: 20px auto 0 !important;
}
.woocommerce ul.products li.product .price {
    position: absolute;
    top: 0;
    right: 0;
    background: #539BD4;
    padding: 2px 10px;
    border-bottom-left-radius: 10px;
    z-index: 99;
}
.customer_price {
    color: #539BD4;
    font-size: 26px;
}
.bulk-info {
    display: block;
    margin-bottom: 40px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    text-align: center;
    padding: 20px;
    line-height: 1.6em;
    position: relative;
    z-index: 99;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
   box-shadow: 0 0 10px -2px rgb(0 0 0 / 40%);
   border-top-left-radius: 15px;
   border-bottom-right-radius: 15px;
}
.woocommerce-page ul.products li.product .price,
.woocommerce-page ul.products li.product .price del,
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price del {
    color: #fff !important;
}
.woocommerce #content .quantity input.qty,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-page #content .quantity input.qty,
.woocommerce-page .quantity input.qty,
.woocommerce .quantity input.qty {
    color: #333 !important;
    border: 1px solid #333 !important;
    background-color: #fff !important;
}
.woocommerce-product-details__short-description .omschrijving {
    font-weight: 100;
}
.woocommerce-page div.product form.cart,
.woocommerce div.product form.cart {
    margin: 24px 0;
}
.woocommerce div.product form.cart .variations {
    width: auto;
}
.et_portfolio_image,
.et_shop_image {
    position: initial;
}
@media (min-width: 1544px) {
    .single .product .images {
        margin: 0 9%;
    }
}
@media (min-width: 1280px) {
    .single .product .images {
        margin: 0 5%;
    }
}
#tab-description ul li {
    list-style: none;
    margin: 0 0 20px -12px;
}
.staffellist li {
    list-style: none;
    margin-left: -15px;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
    max-width: 420px;
}
.sku_wrapper,
.posted_in,
.tagged_as,
.artikelnummer,
.btwcode,
.bestelbaarper,
.adviesprijs {
    display: block;
}
.adviesprijs {
    margin-top: 10px;
}
.wpgis-slider-for .btn-prev,
.wpgis-slider-for .btn-next {
    padding: 8px 0 44px;
}
.wpgis-slider-for .btn-prev {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.wpgis-slider-for .btn-next {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.woocommerce-variation-description p {
    color: #539BD4;
    font-size: 26px;
    margin-bottom: 10px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    display: inline-block;
}
.woocommerce-view-order .woocommerce-MyAccount-content > p {
    display: none;
}
.perkg {
    color: #333;
    font-size: 15px;
    font-weight: 100;
}
.detailprijs {
    margin: 10px 0 40px;
    display: block;
}
.inloggen a,
.contactbtn a,
.waartekoop a,
div.wpforms-container-full .wpforms-form button[type=submit] {
    font-size: 19px;
    background-color: #539BD4;
    font-weight: 500;
    position: relative;
    border: 2px solid #539BD4;
    border-radius: 3px;
    -webkit-transition: all .2s;
    transition: all .2s;
    padding: 0.618em 1em;
    color: #ffffff;
    display: none;
    margin-bottom: 20px;
}
div.wpforms-container-full .wpforms-form button[type=submit] {
    display: block;
    padding: 6px 36px;
}
.waartekoop a,
.woocommerce-MyAccount-content .woocommerce-message a {
    background-color: #ffffff;
    color: #539BD4;
    margin-left: 30px;
}
.woocommerce-MyAccount-content .woocommerce-message a {
    padding: 8px;
    border-radius: 5px;
    line-height: 32px;
    border: 2px solid #539BD4;
}
.woocommerce-MyAccount-content .woocommerce-message a:hover {
    color: #ffffff;
    background-color: #539BD4;
    border: 2px solid #ffffff;
}
.woocommerce ul.products li.product .woocommerce-placeholder {
    border: 0px;
}
.contactbtn a:hover,
.waartekoop a:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    color: #539BD4;
    background-color: #ffffff;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    border: 2px solid #539BD4;
}
.lo-buttons {
    margin-top: 20px;
    display: flex;
}
.single-product .summary .inloggen a,
.single-product .summary .waartekoop a {
    display: inline-block;
}
.staffel_msg {
    font-size: 18px;
    font-weight: 600;
    margin: 0px 0 20px 0;
}
.et_overlay:before {
    top: 45%;
    margin: -25px 0 0 -25px;
    font-size: 50px;
    content: "\55";
}
.products.columns-5 {
    display: flex;
    flex-wrap: wrap;
}
.products.columns-5 li {
    flex-basis: 18.4%;
    margin: 0 2% 1.4em 0 !important
}
.et_full_width_page.woocommerce-page ul.products li.product:nth-child(5n) {
    margin: 0 0 1.4em 0 !important
}
@media (max-width: 800px) {
    .woocommerce .quantity {

    }
}
@media (min-width: 980px) and (max-width: 1080px) {
    .products.columns-5 li {
        flex-basis: 23%;
    }
    .et_full_width_page.woocommerce-page ul.products li.product:nth-child(5n) {
        margin: 0 2% 1.4em 0 !important
    }
    .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n) {
        margin: 0 0 1.4em 0 !important
    }
}
@media (min-width: 768px) and (max-width: 980px) {
    .woocommerce-page ul.products li.product:nth-child(n) {
        margin: 0 2% 1.4em 0!important;
        width: auto!important;
    }
    .products.columns-5 li {
        flex-basis: 30.666%;
    }
    .et_full_width_page.woocommerce-page ul.products li.product:nth-child(4n) {
        margin: 0 2% 1.4em 0 !important
    }
    .et_full_width_page.woocommerce-page ul.products li.product:nth-child(3n) {
        margin: 0 0 1.4em 0 !important
    }
}
@media (min-width: 620px) and (max-width: 768px) {
    .products.columns-5 li {
        flex-basis: 46%;
    }
    .et_full_width_page.woocommerce-page ul.products li.product:nth-child(3n) {
        margin: 0 2% 1.4em 0 !important
    }
    .et_full_width_page.woocommerce-page ul.products li.product:nth-child(2n) {
        margin: 0 0 1.4em 0 !important
    }
}
@media (max-width: 619px) {
    .products.columns-5 li {
        flex-basis: 100%;
    }
    .et_full_width_page.woocommerce-page ul.products li.product:nth-child(2n) {
        margin: 0 2% 1.4em 0 !important
    }
    .et_full_width_page.woocommerce-page ul.products li.product {
        margin: 0 0 1.4em 0 !important
    }
}
.woocommerce ul.products li.last,
.woocommerce-page ul.products li.last {
    margin-right: 0px !important;
}
.woocommerce-thankyou-order-received {
    font-size: 29px;
    font-weight: 600;
    margin-bottom: 50px;
    color: #539BD4;
}
.woocommerce ul.order_details {
    padding: 0;
}
.shop_logos {
    display: flex;
    flex-wrap: wrap;
}
.shop_logo {
    flex-basis: 20%;
    padding: 15px;
}
.term-bio-bulk-peper.woocommerce ul.products li.product,
.term-bio-bulk-peper.woocommerce-page ul.products li.product,
.term-bulk-zout.woocommerce ul.products li.product,
.term-bulk-zout.woocommerce-page ul.products li.product {
    position: relative;
    padding: 0 0 30px 0;
}
.term-bio-bulk-peper.woocommerce ul.products li.product .price,
.term-bulk-zout.woocommerce ul.products li.product .price {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    padding: 6px 14px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 0px;
    width: 100%;
    font-weight: 600;
    text-align: center;
    font-size: 16px;
}
.term-bio-bulk-peper .et_overlay:before,
.term-bulk-zout .et_overlay:before {
    top: 40%;
}

/* Category headers */

#headerbeeld a {
    color: #ddd;
}
h1 {
    font-size: 1.8em;
}
.woocommerce-products-header {
    width: 100%;
    margin: 0 auto;
    height: 260px;
    position: relative;
    z-index: 1;
}
.text-wrap {
    width: 80%;
    height: 100%;
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
}
.text-overlay {
    position: absolute;
    bottom: 40px;
    max-width: 600px;
    background: rgba(255,255,255,0.5);
    padding: 10px 20px 20px 20px;
    border-radius: 10px;
}
.header-title h1 {
    font-size: 4em;
}
.header-text {
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 600;
}


/* USPS homepage */

#usps .et_pb_main_blurb_image {
    margin-bottom: 10px;
}
#usps .et-pb-icon-circle {
    padding: 20px;
}

/* Footer */

#footer-widgets {
    padding: 3% 0 0;
}
#footer-widgets .footer-widget li {
    list-style: none;
    padding-left: 0px;
}
#footer-widgets .footer-widget li:before {
    display: none;
}
footer a:hover {
    text-decoration: underline !important;
}