/*
Theme Name:     Digisante-child
Theme URI:
Description:    Digisante child theme.
Author:         Digisanté
Author URI:     https://www.digisante.fr
Template:       digisante
Version:        0.1.0
*/

/* FONT FAMILY */
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-Thin.ttf'); font-weight: 100; font-style: normal; }
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-ExtraLight.ttf'); font-weight: 200; font-style: normal; }
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-Light.ttf'); font-weight: 300; font-style: normal; }
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-Regular.ttf'); font-weight: 400; font-style: normal; }
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-Medium.ttf'); font-weight: 500; font-style: normal; }
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-SemiBold.ttf'); font-weight: 600; font-style: normal; }
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-Bold.ttf'); font-weight: 700; font-style: normal; }
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-ExtraBold.ttf'); font-weight: 800; font-style: normal; }
@font-face { font-family: Outfit; src: url('inc/fonts/Outfit-Black.ttf'); font-weight: 900; font-style: normal; }

body, input { font-family: Outfit, sans-serif; color: #363A45; font-size: 1.1em !important; }

/* TITRES */
h1, h2, h3, h4, h5 { font-family: Outfit, sans-serif; font-weight: 700 !important; color: #074889;}

/* BUTTONS */
.btn { border-radius: 50rem!important; font-weight: 700 !important; }

/* BORDER COLORS */
.border-blanc, .border-hover-blanc:hover { border-color: #ffffff !important; }
.border-noir, .border-hover-noir:hover { border-color: #363A45 !important; }
.border-bleu, .border-hover-bleu:hover { border-color: #020863 !important; }
.border-bleutransparent, .border-hover-bleutransparent:hover { border-color: #e3e3ee !important; }
.border-rouge, .border-hover-rouge:hover { border-color: #C1272D !important; }

/* FONT COLORS */
.font-blanc, .font-blanc a, .font-hover-blanc:hover, li.font-hover-blanc:hover > a, .placeholder-blanc::placeholder, .placeholder-blanc ::placeholder { color: #ffffff ; }
.font-noir, .font-noir a, .font-hover-noir:hover, li.font-hover-noir:hover > a, .placeholder-noir::placeholder, .placeholder-noir ::placeholder { color: #363A45 ; }
.font-bleu, .font-bleu a, .font-hover-bleu:hover, li.font-hover-bleu:hover > a, .font-hover-bleu a:hover, .placeholder-bleu::placeholder, .placeholder-bleu ::placeholder { color: #020863 ; }
.font-bleutransparent, .font-bleutransparent a, .font-hover-bleutransparent:hover, li.font-hover-bleutransparent:hover > a, .font-hover-bleutransparent a:hover, .placeholder-bleutransparent::placeholder, .placeholder-bleutransparent ::placeholder { color: #e3e3ee ; }
.font-rouge, .font-rouge a, .font-hover-rouge:hover, li.font-hover-rouge:hover > a, .placeholder-rouge::placeholder, .placeholder-rouge ::placeholder { color: #C1272D ; }
@media (min-width: 992px) {
	.font-lg-blanc a, li.font-hover-lg-blanc:hover > a { color: #ffffff ; }
	.font-lg-noir a, li.font-hover-lg-noir:hover > a { color: #363A45 ; }
	.font-lg-bleu a, li.font-hover-lg-bleu:hover > a { color: #020863 ; }
	.font-lg-bleutransparent a, li.font-hover-lg-bleutransparent:hover > a { color: #e3e3ee ; }
	.font-lg-rouge a, li.font-hover-lg-rouge:hover > a { color: #C1272D ; }
}

/* LINKS COLORS */
.link-blanc a, .link-hover-blanc:hover { color: #ffffff ; text-decoration: underline !important; }
.link-noir a, .link-hover-noir:hover { color: #363A45 ; text-decoration: underline !important; }
.link-bleu a, .link-hover-bleu:hover { color: #020863 ; text-decoration: underline !important; }t; }
.link-bleutransparent a, .link-hover-bleutransparent:hover { color: #e3e3ee ; text-decoration: underline !important; }
.link-rouge a, .link-hover-rouge:hover  { color: #C1272D ; text-decoration: underline !important; }

/* BACKGROUND COLORS */
.bg-blanc, .bg-hover-blanc:hover { background-color: #ffffff!important; }
.bg-noir, .bg-hover-noir:hover { background-color: #363A45!important; }
.bg-bleu, .bg-hover-bleu:hover { background-color: #020863!important; }
.bg-bleutransparent, .bg-hover-bleutransparent:hover { background-color: #e3e3ee!important; }
.bg-rouge, .bg-hover-rouge:hover { background-color: #C1272D!important; }
@media (min-width: 992px) {
	.bg-lg-blanc { background-color: #ffffff; }
	.bg-lg-noir { background-color: #363A45; }
	.bg-lg-bleu { background-color: #020863; }
	.bg-lg-bleutransparent { background-color: #e3e3ee; }
	.bg-lg-rouge { background-color: #C1272D; }
}

/* BORDER COLORS */
.border-blanc, .border-hover-blanc:hover { border-color: #ffffff ; }
.border-noir, .border-hover-noir:hover { border-color: #363A45 ; }
.border-bleu, .border-hover-bleu:hover { border-color: #020863 ; }
.border-bleutransparent, .border-hover-bleutransparent:hover { border-color: #e3e3ee ; }
.border-rouge, .border-hover-rouge:hover { border-color: #C1272D ; }

/* PICTO COLORS (SVG) */
.picto-blanc { fill: #ffffff ; stroke: #ffffff ; }
.picto-noir { fill: #363A45 ; }
.picto-bleu { fill: #020863 ; }
.picto-bleutransparent { fill: #e3e3ee ; }
.picto-rouge { fill: #C1272D ; }

/* CAROUSEL INDICATORS COLOR */
.carousel-indicators li.bg-blanc { background-color: #ffffff; }
.carousel-indicators li.bg-noir { background-color: #363A45; }
.carousel-indicators li.bg-bleu { background-color: #020863; }
.carousel-indicators li.bg-bleutransparent { background-color: #e3e3ee; }
.carousel-indicators li.bg-rouge { background-color: #C1272D; }

/* FOOTER: COOKIES */
.cli-plugin-button, .cli-plugin-button:visited { border-radius: 50rem!important; border: 2px solid #ffffff !important; }
.cli-tab-footer .cli-btn, .cli-switch input:checked + .cli-slider { background-color: #020863 !important; }
button#cookie_hdr_showagain {color: #ffffff!important; }

/* PAGINATION */
ul.page-numbers li a, ul.page-numbers li span, a.page-numbers, span.page-numbers { border: 2px solid #020863; color: #020863; }
ul.page-numbers li a:hover, ul.page-numbers li span, span.page-numbers.current { color: #ffffff !important; background-color: #020863!important; border-color: #020863!important; }

/* FORM CONTACT */
.gform_footer .gform_button { background-color: #C1272D; border-radius: 50rem!important; font-weight: 700 !important; }
.gform_footer .gform_button:hover { background-color: #020863; }