/*
Theme Name: MarkYourGifts
Theme URI: https://www.markyourgifts.nl
Template: Divi
Author: MarkYourMedia
Author URI: https://www.markyourmedia.nl
Version: 1.0.1
Updated: 2019-11-05 22:41:32
*/
/* This file was modified 2020-06-17 by Aspen Grove Studios to customize metadata in header comment */

:root {
  --select-border: #777;
  --select-focus: blue;
  --select-arrow: var(--select-border);
}


small {
	font-size: 0.8em;
}

del {
    text-decoration: line-through;
    font-size: 0.7em;
    opacity: 0.5;
}

.vbox-open .vbox-overlay {
z-index: 9999;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "ff-good-web-pro-condensed",sans-serif;
}

body, p {
    font-family: "ff-good-web-pro",sans-serif;
	font-size: 19px;
}
body.theme-Divi,
.theme-Divi p {
	font-size: 19px;
}
#et-main-area,
footer .et_builder_inner_content {
	z-index: 1;
	position: relative;
}

header .et_pb_gutters3 .et_pb_column_1_3.et-last-child .et_pb_module {
 float: right;
 margin-bottom: 0 !important;
}

.column-cart .et_pb_module .cart-icon {
    top: 0;
    padding-top: 0;
}
.custom-loop-layout .bc-link-whole-grid-card .et_pb_section,
.et-db #et-boc .et-l .custom-loop-layout .bc-link-whole-grid-card .et_pb_section {
	padding: 0;
}
.cart-count {
	padding-left: 1em;
}

.vertical-center-columns {
	align-items: center;
}

.et_pb_db_products_search button:before {
	line-height: 0 !important;
}
.et_pb_db_products_search .search-field {
	margin-right: 0 !important;
}

.et_pb_db_products_search button {
    border-radius: 0 50px 50px 0 !important;
}

/* span.shop-cart { display: inline-block; float: right;} */
.hoofdmenu { 
	z-index: 0 !important; 
}
.et-l--header .et_pb_section { padding-top: 0; padding-bottom: 0; }
.et-l--header .et_pb_column { min-height: initial;}

.et_pb_db_atc .et_pb_module_inner {
	display: flex;
	justify-content: center;
}

.woocommerce-tabs ul.tabs {
	z-index: 10;
	margin-bottom: -2px !important;
}

.panel.wc-tab {
	border-top: 1px solid rgba(104,177,226,0.3);
	z-index: 1;
}

body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs, body.woocommerce div.product .woocommerce-tabs ul.tabs {
    margin-bottom: -2px !important;
}

body.et-fb .et_pb_db_tabs .remove-default-style .woocommerce .product .et_pb_module_inner .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .et_pb_db_tabs.remove-default-style .et_pb_module_inner .woocommerce-tabs ul.tabs li a {
    padding: 4px 22px !important;
        background: none !important;

}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li a, body.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: rgba(18,45,77,0.4) !important;
    padding: 4px 22px!important;
    background: none !important;
}
body.woocommerce #content-area div.product .woocommerce-tabs ul.tabs li.active a, body.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: rgba(18,45,77,1) !important;
    background: #FFF;
}

.woocommerce-page div.product .woocommerce-tabs ul.tabs li.active {
	border: 1px solid rgba(104,177,226,0.3) !important;
	border-bottom: 1px solid rgba(255,255,255,1) !important;
	background: #FFF !important;
	margin: 0 !important;
    border-radius: 4px 4px 0 0 !important;
}

.et_pb_row_bodycommerce .et_pb_db_cat_column,
.wc-tab.panel {
    box-shadow: 0px 12px 18px -6px rgba(18,45,77,0.15);
}
body.woocommerce div.product .et_pb_db_tabs.remove-default-style .et_pb_module_inner .woocommerce-tabs .panel {
	padding-left: 30px;
	padding-right: 30px;
}
.woocommerce .et_pb_db_atc a.added_to_cart { display: none; }
.woocommerce .et_pb_db_atc form {
	width: 100%;
}

.woocommerce .woocommerce-breadcrumb, .woocommerce-breadcrumb { 
	margin-bottom: 0; 
}
.breadcrumb {
	font-size: 0.8em;
}
.woocommerce ul.products li.product .button {
    margin-top: 1em;
}

.woocommerce div.quantity + a.button, .woocommerce.et-db #et-boc div.quantity + a.button, .woocommerce-page div.quantity + a.button, .woocommerce-page.et-db #et-boc div.quantity + a.button {
    margin-top: 0em;
}

