/*
Theme Name: mdph29
Theme URI: https://www.k-unique.com
Version: 1.0
Description: MDH29.
Author: K-Unique Team
Author URI: https://www.k-unique.com
template: bb-theme
*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    border: 0;
    white-space: nowrap;
}

.sr-only-focusable:focus{
    clip: auto;
    clip-path: none;
    height: auto;
    margin: auto;
	overflow: visible;
    width: auto;
    white-space: normal;
}

/* COULEUR */ 

.jaunefonce, header .nav-link.accueil span{
  color: #f8b326;
}
.vert, header .nav-link.quotidienne span{
  color:#899D40;
}
.vertfonce, header .nav-link.professionnelle span{
  color:#0e836f;
}
.bleu, header .nav-link.parcours span{
  color:#02546f;
}

.violet, header .nav-link.droits span{
  color:#86619A;
}
.rouge, header .nav-link.proche span{
  color:#E45462;
}

.standard, header .nav-link.standard span{
  color:#1c3d5c;
}


/* COULEUR TITRES H2 (permanences) */

#scolarisation {
color:#02546f;
}

#domicile, #ergotherapie {
color:#899D40;
}

#professionnel {
	color:#0e836f;
}


/* HEADER */ 

header .nav-pills .nav-link {
padding: 0.5rem 0rem 1rem 0rem;
border-radius: 0rem;
line-height: 1.3;
}

header .nav-link.droits {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 90%, rgba(134,97,154,1) 90%);
transition: all 1s;
}

header .nav-link.droits:hover, .page-id-15 header .nav-link.droits {
background: linear-gradient(180deg, rgba(255,255,255,0) 88%, rgba(134,97,154,1) 88%);
color:#86619A;
}
/*body.variant-violet  header .nav-link.droits a {
color: #875F9B;
}*/


header .nav-link.parcours {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 90%, rgba(0,83,112,1) 90%);
transition: all 1s;
}
header .nav-link.parcours:hover, .page-id-17 header .nav-link.parcours {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 88%, rgba(0,83,112,1) 88%);
color:#02546f;
}
header .nav-link.professionnelle {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 90%, rgba(2,131,111,1) 90%);
transition: all 1s;
}
header .nav-link.professionnelle:hover, .page-id-19 header .nav-link.professionnelle {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 88%, rgba(2,131,111,1) 88%);
color:#0e836f;
}
header .nav-link.quotidienne {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 90%, rgba(137,157,64,1) 90%);
transition: all 1s;
}
header .nav-link.quotidienne:hover, .page-id-21 header .nav-link.quotidienne {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 88%, rgba(137,157,64,1) 88%);
color:#899D40;
}
header .nav-link.accueil {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 90%, rgba(255,225,131,1) 90%);
transition: all 1s;
}
header .nav-link.accueil:hover, .page-id-23 header .nav-link.accueil {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 88%, rgba(255,225,131,1) 88%);
color:#f8b326;
}
header .nav-link.proche {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 90%, rgba(228,84,98,1) 90%);
transition: all 1s;
}
header .nav-link.proche:hover, .page-id-25 header .nav-link.proche {
background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 88%, rgba(228,84,98,1) 88%);
color:#E45462;
}

.menu .fl-module-content {
margin: 0px;
}

.navtop .nav-link {
padding: .5rem 1rem .5rem 0rem;
}

#surmenu-gauche ul.nav li:not(:last-child):after {
	content: "|";
	float: right;
	width: 2px;
	line-height: 1.6em;
	color: #2980b9;
	padding-left:1.4em;
}

#surmenu-droit ul.nav li:after {
	content: "|";
	float: right;
	width: 2px;
	line-height: 1.6em;
	color: #2980b9;
	padding-left:1.4em;
}

/* BLOC HAUT */ 

.card {
    border-radius: 0rem;
}

a.card:hover {
    text-decoration: none;
}

a.card:hover h5 {
    color: #5C628D;
}

a.btn {
  border-radius: 40px;
  transition: all 0.3s ease 0s;
}

a.btn:hover {
  color: #fff;
  background: #000;
}


/* BLOC HAUT */ 

