/* 
Theme Name:		Hello Buro Staal
Theme URI:		https://burostaal.nl/
Description:	Hello Buro Staal is a child theme of Hello Elementor, created by Elementor team
Author:			Buro Staal
Author URI:		https://burostaal.nl/
Template:		hello-elementor
Version:		1.0.1
Text Domain:	hello-buro-staal
*/

/* 
	Toon "menu" op smartphone bij hamburger icoontje
*/

div.elementor-menu-toggle {
	background-color: transparent;
	padding: 0 10px 0 0;
}
div.elementor-menu-toggle span.elementor-screen-only {
	position: absolute;
	top: 25px;
	width: 100%;
	height: 40px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	clip: auto;
	border: 0;
	left: 0;
	color: #000;
	text-align: right;	
	text-transform: uppercase;
	font-size: 14px;
	z-index: 1000000;
}
div.elementor-menu-toggle [class*=" eicon-"], div.elementor-menu-toggle [class^=eicon] {
	font-size: 25px !important;
}

@import url("https://p.typekit.net/p.css?s=1&k=zvj8kbb&ht=tk&f=39200.39201.39202.39203&a=3276178&app=typekit&e=css");
@font-face {
    font-family: "century-gothic";
    src: url("https://use.typekit.net/af/471ad1/00000000000000003b9b1f20/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"), url("https://use.typekit.net/af/471ad1/00000000000000003b9b1f20/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"), url("https://use.typekit.net/af/471ad1/00000000000000003b9b1f20/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "century-gothic";
    src: url("https://use.typekit.net/af/85a471/00000000000000003b9b1f21/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"), url("https://use.typekit.net/af/85a471/00000000000000003b9b1f21/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"), url("https://use.typekit.net/af/85a471/00000000000000003b9b1f21/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "century-gothic";
    src: url("https://use.typekit.net/af/fb6c60/00000000000000003b9b1f22/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"), url("https://use.typekit.net/af/fb6c60/00000000000000003b9b1f22/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"), url("https://use.typekit.net/af/fb6c60/00000000000000003b9b1f22/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "century-gothic";
    src: url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"), url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"), url("https://use.typekit.net/af/afc5c6/00000000000000003b9b1f23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
}

.tk-century-gothic {
    font-family: "century-gothic", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "century-gothic", "Source Sans Pro", sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
	color: #6d6e71;
}
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
	content: '.';
	color: #E8A100;
	font-size: 1.4em;
}

.woocommerce-shipping-fields h3:after {
	content: '';
}

.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox span:after {
	content: '.';
	color: #E8A100;
	font-size: 1.4em;
}


@media (max-width: 385px){
	.wc_payment_method.payment_method_mollie_wc_gateway_creditcard label {
		display: initial;
	}

	#payment ul.payment_methods .wc_payment_method.payment_method_mollie_wc_gateway_creditcard label img {
		margin-left: 34px;
	}
}



h2.woocommerce-loop-product__title:after,
h3.elementor-post__title:after,
h2.woocommerce-loop-category__title:after {
	content: none;
}

h1 {
	font-size: 30px;
}

h2 {
	font-size: 27px;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 20px;
}

.entry-content h3,
.entry-content h4 {
	font-weight: 600;
}

.entry-content h4 {
	margin-top: 40px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

body {
	margin: 30px;
	font-family: "Avenir", sans-serif;
}

a {
	color: #00708c;
}

a:hover,
a:active {
	color: #E8A100;
}

@media (min-width: 1200px){
	.site-header, body:not([class*=elementor-page-]) .site-main {
		max-width: 1200px !important;
		margin-bottom: 40px !important;
	}
}

@media (max-width: 768px){
	body {
		margin: 5px;
	}
}


/* Broodkruimels */
#broodkruimels {
	margin: 0 50px;
}
body.home #broodkruimels {
	display: none;
}
@media (max-width: 768px){
	#broodkruimels {
		margin: 0;
	}
}

