/*
	Theme Name:   Pilat Child
	Description:  Pilat child theme
	Author:       Creative Work
	Template:     pilat
	Version:      1.0
*/


/* Child theme CSS
--------------------------------------------------------------- */
/* Regular */
@font-face {
	font-family: "Roboto";
	src: url("fonts/roboto/Roboto-VariableFont_wdth,wght.ttf") format("woff2");
  }

.nm-variation-control li {
    border-radius: inherit;
}

.nm-additional-information-inner {
	margin: 0;
}

.nm-variation-control.nm-variation-control-image li {
    width: 50px;
    height: 50px;
}

.nm-variation-control-image .nm-variation-option.selected .nm-pa-image-thumbnail-wrap {
	border-color: #a08668;
}

.product-additional-info {
	margin-top: 10px;
}

.woocommerce-product-attributes.shop_attributes {
	margin-top: 10px;
}


.nm-product-category-text {
    position: relative;
    left: 0;
    text-align: center;
    padding: 2%;
}

.nm-product-category-text .nm-product-category-heading {
    font-size: 18px;
}

.nm-menu li a {
    padding: 31px 16px;
    }

.nm-shop-header {
    display: none;
}

.nm-single-product-showcase {
    padding: 26px 0 45px;
}

.product-additional-info h3 {
    display: none;
}

.nm-product-wishlist-button-wrap {
    display: none;
}

.product .summary .stock.in-stock {
    background: #e7d7be!important;
}

.product .summary .stock.in-stock {
    color: #747474!important;
}


.nm-blog-categories-wrap {
    padding-bottom: 30px;
    }

    .vc_custom_heading {
    padding: 0 0 10px 0;
}


.nm-divider.separator_align_center {
    margin: 0 0 20px 0;
}

.nm-team > li {
    padding: 0px 5px 15px 5px;
}

.nm-team-member-image {
    margin-bottom: 10px;
}

.nm-team-member-content h2 {
    font-size: 16px !important;
    line-height: 1;
}

footer#nm-footer {
    margin: 50px 0 0 0;
}

.nm-blog-wrap {
    padding: 40px 0;
}

/* Fix blogs on home */
.nm-posts {
	margin-bottom: 0!important;
}

@media only screen and (max-width: 768px) {
	.nm-banner.alt-mobile-layout .nm-banner-content {
		padding-top: 7px;
	}
	.nm-banner.alt-mobile-layout .nm-banner-content-inner {
		text-align: center;
	}
}

/* Variant type image label */
.nm-variation-control.nm-variation-control-image {
	float: right;
}
.nm-variation-control.nm-variation-control-image li {
	display: inline-block;
	height: unset;
	width: unset;
	margin: 0;
	text-align: center;
	float: left
}
.nm-variation-control.nm-variation-control-image li .nm-pa-image-thumbnail-wrap {
	width: 50px!important;
	height: 50px!important;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	border: 1px solid #dadada;
}
.nm-variation-control.nm-variation-control-image li .nm-pa-image-thumbnail-wrap img {
	position: initial;
	-webkit-transform: unset;
	max-width: unset;
	width: 100%;
	height: 100%;
}
.nm-variation-control.nm-variation-control-image li span {
	display: inline-block;
	font-size: 14px;
	padding: 5px;
}

/* Breadcrumbs */
#nm-breadcrumb {
	font-size: 16px;
}

/* Cookie notice */
#cookie-notice {
	border-top: 1px solid #eee;
}
#cookie-notice .button {
	background-color: #a08668!important;
}

/* Content */
.wpb_text_column.wpb_content_element h2 {
	font-size: 22px;
}
.wpb_text_column.wpb_content_element ul {
	margin-bottom: 20px;
}

/* Thank you page */
.woocommerce-order-received .page > .woocommerce {
	padding-top: 0;
}

.woocommerce-order-content {
	max-width: 800px;
	margin-left: auto;
    margin-right: auto;

    margin-top: 30px;
}

.woocommerce-order-overview {
	margin-top: 25px;
	margin-bottom: 15px;

	padding: 5px;

	background-color: #666666;
	width: 100%;
}

.woocommerce-order-overview li, .woocommerce-order-overview li strong {
	color: #ffffff!important;
}
.woocommerce-notice.woocommerce-thankyou-order-received {
	color: #282828;
	font-size: 14px;
}

.nm-banner img.hide-mobile {
	display: none;
}
@media only screen and (min-width: 511px) {
	.nm-banner img.show-mobile {
		display: none;
	}
	.nm-banner img.hide-mobile {
		display: inherit;
	}
}

.thankyou-custom-blocks {
	margin-top: 40px;
}
.thankyou-custom-blocks ul.nm-footer-block-grid a {
	font-size: 16px;
}
.thankyou-custom-blocks ul.nm-footer-block-grid img {
	margin-bottom: 5px;
}

/* Instagram feed on homepage */
#sb_instagram span.sbi_follow_btn.sbi_custom a {
	font-size: 15px;
	border-radius: 0px;
	padding: 9px 15px 10px 15px;
}

