/* 
Theme Name: cookies
URI: https://www.cedric-lengagne.fr/
Author: Cédric lengagne
Author https://www.cedric-lengagne.fr/
Description: Thème Vanilla
Version: 1.0 
Tags: green, white, light, multi-column, responsive-layout, featured-images, full-width-template


Bleu clair : #247ba0;
Bleu foncé : #07092d;
Rouge vif  : #fb3640;
blanc cassé: #e2e2e2;
gris foncé : #2f4858;
#2a99d77d
*/

@font-face {font-family: "Ubuntu-Bold";	src: url('font/Ubuntu-Bold.ttf');}
@font-face {font-family: "Ubuntu-Light";src: url('font/Ubuntu-Light.ttf');}
@font-face {font-family: "Ubuntu-Medium";src: url('font/Ubuntu-Medium.ttf');}

:root {
  --color-1: #3498db; --color-1:#4a8cb5; --color-2: #eee;
}

*		{outline : none; transition : all 0.3s;}
.clear	{clear : both;}
html	{width : 100%;height : 100%;margin : 0;	padding : 0;}	
body	{width : 100%;height : 100%;margin : 0; padding : 0; font-size : 15pt; height:auto;font-family:sans-serif;}
body 	{ background-color: #fbfbfb; background-image: url(/wp-content/themes/cookies/img/noise_backgound.png); background-size: auto; }
a 		{text-decoration: none!important;transition : all 0.3s;}
a:hover {text-decoration:none!important;}
button 	{transition : all 0.3s; }


/* TAILLE DES POLICES */
p, li, a 					{ font-family: "Ubuntu-Light"; }
H1, h2, h3, h4, h5, h6 		{ font-family: "Ubuntu-Medium"; }
button 						{ font-family: "Ubuntu-Medium"; }
p  							{font-size: 1.14em!important; letter-spacing: 0.03em;}

#searchbtn { background: transparent; color: #fff; border: none !important; transition: all 0.3s; margin: auto; margin-top: 0px; }
#searchbtn svg { width: 22px; height: 22px; }
#barrederecherche { position:absolute; width: 100%; z-index: 999;}
#barrederecherche form { display: flex; position: relative; border-bottom: solid 1px #000; box-shadow: padding-bottom: 20px; }
#input_recherche 		{ font-size:18px; border-top:none;border-right: none; border:none; font-family: "Ubuntu-Light";box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.74); padding: 8px; border-radius:25px }
.submit_recherche 			{ position:absolute; right:5px; top:9px; background: transparent; border:none!important; }
.submit_recherche svg 		{ width:22px; height:22px; color:#000; }

/* === BUTTON & CTA === BUTTON & CTA === BUTTON & CTA === BUTTON & CTA === */
.button, .wpcf7-submit { border: 2px solid #000; color: #000!important; font-weight:500; background-color: transparent; padding: 10px 20px;
transition-duration:0.4s; border-radius:10px; font-size:22px;}
.button:hover, .wpcf7-submit:hover { background-color: #000; color:#fff!important; box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.65); }
.btn-primary { border-width:2px!important; color: #006e16!important; background-color: #fff!important; border-color: #006e16!important;}
.btn-primary:hover { color: #fff!important; background-color: #006e16!important; border-color: #006e16!important; }
.btn-secondary { border-width:2px!important; color: #fff!important; background-color: #006e16!important; border-color: #006e16!important;}
.btn-secondary :hover { color: #006e16!important; background-color: #fff!important; border-color: #006e16!important;}
.cta {background-color:#08092d!important; color:#fff!important; border:solid 2px #08092d!important; border-radius:0px;transition-duration:0.4s;padding: 13px 40px; font-size:21px;}
.cta:hover { color:#08092d!important; background-color:#ffffff88!important;}

#page-content { min-height:90vh;}



.bg1 { background-color:var(--color-1); color:#fff; }


/* === HOMEPAGE === HOMEPAGE === HOMEPAGE === HOMEPAGE === */
.home .argue h2 	{ font-size:1.5rem; border-bottom:solid 1px #fff; padding-bottom:15px; margin-bottom:20px;}
.home .argue  		{ background-color:var(--color-1); color:#fff; border-radius:15px; }
.home h1, .home .fournisseurs h2 	{ font-size: 2rem; }
.home hr { max-width:800px; margin:auto; display:block;border-bottom: solid 8px var(--color-1); padding-bottom:15px; margin-bottom:20px; background-color:transparent; opacity:1; border-radius:5px; }

.fournisseur-block { background-color:var(--color-2); border-radius:15px; height: 90%;}
.fournisseur-bis-block h3 a { color:var(--color-1); font-weight:bold; font-size:1.5rem; margin-bottom:25px; display:block; }
.fournisseur-block h3 a { color:var(--color-1); font-weight:bold; font-size:1.5rem; margin-bottom:25px; display:block; }
.fournisseur-block h4 a { color:var(--color-1); font-size:1.35rem; margin-bottom:5px; display:block; }
.fournisseur-block p { font-size:1rem!important; margin-bottom:5px; display:block; }
.fournisseur-block .cookie-list li {margin-bottom:25px;}
.fournisseur-block .cookie-list li p {margin-bottom:2px;}

.page h1	{ font-size: 2rem; }
.page hr { max-width:800px; margin:auto; display:block;border-bottom: solid 8px var(--color-1); padding-bottom:15px; margin-bottom:20px; background-color:transparent; opacity:1; border-radius:5px; }

.cta-audit { background-color:#fff; border: solid 2x var(--color-2); padding:10px 15px; color:var(--color-1); font-weight: bold; font-size: 1.2rem; transition-duration:0.2s; }

.cta-audit:hover { background-color:var(--color-1); border: solid 2px var(--color-2); padding:10px 15px; color:#fff; }

/* === FOURNISSEUR === FOURNISSEUR === FOURNISSEUR === FOURNISSEUR === */
.tax-cookie_fournisseur hr { max-width:800px; margin:auto; display:block;border-bottom: solid 8px var(--color-1); padding-bottom:15px; margin-bottom:20px; background-color:transparent; opacity:1; border-radius:5px; }
.cookie-card { background-color:var(--color-2); border-radius:15px; position:relative; color:#000; }
.cookie-card a.title { color:var(--color-1); font-weight:bold; font-size:1.5rem; margin-bottom:5px; display:block; }
.cookie-card a.fournisseur-link { color:#000; font-size:1.05rem; margin-bottom:5px;  }
.cookie-card p { font-size:1rem!important; margin-bottom:4px; display:block; }
.cookie-card .cookie-list li {margin-bottom:25px;}
.cookie-card .cookie-list li p {margin-bottom:2px;}
.cookie-card .img-cookie { max-width:35px; top:15px; right:15px; position:absolute;}



.single-cookie hr 	{ max-width:800px; margin:auto; display:block;border-bottom: solid 8px var(--color-1); padding-bottom:15px; margin-bottom:20px; background-color:transparent; opacity:1; border-radius:5px; }
.cookie-descr h2 	{ font-size:1.5rem!important; margin-bottom:5px; }
.cookiebox2 		{ display:block!important; background-color:var(--color-2); border-radius:15px; position:relative; }
.cookiebox2 p 		{ margin-bottom:0px; }








/* === BLOG CARD === BLOG CARD === BLOG CARD === BLOG CARD === */
ul.cookie-list { list-style:none!important; padding-left:0px;}


/* === NAV === FOOTER === NAV === FOOTER === NAV === FOOTER === */
#header { background-color:var(--color-1); color:#fff; }
#logo { max-width:50px; }
footer 					{ background-color:var(--color-1); color: #fff!important; }
footer p.small, footer p.small a { font-size:16px!important; }
#subsubFooter a 		{ color:#fff!important; font-size:12px; margin:auto; padding:left:15px; padding-right:15px;}
#subsubFooter a:hover 	{ color:#eee!important;}