/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

/**HOME PAGE**/
/*Bar menu*/
/*
.menuDisplay {
  text-align: center;
  display: block;  
  padding-top: 10%; 
}

.menuImg {
  width: 20px;
  height: 20px;
  display: block;
  margin: auto;
  margin-bottom: -25px;
}

.menuTitle {
  font-weight: bold;
  margin-top: 10px;
} */

/*POP UP MOBILE ONLY*/
  .mobile-only {
  width:0%;
  }

/*SEARCH BAR*/
/*text input*/
input#wp-block-search__input-1 {
	border: none; 
	background: none; 
	margin: 10px;
	/*align text input in the div*/
	padding: unset;
	padding-right: 120px; 
}

/*input container*/
.wp-block-search__inside-wrapper  {
    outline-style: none !important;
    background: #F1F1F1;
    border-radius: 1em; 
	max-height: 30px;
	width: 350px !important;
	/*align text input in the div*/
	margin-top: 0;
    display: flex;
    align-items: center;
}

button.wp-block-search__button.wp-element-button {
	max-height: 30px;
	background :none; 
	/*align text input in the div*/
	padding: unset;
}
/*button with icon*/
.wp-block-search__button.has-icon.wp-element-button {
	max-height: 30px;
	background: none;
	color: white !important; 
	/*margin: 120px;*/
}

.wp-block-search__button svg {
	fill: #549205 !important; 
}

/*Make Header Sticky*/
#masthead{
    position: fixed !important;
    top: 0;
    width: 100%; 
}

/*Align 3 buttons inline*/
.header-widget-area[data-section="sidebar-widgets-header-widget-1"] {
	display: flex; !important
    flex-direction: row; !important
    align-items: center; !important
}

/*Styling the 3 buttons*/
#block-14,
#block-16,
#block-17 {
	margin-top: 30px; 
    margin-right: 10px;
	cursor: pointer; 
	
}

/*Remove default padding to the 3 buttons*/
.wp-block-button .wp-block-button__link {
	padding: 10px 10px !important; 
}



/*Background first part of the head menu*/
.ast-above-header-wrap {
	background-color: white !important; 
}

/*Arrange Woo shop*/
.woocommerce .woocommerce-ordering {
	margin-top: 14vh; 
}

/*WooCommerce products catalogue - Add margin above*/
.ast-woocommerce-container {
	margin-top: 10vh !important; 
}

/*Boutique button*/
.button-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #549205;
    color: white !important;
    text-align: center;
    text-decoration: none;
}

.button-link:hover {
    background-color: #CA895F;
}

/*Devis button*/
.button-link-2 {
    display: inline-block;
    padding: 10px 20px;
    background-color: #CA895F;
    color: white !important;
    text-align: center;
    text-decoration: none; 
}

.button-link-2:hover {
    background-color: #549205;
}

/*Last products list*/
.product_list_widget {
	list-style: none; 
	display: grid;
  	grid-template-columns: repeat(3, 1fr);
  	grid-column-gap: 20vh; /* Espacement horizontal */
  	grid-row-gap: 10vh; /* Espacement vertical */
}


/*Last products list titles*/
div.elementor-widget-container ul.product_list_widget li .product-title {
	font-weight: 800; 
}

/*Last products list prices*/
div.elementor-widget-container ul.product_list_widget li span.woocommerce-Price-amount.amount, 
div.elementor-widget-container ul.product_list_widget li small.woocommerce-price-suffix {
	color: grey; 
	font-weight: 600; 
}

/*Unset Last product list default style*/
.woocommerce-js ul.product_list_widget li img {
    position: unset;
    left: unset;
    width: unset;
    height: unset;
    margin: unset;
    top: unset;
    transform: unset;
    /*object-fit: unset; (commenté car ce n'est pas une règle valide en CSS ici) */
}
/*Unset Last product list default style 2*/
.woocommerce-js ul.cart_list li img,
.woocommerce-js ul.product_list_widget li img {
    float: unset;
    margin-left: unset;
    width: unset;
    height: unset;
    box-shadow: unset;
}

/*Unset border bottom line for each product in the gallery*/
.woocommerce-js .widget_shopping_cart .cart_list li,
.woocommerce-js .widget_shopping_cart li,
.woocommerce-js ul.product_list_widget .cart_list li,
.woocommerce-js ul.product_list_widget li {
    border-bottom: unset;
}


/*TO THE TOP BUTTON*/
.sticky-slider {
display: none;
}

.sticky-slider::before {
content: "\f106";
font-family: "Font Awesome 5 Free";
color:#549205;
width:3.5rem;
height:3.5rem;
transition:all ease-in 0.2s;
font-weight:600;
font-size: 2rem;
text-align:center;
bottom: 5rem;
right: 1.8rem;
position: fixed;
z-index: 1;
cursor: pointer; 
}

.sticky-slider:hover::before{
background-color:transparent;
color:#CA895F;
transition:all ease-in 0.2s;
}

