/*

 Theme Name:   Outdoor Go! V1

 Theme URI:    http://www.outdoorplanet.fr/outdoor_go_v1/

 Description:  Outdoor Go! Theme

 Author:       Pierre Sahuc

 Author URI:   http://www.outdoorgo.com

 Template:     storefront

 Version:      3.0.5

 License:      GNU General Public License v2 or later

 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  storefront

*/







@import url("../storefront/style.css");


/***************************************************************/

/*                     Nouvelle home                           */

/***************************************************************/

/* icons fonts */

@font-face {

  font-family: 'icomoon';

  src:  url('fonts/icomoon.eot?w6kvz7');

  src:  url('fonts/icomoon.eot?w6kvz7#iefix') format('embedded-opentype'),

    url('fonts/icomoon.ttf?w6kvz7') format('truetype'),

    url('fonts/icomoon.woff?w6kvz7') format('woff'),

    url('fonts/icomoon.svg?w6kvz7#icomoon') format('svg');

  font-weight: normal;

  font-style: normal;

}



[class^="icon-"], [class*=" icon-"] {

  /* use !important to prevent issues with browser extensions that change fonts */

  font-family: 'icomoon' !important;

  speak: none;

  font-style: normal;

  font-weight: normal;

  font-variant: normal;

  text-transform: none;

  line-height: 1;



  /* Better Font Rendering =========== */

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

}





.icon-Sommaire:before {

  content: "\e902";

}

.icon-Fichier-1:before {

  content: "\e90a";

  color: #30b5ab;

}

.icon-Abonner:before {

  content: "\e900";

  color: #fff;

}

.icon-Telecharger-N1:before {

  content: "\e906";

  color: #fff;

}

.icon-Encart-recit:before {

  content: "\e907";

  color: #30b5ab;

}

.icon-Encart-pouce:before {

  content: "\e908";

  color: #30b5ab;

}

.icon-Encart-photo:before {

  content: "\e909";

  color: #30b5ab;

}

.icon-Panier:before {

  content: "\e901";

  color: #fff;

}

.icon-Trouver:before {

  content: "\e904";

  color: #30b5ab;

}

.icon-Extrait:before {

  content: "\e905";

}



/* Grid */

.innerWidth,

.innerLargeWidth,

.innerSmallWidth {

	width: 100%;

	padding-left: 20px;

	padding-right: 20px;

	margin-left: auto;

	margin-right: auto;

}

.innerWidth {

	/*max-width: 1340px;*/

}

.innerLargeWidth {

	max-width: 1180px;

}

.innerSmallWidth {

	max-width: 780px;

}



@media only screen and (min-width:820px) {

	.innerWidth, .innerSmallWidth {

	}

}



.fullGrid {

	display: flex;

	align-items: stretch;

	flex-wrap: wrap;

}

.fullGrid > * {

	flex: 100%;

}



@media only screen and (min-width:820px) {

	.fullGrid > * {

		flex: 50%;

		max-width: 50%;

	}

	.revGrid {

		flex-direction: row-reverse;

	}



	/** Définition des grilles

	  * --------------------------------------------- */

	.grid12 { flex: 12.5%; max-width: 12.5%; }

	.grid15 { flex: 15%; max-width: 15%; }

	.grid20 { flex: 20%; max-width: 20%; }

	.grid25 { flex: 25%; max-width: 25%; }

	.grid27 { flex: 27.5%; max-width: 27.5%; }

	.grid30 { flex: 30%; max-width: 30%; }

  .grid33 {	flex: calc(100%/3); max-width: calc(100%/3); }

  .grid35 { flex: 35%; max-width: 35%; }

	.grid38 { flex: 38%; max-width: 38%; }

	.grid40 { flex: 40%; max-width: 40%; }

	.grid45 { flex: 45%; max-width: 45%; }

	.grid55 { flex: 55%; max-width: 55%; }

	.grid60 { flex: 60%; max-width: 60%; }

	.grid62 { flex: 62%; max-width: 62%; }

	.grid66 { flex: calc(100%*2/3); max-width: calc(100%*2/3); }

	.grid70 { flex: 70%; max-width: 70%; }

	.grid72 { flex: 72.5%; max-width: 72.5%; }

	.grid75 { flex: 75%; max-width: 75%; }

	.grid80 { flex: 80%; max-width: 80%; }

	.grid87 { flex: 87.5%; max-width: 87.5%; }

	.grid100 { flex: 100%; max-width: 100%; }

}