.pewc-item-field-wrapper input[type="number"],
.et_pb_wc_add_to_cart .quantity input.qty,
.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 {
    font-weight: 500!important;
    font-size: 20px!important;
    color: #fff!important;
    border-radius: 3px;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none;
    background-color: rgba(0,0,0,.2)!important;
    height: 48px;
    border-bottom: 1px solid rgba(255,255,255,0.35) !important;
}

.pewc-item-field-wrapper input[type="number"] {
	height: 28px; 
}

.et_pb_db_atc form.cart,
.et_pb_db_atc h3 {
	color:#fff;
}

.dropzone {
	color: #29314f;
}

.title-block {
	background: #29314f;
}
#stappenplan {
	background: #29314f;
	max-width: 1350px;
	margin-left: auto!important;
    margin-right: auto!important;
    z-index: 0;
    position: relative;
}


.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: inherit !important;
}

.et_pb_db_price .woocommerce-Price-amount.amount span,
.et_pb_db_price .woocommerce-Price-amount.amount,
.et_pb_db_shop_loop .et_pb_blog_grid ul.products li.product .price del .amount {
	font-size: inherit !important;
}
.et_pb_db_price del .woocommerce-Price-amount.amount,
.et_pb_db_shop_loop .et_pb_blog_grid ul.products li.product .price del {
	font-size: 0.7em !important;
}


/** Loop product **/

.archive-loop-section {
	padding-top: 0;
}
li.product .et_pb_section,
li.product .et_pb_row,
li.product .et_pb_column,
.bc-link-whole-grid-card .et_pb_section,
.bc-link-whole-grid-card .et_pb_row,
.bc-link-whole-grid-card .et_pb_column {
	padding: 0 !important;
}

li.product .et_pb_column .et_pb_module {
    margin-bottom: 4%;
}

.my-loop-product .et_pb_row {
	max-width: 1500px;
	width:100%;
}


.my-loop-product {
	font-size: 19px;
	text-align: center;
}
.my-loop-product .et_pb_db_product_title {
	font-weight: 700;
	padding-right: 1em;
	padding-left:1em;
	line-height: 1.2em;
}

.my-loop-product .et_pb_db_product_title p {
    display: -webkit-box;
    max-width: 100%;
    height: 49px;
    line-height: 24px!important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

#page-container #et-boc .my-loop-product .et_pb_button,
#main-content .my-loop-product .et_pb_button {
	padding-top: 10px!important;
    padding-right: 15px!important;
    padding-bottom: 10px!important;
    padding-left: 15px!important;
    margin-bottom: 1em;
}

.my-loop-product .et_pb_db_price {
	font-size: 24px;
}
.et_pb_db_product_carousel .slick-list {
	overflow: visible;
}

.et_pb_db_product_carousel .my-loop-product {
	opacity:0;
	transition: 0.5s all ease;
}

.bc-vertical-slider-for .slick-slide {
	padding: 0;
}

.bc_product_grid .my-loop-product,
.divi-filter-loop-container .my-loop-product,
.custom-loop-layout.products .my-loop-product,
.et_pb_db_product_carousel .slick-active .my-loop-product {
	opacity: 1;
	box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 15%);
	background-color: rgba(0,0,0,0);
	padding: 0;
}

/* Thumbs right align small

 .flex-control-thumbs {
	position: absolute;
	max-width: 50%;
	width:100%;
	right: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	float: right;
   margin-right: 0;
   margin-left: 6.6666%;
    margin-bottom: 6.6666%;

}
*/

.blokpadding {
	padding: 40px;
}

.pewc-item-select .pewc-item-field-wrapper label {
	display:none;
}


.pewc-item-select .pewc-item-field-wrapper select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;
  z-index: 1;
  outline: none;
}
.pewc-item-select .pewc-item-field-wrapper select::-ms-expand {
  display: none;
}

