/* 
Theme Name:		 Brocsejuch
Theme URI:		 https://pestronik.com/
Description:	 Brocsejuch is a child theme of Storefront
Author:			 sejuch
Author URI:		 https://pestronik.com
Template:		 storefront
Version:		 1.0.0
Text Domain:	 brocsejuch
*/

/* couleurs gérées dans le customizer php sauf pour couleurs alpha*/
:root{
  --site-header-bg-color-alpha : rgba(249,244,238, 0.7);
}

/*Ajout font awesome brands (basé et mis à jour 5.12.1 */  
@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: auto;
  src: url("assets/fonts/fa-brands-400.eot");
  src: url("assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("assets/fonts//fa-brands-400.woff2") format("woff2"), url("assets/fonts/fa-brands-400.woff") format("woff"), url("assets/fonts/fa-brands-400.ttf") format("truetype"), url("assets/fonts//fa-brands-400.svg#fontawesome") format("svg"); }

.fab {
  font-family: 'Font Awesome 5 Brands';
  font-weight: 400; }


h1, h2, h3, h4, h5, h6, .wc-block-grid__product-title {
	font-weight: bold;
}

.hentry .entry-content .wp-block-cover .wp-block-cover__inner-container p:not(.has-text-color) {
  background-color: var(--site-header-bg-color-alpha);
}

/*enlève carrés quand on clique */  
a:focus,input:focus,button:focus {
  outline: none;
}

.main-navigation {
  font-weight: bold;	
}

#masthead.site-header {
  padding-top: 0px;
  margin-bottom: 0px;
  border-bottom: 0px solid transparent;
}


#content.site-content {
  padding-top: 40px;
}

/* Toute la barre en haut */
.p-secondary-navigation {
  margin-left: -9999px;
  margin-right: -9999px;
  padding-left: 9999px;
  padding-right: 9999px;
  padding-top: 6px;
  padding-bottom: 6px;
  position: relative;
}

.p-secondary-navigation::after {
  clear: both;
  content: "";
  display: table;
}

.secondary-navigation {
  padding-bottom: 0px;
  margin-bottom: 0px;
  position: relative;
  right: 12px;
}

.site-header-cart .cart-contents .woocommerce-Price-amount.amount {
  visibility:hidden;
}

.site-header-cart .cart-contents {
  margin-bottom: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
}

.woocommerce-active .site-header .site-search {
    margin-bottom: 0px;
}

.site-header .site-search {
  position: relative; }
  .site-header .site-search input[type=search] {
    border-radius: 3em;
    -webkit-transition: width, ease, 0.2s;
    -moz-transition: width, ease, 0.2s;
    transition: width, ease, 0.2s;
    border: 0;
    padding-left: 1.618em !important; }
  .site-header .site-search .widget_product_search form:before {
    left: auto;
    right: .75em;
    padding: .5em;
    top: 1em;
    border-radius: 100%;
    line-height: .9; }
  .site-header .site-search input[type=submit],
  .site-header .site-search button[type=submit] {
    clip: auto;
    clip-path: none;
    -webkit-clip-path: none;
    right: .75em;
    top: 1em;
    display: block;
    text-indent: -999px;
    text-align: center;
    height: 1em;
    width: 1em;
    padding: 1em;
    background-color: transparent;
    box-shadow: none;
    left: auto; }
  .site-header .site-search input[type=search] {
    padding: 1em 3.631em 1em 1.618em;
    margin-top: .387em; }


.storefront-primary-navigation {
  margin-top: 19px;
  margin-bottom: 0px;
}

