/*
 * Globals
 */

/* #region */


/* hide category 'A la Une' */
/* body.home #blog article.hestia-blog-item .category a:nth-of-type(1) {
	display: none;
} */

/* a[href$=\/on-home],
a[href$=\/a-la-une] {
	display: none;
} */



body {
    background: #eee;
}

body.single-post .entry-categories {
	display: none;
}

.wrapper,
nav.navbar {
	/* 	background: url(https://saravah.web.cantoute.com/wp-content/uploads/2019/07/saravah-bg1.jpg) repeat-y center -40px scroll; */
	background: url(https://saravah.web.cantoute.com/wp-content/uploads/2019/07/saravah-bg1.jpg) repeat-y center -40px scroll;
	background-size: 100%;
}

.wrapper {
	background-position: center top;
}

/* body.home section,
body.home .main,
.main {
	background: none!important;
} */

/* body.home section, */
/* body.home .main,
body.post-type-archive-product .main, */
/* page artistes*/
/* body.page-id-892 .main, */
/* page dvd */
/* body.page-id-743 .main, */
.main {
	background: rgba(255, 255, 255, 0.2) !important;
}

.posted-by {
	display: none;
}

/* #endregion */

/*
 * Sidebars
 */

/* #region */

aside .widget li a {
	display: block;
	line-height: 1.5em;
	margin-bottom: 1ex;
}

#secondary {
	background: rgba(255, 255, 255, .66);
	margin: 0px -15px;
	padding: 15px;
	border-radius: 15px;
	box-shadow: 0 0 7px rgba(255, 255, 255, 1);
	border: 1px solid rgba(255, 255, 255, .3);
}

/* #endregion */





/*
 * Nav
 */

/* #region */

.hestia-top-bar {
    background: rgba(20, 172, 169, .66)!important;
}

nav.navbar .navbar-header {
	height: 200px;
	/* max-height: 30vh; */
}

nav.navbar.navbar-scroll-point .navbar-header {
	height: 0;
}

/* body.home .navbar.navbar-scroll-point,
body.home .navbar.navbar-scroll-point.header-with-topbar,
body.home .navbar.navbar-scroll-point.hestia_center,
body.home .navbar.navbar-scroll-point.hestia_right {
	position:absolute !important;
} */

button.hestia-scroll-to-top {
	/* 	margin-bottom: 100px; */
}

nav.navbar.navbar-scroll-point .title-logo-wrapper {
	display: block !important;
	position: absolute;
	left: 20px;
	top: -10px;
	max-height: 70px;
	overflow-y: hidden;
}

nav.navbar:not(.navbar-scroll-point) .title-logo-wrapper img {
	transition: all 0.3s ease-in;
}

nav.navbar .navbar-header .navbar-brand img {
	max-height: initial !important;
	height: 180px !important;
}

nav.navbar.navbar-scroll-point .title-logo-wrapper img {
	max-height: 80px;
	height: 80px !important;
	width: auto;
}

.navbar .navbar-nav > li > a {
	text-transform: none;
	font-size: 180%;
}

nav.navbar-scroll-point .navbar-nav > li > a {
	font-size: 150%;
}

nav.navbar.navbar-scroll-point {
	background-position: center -250px;
}

.navbar .title-logo-wrapper {
	max-width: initial;
	margin-top: 10px;
}

.navbar-header .navbar-brand img {
	width: auto;
	height: 180px !important;
}

#main-navigation {
	background-color: rgba(255, 255, 255, 0.66);
	border-radius: 30px;
	padding: 0 12px;
}

@media (min-width: 769px) {
	nav.navbar a.navbar-brand {
		margin: 0 !important;
	}

	#main-navigation.navabar-collapse li {
		z-index: 100;
	}
}

/* #endregion */

/*
 * Header
 */

/* #region */
/* .header-filter::before {
	background: transparent;
} */

/* body.post-type-archive-product  */
/* .page-header .hestia-title {
	color: #cc3608;
} */

/* body.post-type-archive-product  */
.page-header .row > div {
	background: rgba(255, 255, 255, .2) !important;
}

