/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;600&display=swap');


@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Medium.woff2') format('woff2'),
        url('fonts/Butler-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Butler';
    src: url('fonts/Butler-Light.woff2') format('woff2'),
        url('fonts/Butler-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

body {
	background-color: #fdfaf8;
	font-family: 'Assistant', sans-serif;
	color: #212121;
}

h1, .h1, h2, .h2, h3, .h3, .footer-container .h3, .footer-container .h4, .top-menu a[data-depth="0"], #header .header-top a[data-depth="0"], .block-category h1 {
	font-family: 'Butler', serif;
	font-weight: 500;
	color: #05514b;
	text-transform: uppercase;
}
#block_myaccount_infos .myaccount-title a {
	color: #05514b;
	font-weight: 500;
}

.top-menu .sub-menu {
    box-shadow: 2px 1px 11px 2px rgba(0,0,0,.1);
    border: none;
    margin-left: .9375rem;
    width: inherit;
    min-width: inherit;
    z-index: 18;
    position: absolute;
}
#header .menu, #header .menu>ul>li {
    display: inline-block;
    position: relative;
}
.top-menu .sub-menu ul[data-depth="1"]>li {
    float: left;
    margin: 0 1.25rem;
    clear: both;
}

#header, #header .header-top {background-color: #f4f0ed; }
#wrapper { background: #fdfaf8; }

#header .header-nav .cart-preview.active,
.product-flags li.product-flag {
	background: #05514b;
}
.btn-primary, .group-span-filestyle .btn-default, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .bootstrap-touchspin .group-span-filestyle .btn-touchspin {
	background-color: #05514b;
}

a,
a:hover,
.dropdown:hover .expand-more,
.cart-grid-body a.label:hover,
.footer-container li a:hover,
#header .top-menu a[data-depth="0"]:hover,
#header a:hover,
.product-price
{
	color: #05514b;
}
.tabs .nav-tabs .nav-link:hover, .tabs .nav-tabs .nav-link.active {
	color: #05514b;
	border-bottom-color: #05514b;
}
.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
	border-color: #05514b;
}

.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount {
	background-color: #bfa6d0;
}
.has-discount .discount {
	background: #bfa6d0;
}
.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {
	color: #bfa6d0;
}
path#color {
	fill: #bfa6d0;
}

#search_widget form input {
	background-color: #ffffff;
}

body#checkout #header .header-nav .logo {
	max-height:2rem;
}
.checkoutfooter {
	font-size:0.7rem;
}
.contact-rich {
	margin-top:2em;
}
.contact-form h3 {
	color: #05514b;
}
.featured-products .all-product-link {
	color:#ffffff;
}
.custom-text{
	padding: 3.125rem;
	margin-bottom: 1.5rem;
	background: #fff;
	border-radius: 2px;
}
.block-social ul li {
	background-color:inherit;
}
.facebook {
	background-color:#4267B2 !important;
}
.instagram {
	background-color:#C13584 !important;
}
.pinterest {
	background-color:#ad081b !important;
}
.block_newsletter {
	max-width:100%;
	padding:3rem;
}
#blockcart-modal .product-name {
	color: #05514b;
}
img.dw-img-hover {  position: absolute !important;  left: 0; top: 0;  opacity: 0;  transition: all .5s cubic-bezier(.07,.74,.56,.89); }
img.dw-img-hover:hover {    opacity: 1;}

#index #custom-text {
	display:block;
	padding: 5px;
	text-align: center;
	color: white;
	background: #05514b;
	border-radius: 0;
	margin-top: -1.563rem;
}

#index #custom-text p {
	color: #ffffff;
	margin-bottom: 0;
}