body.home #bloc-haut .fl-row-content-wrap {
background-color: #878EC3;  
}


body.home #bloc-haut a.btn {
background: #5C628D;
color: #fff;
}

body.variant-bleu #bloc-haut .fl-row-content-wrap {
background-color: #005370;  
}


body.variant-bleu #bloc-haut a.btn {
background: #1C3D5C;
color: #fff;
}


body.variant-violet #bloc-haut .fl-row-content-wrap {
background-color: #875F9B;  
}


body.variant-violet #bloc-haut a.btn {
background: #583867;
color: #fff;
}


body.variant-vertfonce #bloc-haut .fl-row-content-wrap {
background-color: #018370;  
}


body.variant-vertfonce #bloc-haut a.btn {
background: #00574A;
color: #fff;
}

body.variant-vert #bloc-haut .fl-row-content-wrap {
background-color: #899D3F;  
}


body.variant-vert #bloc-haut a.btn {
background: #5A7201;
color: #fff;
}

body.variant-jaune #bloc-haut .fl-row-content-wrap {
background-color: #FFE183;  
}

body.variant-jaune .text-white h1, body.variant-jaune .h2.text-white {
color: #1c3d5c!important;
}

body.variant-jaune #bloc-haut a.btn {
background: #FDC824;
color: #000;
}

body.variant-rouge #bloc-haut .fl-row-content-wrap {
background-color: #E45462;  
}

body.variant-rouge #bloc-haut a.btn {
background: #AB1D29;
color: #fff;
}

#bloc-haut a.btn:hover {
background: #000 !important;
}


@media (min-width: 1100px) {
#bloc-haut.fondbleu .fl-row-content-wrap, body.variant-violet #bloc-haut .fl-row-content-wrap, body.variant-bleu #bloc-haut .fl-row-content-wrap, body.variant-vertfonce #bloc-haut .fl-row-content-wrap, body.variant-vert #bloc-haut .fl-row-content-wrap, body.variant-jaune #bloc-haut .fl-row-content-wrap, body.variant-rouge #bloc-haut .fl-row-content-wrap {
	background-image: url(images/finistere.png);
	background-position: right; 
	background-repeat: no-repeat;
	background-size:contain;    
	}

body.variant-violet  #bloc-haut .fl-row-content-wrap {
	background-image: url(images/finistere-violet.png); 
	}
body.variant-bleu  #bloc-haut .fl-row-content-wrap {
	background-image: url(images/finistere-bleu.png); 
	}
body.variant-vertfonce  #bloc-haut .fl-row-content-wrap {
	background-image: url(images/finistere-vertfonce.png); 
	}
body.variant-vert  #bloc-haut .fl-row-content-wrap {
	background-image: url(images/finistere-vert.png); 
	}
body.variant-jaune  #bloc-haut .fl-row-content-wrap {
	background-image: url(images/finistere-jaune.png); 
	}
body.variant-rouge  #bloc-haut .fl-row-content-wrap {
	background-image: url(images/finistere-rouge.png); 
	}
.fl-slide-in-left strong {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
}

/* BLOC ACCUEIL COMMENT DEPOSER... */ 


@media (min-width: 1100px) {
.fl-row.fond-carres {
	background-image: url(images/fond-carres-couleur.png);
	background-position: right; 
	background-repeat: no-repeat;
	background-size:contain;    
	}
}

/* BLOC BAS */ 

.fl-page-footer-container {
padding-top: 0px;
}

.fl-page-footer-text {
    padding-bottom: 0px;
}

.fl-page-footer-widgets {
    border-top: none;
}

@media (min-width: 1100px) {
.fl-page-footer-widgets {
	background-image: url(images/finistere-gris.png);
	background-position: right; 
	background-repeat: no-repeat;
	background-size:contain;    
	}
.col-lg-4.fl-page-footer-widget-col-1 {
	    -ms-flex: 0 0 20%;
	    flex: 0 0 20%;
	    max-width: 20%;
	}
.col-lg-4.fl-page-footer-widget-col-2, .col-lg-4.fl-page-footer-widget-col-3 {
		    -ms-flex: 0 0 40%;
		    flex: 0 0 40%;
		    max-width: 40%;
		}
}