/*
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 */ 


ul {padding-left: 4px; list-style-type: none;}     /* 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 */

.wvrx-menu * {margin-right: 1.0em;}      /* Pour appliquer également une marge de chaque côté des items du menu */

ul.wvrx-menu {margin-left: 0;}          /* Pour empêcher l'application d'une marge à gauche sur le menu par la CSS du thème */    

.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; padding-top: 0px; padding-right: 1em; margin-top: 1em;}     /* 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 */

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


/****
*
*	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.
*
****/

#sitewide-top-widget-area {display: none;}

			
/* 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; right: 5%; top: 30%; z-index: 1100;}			
}
		
@media (max-width: 768px) {
#header-widget-area {display: none;}			
}


/********** 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: url(images/fond-recherche.png);
background-position: right top;
background-repeat: no-repeat;
position: absolute; right: 0%; top: 0%; z-index: 3000;
}
}


/* EXTRA WIDGET AREA */

@media (min-width: 768px) {
#extra-widget-area {position:absolute; top:10%; right:1.5%; z-index:5000; background-color: transparent; color: white;}
}

@media (max-width: 768px) {
#extra-widget-area {position:absolute; top:100px; right:1.5%; z-index:5000; background-color: transparent; color: white;}
}



/* 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 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;}




/* 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 0em 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;}


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