/*
Theme Name: Weaver Xtreme Child
Theme URI: //weavertheme.com
Description: Bare minimum Weaver Xtreme Child demo theme
Author:       Consuljl.com
Author URI:   http://www.consuljl.com/
Version: 1.0
Tags: light, dark, white, black, gray, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template,  post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, photoblogging
Template: weaver-xtreme


    This program is free software: you can redistribute it and/or modify
	it under the terms of the GNU General Public License as published by
	the Free Software Foundation, either version 2 of the License, or
	(at your option) any later version.

	This program is distributed in the hope that it will be useful,
	but WITHOUT ANY WARRANTY; without even the implied warranty of
	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
	GNU General Public License for more details.

	You should have received a copy of the GNU General Public License
	along with this program.  If not, see <http://www.gnu.org/licenses/>.


About style.css:

Traditionally, a child theme provides its own style.css to override or extend the
parent style.css. This usually involved adding an "@import" to the child's style.css.

Weaver Xtreme handles the main style sheet differently. It is called "assets/css/style.weaverx.css",
and is loaded before the theme "style.css" file. Thus, there is no need to "@import" the
parent stylesheet.

So you can make overrides and extensions directly in this child style.css.

*/


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


p {margin: 0 0 1em 0;}

h1,h2,h3,h4,h5,h6 {margin: 0 0 1em 0;}


body {}    /* Pour afficher une image et une couleur en même temps dans le background */ 

li.lang-item, li.lang-item-en {list-style-type: none !important;}		 /* Pour ne pas afficher la puce du sélecteur de langue dans la barre du menu  */

ul {padding-left: 4px;}     /* Pour contrôler les puces affichées dans les widgets */

li {margin-bottom: 0.3em;}	/* Pour mettre un peu d'espace entre les puces d'une liste */



  

/* Pour appliquer une marge à gauche du logo localisé dans le menu */ 
@media (min-width: 768px) {
.custom-logo-on-menu {margin-left: 2em !important;}
}	 

.widget-title {}			/* Pour modifier l'affichage des titres des widgets */

.titre_widget {font-size: 1.3em; border-bottom: solid 1px #FFFFFF; margin-bottom: 1em;}		/* Pour appliquer un style de titre dans un texte de Widget */


/*****

.lien_entete, .wrapper a {pointer-events: none;cursor: default;}

*****/


h1, h2, h3, h4, h5, h6 {} 	/* Pour afficher tous les titres dans une couleur specifique */

#primary-widget-area {}	/* Pour afficher une image de fond dans le SideBar */

#site-info {float: left; margin-top: 2em; margin-bottom: 2em; padding-left: 3em;}     /* Pour contrôler le copyright dans le bas du footer */

.fcbk_share {margin-bottom: 0.5em;}	/* Pour dégager les boutons Facebook du titre de la page */


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

		
#header {position: relative;}	/* Pour permettre un positionnement absolute dans ce div */

/* Pour permettre un positionnement absolute dans ce div */
#colophon {
position: relative;
background-image: url(images/bande-colore.jpg);
background-position: left top;
background-repeat: no-repeat;
}	


/****
*
*	On utiliser le SITEWIDE TOP WIDGET AREA pour appeler les scripts de Facebook en fonction de la langue
*	nécessaires à la mise en place des boutons "like / j'aime" sur les pages du site.
*
****/

			
/* HEADER HTML - Pour appliquer une position ABSOLUTE */

@media (min-width: 768px) {
#header-html-ref {width: 32%; position:absolute;left:30px;top:10%;z-index:10;}
}

@media (max-width: 768px) {
#header-html-ref {width: 60%; position:absolute;left:5px;top:5px;z-index:10;}
}
					
			
/* HEADER WIDGET AREA - Pour appliquer une position ABSOLUTE */		

@media (min-width: 768px) {
#header-widget-area {position:absolute; top:5%; left:5%; z-index:3000; background-color: transparent; width: 240px;}			
}
		
@media (max-width: 768px) {
#header-widget-area {display: block; padding: 1em 0; margin: 0 auto; max-width: 240px; width: 60%;}			
}


/********** Pour repositionner et redimentionner le fond du moteur de recherche *****************/
@media (min-width: 768px) {
#header-search {
width: 660px;
height: 45px;
background-color: transparent;
background-image: none;
position: absolute; right: 0%; bottom: 0%; z-index: 3000;
}
}




/* EXTRA WIDGET AREA */

/* Utilisation du EXTRA WIDGET AREA pour présenter le logo du site avec un lien pour retourner à l'accueil */


@media (min-width: 1160px) {
#extra-widget-area {position:absolute; top:-50%; left:5%; z-index:3000; background-color: transparent; width: 240px;}
}

@media (max-width: 1160px) {
#extra-widget-area {display: block; padding: 1em 0; margin: 0 auto; max-width: 240px; width: 60%;}
}

