/**
 * Main Template CSS Stylesheet
 * 
 * BOOTSTRAP v3.4.0
 *
 */
html, body {height: 100%;}
body {font-family: 'Lato', sans-serif;font-weight: 400;font-size: 14px;color: #777777;}

.red {color:#ff0000;}

.btn-primary { background-color: #dbaf70; color:#ffffff;border-color: #dbaf70;}
.btn-primary:hover { background-color: #ffffff; color:#dbaf70;border-color:#dbaf70;}
.btn-primary:focus, .btn-primary:active { background-color: #dbaf70; color:#ffffff;border-color:#dbaf70; border: none; outline:none;}

h1, h2, h3, h4, h5, h6 {margin: 0 0 10px;font-family: 'Montserrat', sans-serif;font-weight: 400;color:#333333}

a:focus {outline: 0px solid;}
a {transition: all 0.3s ease 0s; color: inherit; text-decoration: none;}
a:hover {text-decoration: none;}
a:active, a:hover {outline: 0 none;}

ul {list-style: outside none none;margin: 0;padding: 0;}

.text-heading{font-size: 20px;font-weight: 600;}
.text-underline-40::before{opacity: 1;}
.text-underline-40{display: inline-block;margin:0 0 12px;padding:5px 0 10px;position: relative;width: auto;}
.text-underline-40::before {background: hsl(0, 0%, 67%) none repeat scroll 0 0;bottom: 0;content: "";height: 2px;left: 0;position: absolute;width: 40%;}

.dropdown-menu {border: medium none;border-radius: 0;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);min-width: auto;padding: 0;}
.dropdown-menu a:hover {padding: 10px;}
.dropdown-menu a {color: #777777;}

/***********Product Listing**********/
.product-wrapper {position: relative;overflow: hidden;}
.product-wrapper .img-responsive {width: 100%;}
.product-wrapper .product-area {position: relative; width: 100%;}
.product-wrapper:hover .product-icon {opacity: 1;visibility: visible;right: 30px;}
.product-img a img {transition: .4s;}
.product-img, .product-content {display: inline-block;position: relative;}
.product-img span.badge {background: #dbaf70 none repeat scroll 0 0;border-radius: 0;color: #fff;cursor: pointer;font-size: 14px;font-weight: normal;line-height: 25px;min-height: 25px;left: 0px;padding: 0 10px;position: absolute;text-transform: capitalize;top: 0px;transition: all 0.3s ease 0s;min-width: 52px;z-index: 1;}
.product-img span.badge.actie {background: #dbaf70 none repeat scroll 0 0;color: hsl(0, 0%, 100%);left: auto;right: 0px;}
.product-img span.badge:hover {padding: 0 20px;}
.product-img .badges span.l-badge:nth-child(2) {top: 28px;}
.product-icon {position: absolute;right: -20px;top: 20%;z-index: 77;opacity: 0;transition:  all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-webkit-transition:  all 0.3s ease 0s;-ms-transition:  all 0.3s ease 0s;}
.product-icon ul li {list-style-type: none; margin-bottom: 10px;}
.product-icon ul li a {background: #fff none repeat scroll 0 0;border-radius: 50%;color: #aaaaaa;display: block;font-size: 18px;height: 40px;line-height: 44px;text-align: center;width: 40px;font-weight: 700;}
.product-icon ul li a:hover {color: #fff;background: #000 none repeat scroll 0 0;}
.product-content {position: relative;display: inline-block; height:100px;}
.product-content .product-brand {padding-top: 10px;text-transform: uppercase; font-size: 12px;text-align: left;font-weight: bold;}
.product-content .product-title {font-size: 11px;text-align: left;font-weight: normal;}
.product-content .product-price {font-size: 12px;text-align: left;font-weight: normal;}
.product-content .product-price .base-price{font-size: 12px;padding-right: 10px;font-weight: normal;text-decoration:line-through;}
.product-content .product-price .meerprijs{font-size: 10px;padding-right: 2px;font-weight: normal;}
.product-content .product-price .sale-price{font-size: 12px;padding-right: 20px;font-weight: bold;}
.product-content h4 a {color: #333;}
.product-content h4 a:hover {color: #000;}
.product-content span.new-price {color: #000;}
.product-content .product-price {margin: 10px 0 0;}

.product-available-sizes {display: inline-block; height:100px; width: 100%;padding-top:5px;}
.product-available-sizes .product-size { width: 65px; font-size: 11px; !important; margin-bottom:5px;}

/**************Product Info********************/
.product-info .product-price .sale-price {position: relative; font-size: 20px;font-weight: 600;}
.product-info .product-price .base-price {position: relative; font-size: 15px;font-weight: 500;padding-right:15px;text-decoration: line-through;}
.product-info h2 {font-size: 15px;font-weight: 700;}
.product-info h3 {font-size: 20px;font-weight: 800;}
.product-size .btn-primary {color: #ffffff; background-color: #dbaf70; border-color: #dbaf70; cursor:default;}
.product-size .btn-primary :hover, .product-size .btn-primary :focus, .product-size .btn-primary :active{text-decoration: none; background-color: #fff;}
.product-size .maat-meerprijs {font-weight: 750;}

/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */
@media screen and (min-width: 769px) {
	h1{ font-size:20px !important; }
	h2{ font-size:18px !important; }
	h3{ font-size:16px !important; }
	h4{ font-size:14px !important; }
	h5{ font-size:12px !important; }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 768px) {
	h1{ font-size:16px !important; }
	h2{ font-size:14px !important; }
	h3{ font-size:13px !important; }
	h4{ font-size:12px !important; }
	h5{ font-size:11px !important; }
}