.page-header .row div {
	text-shadow: 2px 2px 6px #000;
}

.page-header .row div {
	background: rgba(30, 30, 30, .40);
	border-radius: 14px;
	border: 1px solid rgba(120, 120, 120, .2);
	transition: all 0.3s ease-out;
}

.page-header .row div:hover {
	background: rgba(10, 10, 10, .80);
	opacity: .99;
}

.page-header .description {
	background: rgba(0, 0, 0, .6);
	padding: 1em;
    border-radius: 15px;
    transition: all 0.7s ease-in-out;
}

.page-header .description:hover,
.page-header .description:active,
.page-header .description:focus {
	background: rgba(0, 0, 0, .8);
}

.page-header .description a {
	transition: all 0.7s ease-in-out;
}

.page-header .description a:hover {
	/* 	text-shadow: 1px 1px 2px #000; */
	font-weight: 600;
}

@media (min-width: 769px) {
	/* body.post-type-archive-product .page-header .hestia-title, */
	.page-header .hestia-title {
		font-size: 500% !important;
	}
}

/* body.post-type-archive-product .before-shop-main .row {
	display: none;
} */

/* #endregion */

/*
 * WooCommerce
 */

 /* #region */


.shop-item:hover > .card.card-boxed.card-hover-style-pop-and-glow > .card-image,
.card-product:hover > .card-image {
	-webkit-box-shadow: 0 15px 35px -15px rgba(0, 0, 0, 0.5), 0 5px 25px 0 rgba(0, 0, 0, 0.12),
		0 10px 10px -5px rgba(0, 0, 0, 0.2);
	box-shadow: 0 15px 35px -15px rgba(0, 0, 0, 0.5), 0 5px 25px 0 rgba(0, 0, 0, 0.12),
		0 10px 10px -5px rgba(0, 0, 0, 0.2);
	-webkit-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	transform: translate(0, -10px);
}

body.tax-product_tag .main {
	padding-top: 60px;
}

/* check: https://docs.themeisle.com/article/749-how-to-add-a-second-logo-in-hestia */

/* .navbar.navbar-scroll-point {
    position: initial;
  } */

.card {
	background: #fff;
	background: rgba(255, 255, 255, 0.66);
	/* 	background: rgba(196,225,37,0.20); */
	/* 	width: auto */
	/* 	padding: 10px */
}

h4.card-title {
	font-size: 18px;
}

body.post-type-archive-product .card {
	/* vert pomme
 *  	background: rgba(190,245,8,0.66); */
	background: rgba(255, 185, 0, 0.66);
	/* 	background: rgba(204,54,8,0.66); */
}

body.post-type-archive-product .card .content,
body.post-type-archive-product .card .content a {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: color 0 ease-in;
}

body.post-type-archive-product .card .content .category {
	text-shadow: 1px 1px 4px rgba(255, 255, 255, .66);
}

body.post-type-archive-product .card:hover {
	/* 	background: rgba(190,245,8,0.80); */
	background: rgba(0, 140, 138, 0.80);
}
body.post-type-archive-product .card:hover .content .category {
	text-shadow: 0px 1px 6px rgba(0, 0, 0, .66);
}

body.post-type-archive-product .card:hover .content .category a:hover {
	color: rgba(255, 255, 255, .8);
}

/* body.post-type-archive-product  */
.card .content .category a {
	font-size: 120%;
	font-weight: 800;
}

.woocommerce-page ul.products li.product {
	padding: 0;
}

.woocommerce ul.products.columns-6 li.product,
.woocommerce ul.products.columns-5 li.product,
.woocommerce ul.products.columns-4 li.product,
.woocommerce ul.products.columns-3 li.product,
.woocommerce ul.products.columns-2 li.product,
.woocommerce ul.products.columns-1 li.product {
	width: auto;
	min-width: 0;
	margin: 7px !important;
}