/* Header, USPs voor mobiel */
.elementor-8757 .elementor-element.elementor-element-80538ea {
	padding: 0 !important;
}
.elementor-8757 .elementor-element.elementor-element-5a0d680 .elementor-icon-list-items.elementor-inline-items,
.elementor-8757 .elementor-element.elementor-element-5a0d680 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
	margin: 0;
}
.elementor-8757 .elementor-element.elementor-element-5a0d680 .elementor-icon-list-item {
	max-width: 50% !important;
	font-size: 0.75rem !important;
	margin-right: 10px !important;
}

/* Footer */
div.elementor-location-footer div.elementor-section-wrap {
	background-color: #00708c;
}
#credits {
	margin: 0 50px;
}
@media (max-width: 768px){
	#credits {
		margin: 0 20px;
	}
}

/* Homepage CTA kleiner op mobiel */
@media (max-width: 768px){
	.elementor-button.elementor-size-lg {
		padding: 10px 20px !important;
	}
}

/* Producten overzicht */
.elementor-element.elementor-products-grid ul.products li.product {
	padding: 5px !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
	background: #EEF0EC;
	color: #6d6e71;	
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
	color: #6d6e71;	
}
.elementor-location-archive {
	margin-bottom: 30px !important;
}
.woocommerce .woocommerce-ordering select {
	border: 1px solid #6d6e71;
}
ul.children {
	margin-left: 15px;
}

/* Productpagina */
body.single-product .site-inner {
	border-top: #00708c 1px solid;
}
.woocommerce div.product.elementor form.cart table.variations td.value select {
	background-color: #efefef !important;
}
.woocommerce div.product form.cart div.quantity {
	margin: 0 5px;
	border-radius: 30px;
}
.woocommerce div.product.elementor .quantity .qty {
	border: none;
}
.woocommerce table.cart td.product-quantity .qib-container:not(#qib_id) {
	justify-content: left !important;
}
div.quantity input[type=number],
.qib-container .quantity input.qty:not(#qib_id) {
	width: 35px;
	line-height: 30px;
	padding: 0;
	background-color: #efefef;
	border-radius: 30px;
	margin: 0 5px;
	/*height: 35px !important;*/
}
div.quantity input[type=number]::-webkit-inner-spin-button, 
div.quantity input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
/*.qib-button:not(#qib_id) {
	border-radius: 30px !important;
	padding: 0  !important;
	width: 35px !important;
	height: 35px !important;
	background-color: rgb(201, 201, 201) !important;
	color: black !important;
	border: none !important;*/
}
@media (max-width: 330px){
	form.cart .qib-container + button[type='submit']:not(#qib_id), form.cart .qib-container + div:not(#qib_id):not(_) {
		margin-left: 0 !important;
		font-size: 1em;
	}
}

.woocommerce div.product form.cart .button {
	height: 30px;
	line-height: 10px;
	margin-left: 20px;
    padding-bottom: 25px !important;
}

@media (max-width: 767px) {
	.woocommerce div.product form.cart .button {
		line-height: 12px;
	}
}

@media (max-width: 539px){
	.woocommerce div.product form.cart .button {
		margin-left: 10px;
	}
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	color: white;
	background-color: #748375;
}
.woocommerce h2 {
	color: #6d6e71;
}
.woocommerce div.product div.images .flex-control-thumbs li {
	width: 20%;
}
.woocommerce div.product.elementor form.cart.variations_form .woocommerce-variation-add-to-cart, .woocommerce div.product.elementor form.cart:not(.grouped_form):not(.variations_form) {
	/*display: block !important;*/
}
p.stock {
	font-family: "Avenir", sans-serif;
	font-weight: 600;
	font-size: 1rem !important;
}
p.in-stock:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	margin-right: 10px;
}
p.in-stock {
	color: #00708c !important;
}
p.limited:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00c";
	margin-right: 10px;
}
p.limited {
	color: #E8A100 !important;
}
p.out-of-stock:before {
	font-family: "Font Awesome 5 Free";
	content: "\f00d";
	margin-right: 10px;
}
p.out-of-stock {
	color: #3a3d3e !important;
}
.elementor-widget-woocommerce-product-add-to-cart p.stock,
.elementor-widget-woocommerce-product-add-to-cart p {
	display: none;
}