/*SERVICES PAGE*/
/*Contact form*/
	input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
		background: none; 
	}

/** BLOG **/
/*Blog page*/
.blog .ast-row {
	margin-top: 150px;  
	display: grid ;
	grid-template-columns: 33% 33% 33%; 
}

/*Cancel default padding on blog page*/
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single {
    padding: 2em;
}

/*Border-bottom on blog page*/
.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single {
	border-bottom: 0px; 
}

/*Add margin top to title on single post blog*/
.ast-single-post .entry-title {
	margin-top: 12vh; 
}

/** SHOP GALLERY **/
/** SHOP GALLERY **/
/*Hide section line*/
body.archive .ast-archive-description {
	display: none; 
}

/*Hide dispaly results*/
.woocommerce-result-count {
	display: none; 
}

/*Hide default order filter*/
form .orderby {
	display: none; 
}

/*Reduce number of column (4 to 1 column)*/
.woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid) {
	grid-template-columns:repeat(1,1fr);
}

/*Objects width*/
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img{
	width:150px;
}

/*Reduce number of columns to switch on list style*/
.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
	display:grid;
	grid-template-columns:repeat(2,1fr);
}

/*box shadow for product in list*/
.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
	box-shadow:0px 3px 10px 3px #00000016;
}

/*Short description in list excluded cross sells list*/
#main > div > ul > li.ast-grid-common-col> div.astra-shop-summary-wrap, 
section > ul > li > div.astra-shop-summary-wrap
{
	margin-left:-120px;
	padding-top:20px;
	padding-right: 8vh; 
}

/*Hide on sale tag*/
.onsale {
	display: none; 
}

/*Display percentage*/
.percentage {
	background-color: #CA895F;
	display: block;
	width:25%;
	margin:0 0 2vh 6vh;
	padding: .2em .6em .3em;
	font-size: 75%;
	font-weight: bold;
	color: #fff;
	text-align:center;
	border-radius: .25em;
}

/*Product short description*/
.subTitle {
	font-weight: bolder;
	color: grey; 
}

/*Add padding to product box gallery*/
.woocommerce ul.products li.product.desktop-align-left, .woocommerce-page ul.products li.product.desktop-align-left {
    padding: 5vh;
}

/*price bar*/
.ui-slider .ui-slider-range {
  background: #549205 !important;
}
/*price bar cubes*/
.ui-slider.ui-widget-content .ui-slider-handle {
	background: #0D1F2D !important; 
}

/*Price styling*/
.woocommerce ul.products li.product .price ins {
	font-size: x-large; 
}

/**SINGLE PRODUCT PAGE**/
/*Add margin top to single product*/
.woocommerce-js div.product {
	margin-top : 160px; 
}

/*Hide Breadcrumb*/
.woocommerce .woocommerce-breadcrumb {
	display: none; 
}

/*Hide Categories located at the top of the short description*/
.woocommerce div.product div.summary .single-product-category {
	display: none; 
}

/*Hide number of reviews in short description*/
.woocommerce div.product .woocommerce-product-rating  {
	display: none; 
}

/*Price styling*/
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
	font-size: xxx-large; 
}
/*Align actions buttons*/
form.cart {
	display: inline-block; 
}

/*Add padding to recall link*/
.recallbtn {
	padding-top: 2vh; 
}

/*Hide categories and tags located at the bottom of the short description*/
.woocommerce div.product .product_meta {
	display: none; 
}

/*SINGLE PRODUCT REVIEWS*/
/*Hide No reviews yet*/
.woocommerce-noreviews {
	display: none; 
}

/*Hide Be the first to comment*/
#reply-title {
	display: none; 
}

/*Star rating reviews*/
.star-rating {
	display: none; 
}
/*Hide "Your Rating"*/
label[for="rating"],
.comment-form-rating .stars {
    display: none;
}

/*Hide your comment*/
label[for="comment"] {
    display: none;
}

/*GROUP PRODUCTS*/
/*Price styling*/
div .product-type-grouped > div.summary.entry-summary > p > span > bdi{
    font-size: xxx-large;
}

/**CART PAGE**/

/*Cerfa Section*/
/*Add space line beneath the title 1*/
.cerfa-title-1 {
	padding-top: 50px; 
}

/*Align bloc left*/
.my_cerfa_link {
	padding-right: 100px; 
	text-align: left; 
	font-size: smaller
}

/*Tools icon color*/
.fa-tools::before, .fa-info::before {
	color: #549205;
}

/*Texte styling*/
.cerfa-title-1, .cerfa-title-2 {
	font-weight: bold; 
}

/*Enlarge cross sells container*/
.woocommerce ul.products:not(.elementor-grid).columns-2:not(.cross-sells), .woocommerce-page ul.products:not(.elementor-grid).columns-2:not(.cross-sells) {
    grid-template-columns: none;
}

