/* Links */

a {
	color: #3e3e3e;
}

a:hover {
	color: #000000;
}

.form-control {
	border-color: #e6e6e6;
}

/* Buttons */

.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
	background: #f6a800;
	border-color: #f6a800;
	color: #fff;
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled):active {
	background: #e49c02;
	border-color: #e49c02;
	color: #fff;
}

.btn-secondary,
.btn-secondary:disabled,
.btn-secondary.disabled {
	background: #f6f6f6;
	border-color: #f6f6f6;
	color: #3e3e3e;
}

.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
	background: #dddbdb;
	border-color: #dddbdb;
	color: #3e3e3e;
}

/* Icons */

.icon-shopping-cart::before {
	content: "\ec02";
}

/* Header */

.header-search-btn {
	color: #adb5bd;
}

.header-search-btn:hover {
	color: #6c757d;
}

.header-search-advanced {
	display: none;
}

.header-cart .icon-shopping-cart::after {
	background-color: #f6a800;
	box-shadow: 0 0 0 3px #fff;
	color: #000;
	font-weight: bold;
}

.popper.popper-popover-mega-menu {
	background: #fff;
	border: 0;
	box-shadow: 0px 1px 5px 0px rgba(0,0,0,.05);
	margin: 0;
}

.mega-menu-col > .cat-parent {
	text-transform: uppercase;
}

.header-menu-item > .nav-link {
	border-bottom: 2px solid transparent;
	font-size: .75rem;
	font-weight: 500;
	transition: all .5s;
}

.header-search .form-control {
	border-width: 2px;
}

.header-search-form .header-search-input {
	font-size: .8125rem;
}

.header-search-form .icon-lg {
	color: #3e3e3e;
	font-size: 1rem;
	padding: .3125rem .75rem;
}

.mega-menu-col .list-item a {
	color: #3e3e3e;
	font-size: .75rem;
	padding-bottom: .35rem;
	padding-top: .35rem;
}

.mega-menu-col .list-parent a {
	font-size: .75rem;
	font-weight: 700;
	text-transform: uppercase;
}

.breadcrumb-item {
	color: #3e3e3e;
}

.breadcrumb-item.active {
	opacity: .75;
}

@media (max-width: 991.98px) {
	.breadcrumb-scroll {
		background: #f6f6f6;}
	}

@media (min-width: 992px) {
	.header-middle-container {
		justify-content: space-between;
	}	
	.header-logo {
		justify-content: center;
		margin: 0;
		width: calc(100% - 480px);
	}
	.header-search {
		margin: 0;
		order: -1;
	}
	.header-bottom {
		background: #f6f6f6;
		padding: 0;
	}
	.header-menu {
		border: 0;
	}
	.header-menu > .navbar-nav {
		justify-content: center;
		margin-left: -.625rem;
	}
	.header-menu-item {
		padding-left: .75rem;
		padding-right: .75rem;
	}
	.header-menu-item .header-menu-link {
		padding: .75rem 1rem .55rem;
	}
	.navbar-expand-md .navbar-nav .nav-link {
		padding-left: 0;
		padding-right: 0;
	}
	.header-middle-cart-preview {
		justify-content: flex-end;
		width: 240px;
	}
	.breadcrumb-scroll {
		margin: 1rem 0;
	}
	.header-menu-item > .nav-link:hover {
		border-color: #f6a800;
	}
}

/* Index */

.block-products-index {
	margin: 1.5rem 0;
}

.block-products-index .title-primary {
	margin: .75rem 0 1rem;
	padding-bottom: 1rem;
	text-align: center;
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.banner-home-central {
		margin-bottom: 3rem;
	}
}

/* Catalog */

.btn-fav,
.btn-fav:hover {
	background: #fff;
}

.prod-box,
.article-box {
	padding: 0 .75rem;
}

.prod-item .prod-title,
.article-item .article-title {
	color: #3e3e3e;
	font-size: .75rem;
	font-weight: bold;
	text-transform: uppercase;
}

.article-item .prod-title:hover,
.prod-item .article-title:hover {
	color: #000;
}

.prod-cat {
	font-size: .8125rem;
}

.custom-control-label {
	font-size: .75rem;
}

.custom-control-small,
.filter-option {
	min-height: 1.65rem;
}

.filter-title {
	font-weight: bold;
	padding: 0 0 .25rem 0;
	text-transform: none;
}

@media (min-width: 992px) {
	.has-sidebar > .sidebar {
		padding-top: .95rem;
	}
	.site-index .header {
		margin-bottom: 1.5rem;
	}
}

/* Buy */

.site-blog-post .title-primary:not(.title-blog),
.site-buy .title-primary:not(.title-buy) {
	border-bottom: 1px solid #dee2e6;
	margin-bottom: 1rem;
	padding-bottom: .75rem;
}

.nav-buy-wrap {
	background: #f6f6f6;
}

.nav-buy .nav-link {
	color: #3e3e3e;
}

.prod-price-highlighted {
	font-size: 1rem !important;
	font-weight: bold;
}

.nav-buy .nav-link:hover,
.nav-buy .nav-link.active {
	color: #000;
}

.carousel-buy-thumb.active {
	border: 0;
	border-bottom: 2px solid #313131;
}

.buy-social-icon {
	color: #666;
}

.title-buy,
.title-blog {
	text-transform: uppercase;
}

@media (min-width: 992px) {
	.title-buy,
	.title-blog {
		font-size: 1.25rem;
	}
	.col-prod-info {
		padding-left: 2rem;
	}
	.carousel-buy-thumb {
		padding: .5rem;
	}
}

/* Footer */

.footer-top > :last-child,
.footer-top-row {
	border: 0;
}

.footer-bottom,
.footer-middle {
	background: #fafafa;
}

.footer-middle-title {
	color: #000;
	font-size: .8125rem;
	font-weight: 700;
	letter-spacing: .5px;
	padding-bottom: 1rem;
	text-transform: none;
}

.footer-middle-link {
	color: #737373;
	padding: .5rem;
}

.footer-social-icons .footer-social-icon,
.footer-social-icons .footer-social-icon:hover {
	background: none;
	border: 2px solid #313131;
	color: #313131 !important;
}

.footer-social-icons .footer-social-icon:hover {
	color: #000;
}

.do-save-cookie-settings {
	font-size: .875rem;
}

@media (min-width: 992px) {
	.footer-bottom-sides {
		padding-top: 1.5rem;
	}
}
/* Promo */

[class^="promo-"] {
    border-radius: 0;
    }
    
/* Adding class for the product size badges (variant_options.values) on the listing pages : */
/* Changes also will be applied on the product.html.twig block line 45-57 : */
.v3-badge-variants{
	color: white !important;
	text-align:left;
    background-color: rgba(39, 39, 38, 0.7);
	display: none;
    top: auto;
    bottom: 0;
    left: auto;
    right: 0;
    width: auto;
    height: auto;
    color: #fff;
    font-size: .6125rem;
    z-index: 2;
    border-radius: 3px;
    background-size: auto;
    background-position: center center;
}

a:hover .v3-badge-variants{
	display: block;
}

/* Modal for the sizes table */

#modalOpener {
    margin-bottom: 2em;
    cursor: pointer;
    text-decoration: underline;
    margin-left: 7rem;
    width: fit-content;
}
.modal-contents {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: fit-content; /* Could be more or less, depending on screen size */
    width: -moz-min-content;
}


.modalWindow {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 101; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.closeModal{
    color:black;
    font-size:28px;
    padding:8px 12px;
    right:0;
    top:0;
    font-weight:bold;
    cursor: pointer;
    z-index: 5;
}