@media (min-width: 768px) {
	.site-header .site-branding {
		width: auto;
		margin-bottom: 0;
		clear: both;
		font-size: 18px;
	}	
	.storefront-secondary-navigation.woocommerce-active .site-header .site-branding {
		width: auto;
		position: relative;
		top: -18px;
	}	
	.woocommerce-active .site-header .main-navigation {
		width: auto;
		float: right;
		text-align: right;
		margin-right: 0;
		clear: none;
		font-size: 16px;
	}	
	.secondary-navigation .menu {
		float: left;
	}	
	.secondary-navigation .menu a {
        font-weight: 700;
	}	
	.site-header-cart .cart-contents::after {
		content: "\f290";
	}
	.woocommerce-active .site-header .site-search,
	  .site-header .site-search {
		font-size: 0.7em; }
	  .woocommerce-active .site-header .site-header-cart {
		padding-top: 0;
		width: 21.7391304348%;
		float: left;
		margin-right: 0px; }
		.woocommerce-active .site-header .site-header-cart a.cart-contents {
		  padding: 1.2em 4em 1.2em 0;
		  padding-bottom: 0;
		  position: relative;
		  text-align: right; }
		  .woocommerce-active .site-header .site-header-cart a.cart-contents .count {
			position: absolute;
			top: -.0em;
			left: auto;
			right: -.0em;
			opacity: 1;
			z-index: 99;
			border-radius: 10em;
			height: 1.48em;
			width: 1.48em;
			display: block;
			line-height: 1.48;
			text-align: center;
			font-weight: 700;
			font-size: .75em;
			overflow: hidden; }
		  .woocommerce-active .site-header .site-header-cart a.cart-contents:after {
			padding: .618em;
			border-radius: 100%;
			height: 1em;
			width: 1em;
			line-height: 1;
			right: 0;
			font-size: 1.387em;
			top: .236em;
			/*box-shadow: inset 0 0 0 4px transparent;*/
			position: absolute; }
	.storefront-breadcrumb {
		margin-bottom: 0;
	}

	/* Gestion du menu */	
    /*.site-header .main-navigation ul.menu > li:hover > a:before, .site-header .main-navigation ul.menu > li.current-menu-item > a:before,
    .site-header .main-navigation ul.nav-menu > li:hover > a:before,
    .site-header .main-navigation ul.nav-menu > li.current-menu-item > a:before {
      width: 100%; }
    .site-header .main-navigation ul.menu ul.sub-menu,
    .site-header .main-navigation ul.menu ul.children,
    .site-header .main-navigation ul.nav-menu ul.sub-menu,
    .site-header .main-navigation ul.nav-menu ul.children {
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2);
      border-radius: 5px;
      margin-left: -1em;
	  }
      .site-header .main-navigation ul.menu ul.sub-menu a,
      .site-header .main-navigation ul.menu ul.children a,
      .site-header .main-navigation ul.nav-menu ul.sub-menu a,
      .site-header .main-navigation ul.nav-menu ul.children a {
        font-weight: 600;
        -webkit-transition: background, ease, 0.2s;
        -moz-transition: background, ease, 0.2s;
        transition: background, ease, 0.2s; }
        .site-header .main-navigation ul.menu ul.sub-menu a:hover,
        .site-header .main-navigation ul.menu ul.children a:hover,
        .site-header .main-navigation ul.nav-menu ul.sub-menu a:hover,
        .site-header .main-navigation ul.nav-menu ul.children a:hover {
          padding-left: 2em; }
      .site-header .main-navigation ul.menu ul.sub-menu > li:hover > a,
      .site-header .main-navigation ul.menu ul.children > li:hover > a,
      .site-header .main-navigation ul.nav-menu ul.sub-menu > li:hover > a,
      .site-header .main-navigation ul.nav-menu ul.children > li:hover > a {
        padding-left: 2em; }
      .site-header .main-navigation ul.menu ul.sub-menu ul.sub-menu,
      .site-header .main-navigation ul.menu ul.sub-menu ul.children,
      .site-header .main-navigation ul.menu ul.children ul.sub-menu,
      .site-header .main-navigation ul.menu ul.children ul.children,
      .site-header .main-navigation ul.nav-menu ul.sub-menu ul.sub-menu,
      .site-header .main-navigation ul.nav-menu ul.sub-menu ul.children,
      .site-header .main-navigation ul.nav-menu ul.children ul.sub-menu,
      .site-header .main-navigation ul.nav-menu ul.children ul.children {
        margin-top: .618em;
        margin-left: -.618em; }
      .site-header .main-navigation ul.menu ul.sub-menu li,
      .site-header .main-navigation ul.menu ul.children li,
      .site-header .main-navigation ul.nav-menu ul.sub-menu li,
      .site-header .main-navigation ul.nav-menu ul.children li {
        border-bottom: 1px dotted rgba(0, 0, 0, 0.1); }
        .site-header .main-navigation ul.menu ul.sub-menu li:first-child > a,
        .site-header .main-navigation ul.menu ul.children li:first-child > a,
        .site-header .main-navigation ul.nav-menu ul.sub-menu li:first-child > a,
        .site-header .main-navigation ul.nav-menu ul.children li:first-child > a {
          border-top-left-radius: 5px;
          border-top-right-radius: 5px; }
        .site-header .main-navigation ul.menu ul.sub-menu li:last-child,
        .site-header .main-navigation ul.menu ul.children li:last-child,
        .site-header .main-navigation ul.nav-menu ul.sub-menu li:last-child,
        .site-header .main-navigation ul.nav-menu ul.children li:last-child {
          border-bottom: 0; }
          .site-header .main-navigation ul.menu ul.sub-menu li:last-child > a,
          .site-header .main-navigation ul.menu ul.children li:last-child > a,
          .site-header .main-navigation ul.nav-menu ul.sub-menu li:last-child > a,
          .site-header .main-navigation ul.nav-menu ul.children li:last-child > a {
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px; }*/				

}