.pewc-item-select .pewc-item-field-wrapper  {
  display: grid;
  grid-template-areas: "select";
  align-items: center;
  position: relative;
  min-width: 15ch;
  max-width: 30ch;
  border: 1px solid var(--select-border);
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  background-color: #fff;
  background-image: linear-gradient(to top, #f9f9f9, #fff 33%);
}
.pewc-item-select .pewc-item-field-wrapper select, .pewc-item-select .pewc-item-field-wrapper::after {
  grid-area: select;
}
.pewc-item-select .pewc-item-field-wrapper:not(.select--multiple)::after {
  content: "";
  justify-self: end;
  width: 0.8em;
  height: 0.5em;
  background-color: var(--select-arrow);
  -webkit-clip-path: polygon(100% 0%, 0 0%, 50% 100%);
          clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}

.pewc-item-select .pewc-item-field-wrapper select:focus + .focus {
  position: absolute;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: 2px solid var(--select-focus);
  border-radius: inherit;
}

.pewc-item-select .pewc-item-field-wrapper select[multiple] {
  padding-right: 0;
  /*
   * Safari will not reveal an option
   * unless the select height has room to 
   * show all of it
   * Firefox and Chrome allow showing 
   * a partial option
   */
  height: 6rem;
  /* 
   * Experimental - styling of selected options
   * in the multiselect
   * Not supported crossbrowser
   */
}
.pewc-item-select .pewc-item-field-wrapper select[multiple] option {
  white-space: normal;
  outline-color: var(--select-focus);
}

.pewc-item-select .pewc-item-field-wrapper--disabled {
  cursor: not-allowed;
  background-color: #eee;
  background-image: linear-gradient(to top, #ddd, #eee 33%);
}

.pewc-item-select .pewc-item-field-wrapper label {
  font-size: 1.125rem;
  font-weight: 500;
}

.pewc-item-select .pewc-item-field-wrapper + label {
  margin-top: 2rem;
}





/**** FILTER ****/

.filter-param-tags {
    margin-bottom: 1em;
}

#main-content .divi-radio-tick_box .checkmark, .et-db #et-boc .et-l .et_pb_contact_field .checkmark {
    top: 5px;
    }

.divi-swatch .et_pb_contact_field_radio label[data-value='multicolor'] i {

    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, red,orange,yellow,green,blue,indigo,violet) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, red,orange,yellow,green,blue,indigo,violet) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, red,orange,yellow,green,blue,indigo,violet) !important; /* For Firefox 3.6 to 15 */
     background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet) !important; /* Standard syntax (must be last) */
}

.divi-swatch .et_pb_contact_field_radio label[data-value='brons'] i {
background: #CD7F32 ;
background: linear-gradient(to bottom, #CD7F32 0%, #BE7023 100%) !important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #CD7F32), color-stop(100%, #BE7023)) !important;
background: -webkit-linear-gradient(top, #CD7F32 0%, #BE7023 100%) !important;
background: -moz-linear-gradient(top, #CD7F32 0%, #BE7023 100%) !important;
background: -o-linear-gradient(top, #CD7F32 0%, #BE7023 100%) !important;
background: -ms-linear-gradient(top, #CD7F32 0%, #BE7023 100%) !important;
}

.divi-swatch .et_pb_contact_field_radio label[data-value='lichtblauw'] i {
	background: #83a0b5 !important;
}
.divi-swatch .et_pb_contact_field_radio label[data-value='limegroen'] i {
	background: #aec376 !important;
}
.divi-swatch .et_pb_contact_field_radio label[data-value='turquoise'] i {
	background: #25a59e !important;
}
.divi-swatch .et_pb_contact_field_radio label[data-value='donkerblauw'] i {
	background: #2f3f60 !important;
}



/*** PRODUCT OPTIONS ***/
.et-l--body ul.pewc-product-extra-groups {
    padding: 0;
    line-height: inherit;
    list-style-type: none;
}

.pewc-item-field-wrapper input[type="number"] { float: right; }

.et-db #et-boc .et-l input.pewc-file-upload
 { background-color: #D00!important; 
 }
 
 .single-product form.cart .pewc-product-extra-groups li input[type="file"] {
     width: 50%;
}

.woocommerce-cart-form__cart-item .variation-Prijs,
.woocommerce-cart-form__cart-item .pewc-upload-label-wrapper,
.woocommerce-cart-form__cart-item .pewc-cart-item-price,
.woocommerce-checkout-review-order-table .variation-Prijs,
.woocommerce-checkout-review-order-table .pewc-upload-label-wrapper,
.woocommerce-checkout-review-order-table .pewc-cart-item-price {
	display: none !important;
}

.woocommerce-checkout-review-order-table .pewc-upload-thumb-wrapper img {max-width: 100px; width: 100%; }

.pewc-group-wrap {
	margin-bottom: 1.5em;
}

.et_pb_bg_layout_dark .dropzone {
	color: #122d4d !important;
}

.et_pb_bg_layout_dark .dropzone table.dz-preview td.pewc-dz-image-wrapper {
    padding: 0;
    width: initial;
}

/*** CHECKOUT EDITS ***/
#bodycommerce-shopify-checkout .et_pb_row {
	width: 100%;
}

/*** MINICART EDITS ***/
.woocommerce-mini-cart-item.mini_cart_item a {
	color: #dd3333 !important;
}

#bodycommerce-minicart header h2 {
    border-bottom: 1px solid #dd3333; 
}

#bodycommerce-minicart .woocommerce-mini-cart-item .cart-item-delete {
	position: absolute !important;
	top: 0;
	left: 0;
}
#bodycommerce-minicart .woocommerce-mini-cart-item .item-img {
	left: 20px !important;
}
#bodycommerce-minicart .woocommerce-mini-cart-item {
	padding-left: 100px !important;
}

