/*
Theme Name: ANV-COP21 - thème pour les Groupes Locaux
Theme URI: https://www.anv-cop21.org
Author: Groupe Informatique d'ANV-Cop21
Author URI: https://www.anv-cop21.org
Template:     anv-cop21
Description: Thème dédié à la gestion des couleurs, des images et aux sites dédiés aux GL
Version: 1.0
*/


/* UTILISATION :
Dans ce CSS, les couleurs utilisées sur le site sont listées en premier lieu. Les Groupes Locaux qui souhaitent personnaliser le thème au-delà de ce qui est développé par le Groupe Informatique devraient le faire après la balise /* FIN COULEURS */

/*
Voici la liste des couleurs utilisées dans le fichier.
Pour remplacer toute une couleur d'un coup, utilisez la fonction "remplacer" de Notepad++.
Par exemple, vous pouvez changer le orange "#FFA000" par du "#FFBB11" sur l'ensemble des éléments concernés.
Vous pouvez ensuite changer les couleurs pour des éléments en particulier en ciblant ou en rajoutant la classe ou l'identifiant concerné. Par exemple, pour passer les titres en rouge il suffit de définir les caractères des balises H1.

Liste des couleurs :
- Couleur d'écriture principale : #47425d
- Gris foncé des titres : #443f3f
- Gris clair de contrast : #252525
- Gris très clair de contrast sur blanc : #d9d8d8
- Rouge ANV : #690f0f
- Jaune ANV : #ecbf25
- Blanc ANV : #fff
- Vert Alt : #00804d
- Bordeaux Alt : #4b1330 // Ne plus utiliser
- Jaune Alt : #f7941e // Ne plus utiliser
- Nouveau Jaune Alt : #FED819
- Nouveau Framboise Alt : #D64B4C
- Nouveau Bleu foncé Alt : #00083A

- Rouge du message d'erreur : #ac1919
*/



/* IMAGES */
/*
Ici, on modifie le nom de l'image de bannière sur mobile (version portrait) 
Pour modifier les version landscape, il faut se rendre en fin de ce fichier dans la zone des media-queries
*/
#banniere_anv{
    background: url('images/2022-01-20 15.12.06-Sandy-2019-greve-generale.jpg') no-repeat;
}

/* COULEUR */
body{
	color: #171717;
	background: #fff;
}
a{
	color: #D64B4C;
}

::selection {
    background-color: #47425d;
	color: #fff;
}

#main_content_container{
	background-color:#f3f3f3;
	
}
/* Titres */
h1{
	color: #00804d;
}
h2{
	color: #00804d;
}
/* message d'erreur */
.error{
	color: #ac1919;
	border-color: #ac1919;
}
/* CTA */
.anv_cta a{
	color: #fff;
	background: #00804d;
}
.anv_cta a:hover{
	color: #D64B4C;
	background: #fff;
	border-color: #D64B4C;
}
.anv_cta_ghost a{
	color: #fff;
	border-color: #fff;
	background: #fff0;
}
.anv_cta_ghost a:hover{
	color: #4b133082;
	background: #fff;
}
.anv_cta_blanc a{
	color: #D64B4C;
	border-color: #fff;
	background: #fff;
}
.anv_cta_blanc a:hover{
	color: #fff;
	background: #00804d;
}
.anv_cta_jaune a{
	color: #00083A;
	border-color: #fed819;
	background: #fed819;
}
.anv_cta_jaune a:hover{
	color: #fed819;
	background: #00083A;
	border-color: #fed819;
}

.anv_cta_vert a {
	color: #fff;
	background:#00804D;
}

.anv_cta_vert a:hover {
	color: #fff;
	background: #D64B4C;
}

.anv_cta_dark a{
	color: #4c4c4c;
	border-color: #4c4c4c;
	background: #fff0;
}

.anv_cta_framboise a {
	color: #fff;
	border-color: #D64B4C;
	background: #D64B4C;
}

.anv_cta_framboise a:hover {
	color: #fff;
	border-color: #00804D;
	background: #00804D;
}