/* margin en dessous du header */

#masthead {

  margin-bottom: 1.2em;

}



/* grossir le logo */

.site-header .site-branding 

{

width: 30%;

margin-bottom: 20px;

}







/* enlever la description */

.site-branding .site-description {

  display: none;

}



/* Apparence entrée -Abonnement- du menu */

#menu-item-1135 a

{

color: #eb0086;

font-weight: bold;

}



/* Apparence entrée -Cadeau- du menu */

#menu-item-3318 a

{

color: #eb0086;

font-weight: bold;

}



/* suppression du moteur de recherche dans la têtière */

.woocommerce-active .site-header .site-search

{

  display: none;

}





/* Bouton actif */

.myButton 

{

	background-color:#eb0085;

	-moz-border-radius:28px;

	-webkit-border-radius:28px;

	border-radius:10px;

	border:1px solid #ee1eb5;

	display:inline-block;

	cursor:pointer;

	color:#ffffff;

	font-family:Arial;

	font-size:17px;

	padding:16px 31px;

	text-decoration:none;

	text-shadow:0px 1px 0px #c70067;

}

.myButton:hover 

{

	background-color:#ba2273;

}

.myButton:active 

{

	position:relative;

	top:1px;

}



/* modification lien au survol souris + soulignement*/

.entry-content a:hover

{

        color:#808080;

}



.entry-content a

{

        text-decoration: underline;

}




.woocommerce-breadcrumb {

  display: none;

}

.content-colleft {

  padding-top: 40px;

}

.content-colleft h1 {

  font-size: 32px;

  font-weight: bold;

  color: #3c3c3b;

}


.content-colleft .liens {

  display: inline-block;

  font-size: 15px;

  padding: 10px 10px 10px 40px;

  margin: 10px 10px 10px 0;

  position: relative;

}

.content-colleft .liens:before {

  font-family: 'icomoon' !important;

  position: absolute;

}

.content-colleft a.extrait:before {

  content: "\e905";

  font-size: 12px;

  font-style: normal;

  left: 10px;

  top: 13px;

}

.content-colleft a.achat-numero:before {

  content: "\e901";

  font-size: 15px;

  font-style: normal;

  left: 14px;

  top: 9px;

}

.content-colleft a.abo:before {

  content: "\e900";

  font-size: 15px;

  font-style: normal;

  left: 10px;

  top: 10px;

}

.content-colleft a.sommaire:before {

  content: "\e902";

  font-size: 17px;

  font-style: normal;

  left: 13px;

  top: 9px;

}


.rose {

  background: #E5005A;

  color: #fff;

  text-transform: uppercase;

  font-weight: bold;

}

.rose:hover {

  background: #fff;

  border: 1px solid #E5005A;

  color: #E5005A;

  text-transform: uppercase;

  font-weight: bold;

}

.content-colleft .extrait, .content-colleft .sommaire {

  border: 1px solid #3C3C3B;

  font-style: italic;

}


.content-colleft .extrait:hover, .content-colleft .sommaire:hover {

  border: 1px solid #3C3C3B;

  color: #fff;

  background: #3C3C3B;

}


.content-colleft .extrait-texte {

  margin-top: 15px;

}


.content-colleft .numero {

  float: left;

  background: #94C020;

  font-weight: bold;

  color: #fff; 

  font-size: 12px;

  text-transform: uppercase;

  line-height: 23px;

  padding: 0 10px;

  margin-right: 7px;

}