#bodycommerce-minicart .woocommerce-mini-cart-item .cart-item-quantity {
	font-size: 0.85em;
}

#bodycommerce-minicart ul.cart_list li a {
    display: block;
    font-weight: 700;
}

.bodycommerce-minicart .variation .pewc-cart-item-price {
	display:none;
}
#float-cart ul.cart_list li small,
#float-cart ul.cart_list li small a {
    display: inline-block;
    color: rgba(18, 45, 77, 0.5) !important;
    font-weight: normal;
    font-size: 0.85em !important;
}

#float-cart .variation {
	font-size: 14px;
	padding-top: 14px;
} 

#float-cart .pewc-upload-thumb-wrapper br,
#float-cart .pewc-upload-thumb-wrapper .pewc-cart-item-price {
	display:none;
}

.cart-icon, body .column-cart .et_pb_module .cart-icon {
    padding: 10px 10px 5px 10px !important;
}

/** Divi Space slide in mobile edits**/

#mobile_menu1 { display: block !important; min-height: 100vh; top: 0; border-top: none; padding-top: 80px; z-index: 9999; }

.mobile_nav.closed #mobile_menu1 {
 transform: rotateY(90deg); -webkit-transform: rotateY(90deg);
 transform-origin: right; -webkit-transform-origin: right;
 background: #122d4d!important;
 transition: .8s ease-in-out !important; }

.mobile_nav.opened #mobile_menu1,
.et-db #et-boc .et-l .et_pb_menu_0_tb_header.et_pb_menu .mobile_nav.opened #mobile_menu1.et_mobile_menu {
 transform: rotateY(0deg); -webkit-transform: rotateY(0deg);
 transform-origin: right; -webkit-transform-origin: right;
 background: #122d4d!important;
 transition: .8s ease-in-out;
 position: fixed; 
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d"; color: #f27d19;
 }

.et_mobile_menu li a { color: #f27d19;
 }



@media(max-width: 980px) {
.et-l--header .et_pb_column_1_3,
.et-l--header .et_pb_column_1_3.et_pb_column_empty {
	width: 33.33333333% !important;
	display: block;
	margin-bottom: 0;
	min-height:1px;
}
 
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { z-index: 9999; }

#main-header .container.clearfix.et_menu_container { width: 100%; }

.logo_container { padding-left: 30px; }

#et-top-navigation { padding-right: 30px; }

#main-header {    transition: .5s ease-in-out; }
.et-fixed-header#main-header, .et-fixed-header#main-header .nav li ul, .et-fixed-header .et-search-form {
    background-color: rgba(255,255,255,0.95);
    transition: .5s ease-in-out;
}

.et_hide_mobile_logo .et-fixed-header#main-header .logo_container {
    display: block;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.et_hide_mobile_logo .et-fixed-header#main-header .logo_container a {
    font-size: 18px;
}


}

@media(min-width: 341px) {

#mobile_menu1 { width: 100vw; right: 0; }

} 

@media(max-width: 340px) {

#mobile_menu1 { width: 100vw; right: 0; }
}


/* Setting the breakpoint of the mobile menu */

@media only screen and ( min-width: 501px ) and ( max-width: 981px ) {

	
	.et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__wrap, .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
		justify-content: flex-start;
	}
	
	.et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
		display: flex;
	}
	
	.et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
		display: none;
	}
}

@media only screen and ( max-width: 500px ) {


	.et_pb_section_1_tb_header {
		z-index:100;
	}
	.mobile_menu_bar {
		z-index: 9999;
	}
	
	.blokpadding {
		padding: 20px;
	}

}


