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

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


/* Pour ne pas afficher le moteur de recherche dans le menu */
#nav-primary .menu-search {display: none;}


/* Pour ne pas souligner les items du menu lorsque pointé */
.menu-primary .wvrx-menu >li >a:hover {
    text-decoration: none !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 */



/* Pour ajouter une marge sous les widgets de la Primary Side Bar */
#primary-widget-area .widget {margin-bottom: 25px;}
#secondary-widget-area .widget {margin-bottom: 25px;}



/*****

.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: 1em 0;}     /* Pour contrôler le copyright dans le bas du footer */
#site-generator {margin: 1em 0;padding-right: 0; font-style: normal;}     /* Pour contrôler le lien vers Privacy Policy dans le bas du footer */


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


@media (max-width: 768px) {#container {padding: 0.5em !important;}}	/* Pour ajuster le padding du contenu de la version mobile */


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






/*** ENTÊTE DU SITE ***/


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

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


@media (min-width: 768px) {

.logo-site {width: 110px; margin: 15% 0 0 19%;}

.titre-site {display: block; position: absolute; top: 31%; left: calc(110px + 11%); z-index: 800;}

	.titre-site h1 {margin-bottom: 0; line-height: 1.0em !important;}

	.titre-site h1 a:hover {text-decoration: none !important;}

	.titre-site h3 {margin-bottom: 0; line-height: 1.2em !important;}
 

.moteur-recherche-ivory {width: 60%; margin: 3em auto 0;} 

.texte-moteur-recherche {width: 90%; margin: 20px auto 0; font-weight: bold;}

}


@media (max-width: 768px) {

.logo-site {width: 110px; margin: 5% 0 0 10%;}

.titre-site {display: block; position: absolute; top: 12%; left: calc(110px + 14%); z-index: 800;}

	.titre-site h1 {margin-bottom: 0; line-height: 1.0em !important; font-size: 2em !important;}

	.titre-site h1 a:hover {text-decoration: none !important;}

	.titre-site h3 {margin-bottom: 0; line-height: 1.2em !important; font-size: 1em !important;}
 

.moteur-recherche-ivory {width: 80%; margin: 2em auto 0;} 

.texte-moteur-recherche {width: 90%; margin: 20px auto; font-weight: bold;}

}

	




/* Pour faire une correction provenant de ce plugin */
.yarpp-related {margin-bottom: 0 !important; margin-top: 0 !important;}






/********** Réorganisation des éléments de l'entête ***************
#title-tagline {height: 100%;}

	#site-tagline {position:absolute;left: 15%;bottom:20% ;z-index:90;}

	#nav-header-mini {position:absolute; margin:0; right:5px;bottom:5px;z-index:100;}
		#primary-toggle-button {padding-top: 0.8em;}
	
	#site-title {position:absolute;left:5%;top:15%;z-index:120; width: 30%;}
			@media (max-width: 768px) {#site-title {position:absolute;left:0%;top:20%;z-index:120; 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: url(images/fond-recherche.png);
	background-position: right top;
	background-repeat: no-repeat;
	position: absolute; right: 0%; top: 0%; z-index: 3000;
	}
	}


	.search-form:before {color: #ffffff !important;}	/* Pour changer la couleur de la loupe de l'outil de recherche */
	





/* MOTEUR DE RECHERCHE IVORY - Pour ajuster la présentation de l'icône du moteur de recherche */

.is-search-icon svg {width: 34px; padding-top: 0;}
.is-search-icon {padding-top: 0px!important;}

.is-form-style input.is-search-input {border-radius: 15px 0 0 15px; border-color: #3D5BAE !important;}
.is-form-style input.is-search-submit, .is-search-icon {border-color :#3D5BAE !important; border-radius: 0 15px 15px 0 !important;}
.is-form-style button.is-search-submit {border-color :#3D5BAE !important; border-radius: 0 15px 15px 0 !important;}


.is-form-style input.is-search-submit, .is-search-icon {background-color: #3D5BAE;}

.is-search-icon:hover, form.is-form-style input.is-search-submit:hover {background: #CCCCCC;}

.is-form-style .is-search-submit path {fill: #FFFFFF;}




/****
*
*	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-ref {position: absolute; left: 10%; top: 50%; z-index: 1100; width: 12%;}			
}
		
@media (max-width: 768px) {
#header-widget-area-ref {display: none;}			
}



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



/******* DIVERS ***********/


#container {padding:20px;}

@media (max-width: 768px) {#container {padding:0.5em;}}

@media (max-width: 768px) {#site-generator {float: left;}}



		

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



/*** Pour retirer le texte de part et d'autre des images intégrées dans le texte d'une page ou article ***/
@media (max-width: 768px) {#content img.alignleft, #content img.alignright {float: none; margin: 0 auto;}}





/* 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 appliquer un style de lien personnalisé  */ 

a.a_gray:link {
color:#818284 !important;
text-decoration:none;
}

a.a_gray:visited {
color:#818284 !important;
text-decoration:none;
}

a.a_gray:hover {
color:#818284 !important;
text-decoration:underline;
}





/* Pour déactiver le lien hypertexte attaché à la date de publication des articles  */ 
.posted-on + a {
    pointer-events: none;
    cursor: default; /* Remplace la main par le curseur standard */
    text-decoration: none; /* Optionnel : retire le soulignement */
    color: grey; /* Optionnel : grise le lien pour l'aspect visuel */
}


#primary-widget-area .widget-title {margin-bottom: 0.5em !important;}
#secondary-widget-area .widget-title {margin-bottom: 0.5em !important;}



/* Pour ajuster la présentation du formulaire Aweber dans le Side-Bar  */ 
#af-header-609595225 {background-color: #EEEEEE !important; border: solid 1px #888888 !important;}



/* Pour ajouter un effet de séparation entre les posts  */ 
.shadow-rb {box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.25);}
.post-area {margin-bottom: 2em;}



.entry-meta-icons .tag-links, .tag-links-icon {
    background-position-y: top;

}




/* Articles - Ajustements des Titres et des Excerpt pour limiter sur 2 lignes */
.post-title-ref {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}


/* Articles - Ajustements des Titres et des Excerpt pour limiter sur 2 lignes */
.entry-summary-ref p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* number of lines to show */
	-webkit-box-orient: vertical;
}





/******* FIN DE LA CSS ***********/