/*
 Theme Name:     Astra Child
 Theme URI:      https://wpastra.com/
 Description:    Astra 
 Author:         Brainstorm Force
 Author URI:     https://wpastra.com/about/
 Template:       astra
 Version:        2.5.3
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/*** Header ***/
#masthead .woocommerce-product-search {
	border: 1px solid #A8A8A8;
}
#masthead .woocommerce-product-search .search-field {
	background: transparent;
    border: 0;
    font-family: 'Josefin Sans';
    font-size: 16px;
    color: #A8A8A8;
}
#masthead .woocommerce-product-search button {
	background: url(/wp-content/uploads/2022/05/search-icon.svg) no-repeat center center;
    font-size: 0;
    padding: 20px;
}
#masthead .hfe-nav-menu__layout-horizontal li.menu-item.wpml-ls-item ul.sub-menu {
	width: max-content;
    min-width: max-content;
}
#masthead .hfe-nav-menu__layout-horizontal li.menu-item.wpml-ls-item ul.sub-menu a{
	padding-left: 30px;
    padding-right: 30px;
}


.notreselections h2{
    background: url(/wp-content/uploads/2022/05/coeur.png) no-repeat right 0px;
    display: inline-block;
    padding: 10px 35px;
}
.eael-woo-product-carousel-container.preset-3 .eael-product-carousel .icons-wrap.block-style {
    visibility: visible;
    opacity: 1;
    bottom: 0;
}
.eael-woo-product-carousel-container .icons-wrap li.view-details{
	display:none
}
.eael-woo-product-carousel-container .icons-wrap.box-style li a.button.add_to_cart_button:before{
	content:"";
}
.eael-woo-product-carousel-container .icons-wrap.box-style li a.button.add_to_cart_button{
    font-size: 15px;
    font-family: 'Josefin Sans';
    font-weight: 700;
    position: relative;
    width: auto;
    box-shadow: 0 0;
    border-radius: 0!important;
    padding: 9px 15px!important;
    height: auto;
	margin:0
}
.eael-woo-product-carousel-container.preset-4 .eael-product-carousel .product-overlay-content{
	opacity:1;
	position:relative;
    bottom: 0;
}
.eael-woo-product-carousel-container.preset-4 .eael-product-carousel .carousel-overlay{
	opacity:1
}
.eael-woo-product-carousel-container.preset-4 .eael-product-carousel .product-details{
	display:block;
}
.eael-woo-product-carousel-container.preset-4 .eael-product-carousel .product-details .eael-product-title-wrap, .eael-woo-product-carousel-container.preset-4 .eael-product-carousel .product-details .eael-product-price{
	width:100%;
    text-align: left;
}
.eael-woo-product-carousel-container.preset-4 .eael-product-carousel .product-details .eael-product-price{
	margin:5px 0
}
.eael-woo-product-carousel-container.preset-4 .eael-product-carousel .eael-product-price ins .amount, .eael-woo-product-carousel-container.preset-4 .eael-product-carousel .eael-product-price .amount{
	color:#000
}
.conseilsbeautes h2{
	background: url(/wp-content/uploads/2022/05/soleil.png) no-repeat left 0px;
    display: inline-block;
    padding: 45px 53px 10px;
}
#content .eael-woo-product-carousel-container .eael-product-title * {
	min-height: 38px;
}
#content .eael-product-grid.eael-product-simple .woocommerce ul.products li.product a.added_to_cart {
	margin: 0;
    width: max-content;
    background: #ec3292;
    font-family: "Josefin Sans",Sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    line-height: 15px;
    padding: 9px 15px;
}
#content .eael-product-carousel .eael-product-price {
	color: #000;
}
#content .eael-product-grid .eael-product-wrap .eael-product-price del, #content .eael-product-carousel .product-details .eael-product-price del {
	opacity: .5;
}
#content .eael-woo-product-carousel-container .eael-product-carousel .carousel-overlay {
	background: transparent;
}
.woocommerce #content ul.products li.product .button, #content .eael-product-grid .woocommerce li.product .button.add_to_cart_button {
	display: block;
	width: auto;
	text-align: center;
}

