/*
Theme Name:  BohnennWebdesign
Theme URI:   http://divithemes.reviews
Version:     1.1
Description: Divi child theme.
Author:      Bohnenn Webdesign
Author URI:  https://www.bohnennwebdesign.nl
Template:    Divi
*/


/*---- General ----*/
.et_pb_row, .container.et_menu_container {
	width: 90%;
}
.et_pb_sticky_placeholder {
    opacity: 0;
}
p.gform_required_legend {
    display: none;
}
.woocommerce-account #main-content .et_builder_inner_content .et_pb_section:first-child {
    min-height: calc(100vh - 77px);
}
body.logged-in li.et_pb_menu_page_id-352.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-357 {
    display: none;
}
.wcbvp-head-group {
    display: none !important;
}
.wc-bulk-variations-table .wcbvp-row>.wcbvp-cell .stock {
    display: block !important;
	font-size: 16px !important;
	color: #000 !important;
}
form.woocommerce-EditAccountForm.edit-account > p:nth-last-child(-n+4):not(:last-child) {
    display: none;
}
@media only screen and (min-width: 1600px) {
	.et_pb_section.et_section_regular {
    	padding: 10px 0;
	}
}

/*---- Typography ----*/
body {
	font-family: 'Roboto', sans-serif;
	color: #1B4086;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
}
h1 {
	font-family: 'Roboto Slab', serif;
    color: #193882;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}
h2 {
    color: #58AEF8;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.2;
}
h3 {
    color: #58AEF8;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

/*---- Menu ----*/
.et_pb_menu .et-menu>li {
    padding-left: 41px;
}

/*---- Single Product ----*/
.aangeraden-door-item .dmach-acf-value {
	display: flex;
}
.aangeraden-door-item .dmach-acf-label {
	padding-right: 5px;
}
.woocommerce .quantity input.qty {
    border: 1px solid #193882;
    border-radius: 8px;
}
#bodycommerce_added_to_cart_popup .button.checkout, body .bodycommerce-minicart .woocommerce-mini-cart__buttons .wc-forward.checkout {
	border-radius: 8px !important;
}
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single {
  padding: 9px;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs {
    background: transparent;
    display: flex;
    column-gap: 0px;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs > li {
    flex: 1;
    background: #193882 !important;
    border: 0 !important;
    border-radius: 8px 8px 0 0 !important;
    margin: 0 15px !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs > li > a {
    width: 100%;
    background: transparent !important;
    color: #fff !important;
    text-align: center;
    padding: 20px 10px !important;
}
body.woocommerce .woocommerce-tabs {
    border: 0;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #fff !important;
}
body.woocommerce div.product .woocommerce-tabs ul.tabs > li.active, body.woocommerce div.product .woocommerce-tabs ul.tabs > li:hover {
    background: #58aef8 !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    display: none;
}
body.woocommerce div.product .woocommerce-tabs .panel {
    border: 1px solid #ddd;
}
.aanrader-info .et_pb_column:last-child {
	display: flex;
	flex-wrap: wrap;
}
.aanrader-info .et_pb_column:last-child > * {
	width: 100%;
}
.aanrader-info .et_pb_column:last-child > *:nth-child(3), .aanrader-info .et_pb_column:last-child > *:nth-child(4), .aanrader-info .et_pb_column:last-child > *:nth-child(5), .aanrader-info .et_pb_column:last-child > *:nth-child(6), .aanrader-info .et_pb_column:last-child > *:nth-child(7) {
	width: 50%;
}

/*---- Winkels Archive ----*/
.winkel-ll img {
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
    object-position: left;
}
.winkel-ll .et_pb_db_shop_thumbnail {
	padding-top: 30px;
	padding-left: 30px;
	padding-right: 30px;
}
.winkel-ll .et_pb_de_mach_acf_item:first-child {
	margin: -20px;
}
.winkel-ll .et_pb_module.et_pb_de_mach_post_meta_item {
    position: absolute;
    right: 0;
    margin: 0;
    bottom: -27px;
}

/*---- Single winkel ----*/
.winkel-info {
    margin-bottom: 40px !important;
	line-height: 1.5;
}
.winkel-info span.dmach-acf-label {
    display: block;
    padding-bottom: 0px;
}
.winkel-info p {
    padding: 0 !important;
}
.winkel-info:not(:nth-child(4)) p.dmach-acf-value:first-child {
    font-weight: 700;
}
.single-winkels .et_pb_de_mach_acf_slider_containter img {
    aspect-ratio: 3/2;
    object-fit: cover;
    margin-bottom: 15px;
}
.single-winkels .et_pb_de_mach_acf_slider_containter_nav img {
    aspect-ratio: 2/1;
    object-fit: cover;
    border: 5px solid #fff;
}
.product-ll img {
    aspect-ratio: 1;
    object-fit: contain;
	width: 100%;
}
.product-grid-winkel .grid-col, .product-grid-winkel .grid-item-cont {
	display: flex;
}
.product-grid-winkel .grid-item-cont .et_pb_row {
	display: flex;
	margin: 0;
}
.product-grid-winkel .grid-item-cont .et_pb_row .et_pb_column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	align-content: flex-start;
}
.product-grid-winkel .grid-item-cont .et_pb_row .et_pb_column > * {
	width: 100%;
}
.product-grid-winkel .grid-item-cont .et_pb_row .et_pb_column .et_pb_de_mach_content + .et_pb_de_mach_acf_item, .product-grid-winkel .grid-item-cont .et_pb_row .et_pb_column .et_pb_db_product_title + .et_pb_de_mach_acf_item {
	width: 50%;
    padding-right: 2.5% !important;
	display: inline-block;
	margin-bottom: 30px;
}
.product-grid-winkel .grid-item-cont .et_pb_row .et_pb_column .et_pb_de_mach_content + .et_pb_de_mach_acf_item + .et_pb_de_mach_acf_item, .product-grid-winkel .grid-item-cont .et_pb_row .et_pb_column .et_pb_db_product_title + .et_pb_de_mach_acf_item + .et_pb_de_mach_acf_item {
	width: 50%;
    padding-left: 2.5% !important;
	display: inline-block;
}
.product-grid-winkel .product_tag-direct .grid-item-cont .et_pb_row .et_pb_column .et_pb_de_mach_content + .et_pb_de_mach_acf_item + .et_pb_de_mach_acf_item {
    display: none;
}
.product-ll .et_pb_de_mach_view_button {
	margin: auto 30px 35px !important
}
.product-ll span.dmach-acf-label {
    display: block;
    padding-bottom: 5px;
}

/*---- Login ----*/
form.divi-machine-form.login.et_pb_contact {
    background: #1f4c90;
	padding: 40px;
}
p.divi-machine-LostPassword.lost_password a {
    color: #fff !important;
}
.et-db #et-boc .et-l .dmachacc_login .et_pb_contact p input {
    border: 0;
    border-radius: 8px;
    margin: 7px 0 20px;
}
button.divi-machine-button.button.divi-machine-form-login__submit.et_pb_button {
	margin-left: 30px;
}

/*---- Form ----*/
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield textarea {
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #1B4086;
}
input[type=submit].gform_button.button {
    font-size: 18px;
    line-height: 1.7 !important;
    background: #58aef8;
    border: 0;
    border-radius: 8px;
    color: #fff;
    padding: 6px 40px !important;
}

/*---- Afrekenen ----*/
.et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing form .form-row input.input-text, .et_pb_wc_checkout_billing form .form-row textarea, .et_pb_wc_checkout_additional_info_0 form .form-row textarea.input-text {
    background: transparent;
    border: 1px solid #ccc;
    padding: 10px 16px;
    margin-bottom: 10px;
}
.woocommerce form .form-row label {
	font-weight: 700;
}

/*---- Password reset ----*/
form.woocommerce-ResetPassword.lost_reset_password {
    background: #1f4c90;
    padding: 40px;
    border-radius: 5px;
    color: #fff;
    max-width: 600px;
    margin: 0 auto;
}
form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row.form-row {
	width: 100% !important;
}
form.woocommerce-ResetPassword.lost_reset_password input {
	padding: 10px !important;
	border-radius: 8px !important;
}
form.woocommerce-ResetPassword.lost_reset_password button, form.woocommerce-ResetPassword.lost_reset_password button:hover {
    color: #fff;
    border: 0;
    background: #58aef8;
    padding: 6px 40px;
    border-radius: 8px;
	margin-top: 20px;
}
form.woocommerce-ResetPassword.lost_reset_password button:after {
	display: none !important;
}

/*---- My Account ----*/
.woocommerce-account .woocommerce-MyAccount-navigation {
    float: unset;
    width: 100% !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: flex;
    list-style-type: none;
    padding: 0;
    column-gap: 20px;
}
nav.woocommerce-MyAccount-navigation li {
    padding: 0;
    background: #193882;
    flex: 1;
    text-align: center;
}
nav.woocommerce-MyAccount-navigation li:hover, nav.woocommerce-MyAccount-navigation li.is-active {
    background: #58aef8;
}
nav.woocommerce-MyAccount-navigation li a {
    padding: 10px 20px !important;
    display: block;
    color: #fff !important;
    text-decoration: unset;
    font-size: 16px;
}
.woocommerce-account .woocommerce-MyAccount-content {
    float: unset;
    width: 100%;
    padding-top: 40px;
}
.woocommerce-account button.button {
    font-size: 20px;
    line-height: 1.7;
    font-weight: 700;
    padding: 8px 30px !important;
    color: #fff !important;
    border: 0 !important;
    background: #58aef8!important;
    border-radius: 0;
}
.woocommerce-account button.button:after {
	display: none !important;
}
.woocommerce-account button.button:hover {
	background: #193882 !important;
}
.woocommerce-account form .form-row .input-text {
    background: transparent !important;
    border: 1px solid #193882 !important;
    color: #193882 !important;
}
.woocommerce-account form .form-row label {
    font-weight: 700;
}
.woocommerce-account form .form-row {
    margin: 0 0 30px;
}

/*---- Gezocht ----*/
.gezocht-buttons .et_pb_column {
	flex-direction: row;
	flex-wrap: wrap;
}
.gezocht-buttons .et_pb_column > * {
	width: 100%;
}
.gezocht-buttons .et_pb_button_module_wrapper {
	width: auto;
	display: inline-block;
}
.gezocht-meta > .et_pb_module_inner {
    display: flex;
    column-gap: 20px;
}





/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */
body:not(.et-fb) .dl-popup-wrapper {
  position:fixed;
  z-index:990;
  top:0;
  right:0;
  bottom:0;
  left:0;
  transition: all .5s cubic-bezier(.14,.06,.41,1.39);
  opacity:0;
  visibility:hidden;
}
body:not(.et-fb) .dl-popup-wrapper.popup-is-visible {
  opacity:1;
  visibility:visible;
}


/* Allow the content inside the popup wrapper to scroll */
.dl-popup-inside {
  height:100%;
  overflow-y: scroll;
}


/* Prevent Body from Scrolling when Popup is visible */
body.dl-noscroll {
  overflow: hidden;
}

/* Center Align Popup Content inside the Section */
.dl-popup-content {
  display:flex;
  flex-direction:column;
  justify-content: center;
}
.dl-popup-content .et_pb_row {
  margin-top:0;
  margin-bottom:0;
}


/* Adjust the position of the popup overlay for admin bar */
@media (min-width:600px) and (max-width:782px) {
  body:not(.et-fb).admin-bar .dl-popup-wrapper {
    top:46px;
  }
}
@media (min-width:783px) {
  body:not(.et-fb).admin-bar .dl-popup-wrapper {
    top:32px;
  }
}

/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
  z-index:99999;
}

/* Add a hand cursor to the close trigger element */
.dl-popup-close {
  cursor:pointer;
}

/* Add Row animation when popup is triggered */
.dl-popup-wrapper.popup-is-visible .et_pb_row:not(.dl-popup-close) {animation:scale-in .5s cubic-bezier(.14,.06,.41,1.39) both; animation-delay: .5s; }
@keyframes scale-in{0%{transform:scale(0.3);opacity:0}100%{transform:scale(1);opacity:1}}