/* Product tabs */
.woocommerce-tabs .woocommerce-Tabs-panel {
	background-color: #EEF0EC;
	border-top: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
	background-color: #EEF0EC;
	border-bottom-color: #EEF0EC;
	color: #00708c;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
	padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
	border: none;
}
div.woocommerce-Tabs-panel h2 {
	display: none;
	visibility: hidden;
}

/* WooCommerce meldingen en checkout */
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background-color: #EEF0EC;	
}
.woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
	border: 1px solid #666;
}
.woocommerce-notices-wrapper {
	max-width: 1200px;
	margin: 0 auto;	
}
.woocommerce-message::before, .woocommerce-info::before {
	color: #00708c;
}
.woocommerce-message, .woocommerce-info {
	border-top-color: #00708c;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
	background-color: #DDA338;
	border-radius: 50px;
	color: #313131;
	font-size: 15px;
	padding: 15px 30px;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
	font-size: 1.4rem;
	padding: 10px;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: #DDA338;
	border-radius: 50px;
	color: white;	
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
	background-color: #748375;
	color: white;
}
.woocommerce .cart .button, .woocommerce .cart input.button {
	border-radius: 20px;
}
.woocommerce table.shop_table {
	color: #6d6e71;
}
.woocommerce table.shop_table th, .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce ul#shipping_method .amount, .woocommerce table.shop_table strong {
	font-weight: 500;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th, table tbody tr:hover>td, table tbody tr:hover>th {
	background-color: transparent;
}
.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
	width: 130px;
}
div.quantity input[type=number] {
	width: 30px !important;
	line-height: 30px;
	/*padding: 0;*/
	padding: 2px 0 0 1px;
	/*background-color: white;*/
	background-color: #efefef;
	border-radius: none !important;
	margin: 0 5px;
	/*border: 1px solid #d3ced2;*/
	height: 30px;
}
.woocommerce-checkout #payment div.payment_box {
	background-color: white;
	margin-top: 22px;
}
.woocommerce-checkout #payment div.payment_box::before {
	border: 1em solid #ffffff;
	border-right-color: #EEF0EC !important;
	border-left-color: #EEF0EC !important;
	border-top-color: #EEF0EC !important;
	top: -1em;
}
.woocommerce a.button.alt {
	max-width: 60%;
}
a#nee-dank-je:active + .shop_table gift_table {
	display: none;
}
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea, .woocommerce form .form-row.woocommerce-validated .select2-container, .woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
	border: 1px solid rgba(0,0,0,.2);
}
p#billing_country_field .select2-container--default .select2-selection--single,
p#shipping_country_field .select2-container--default .select2-selection--single {
	border: none;
	margin: 0;
}

@media (max-width: 539px){
	.woocommerce-message a.button {
		display: none;
	}
	.woocommerce-cart table.cart td.actions .coupon .input-text {
		width: 100%;
	}
	.coupon .button {
		width: 100% !important;
		margin-top: 5px !important;
	}
	.woocommerce a.button.alt {
		max-width: 100% !important;
	}
	.woocommerce ul.order_details {
	    margin: 0;
		padding: 0;
	}
	.woocommerce ul.order_details li {
		width: 100%;
		margin-bottom: 5px;
	}
	td.product-thumbnail:before {
		display: none;
	}
	.woocommerce-page table.cart .product-thumbnail {
		display: block !important;
	}
	.woocommerce-cart table.cart img {
		width: 100% !important;
	}
	.woocommerce form .form-row, .woocommerce button.button {
		width: 100%;

	}
}

/* Elementor zijbalk cart */
.elementor-menu-cart__subtotal {
	font-weight: 400;
}

.elementor-menu-cart__footer-buttons {
	justify-content: center;
}


@media (max-width: 330px){
	.elementor-button.elementor-size-md {
	    padding: 15px 20px !important;
	}
}

