/*
Theme Name: Razzi for  Les Bijoux de Cécile
Theme URI: https://sebderobert.fr/
Author: Seb Derobert
Author URI: https://sebderobert.fr/
Description: Razzi Child Theme fir Les Bijoux de Cecile.
Version: 1.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: razzi
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: razzi
*/

header#site-header {
	padding-top: 10px;
}

div.site-content {
	padding-top: 5px;
	padding-bottom: 80px;
}

header.site-header .logo .logo-image {
	height: 125px;
	margin: 20px 0 0;
}

header#site-header .header-main {
	height: auto;
}

.header-main .header-items > div.site-branding {
	flex-basis: 100%;
}

.site-header div.header-mobile .logo .logo-image {
	height: 60px;
	width: auto;
}

nav.main-navigation a {
	font-size: 21px;
}

.site-header .razzi-header-container {
	flex-wrap: wrap;
	position: relative;
}

.header-left-items {
	flex-basis: 100%;
}

.header-main {
	height: auto;
}

.site-branding .logo {
	margin: 0;
}

div.modal-header .site-branding .logo {
	height: 150px;
	width: auto;
}

div.modal-header .site-branding .logo img {
	display: block;
	vertical-align: middle;
	height: 100px;
}

nav.main-navigation li.is-mega-menu.align-center.menu-item-71174  .dropdown-submenu {
	left: 120%;
}

@media screen and (max-width: 1450px) {
	header nav.main-navigation li.is-mega-menu.align-center.menu-item-71174  .dropdown-submenu {
		left: 180%;
		width: 100vw !important;
	}
	
	nav.main-navigation li.is-mega-menu.align-center.menu-item-71222 .dropdown-submenu {
		left: -20%;
	}
	
	nav.main-navigation li.is-mega-menu .dropdown-submenu {
		padding: 10px 22px 22px 22px;
	}
	
	nav.main-navigation li.is-mega-menu .menu-item-mega ul li {
		margin-bottom: 4px;
	}
}


/* .single-product div.product.outofstock  .woocommerce-product-gallery { */
	/* -webkit-filter: blur(3px); */
	/* -moz-filter: blur(3px); */
	/* -ms-filter: blur(3px); */
	/* -o-filter: blur(3px); */
	/* filter: blur(3px); */
/* } */

/* ul.products li.product.outofstock .product-thumbnail .woocommerce-loop-product__link img { */
	/* -webkit-filter: blur(2px); */
	/* -moz-filter: blur(2px); */
	/* -ms-filter: blur(2px); */
	/* -o-filter: blur(2px); */
	/* filter: blur(2px); */
/* } */

div#topbar {
	background-color: #166868;
}

div.razzi-topbar__text {
	color: #fff;
}

.single-product div.product .woocommerce-product-gallery:before {
	
}

.header-left-items {
	order: 1;
}

.header-right-items {
	position: absolute;
	right: 0;
	top: 0;
	height: auto;
	padding: 20px 0 0;
	z-index: 9999;
}

.rz-modal .panel-content {
	z-index: 99999;
}

.rz-modal .modal-header {
	background-color: #fff;
}

.admin-bar .rz-modal, .rz-modal .panel-content {
	background-color: #fff;
	z-index: 9999;
}

div#cmplz-manage-consent .cmplz-manage-consent {
	z-index: 99999;
}

.header-center-items {
	order: 3;
	flex-basis: 100%;
	margin: 40px auto;
	text-transform: uppercase;
}

.header-main .header-items > #primary-menu {
	margin: auto;
}

.main-navigation ul ul li {
	padding: 0;
}

.main-navigation li.is-mega-menu .menu-item-mega > a[href='#'],
.main-navigation li.is-mega-menu .menu-item-mega > a[href='#']:hover {
	color: unset;
	transition: none;
	font-weight: bold;
	cursor: unset;
}

li.mega-menu-content ul.sub-menu li.underline:last-of-type {
	margin-top: 15px;
	text-decoration: underline;
}

footer p {
	margin: 10px 0;
}

body, ul.products li.product .product-inner, ul.products li.product .product-summary {
	background: #FAF9F6!important;
}

.woocommerce-message, .woocommerce-info {
	background-color: #166868!important;
}

 .woocommerce-info a, .woocommerce-checkout .checkout-form-col .woocommerce-info {
	 color: #fff!important;
 }

div.menu-item-mega.mr-col.col-flex.col-flex-md-1 {
	flex: unset;
	max-width: 13%;
	margin-right: 10px;
}

nav.main-navigation ul ul.dropdown-submenu {
	padding: 18px;
}

nav.main-navigation ul ul.dropdown-submenu > li:first-of-type {
	margin-top: 30px;
}

nav.main-navigation ul ul.dropdown-submenu > li {
	margin-bottom: 15px;
}

nav.main-navigation ul ul.dropdown-submenu > li > a {
	font-size: 15px;
	line-height: 20px;
}

nav.main-navigation ul ul.dropdown-submenu > li.underline:last-of-type {
	text-decoration: underline;
}


@media screen and (max-width: 1200px) {
	nav.main-navigation a {
		font-size: 16px;
	}
}