/* Menu mobile par défaut sorti */
.menu-toggle {
    /*display:none !important;*/
}
#mega-menu-wrap-primary .mega-menu-toggle {
	display:none !important;
}

/******** gestion liens sociaux *********/
/*On enlève liens d'oringine*/
.secondary-navigation a[href*="facebook.com"], .secondary-navigation a[href*="flickr.com"], .secondary-navigation a[href*="instagram.com"], .secondary-navigation a[href*="linkedin.com"], .secondary-navigation a[href*="pinterest.com"],  .secondary-navigation a[href*="twitter.com"], .secondary-navigation a[href*="youtube.com"], .secondary-navigation a[href*="mailto:"],.secondary-navigation a[href$="/feed/"] {
  text-indent: -9999px;}
/*On repositionne*/
.secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="flickr.com"]:after, .secondary-navigation a[href*="instagram.com"]:after, .secondary-navigation a[href*="linkedin.com"]:after, .secondary-navigation a[href*="pinterest.com"]:after,  .secondary-navigation a[href*="twitter.com"]:after, .secondary-navigation a[href*="youtube.com"]:after, .secondary-navigation a[href*="mailto:"]:after,.secondary-navigation a[href$="/feed/"]:after {
    text-indent: 0;
    display: block;
    float: left; }