/* Zoekresultaten */
body.search .elementor-widget-heading .elementor-heading-title {
	font-family: "century-gothic", "Source Sans Pro", sans-serif;
	font-weight: 400;
	line-height: 1.2;
	margin: 0 0 20px;
	color: #6d6e71;
}
body.search h2.woocommerce-loop-product__title {
	font-family: "century-gothic", "Source Sans Pro", sans-serif !important;
	color: #00708c !important;
	font-weight: 400 !important;
}
body.search .woocommerce-Price-amount {
	color: #6d6e71 !important;
	font-family: "century-gothic", "Source Sans Pro", sans-serif !important;
}

/* Mega menu */
ul.mega-sub-menu ul.menu {
	padding-left: 0;
}
ul.mega-sub-menu ul.menu li {
	list-style-type: none;
}

/* Mijn account */
.woocommerce form.login {
	border: none;
	padding: 0;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    background-color: #E8A100;
    color: white;
    border-radius: 30px;
    padding: 10px 20px;
}
body.logged-in div.hide-logged-in {
	display: none;
}

/*Reseller formulier*/

.gfield select {
    background-color: #fff !important;
    height: 35px;
   	color: #6d6e71;
}

.gform_wrapper ul.gform_fields {
	margin: 0 0 10px 0 !important;
	background: #f4f4f4;
	padding: 10px 20px !important;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper textarea {
	background: white !important;
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart {
	align-items: center;
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .plus,
.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .minus {
	background-color: #efefef;
	border-radius: 9999px;
	width: 40px;
	min-width: 40px;
	height: 40px;
	border: none;
	padding: 2px 0 0 1px;
	color: #1a202c;
	font-weight: 800;
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .plus {
	padding: 2px 0 0 1px;
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .minus {
	padding: 0 0 0 1px;
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .plus:hover,
.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .minus:hover {
	background-color: #dddddd;
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .plus:focus,
.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .minus:focus {
	outline: 0!important;
	box-shadow: 0 0 0 3px rgba(66,153,225,.5)!important;
}

.elementor-widget-woocommerce-product-add-to-cart .elementor-add-to-cart .cart .input-text.qty.text {
	background-color: #efefef;
	margin-right: 5px; 
	width: 40px;
	min-width: 40px;
	height: 40px;
}

@media only screen and (max-width:480px) {
	.woocommerce div.product div.images {
		margin-bottom: 0em;
	}
} 

.woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {
    margin-bottom: 30px;
}

li.cat-item.cat-parent.current-cat-parent > ul > li.cat-item.current-cat a {
	color: #e8a100;
}

h2.elementor-cta__title.elementor-cta__content-item.elementor-content-item.elementor-animated-item--grow:after {
	content: '.';
	color: #E8A100;
	font-size: 1.4em;
	margin-left: -10px;
}

button.button:focus,
button.elementor-button:focus {
	outline: 0!important;
    box-shadow: 0 0 0 3px rgba(66,153,225,.5)!important;
}

.woocommerce .woocommerce-MyAccount-navigation-link--vat-number {
	display:none;
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins {
	font-size: inherit !important;
}

.addon-product .cart {
	display: flex;
	flex-direction: column;
	align-items: start !important;
}

.addon-product .minus {
	display: none;
}

.addon-product .plus {
	display: none;
}

.addon-product .quantity {
	display: none;
}


.addon-product .cart h2 {
	font-family: "Roboto", Avenir, Sans-serif;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px !important;
}

.addon-product .wc-pao-addon-name {
	font-family: "Roboto", Avenir, Sans-serif;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
 	margin-top: 10px;
}

.addon-product .cart label {
	font-family: "Roboto", Avenir, Sans-serif;
	font-size: 17px;
	font-weight: 600;
	margin-bottom: 10px;
  	margin-top: 10px;
}

.wc-pao-addon-image-swatch img {
	max-height: 27px;
}

.wc-pao-addon-image-swatch-selected-swatch + select {
	display: none !important;
}

.addon-product .single_add_to_cart_button {
	margin-left: 0 !important;
}