/* Navigation - Bouton "Hamburger"
---------------------------------------------------------------------- */
nav.mainNav .h-menu { display: flex; }

/* .wrapNav {display: none !important;} */

.shop-home-others .wrap, .prodsList{
    display: flex;
    flex-direction: column;
}

.shop-home-others article .infos .sell, .prodsList.style-mosaic > .prod .sell {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.shop-home-others .wrap article, .prodsList.style-mosaic > .prod {
    max-width: 95% !important;
}

.bloc-title h3 {
	text-align: center;
}

.product-wrapper > .prod .picture-frame > figure > img {
	width: 90% !important;
	margin: 0 auto;
}

.product-wrapper > .prod .picture-frame > figure {
	margin: 0 !important;
}

.product-wrapper > .prod > .product-infos {
	padding-left: 0 !important;
}

.bloc-header-toaste h1 {
    line-height: 55px;
    padding-top: 170px;
}

nav.mainNav .responsiveNav {
	background: var(--nav-bg);
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: right;
    border-bottom: 3px solid var(--main-color);
    /* height: calc(100vh - 95px); */
	color: var(--main-color)
}

.wrapNav .menu {
	display: none !important;
}

.wrapNav .menu.responsiveNav {
	display: flex !important;
	align-items: center;
}

nav.mainNav .responsiveNav * {
	color: var(--main-color)
}

nav.mainNav .responsiveNav li a {
	padding: 10px;
}

nav.mainNav .responsiveNav li.hasSub {
	display: flex;
    flex-direction: column;
    align-items: center;
}

nav.mainNav > div > ul li li.active a {
	color: rgb(255, 196, 0) !important;
    background: rgb(255, 255, 255);
}

nav.mainNav .h-menu > span, nav.mainNav .h-menu > span::after, nav.mainNav .h-menu > span::before {
	background-color: #FFF;
}

.site-footer .section-footer {
	display: flex;
    flex-direction: column;
    align-items: center;
}

.site-footer h5 {
	text-align: center;
	margin: 12.5px 0;
}

.site-footer .col-2 {
	width: 100%;
	max-width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.site-footer .col-3 p{
	text-align: center;
}

/* Modals
---------------------------------------------------------------------- */
.simple-modal { width: 90%; }