.content-colleft .nous-trouver {

  font-size: 21px;

  color: #fff; 

  background: #3c3c3b;

  padding: 5px 60px 5px 60px;

  position: relative;

  margin-bottom: 40px;

  text-transform: uppercase;

  display: block;

  letter-spacing: 4px;

  border: 2px solid #3c3c3b;

}


.content-colleft .nous-trouver:before {

  font-family: 'icomoon' !important;

  color: #30b5ab;

  position: absolute;

  left: -25px;

  bottom: -33px;

  content: "\e904";

  font-size: 65px;

}


.content-colleft .nous-trouver:hover {

  font-size: 21px;

  color: #3c3c3b; 

  background: #fff;

  border: 2px solid #3c3c3b;

}


/* colonne du milieu */

.content-colmid {

  padding-left: 20px;

  padding-right: 20px;

  padding-top: 96px;

}


.content-colmid ul {

  margin: 0;

  padding: 0;

}


.content-colmid ul li {

  list-style: none;

  text-align: center;

  margin-bottom: 15px;

}


.content-colmid img {

  opacity: 0.3;

}


.content-colmid a:hover img {

  opacity: 1;

  transition: opacity .25s ease-in-out;

  -moz-transition: opacity .25s ease-in-out;

  -webkit-transition: opacity .25s ease-in-out;

}

.content-colmid .numero {

  text-align: center;

  background: #94C020;

  font-weight: bold;

  color: #fff; 

  font-size: 12px;

  text-transform: uppercase;

  line-height: 23px;

  padding: 0 10px;

}

.content-colmid .allNum {

  font-style: italic;

  border: 1px solid #3C3C3B;

  padding: 0 30px;

  font-size: 15px;

  line-height: 30px;

  margin: 0 auto;

  text-align: center;

  display: table

}

.content-colmid .allNum:hover {

  color: #fff;

  background: #3C3C3B;

  border: 1px solid #3C3C3B;

}

/* Colonne de droite */

.content-coldr {

  background: #EBECEB;

  padding: 25px; 

}


.bloc_01 h2 {

  display: inline-block;

  background: #94C020;

  font-weight: bold;

  color: #fff; 

  font-size: 12px;

  text-transform: uppercase;

  line-height: 15px;

  padding: 0 5px;

}


.bloc_01 .intro {

  font-size: 15px;

}


.bloc_01 .intro a {

  color:  #878786;

  font-style: italic;

  text-decoration: underline;

  /*display: block;*/

}


.bloc_01 .intro a:hover {

  color:  #94C020;

  font-style: italic;

  text-decoration: underline;

  display: block;

}

.bloc_01 {
  border-top: 1px solid #3c3c3b;

  border-bottom: 1px solid #3c3c3b;

  padding: 25px 0;

  margin: 25px 0;

}


.bloc_02 h2 {

  color: #3c3c3b; 

  text-align: center;

  font-size: 20px; 

  font-weight: bold;

}


.bloc_02 .down-num {

  display: block;

  background: #fff;

  color: #2fb4aa;

  font-weight: bold;

  border-radius: 5px;

  text-align: left;

  font-size: 12px;

  letter-spacing: 2px;

  position: relative;

  padding-left: 50px;

  padding-right: 5px;

  width: 200px;

  line-height: 12px;

  height: 43px;

  margin: 6px auto;

  -moz-box-shadow: 0px 5px 3px 0px #ccc;

  -webkit-box-shadow: 0px 5px 3px 0px #ccc;

  -o-box-shadow: 0px 5px 3px 0px #ccc;

  box-shadow: 0px 5px 3px 0px #ccc;

  filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=180, Strength=3);

}


.bloc_02 .down-num span { 

  font-size: 15px;

  color: #3c3c3b; 

  text-transform: uppercase;

  font-weight: bold;

  display: block;

  letter-spacing: 1px;

  line-height: 22px;

}