@media (min-width: 768px) {
.menu-primary {padding-top: 3em; padding-bottom: 3em;}
}

@media (max-width: 768px) {
.menu-primary {padding-top: 0.5em; padding-bottom: 0.5em;}
}


#sow-image-7 {margin: 0 !important; padding: 0 !important; }




/* Pour grossir les caractères des boutons sociaux des Widgets SiteOrigin  */
@media (min-width: 768px) {
.sow-social-media-button {
  font-size: 1.75em !important;
  padding: 0.2em 0.2em !important;
  }
}

@media (max-width: 768px) {
.sow-social-media-button {
  font-size: 1.5em !important;
  padding: 0.15em 0.15em !important;
  }
}


/* EXTRA WIDGET AREA 2 */

@media (min-width: 768px) {
#extra-widget-area-2 {position:absolute; top:40%; right:0%; z-index:1200; background-color: red; color: white;}
}

@media (max-width: 768px) {
#extra-widget-area-2 {display: none;}
}


/* FOOTER HTML */

@media (min-width: 768px) {
.item_footer_html_1 {display: inline; float: left; width: 34.8484%;}
.item_footer_html_2 {display: inline; float: left; width: 30.3787%;}
.item_footer_html_3 {display: inline; float: left; width: 34.7727%;}
}

@media (max-width: 768px) {
.item_footer_html_1,.item_footer_html_2 ,.item_footer_html_3 {display: block;}
}

#sow-image-2,#sow-image-3,#sow-image-4 {margin: 0 !important; padding: 0 !important; }



/* FOOTER WIDGET AREA 2 */

@media (min-width: 768px) {
#footer-widget-area-2 {position:absolute; top:50%; left:50%; z-index:1200; background-color: red; color: white;}
}

@media (max-width: 768px) {
#footer-widget-area-2 {display: none;}
}


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

		

/********** Pour appliquer un filet (border) autour des images *****************/
.image_border {border: solid 1px #666 !important;}

.featured-image {border: solid 1px #666;}





/* Pour rendre la présentation responsive - Template sur 2 colonnes */
@media (min-width: 768px) {
	.content-2-col-left {width: 50%;}
	.content-2-col-right {width: 49%;}
}

@media (max-width: 767px) {
	.content-2-col-right, .content-2-col-left {width: 100%;}
}


/* Pour rendre la présentation responsive - Shortcode de colonnes */
@media (max-width: 768px) {
	.jwl_one_half, .jwl_one_third, .jwl_two_third, .jwl_three_fourth, .jwl_one_fourth, .jwl_one_fifth, .jwl_two_fifth,
	.jwl_three_fifth, .jwl_four_fifth, .jwl_one_sixth, .jwl_five_sixth {width: 100% !important;}
}


/* Pour intégrer les images dans des DIV */
.exemple_class {float: left; margin: 0 2em 0 0;}
.clear_line {clear: both;}



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


blockquote {
	border-left: solid 3px #FCB315;
	color: #231F20;
    padding: 1em 1.2em 1em 1.2em;
	-webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}



/* Pour ajuster le FOOTER WIDGET AREA si on réduit le padding (left et right) des INDIVIDUAL WIDGETS à "0"  */
/* Nécessaire si on utilise le PageBuilder dans une page  */

.widget-smart-rm aside, .m-widget-smart-rm aside, .is-mobile .m-widget-smart-rm aside, .ie8 .smart-rm  {margin-right: 2%;}

@media (min-width: 768px) {
.per-row-3-m {width: 31.663%;}
}



 /* Pour modifier l'apparence du sélecteur de langue si on le met en place avec un widget  */ 
 /* Utile si on gère le menu avec Weaver et non pas avec l'outil MENU de WordPress  */ 
  li.lang-item-reference {list-style-type: none; text-transform: uppercase; font-size: 0.875em;}
  
  
  
/*************************************/
 
/***** Styles appliqués au formulaire OPT-IN de MailChimp créé avec le plugin Easy Forms *****/

.boite_form {border: solid 1px #97C93C;  border-radius: 8px; padding: 0; width: auto !important; max-width: 301px; margin: 0 auto; }
.form_global {padding: 0; width: auto !important; margin: 0 16px; }
.form_champ_texte { text-align: center; border-radius: 8px; line-height: 1.0em; font-size: 1em; }
::placeholder { color: #AAAAAA; opacity: 1; }
.marge_champ {margin-bottom: 1em !important; }
.bouton_telecharger {width: 100% !important; max-width: 252px !important; margin: 1em auto !important; }
.image_sans_marge {margin: 0 !important; padding: 0; }

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


.wlm_regform_toggle {display: none;}  /* Pour ne pas afficher le sélecteur du formulaire d'enregistrement de WishList Member */



/*************************************/
 
/***** Styles appliqués aux onglets de la page RESSOURCES *****/

.sow-tabs-tab {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-bottom: 10px !important;
}

.sow-tabs-tab-selected { }