/* Product tabs */
.nm-tabs-panel-inner {
	font-size: 16px;
}

/* Product status */
.stock.in-stock {
	margin-bottom: 0;
	background-color: #878c70!important;
}

.nm-shop-notice>span{

    border: 1px solid #e1e1e1;
    width: 100%;
    padding: 20px 0px;
    background: #fafafa;

}

.nm-shop-notice span{
	vertical-align: unset !important;
}

#shipping_method input{
	accent-color: #a08668;
}

li:has(#shipping_method_0_local_pickup10)::after{
	content: 'Gratis';
	display: inline-block;
	float: right;
}

form.woocommerce-checkout{
	padding-top: 0px;
}


.nm-cart-panel-list-wrap .nm-shop-notice.woocommerce-info{
	padding: 0;
	padding-top: 10px;
}

.nm-cart-panel-list-wrap .nm-shop-notice.woocommerce-info>span{
	padding: 10px;
}

#verkooppunten-title .wpb_wrapper > p{
	font-size: 22px !important;
}



/* Menu veranderingen */

.shop-ajax-link ul.sub-menu > li > a{
	font-size: 12px!important;
}

.shop-ajax-link > a{
	font-size: 16px!important;
}

.sub-menu .menu-item img {
	max-height: 125px!important;
	aspect-ratio: 3 / 2;  /* Houdt ratio 3:2 */
}
.nm-menu .megamenu.full > .sub-menu > ul {
	max-width: 1275px!important;
}

.nm-menu .sub-menu {
	background: #ffffff!important;
}


/* Product pagina */

.button[disabled], .button.disabled, .button.loading {
background-color: 	#3b3b3b;
}

.nm-variation-control li:hover, .nm-variation-control li.selected {
border-radius: 50%;
}

.nm-pa-image-thumbnail {
border-radius: 50%;
object-fit: cover;
width: 50px; 
height: 50px;
display: block; 
}

.nm-pa-image-thumbnail:hover {
border: 1px solid!important;
}

.nm-variation-control li {
border: none!important;
}

.nm-variation-control.nm-variation-control-image li .nm-pa-image-thumbnail-wrap {
border-radius: 50%;
}


/* Home */
.nm-product-category-inner {
  position: relative;
  overflow: hidden;
}

.nm-product-category-inner img {
  display: block;
  width: 100%;
  height: auto;
}

/* @media (min-width: 768px) { */
  .nm-product-category-text {
    position: absolute;
    top: 20px;      /* afstand vanaf de bovenkant */
    left: 20px;     /* afstand vanaf links */
    color: #fff;    /* tekstkleur */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
/* } */

.nm-banner-text {
	padding: 3%!important;
}

.nm-product-category-text a{
	color: #fff!important;
}
.nm-product-category-heading a {
  font-size: 22px;
  color: #fff;
  text-decoration: none;
}

.nm-product-category-subtitle {
  font-size: 14px;
  margin-top: 5px;
  letter-spacing: 1px;
  font-weight: 400;
  text-transform: uppercase;
  color: #fff;
}




/* Andere */

.nm-divider .nm-divider-line {
	top: 70%!important;
	height: 0.1px!important;
	transform: scaleY(0.5);
	transform-origin: center;
}

.nm-divider.separator_align_center .nm-divider-title, .nm-divider.separator_align_right .nm-divider-title {
	font-size: xx-large;
	font-family: "Roboto"!important;
	font-weight: 100!important;
}

.nm-post-image {
	background-size: cover;
	background-position: center;
	aspect-ratio: 2/3;
	width: 100%;
	height: 100%!important;
  }
  

.nm-product-category-text a.black-text {
    color: #282828 !important;
}

.nm-product-category-subtitle.black-text {
	color: #282828 !important;
}

.subtitle-below .nm-banner-subtitle {
	margin-top: 10px!important;
	font-weight: 600!important;
}

.nm-product-category-subtitle {
	margin-top: 0px!important;
	font-weight: 600!important;
}

.nm-banner-text.large .nm-banner-title {
	font-size: 22px;
}

.heading-text-pilat h3 {
	font-size: 20px!important;
}

.nm-banner-subtitle.nm-alt-font {
	font-size: 12px!important;
}

.nm-product-category-subtitle {
	font-size: 12px!important;
}

.heading-menu-pilat a{
    font-size: 16px !important;
}

.heading-menu-pilat li a {
    font-size: 14px !important;
}

.text-color-dark.subtitle-below .nm-banner-subtitle.nm-alt-font {
	color: #282828 !important
}

@media only screen and (max-width: 768px) {
	.mobile-spacing {
		margin-bottom: 20px!important;
	}
}

@media (max-width: 768px) {
	.nm-banner-text {
		padding-left: 8%!important;
	}
	.nm-product-category-heading a, .nm-banner-text.large .nm-banner-title {
		font-size: 21px!important;
		margin-top: 16px;
	}
	.subtitle-below .nm-banner-subtitle {
		margin-top: 3px!important;
	}
}