.bloc_02 .down-num::before {

  background: #2fb4aa;

  -webkit-border-top-left-radius: 5px;

  -webkit-border-bottom-left-radius: 5px;

  -moz-border-radius-topleft: 5px;

  -moz-border-radius-bottomleft: 5px;

  border-top-left-radius: 5px;

  border-bottom-left-radius: 5px;

  color: #fff; 

  left: 0;

  font-family: 'icomoon' !important;

  line-height: 44px;

  content: "\e906";

  font-size: 28px;

  padding: 0 5px;

  position: absolute;

}


.bloc_02 .down-num:hover, .bloc_02 .down-num:hover span {

  color: #fff;

  background: #3c3c3b;

}


.bloc_02 .down-num:hover:before {

  color: #3c3c3b;

}


.bloc_03 h2 {

  color: #3c3c3b; 

  text-align: left;

  font-size: 20px; 

  text-transform: uppercase;

  font-weight: bold;

  letter-spacing: 2px;

}


.bloc_03 .bouton {

  display: block;

  padding: 15px 15px 15px 90px;

  border-left: 10px solid #2EB4AA;

  margin-bottom: 15px;

  color: #3c3c3b;

  background: #FEFFFE;

  font-size: 18px;

  line-height: 21px;

  position: relative;

}


.bloc_03 .bouton:hover {

  border-left: 10px solid #30b5ab;

  margin-bottom: 15px;

  color: #fff;

  background: #3c3c3b;

}


.bloc_03 .bouton:before {

  font-family: 'icomoon' !important;

  color: #30b5ab;

  position: absolute;

  left: 20px;

  bottom: 25px;

}


.bouton-01:before {

  content: "\e907";

  font-size: 40px;

}


.bouton-02:before {

  content: "\e908";

  font-size: 40px;

}


.bouton-03:before {

  content: "\e909";

  font-size: 40px;

}


.bouton-04:before {

  content: "\e90a";

  font-size: 45px;

}

/***************************************************************/

/*                     Fin Nouvelle home                       */

/***************************************************************/

/**************************************************************************************/
/*                         Menu réseaux sociaux                                       */
/**************************************************************************************/



/* décalage du menu secondaire réseaux sociaux sur la droite */

.storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation {
	float: right !important;
}

/* background sur menu secondaire réseaux sociaux */
.secondary-navigation ul
{
background-color: rgba(0,0,0,.6);
border-radius: 15px 15px 15px 15px;
}

.secondary-navigation .menu a{
	padding-bottom: 22.4px;
	padding-left: 19.6px;
	padding-right : 19.6px;
	/*padding-top: 0px;*/
}


/* Aumgmenter la taille des icônes RS dans barre de menu*/

.secondary-navigation .menu{
	
	font-size: 1.4em;
}

/*Menu secondaire dédié aux réseaux sociaux avec icones */
@import url('//netdna.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css');