/* Page boutique */
body.woocommerce.post-type-archive-product .before-shop-main .woocommerce-result-count,
body.woocommerce.post-type-archive-product .before-shop-main .woocommerce-ordering,
body.woocommerce.post-type-archive-product .before-shop-main .woocommerce-breadcrumb,
/* Page artiste single */
body.woocommerce.tax-product_cat .before-shop-main .woocommerce-result-count,
body.woocommerce.tax-product_cat .before-shop-main .woocommerce-ordering {
	display: none;
}

body.woocommerce .before-shop-main .woocommerce-breadcrumb,
body.woocommerce .before-shop-main .woocommerce-breadcrumb a {
	color: #555;
	font-size: 110%;
	text-shadow: 2px 2px 5px #fff;
}

body.woocommerce .before-shop-main .woocommerce-breadcrumb {
	color: #333;
}

body.woocommerce .before-shop-main .woocommerce-breadcrumb a:hover,
body.woocommerce .before-shop-main .woocommerce-breadcrumb a:active {
	color: #000;
}

nav.woocommerce-breadcrumb {
	background-color: rgba(250,250,250,.7);
	float: left;
	padding: 0 1ex!important;
	border-radius: 1ex;
	border: 1px solid #aaa;
	box-shadow: 0 0 5px rgba(250,250,250,.5);
}

/* Hide Product description on
 * Category Page
 * Similar products on Product Page
 */
#products .card-description,
.products .card-description {
	display: none;
}

#post-397 .products li.product {
	margin: 0 3.8% 2.992em 0;
}

#post-397 .card-title {
	font-size: 18px;
}

.woocommerce.single-product .header-filter {
	background-position: center -120px;
}


.woocommerce mark {
	background-color: transparent;
	color: #aaa;
	font-size: 75%;
}

/* #endregion */

/*
** Product single
*/


/* fix clear image below bred crumbs */
body.single-product .hestia-product-image-wrap {
    clear: both;
}

/*
 * Home
 */

/* #region */
/* .home .main-raised section:first-of-type, */
.home .main section.hestia-about {
	overflow: visible;
}

body.home .page-header .row > div {
	background: transparent !important;
}

body.home section.hestia-about {
	padding: 30px 0 30px;
}

body.home #blog .card {
	padding: 10px 15px;
}

body.home #blog .card-description {
	color: #222;
	font-size: 110%;
}

body.home .main .woocommerce {
	/* 	background: #fcbd00; */
	/* 	background: transparent; */
	/* 	background: rgba(252,189,0,.7) url(/wp-content/uploads/2019/07/saravah-bg-home-catalogue-3.jpg) no-repeat top center; */
	/* 		padding: 60px 400px; */
	/* 	margin: 0 -400px; */
	/* 	z-index:5; */
	padding: 60px 0;
	position: relative;
	background: transparent;
	z-index: 0;
}

/* body.home .main .woocommerce::before {
	content: '';
		background: rgba(252,189,0,1);
	position: absolute;
	top: 0;
	bottom: 0;
	left: -400px;
	right: -400px;
	z-index: -1;
	opacity: .3;
} */

body.home .main .woocommerce::after {
	content: '';
	background: rgba(252, 189, 0, 1) url(/wp-content/uploads/2019/07/saravah-bg-home-catalogue-3.jpg) no-repeat top
		center;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -400px;
	right: -400px;
	z-index: -1;
	/* 	opacity: .66; */
}

@media (min-width: 769px) {
	body.home .main {
		/* 		margin-top: 270px; */
		margin-top: -70px;
	}
}

/* body.home .page-header, */
body.home .page-header .hestia-title {
	/* 	display: none; */
	background: transparent !important;
}

body.home .page-header .row div {
	border: none;
}

body.home .hestia-blogs {
	padding: 0;
}

/* #endregion */

/*
 * Carrousel
 */

 /* #region */
/* Alignement haut de page / Carrousel */
body.home #post-75.section {
	padding-top: 0;
}

.n2-section-smartslider > div {
	padding: 70px 400px 20px;
	margin: 0 -400px;
	background: rgba(220, 0, 90, .66);
	/* min-height: 50vh; */
}

.n2-ss-slider-3.n2-ow p,
.n2-ss-item-content.n2-ow {
	text-shadow: 1px 1px 4px #888 !important;
}

/* #endregion */