/*Hide short description in cross sells cart page*/
div.cart-collaterals > div.cross-sells > ul > li > div.astra-shop-summary-wrap > div {
	display: none; 
}

/*Search bar results page - Design articles*/
/*Main title : result answer*/
/*Image size*/
img.attachment-large.size-large.wp-post-image {
    max-width: 30vh !important;
}

/**Card img fits box**/
.blog .ast-article-post img {
	height:10em;
	object-fit:cover;
}

/*** MEDIA QUERIES***/
/*** MEDIA QUERIES***/

/*POP UP MOBILE ONLY**/
  @media (max-width: 768px) {
    .mobile-only {
  position: static;
    top: auto;
    left: auto;
    opacity: 1;
    pointer-events: auto;
    height: auto;
    overflow: visible;
    }
  }

/*MOBILE SEARCH BAR IN MENU*/
/*Design input*/
input#wp-block-search__input-2 {
	border: none; 
	background: none; 
	margin: 10px;
	/*align text input in the div*/
	padding: unset;
}

/*Background color of below header wrap*/
.ast-below-header-wrap {
	background-color: #ffffff;
}

/*Input container width*/
@media screen and (max-width: 768px) {
  .wp-block-search__inside-wrapper {
    width: 245px !important;
  }
}

/*Add margin-top above the title to separate search bar from title*/
@media screen and (max-width: 7687px) {
.ast-archive-title {
	margin-top: 70px !important;
}
}

@media screen and (max-width: 7687px) {
	.woocommerce-products-header {
		margin-top: 180px; 
	}
}


/**BLOG**/
/*2 columns Grid disposition*/
@media screen and (max-width: 1234px) {
.blog .ast-row {
	grid-template-columns: 20em 20em; 
	justify-content:center;
}	
}
/*1 column grid disposition*/
@media screen and (max-width: 780px){
.blog .ast-row {
	grid-template-columns: 24em; 
}
}

/*Add margin top to title on single post blog*/
@media (max-width: 767px) {
    .ast-single-post .entry-title {
        margin-top: 25vh;
    }
	
	
/**SHOP**/
/*Reduce from 2 to 1 column grid disposition on tablet & mobile*/
@media (max-width: 1061px) {
.ast-container .woocommerce ul.products:not(.elementor-grid), .woocommerce-page ul.products:not(.elementor-grid), .woocommerce.mobile-columns-2 ul.products:not(.elementor-grid), .woocommerce-page.mobile-columns-2 ul.products:not(.elementor-grid) {
   grid-template-columns:repeat(1,1fr);		
	}
	}

/*Center image position on tablet & mobile*/
@media (max-width: 768px) {
    .woocommerce ul.products li.product.desktop-align-left,
    .woocommerce-page ul.products li.product.desktop-align-left {
		display: block; 
		grid-template-columns: none;     
    }
}

/*Center short description on tablet and mobile*/
@media (max-width: 768px) {
#main > div > ul > li.ast-grid-common-col> div.astra-shop-summary-wrap, 
section > ul > li > div.astra-shop-summary-wrap
{
	margin-left:0px;
	padding-top:0px;
	padding-right: 0vh; 
}
	}

/*Replace Grid display by block display on mobile*/
@media screen and (max-width: 480px) {
  .woocommerce ul.products li.product.desktop-align-left,
  .woocommerce-page ul.products li.product.desktop-align-left {
    display: block;
    grid-template-columns: none;
  }
}

/*Center image and percentage on mobile*/
@media screen and (max-width: 480px) {
  .woocommerce ul.products li.product.desktop-align-left,
  .woocommerce-page ul.products li.product.desktop-align-left {
    display: block;
    grid-template-columns: none;
  }

/*Center image on mobile*/
.woocommerce ul.products li.product.desktop-align-left .astra-shop-thumbnail-wrap img {
  margin: 0 auto; 
  }

/*Center percentage on mobile*/
.percentage {
	margin: 0 auto; 
  }
}

/*6 featured products alignement*/
@media screen and (max-width: 1000px) {
.product_list_widget {
    grid-template-columns: repeat(2, 1fr);
}
	
@media screen and (max-width: 480px) {
	.product_list_widget {
    grid-template-columns: repeat(1, 1fr);
		text-align: center; 

}

/*Search bar results page - Design articles*/
/*Image size tablet */
	@media (max-width: 1024px) {
    img.attachment-large.size-large.wp-post-image {
        max-width: 80vh !important;
    }
}
/*Image size Mobile */
	@media (max-width: 768px) {
    img.attachment-large.size-large.wp-post-image {
        max-width: 30vh !important;
    }
}
/*Image size xs Mobile */
	@media (max-width: 480px) {
    img.attachment-large.size-large.wp-post-image {
        max-width: 30vh !important;
    }
}
	
	/*WooCommerce products catalogue - Add margin above on mobile*/
@media only screen and (max-width: 768px) {
  .ast-woocommerce-container {
    margin-top: 12vh !important;
  }
}