.secondary-navigation a[href*="dribbble.com"], .secondary-navigation a[href*="facebook.com"], .secondary-navigation a[href*="flickr.com"], .secondary-navigation a[href*="foursquare.com"], .secondary-navigation a[href*="plus.google.com"], .secondary-navigation a[href*="instagram.com"], .secondary-navigation a[href*="linkedin.com"], .secondary-navigation a[href*="pinterest.com"], .secondary-navigation a[href*="reddit.com"], .secondary-navigation a[href*="tumblr.com"], .secondary-navigation a[href*="twitter.com"], .secondary-navigation a[href*="vimeo.com"], .secondary-navigation a[href*="wordpress.com"], .secondary-navigation a[href*="wordpress.org"], .secondary-navigation a[href*="youtube.com"], .secondary-navigation a[href*="/contact/"], .secondary-navigation a[href*="twitch.tv"], .secondary-navigation a[href$="/feed/"], .secondary-navigation a[href*="/mon-compte/"] {

  font-family: "FontAwesome";
	text-indent: -9999px; }

  .secondary-navigation a[href*="dribbble.com"]:after, .secondary-navigation a[href*="facebook.com"]:after, .secondary-navigation a[href*="flickr.com"]:after, .secondary-navigation a[href*="foursquare.com"]:after, .secondary-navigation a[href*="plus.gogle.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*="reddit.com"]:after, .secondary-navigation a[href*="tumblr.com"]:after, .secondary-navigation a[href*="twitter.com"]:after, .secondary-navigation a[href*="vimeo.com"]:after, .secondary-navigation a[href*="wordpress.com"]:after, .secondary-navigation a[href*="wordpress.org"]:after, .secondary-navigation a[href*="youtube.com"]:after, .secondary-navigation a[href*="/contact/"]:after, .secondary-navigation a[href*="twitch.tv"]:after, .secondary-navigation a[href$="/feed/"]:after, .secondary-navigation a[href*="/mon-compte/"]:after {

    font-family: "FontAwesome";

    text-indent: 0;

    display: block;

    float: left;*/ }


.secondary-navigation a[href*="/contact/"]:after {

  content: "\f003"; 
	color: #ffffff; 

}

.secondary-navigation a[href*="youtube.com"]:after {

  content: "\f167";

  color: #bb0000; }



.secondary-navigation a[href*="twitter.com"]:after {

  content: "\f099";

  /*color: #00aced;*/

  color: #ffffff; 

}



.secondary-navigation a[href*="facebook.com"]:after {

  content: "\f09a";

  /*color: #3b5998;*/ 

  color: #ffffff; 

}



.secondary-navigation a[href*="instagram.com"]:after {

  content: "\f16d";

  color: #ffffff; 
}

.secondary-navigation a[href*="/mon-compte/"]:after {

  content: "\f007";
  color: #ffffff; 
}


/**************************************************************************************/
/*                         Fin menu réseaux sociaux                                   */
/**************************************************************************************/

/* supprimer affichages sélecteur de tri sur la page boutique */

.storefront-sorting

{

  display:none;

}





/* Modification de la transparence du menu principal de navigation */

.storefront-primary-navigation 

{

   background: rgba(0,0,0,.6);

   line-height: 0;

}



.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a {

  padding: 1em 1em;

  font-weight: bold;

}



.main-navigation ul.menu ul.sub-menu, .main-navigation ul.nav-menu ul.children {

  background-color: #fff;

  -moz-box-shadow: 3px 3px 3px 0px #cccccc;

  -webkit-box-shadow: 3px 3px 3px 0px #cccccc;

  -o-box-shadow: 3px 3px 3px 0px #cccccc;

  box-shadow: 3px 3px 3px 0px #cccccc;

  filter:progid:DXImageTransform.Microsoft.Shadow(color=#cccccc, Direction=134, Strength=3);

}



.main-navigation ul.menu ul li a, .main-navigation ul.nav-menu ul li a {

  line-height: 1em;

  color: #2b2b2b;

  font-size: 16px;

  border-bottom: 1px solid #2b2b2b; 

}



.main-navigation ul.menu ul a:hover, .main-navigation ul.menu ul li.focus, .main-navigation ul.menu ul li:hover>a, .main-navigation ul.nav-menu ul a:hover, .main-navigation ul.nav-menu ul li.focus, .main-navigation ul.nav-menu ul li:hover>a {

  background-color: #e5005b;

  color: #fff;

  font-size: 16px;

}





.site-header ul.menu li.current-menu-item > a {

  background-color: #e5005b;

  color: #fff;

}



/* Menu woocommerce header */



#site-header-cart li {

  display: inline-block;

}



#site-header-cart li.woocommerce-mini-cart-item {

  display: table;

}



.woocommerce-mini-cart-item a, .woocommerce-mini-cart-item span {

  display: inline-block;

}