/* Choix des polices */
.secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="flickr.com"]:after, .secondary-navigation a[href*="instagram.com"]:after, .secondary-navigation a[href*="linkedin.com"]:after, .secondary-navigation a[href*="pinterest.com"]:after,  .secondary-navigation a[href*="twitter.com"]:after, .secondary-navigation a[href*="youtube.com"]:after {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400; }
.secondary-navigation a[href*="mailto:"]:after, .secondary-navigation a[href$="/feed/"]:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900; }
/* Icones */
.secondary-navigation a[href*="facebook.com"]:after {
  content: "\f09a";
  color: #3b5998; }
.secondary-navigation a[href*="flickr.com"]:after {
  content: "\f16e";
  color: #ff0084; }
.secondary-navigation a[href*="instagram.com"]:after {
  content: "\f16d";
  color: #8a3ab9; }
.secondary-navigation a[href*="linkedin.com"]:after {
  content: "\f0e1";
  color: #007bb6; }
.secondary-navigation a[href*="pinterest.com"]:after {
  content: "\f231";
  color: #cb2027; }
.secondary-navigation a[href*="twitter.com"]:after {
  content: "\f099";
  color: #00aced; }
.secondary-navigation a[href*="youtube.com"]:after {
  content: "\f167";
  color: #bb0000; }
.secondary-navigation a[href*="mailto:"]:after {
  content: "\f0e0"; }
.secondary-navigation a[href$="/feed/"]:after {
  content: "\f09e";
  color: #ff9900; }
  
  
/* wcsca custom widget_product_categories */
/* Enlève underline sur ce widget */
.widget-area .widget_product_categories a:not(.button) {
    text-decoration: none;
}
/* widget icon */
.wcsca-icon {
	font-size: 0.8em;
}
/* icones devant supprimées */
.widget_product_categories ul li::before {
	content: '' !important;	
}
.widget_product_categories ul li.current-cat::before {
	content: '' !important;
}
/* On pointe le curseur sur l'icone */
.product-categories .cat-parent.cat-item  {
  width: 100% !important;
  cursor: pointer;
}
/* Customize current catégorie active (pour changer couleur à voir lien */
.product-categories .cat-parent {
  position : relative;
  right : 0.8em;
}
/* Position icone */
.widget_product_categories .wcsca-icon {
  float: left;
  position : relative;
  right : 0.8em;
}
/*Position du nombre de produits */
.product-categories .cat-parent .count {
    position : relative;
	left : 0.8em;
}
.allProductsWidget {
	margin-top : 0;
	padding-top : 0;
	margin-left : 25px;
}

/* suppression référence image */
.pswp__scroll-wrap .pswp__caption {
	display:none;
}

/* Formulaire de contact Contact Form 7 */
#formulaire-responsive {
	max-width:auto;
	margin:0 auto;
	width:100%;
}
.rang-form {
	width: 100%;
	float : left;
}
.demi-colonne, .colonne {
	float: left;
	position: relative;
	padding: 10px;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}
@media only screen and (min-width: 768px) { 
	.demi-colonne {
		width: 50%;
	}
}
.wpcf7 input[type='text'], .wpcf7 input[type='number'], .wpcf7 input[type='email'], .wpcf7 input[type='tel'], .wpcf7 input[type='url'], .wpcf7 input[type='password'], .wpcf7 input[type='search'], .wpcf7 textarea {
	padding : 5px 10px;	
	width: 100%;
	border-radius: 3px;	
}
.wpcf7 input[type='file'] {
	width: 100%;
	padding : 5px 10px;
	border-radius: 3px;
}
.wpcf7-submit{
	/*float: right;*/
}
.wpcf7 > button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover {
    background-color: #825b58;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	padding : 0;
	margin : 0;
	text-align: center;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
}
div.wpcf7 input[type="file"] {
    cursor: default;
}
.wpcf7 input[type="file"]::-webkit-file-upload-button {
	padding: 0em 1.6em;	
}
/* footer */
.site-footer {
    padding-bottom: 70px;
    padding-top: 0px;
}
.footer-widgets {
	padding-top: 33px;
}
@media (min-width: 768px) {
	.site-footer {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.site-info {
		padding-top: 12px;
	}
}

/* Style demande prix ou d'info... bouton */
.wcj-offer-price-button {
    /*line-height: 0.618;*/
	max-width:500px !important;
	padding: .2106em 0.5em !important;
	font-size: 13px;
	font-weight: bold;
}
/*Style banière avertissement en haut */
.simple-banner .simple-banner-text {
    padding: 0px 10px;
}
/* Icone panier version mobile */
.storefront-handheld-footer-bar ul li.cart > a::before {
    content: "\f290";
}
/* cases similaires à contact */
input[type='text'], input[type='number'], input[type='email'], input[type='tel'], input[type='url'], input[type='password'], input[type='search'], textarea, .input-text {
	border-radius: 3px;
}
/* Suppression ancien required */
.required {
    display: none;
}
/* ?? */
input.wpi-button {
	max-width:500px !important;
	padding: .2106em 0.5em !important;
}
/* Erreur 404 */
.error404 .site-content .widget_product_search {
    padding: 0;
}