.anv_cta_bleu {
	color: #D64B4C;
	background-color: #00083A;
	border: #00083A;
}

.anv_cta_bleu:hover {
	color: #00083A;
	background-color: #fff;
	border: #00083A;
}

/* Image par défaut */
.anv_image_par_defaut{
	background: #d9d8d8;
}
.anv_image_par_defaut svg path{
	fill: #443f3f;
}
/* Réseaux sociaux */
ul.reseaux_sociaux li a{
	color: #fff;
}
ul.reseaux_sociaux li a:hover{
	color: #4b1330;
}
/* Header */
#header{
	background: #fff
}
/* Header - menu */
.hbm_label span.fontawesome,
.hbm_label i{
	color: #00804d;
}
#menu_sandwich .hbm_label{
	border-color: #00804d;
}
.hbm_container{
	background-color: #443f3f; 
	color: #fff;
}
#menu_header .hbm_container ul.anv_menu > li{
	border-color: #252525;
}
.hbm_container ul.reseaux_sociaux li a,
.hbm_container a{
	color: #fff;
}
.desktop header #menus_div nav li a{
	color: #00804d;
}
.desktop header #menus_div nav li a:hover{
	color: #D64B4C;
}
.desktop #menus_div_container > *{
	display: table-cell;
	vertical-align: middle;
}
/* Footer */
#footer{
	color: #fff;
	background: #333;
}
#footer svg path{
	fill: #fff;
}
#footer > .stripe{
    background: #333
}
#footer nav ul > li{
	border-color: #fff;
}
#footer a{
	color: #fff;
}
#footer nav ul > li a:hover{
	color: #FED819; 
}
#footer #copyright{
	background: #443f3f;
}
#footer #copyright a:hover{
	color: #00804d;
}

.mobile form.forminator-custom-form{

max-width: 20em;

}

/* Front-page */
#hero_shot {
	background: #00804d;
}
#hero_shot #hero_shot_thumbnail{
	background: #fff;
}
#hero_shot #thumbnail_overlay{
	background: #443f3f;
}
#hero_shot h1{
	color: #fff;
}
/* Single.php */
.single #post_meta > .content{
	background-color: #d9d8d8;
}
.single #post_categories .article_categories a{
	color: #252525;
}
.single #post_categories .article_categories a:hover{
	color: #00804d;
}
.single #post_categories .article_categories li{
	border-color: #d9d8d8;
}
/* Formations */
.formation-tuile a{
	background: #fff;
}
.formation-tuile.finie a{
	color: #252525;
}
.formation-tuile a:hover{
	background: #4b1330;
	color: #fff;
}
.formation-tuile a .inscription{
	background: #00804d;
	color: #fff;
}
/* Campagne */
.campagne-tuile{
	border-color: #d9d8d8;
}
.campagne-tuile a:hover{
	color: #4b1330;
}
/* Évènements */
.evenement-tuile{
	background-color: #fff;
}
.evenement-tuile a:hover{
	color: #4b1330;
}
.evenement-tuile.fini{
	background: #d9d8d8;
}
/* Articles */
.article-tuile a:hover{
	color: #4b1330;
}
.article-tuile .article_categories a{
	color: #252525;
}
.article-tuile .article_categories a:hover{
	color: #4b1330;
}
.article-tuile .article_categories li{
	border-color: #d9d8d8;
}

.single #post_meta>.content {
    background-color: transparent;
}

/* FIN COULEURS */


/* IMAGES */
/* 
Section des media-queries : ici on modifie les bannières sur ordinateur (version landscape)
*/
@media (orientation: landscape),
@media screen and (min-width: 900px){
	#banniere_anv {
		background: url('images/arrivee_tourALT_Mathieu_Prat-2560x464.jpg') no-repeat; 
	}
}

/* @media screen and (min-width: 1500px){
	#banniere_anv {
		background: url('images/arrivee_tourALT_Mathieu_Prat-2560x464.jpg') no-repeat; 
	}
} */