#site-header-cart li.woocommerce-mini-cart-item span.woocommerce-Price-amount span.woocommerce-Price-currencySymbol {

  display: inline-block;

}



#site-header-cart li.woocommerce-mini-cart-item a, #site-header-cart li.woocommerce-mini-cart-item .quantity,#site-header-cart li.woocommerce-mini-cart-item a.cart-contents {

  display: inline-block;

}



.site-header-cart .cart-contents .count {

  margin-right: 15px;

  font-size: 16px;

  color: #ccc;

  font-weight: normal;

  opacity: 1; 

}



.site-header-cart .cart-contents:after {

  line-height: 0;

}



/* Modifier la taille des vignettes dans la sidebar active dans gabarits standard */

.product_list_widget li img{

	max-width: 8em;

}



/* Supprimer le titre du lieu dans l'événement */

.tribe_venue

{

  display:none;

}





/* Enlever le titre de la page concours*/

.page-id-2256 .entry-title {

display: none !important;

}



/* Mettre en gras les liens dans la page sommaire */

.entry-content a {

font-weight: 600;

}



/* Mettre en gras les liens dans les descriptions des produits */

.woocommerce-product-details__short-description a {

font-weight: 600;

}







/* Réduire l'espace entre menu et contenu du corps de page*/

.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {

/*margin-bottom:1.2em;*/

}



/* Réduire l'espace sous le fil d'ariane*/

.woocommerce-breadcrumb {

margin-bottom: 0em;

}



/*Intégration commentaire associé à la mention "expédier à une adresse différente dans la page de commande*/

/*#ship-to-different-address{

margin: 0 0 0;

}*/



/*Réduire des intitulés d'option dans les pages produits*/

h3.addon-name {

font-size: 1.1em;

}



/* supprimer le champ Département dans la saisie Adresse des formulaires Formidable*/

#frm_field_246-state_container

{

  display:none;

}


/* Menu réseaux sociaux du footer */
footer ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
footer li {
 margin-left:2px;
 float:left; /*pour IE*/
 }
footer ul li a {
 display:block;
 float:left;   
 /*width:120px;*/
 text-decoration:none;
 text-align:center;
 padding:5px;
 }

/* réduire l'espace entre le bandeau menu et le titre suivant en home */
.home .content-colleft {
	padding-top: 0px;
}

.home .content-colmid {
	padding-top: 0px;
}

/* réduction de l'interligne sous les chapeaux dans la page collection */
#post-14207 .elementor-text-editor p{
	margin: 0 0 0 0;
}


/* Footer */

.footer-widgets {

  padding-top: 0;

}

.footer-widgets .widget {

  margin: 0.5em;

}

.footer-widgets .widget .widget-title, .widget .widgettitle {

  padding-bottom: 0;

}

.site-info {

  padding: 0.5em;

}

/* Grossir l' avatar */
.author .avatar
{
width: 160px;
margin-bottom: 1px;
}

/* Lien complémentaire en maigre dans pages de l'index */
.post .entry-content p a:first-child {
	font-weight: 300;
}

/* Empecher affichage fil ariane*/
.storefront-breadcrumb {
	display:none;
}


/***************************************************************/
/*    Modification d'affichage pour les smartphones            */
/***************************************************************/

@media only screen and (max-width: 800px) {
	
.storefront-handheld-footer-bar{
	display:none;
}
}

/***************************************************************/
/*    Centrage vertical menu principal  (sauf panier)          */
/***************************************************************/
.woocommerce-active .site-header .main-navigation{
	margin-top:10px;
}

/***************************************************************/
/*    Style liste mots clés les plus recherchés                */
/***************************************************************/
#topmot a:hover { 
text-decoration: underline;
}

/*********************************************************************************************************************/
/*    Empêcher l'affichage dans la page des images mise en avant --> utilie pour pages résultats moteur recherche    */
/*********************************************************************************************************************/
.hentry .wp-post-image{
/*display :none ;*/
}