/*** Page Categorie ***/
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-family: 'Josefin Sans';
    font-size: 16px;
    color: #000000;
}
.woocommerce ul.products li.product .price {
	font-family: 'Josefin Sans';
    font-weight: 700;
    font-size: 16px;
    color: #000000;
}
.woocommerce ul.products li.product .button, .woocommerce-page ul.products li.product .button, .woocommerce div.product form.cart .button {
	font-family: 'Josefin Sans';
    font-weight: 700;
    font-size: 15px;
    line-height: 15px;
    color: #FFFFFF;
    background: #ed2793;
    padding: 14px 18px;
    border-radius: 0;
	border-color: #ed2793;
}
.woocommerce ul.products li.product .button:hover, .woocommerce-page ul.products li.product .button:hover, .woocommerce div.product form.cart .button:hover {
	background: #FFFFFF;
    color: #ed2793;
	border: 1px solid #ed2793;
}
.woocommerce ul.products li.product .astra-shop-thumbnail-wrap, .woocommerce ul.products li.product a {
	margin-bottom: 14px;
}
.woocommerce-products-header .page-title {
	font-size: 53px;
    color: #000000;
    text-align: center;
}
.woocommerce div.product .product_title, .woocommerce div.product p.price {
	color: #000;
}
.scrollup {
    z-index: 11000;
    position: fixed;
    right: 0px;
    left: 0px;
    bottom: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.scrollup a {
    font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #000000;
	padding: 10px;
	background: #fff;
    margin: 1px;
}
.scrollup a:hover {
	 background: #f8f8f8;
}
.scrollup a span {
	display: block;
    text-align: center;
}
.scrollup a img {
	display: block;
	margin: auto;  
}
.woocommerce #content span.onsale {
	background-color: transparent;
    color: #ec3b75;
}
body:not(.single-product) #content span.onsale {
    right: 10px!important;
}
.single-product #content, .single-post #content {
	padding-top: 40px;
}
.woocommerce.single-product .sale>span.onsale {
	left: 0
}
#content .eael-product-grid .woocommerce li.product .button.add_to_cart_button {
	margin: 10px 0 0;
    display: initial;
}
.page #content .eael-product-grid .woocommerce ul.products li.product .eael-product-price {
	margin: 20px 0 13px;
}
#content .woocommerce ul.products li.product .woocommerce-loop-product__link{
	background: transparent;
}
.page #content .eael-product-grid.eael-product-simple .woocommerce ul.products li.product .onsale {
    display: block;
    line-height: 15px;
    text-align: right;
    text-shadow: none;
    height: auto;
    width: initial;
    left: auto;
    top: 5px;
    right: 5px!important;
    margin: initial;
    transform: rotate(0deg);
	text-transform: initial;
}
.woocommerce ul.products li.product .button {
	width: max-content;
}
.woocommerce ul.products li.product .astra-shop-summary-wrap {
	height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
} 
.entry-content[ast-blocks-layout] > * {
	max-width: initial;
}


#content .entry-title a {
	font-family: 'Josefin Sans';
    font-size: 16px;
    color: #000000;
}
#content .entry-meta * {
	font-family: 'Josefin Sans';
    font-size: 16px;
    color: #000000;
	font-weight:700;
}
.category-blog .site-main .entry-content {
	display: none;
}
.category-blog .ast-post-format-, .category-blog .ast-archive-description {
	border-bottom: none;
    padding-bottom: 0;
}
#content .page-title {
	color: #000000;
    font-family: "Sue Ellen Francisco", Sans-serif;
    font-size: 53px;
    font-weight: 400;
    text-align: center;
}

/* newslettre */
#newslettre .tnp-email{
	color: #fff;
    border: 2px solid #fff;
    background: transparent;
	font-size: 16px;
}
#newslettre .tnp-email::placeholder {
	color: #fff;
}
#newslettre .tnp-email::focus{
	border: 2px solid #fff;
}
#newslettre .tnp-submit{
	background: #fff;
    border: 2px solid #fff;
    font-family: "Josefin Sans", Sans-serif;
    color: #000;
    font-size: 14px;
    text-transform: uppercase;
	font-weight:600
}
#newslettre form{
	display:flex;
  	margin: 0 auto;
	width: 80%;
}
#newslettre .tnp-field-email{
	width:75%;
	margin-right:5%
}
#newslettre .tnp-field-button{
	width:120px
}

.bloc-conseilsbeautes .elementor-widget-image .elementor-widget-container:after {
	content: '';
    border: 2px solid #fff;
    position: absolute;
    top: 11px;
    bottom: 11px;
    right: 11px;
    left: 11px;
}
#content .reseaux .elementor-icon-box-wrapper {
	display: grid;
    grid-template-columns: 1fr 1.5fr;
	align-items: center;
}
#content .reseaux .elementor-icon-box-wrapper .elementor-icon-box-icon {
	justify-content: end;
	margin-bottom: initial;
}
.apropos h2 {
    background: url(/wp-content/uploads/2022/05/coeuricon.png) no-repeat left 0px;
    display: inline-block;
    padding: 10px 35px;
}
#fete-meres:hover .elementor-heading-title {
	color: #fff;
}
body:not(.home) #masthead {
	box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}
.woocommerce-checkout.woocommerce-order-received #content {
	padding: 35px 0;
}


/*==========================
$$$$$$$$$  Iphone  $$$$$$$$$
==========================*/

@media (max-width: 767px) {
	.bloc-conseilsbeautes .elementor-widget-container img{
		display:block;
		width:100%
	} 
	.woocommerce #content ul.products li.product .button, #content .eael-product-grid .woocommerce li.product .button.add_to_cart_button {
		padding: 14px 5px;
	}
}
@media (max-width: 544px) {
	.category-blog .site-main .ast-row {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
}
@media (min-width: 545px) {
	.category-blog .site-main .ast-row {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}
}
@media (min-width: 768px) {
   .scrollup {
		display: none;
	}
	#masthead .fixed-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9999;
	}
	
}
@media (min-width: 992px) {
    .category-blog .site-main .ast-row {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
	}
}
@media (min-width: 1000px) {
    
}
@media (min-width: 1025px) {
    
}
@media (min-width: 1200px) {
    
}
@media (min-width: 1360px) {
    
}
@media (min-width: 1500px) {
    
}
@media (min-width: 1700px) {
    
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.elementor-302 .elementor-element.elementor-element-ce32aa4 a.hfe-menu-item, .elementor-302 .elementor-element.elementor-element-ce32aa4 a.hfe-sub-menu-item {
		font-size: 15px;
	}
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
	.elementor-302 .elementor-element.elementor-element-ce32aa4 a.hfe-menu-item, .elementor-302 .elementor-element.elementor-element-ce32aa4 a.hfe-sub-menu-item {
		font-size: 14px;
	}
}