/* @media (max-width: 980px) {

	.et-db #et-boc .et-l .et_pb_column .et_pb_module {
		margin-bottom: 1vh;
	}
	
	.et_pb_column_2_tb_header.column-cart {
		position: absolute;
		top: 50px;
		right: 0;
	}
	
	.et-l--header .et_pb_column {
		margin-bottom: 15px;
	}

} */
@media (max-width: 500px) {
.mobile_menu_bar  {
		position: absolute;
        top: -18px;
		margin-right: 50px;
	}

    .opened .mobile_menu_bar {
        z-index: 9999999;
        position: fixed;
        top: 12px;
    }

}



/* header */
@media(max-width: 500px) {
.cart-count {
	display: none;
	}
}




/* woocommerce account page */

.woocommerce-message {
	display:inline-block;
}

.woocommerce-MyAccount-navigation-link {
	border-bottom: 1px solid #EEE;

	padding: 8px 20px 8px 30px;
	position: relative;
}

nav.woocommerce-MyAccount-navigation ul {
	list-style-type: none !important;
	max-width: 200px; 
}


.woocommerce-MyAccount-navigation-link--orders:after {
    content: '\E013';
}

.woocommerce-MyAccount-navigation-link--downloads:after {
    content: '\e092';
}

.woocommerce-MyAccount-navigation-link--edit-address:after {
    content: '\e074';
}

.woocommerce-MyAccount-navigation-link--edit-account:after {
    content: '\e08a';
}

.woocommerce-MyAccount-navigation-link--customer-logout:after {
    content: '\7e';
}

.woocommerce-MyAccount-navigation-link:after {
    position: absolute;
    top: 50%;
    left: 0;
    line-height: 1;
    margin-top: -9px;
    font-family: 'ETModules';
    font-size: 18px;
    color: #122d4d;
}

.woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
background: #122d4d!important;
}

.woocommerce a.button, .woocommerce-page a.button {
	background-color: #cb1119!important;
}

/* custom field add-on uitschakelen op category page */

.custom-loop-layout .pewc-product-extra-groups-wrap {
	display: none;	
}

/* 
.et_pb_row {
	margin-bottom: 2em;
}
 */

/* box shadow product */

.et-db #et-boc .et-l .et_pb_db_shop_loop_0_tb_body .products .product {
	box-shadow: none!important;
}

/* vereisten tekst kleur product pagina */

.pewc-description {
	font-size: 0.8em;
	color: #68B1E2;
	font-size: 20px;
	line-height: 1.2em;
}

textarea.pewc-form-field {
    display: block;
    width: 100%;
    max-width:100%;
}


/* variable product button */

.button .product_type_variable {
	color: #cb1119;
}

/* margin bottom textfield gravering */

.pewc-description {
	margin-bottom: 20px;
}
/* width textfield gravering */
.pewc-form-field {
	margin: 0px;
    width: 386px;
    height: 72px;
}

/*****************floating cart***********/



header .et_builder_inner_content {
    z-index: 1;
}



.section-floating-cart {
	position: fixed; /* fixes to the screen */
	bottom: 20px;
	right: 20px;
	width: 65px;
	height: 65px;
	padding: 0;
	display: flex; /* used to make the icon in the center vertically and horizontally */
	justify-content: center; /* used to make the icon in the center vertically and horizontally */
	align-items: center; /* used to make the icon in the center vertically and horizontally */

}

/* make whole box clickable */
.et-cart-info  {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding: 0;
}


/* extra css */

.cart-icon, body .column-cart .et_pb_module .cart-icon {
height: 65px; /* make cart icon the same height */
top: 0 !important;
overflow: visible !important;
background-color: #fff !important; /* Change background colour */
transition: right .75s cubic-bezier(.5,0,.5,1); /* so when the mini cart slides in, it will too move */
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3); /* box shadow if you want, you can copy what ever CSS you generated in the section */
}
.et-l--footer .et_builder_inner_content, .et-l--footer {
    position: relative;
  
}
.slidein-minicart-active #float-cart .cart-icon {
    right: 490px !important;  /* change this to be the distance from the edge when the mini cart is open */
}
.slidein-minicart-active .et-cart-info {
     z-index: 999999999999999999999999999999999;
}
#float-cart {
box-shadow: none !important;
}

.cart-icon {
border-radius: 100%;
}

#float-cart {
background-color: transparent;
}

#float-cart {
z-index: 9999999999;
}

@media ( min-width: 601px ) {
	#float-cart {
    margin-bottom: 20px;
}
}


/* 
.woocommerce-Price-amount {
    margin-left: 200px;
    margin-top: -32px;
}
 */