/*
Theme Name:   
Author:       Digeek
Author URI:   https://digeek.fr/
Version:      0.0.1
Description : Fichier CSS chargé sur le FRONT et dans le BACK (Gutenberg)
*/

:root {
    --main-noir: #000000;
	--main-gris: #868686;
	--main-gris-clair: #FAFAFA;
	--main-blanc: #ffffff;

	--main-brown: #432D34;
    --main-rose: #FFEFEB;
    --main-dark-rose: #F08974;
}
body{
	font-family: 'Raleway', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: var(--main-brown);
}
body.post, body.page {
    margin: 0em;
}
.noscroll { 
	overflow: hidden;
  }
#page{
	overflow: hidden;
	position: relative;
}
/* CONTAINER*/
.container-xxl{
	max-width: 1240px;
}

/* Fonts */
.f-Raleway{
	font-family: 'Raleway', sans-serif;
}

.fw-300{
    font-weight: 300;
}
.fw-400{
    font-weight: 400;
}
.fw-700{
    font-weight: 700;
}

/* Colors: */
.noir,
.has-noir-color,
.hover-noir-color:hover,
.hover-noir-color:hover p,
.hover-noir-color:hover path
{
	color: var(--main-noir);
	fill:var(--main-noir);
}
.bg-noir,
.has-noir-background-color{
	background-color: var(--main-noir);
}
.border-noir{
	border-color: var(--main-noir) !important;
}

.gris,
.has-gris-color,
.hover-gris-color:hover,
.hover-gris-color:hover p,
.hover-gris-color:hover path
{
	color: var(--main-gris);
	fill:var(--main-gris);
}
.bg-gris,
.has-gris-background-color{
	background-color: var(--main-gris);
}
.border-gris{
	border-color: var(--main-gris) !important;
}

.gris-clair,
.has-gris-clair-color,
.hover-gris-clair-color:hover,
.hover-gris-clair-color:hover p,
.hover-gris-clair-color:hover path
{
	color: var(--main-gris-clair);
	fill:var(--main-gris-clair);
}
.bg-gris-clair,
.has-gris-clair-background-color{
	background-color: var(--main-gris-clair);
}
.border-gris-clair{
	border-color: var(--main-gris-clair) !important;
}

.blanc,
.blanc p,
.has-blanc-color,
.hover-blanc-color:hover,
.hover-blanc-color:hover p,
.hover-blanc-color:hover path{
	color: var(--main-blanc) !important;
	fill:var(--main-blanc);
}
.bg-blanc,
.has-blanc-background-color{
	background-color: var(--main-blanc);
}
.border-blanc{
	border-color: var(--main-blanc) !important;
}

.marron,
.marron p,
.has-marron-color,
.hover-marron-color:hover,
.hover-marron-color:hover p,
.hover-marron-color:hover path{
	color: var(--main-brown) !important;
	fill:var(--main-brown);
}
.bg-marron,
.has-marron-background-color{
	background-color: var(--main-brown);
}
.border-marron{
	border-color: var(--main-brown) !important;
}

.rose-clair,
.rose-clair p,
.has-rose-clair-color,
.hover-rose-clair-color:hover,
.hover-rose-clair-color:hover p,
.hover-rose-clair-color:hover path{
	color: var(--main-rose) !important;
	fill:var(--main-rose);
}
.bg-rose-clair,
.has-rose-clair-background-color{
	background-color: var(--main-rose);
}
.border-rose-clair{
	border-color: var(--main-rose) !important;
}

.rose-fonce,
.rose-fonce p,
.has-rose-fonce-color,
.hover-rose-fonce-color:hover,
.hover-rose-fonce-color:hover p,
.hover-rose-fonce-color:hover path{
	color: var(--main-dark-rose) !important;
	fill:var(--main-dark-rose);
}
.bg-rose-fonce,
.has-rose-fonce-background-color{
	background-color: var(--main-dark-rose);
}
.border-rose-fonce{
	border-color: var(--main-dark-rose) !important;
}


.one-edge-shadow {
	-webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 8px 6px -6px blrgba(0, 0, 0, 0.1);
}


/* SIZE */
.w100{
	width: 100%;
}
.w80{
	width: 80%;
}
.w60{
	width: 60%;
}
.w40{
	width: 40%;
}
.w20{
	width: 20%;
}
.mw800{
	max-width: 800px;
}
.mw1200{
	max-width: 1280px;
}

/* Elements */
body{
	font-size: 16px;
}
@media (min-width: 768px){
	body{
		font-size: 16px;
	}
}
@media (min-width: 1140px){
	body{
		font-size: 16px;
	}
}

a,
a:visited{
	color:  var(--main-brown);
}
a:hover {
    color: var(--main-brown);
    text-decoration: underline;
	font-weight: bold;
}

.page_navigation ul{
	padding: 0;
}

.h1, h1, .like-h1 {
    font-size: 40px;
	font-weight: 700;
	overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	font-weight: 900;
}
@media (min-width: 768px){
	.h1, h1, .like-h1 {
		font-size: 60px;
	}
	
}
@media (min-width: 1200px){
	.h1, h1, .like-h1 {
		font-size: 70px;
	}
}

h2,
.page_main_datas h2{
	font-size: 35px;
	font-weight: 900;
	overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
@media (min-width: 768px){
	h2,
	.page_main_datas h2{
		font-size: 55px;
	}
	.entry-content h2{
		font-size: 50px;
	}
}
@media (min-width: 1200px){
	h2,
	.page_main_datas h2{
		font-size: 65px;
	}
	.entry-content h2{
		font-size: 60px;
	}
}



h3,
.page_main_datas h3{
	font-size: 16px;
	overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
	font-weight: 700;
}
.page_main_datas h3{
	font-weight: 900;
}
@media (min-width: 768px){
	h3,
	.page_main_datas h3{
		font-size: 25px;
	}
	
}
@media (min-width: 992px){
	h3,
	.page_main_datas h3{
		font-size: 25px;
	}
}
@media (min-width: 1200px){
	h3,
	.page_main_datas h3{
		font-size: 25px;
	}
}

h4{
	font-size: 18px;
	font-weight: 700;
}
@media (min-width: 768px){

}
@media (min-width: 992px){

}
@media (min-width: 1200px){
	h4{
		font-size: 18px;
	}
}

hr{
	border: 1px solid #868686;
	max-width: 490px;
	width: 100%;
}
p,
ul li,
ul ol{
    
    font-weight: 300;
    color: var(--main-brown);
}

p img{
	height:auto;
}
img.responsive,
img.img-responsive{
	width: 100%;
	height: auto;
}

strong, b{
    font-weight: bold;
}
.souligne{
	text-decoration: underline;
}