/*
Theme Name: Fondation Pierre Sarazin
Theme URI: http://www.fondationpierresarazin.fr/
Author: La factory - Studio Indégo
Author URI: http://www.studio-indego.fr/
Description: Site vitrine 
Version: 1.0

*/


body{
	font-size:1rem;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	line-height: auto;
	color:#3B2E1A;
}
a{
	color:inherit;	
}
a:hover{
	color:inherit!important;
	text-decoration:none!important;	
	cursor: pointer;
}
a:hover, a:focus{
	outline: none!important;
	text-decoration:none;
	color:inherit!important
}

img{height: auto;}
.wp-block-image img .wp-block-media-text__media img{
    max-width: 100%;
    height: auto;
}
.wp-block-image.alignfull img, .wp-block-image.alignwide img {
    max-width: 100%;
    height: auto;
}
.wp-block-image img {
	max-width: 100%;
    height: auto;
}
.alignfull {
	margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

main a{font-weight: 700; color: #D38508;}
/**************************************************************************************************************/
/******************************************************************************           TEXTE               */
/**************************************************************************************************************/
.font-weight-semi-bold{ font-weight: 600; }
.font-weight-extra-bold{ font-weight: 900; }

/*.has-small-font-size { font-size: 0.75rem!important;}
.has-regular-font-size { font-size: 1rem!important;}
.has-large-font-size { font-size: 1.2rem!important;}
.has-large-2-font-size { font-size: 1.625rem!important;}
.has-larger-font-size { font-size: 1.5rem!important;}*/

.size14{font-size: 0.875rem; }
.size16{font-size: 1rem;}
.size18{font-size: 1.125rem;}
.size20{font-size: 1.25rem;}
.size24{font-size: 1.3rem;}
.size26{font-size: 1.4rem;line-height: 1.8rem;}
.size50{font-size: 2.125rem;}
.size85{font-size: 2.5rem;}

@media (min-width: 992px) {
	.size24{font-size: 1.5625rem;}
	.size26{font-size: 1.625rem;line-height: 1.8rem;}
	.size50{font-size: 3.125rem;}
	.size85{font-size: 5.5rem;}
}

h1{font-weight: 700; font-size: 3.125rem; color: #3B2E1A; margin-bottom: 15px;}
h2{font-weight: 700; font-size: 1.625rem; color: #3B2E1A}
h3{font-weight: 700; font-size: 1.5rem; color: #91B575;}

.ombre{text-shadow: 1px 1px 10px rgba(0,0,0,0.5);}
/**************************************************************************************************************/
/******************************************************************************           COULEURS            */
/**************************************************************************************************************/

.has-noir-color{color:#000000!important;}
.has-blanc-color{color:#ffffff!important;}
.has-grisclair-color{color:#fafafa!important;}
.has-orangefonce-color{color: #D38508!important;}
.has-orangeclair-color{color: #F59F15!important;}
.has-vert-color{color: #91B575!important;}
.has-verteau-color{color: rgba(145, 181, 117, 0.2)!important;}
.has-bleu-color{color: #155065}
.has-marron-color{color:#3B2E1A !important;}

.has-noir-background-color{background-color:#000000!important;}
.has-blanc-background-color{background-color:#ffffff!important;}
.has-grisclair-background-color{background-color:#fafafa!important;}
.has-orangefonce-background-color{background-color: #D38508!important;}
.has-orangeclair-background-color{background-color: #F59F15!important;}
.has-vert-background-color{background-color: #91B575!important;}
.has-verteau-background-color{background-color: rgba(145, 181, 117, 0.2)!important;}
.has-bleu-background-color{background-color: #155065}
.has-marron-background-color{background-color:#3B2E1A !important;}

/**************************************************************************************************************/
/******************************************************************************           GUTENBERG           */
/**************************************************************************************************************/
blockquote {background-color: rgba(145, 181, 117, 0.2); padding-right: 15px;padding-top: 15px; padding-bottom: 5px;padding-left: 100px!important; color: rgba(59, 46, 26, 1); font-size: 1.25rem; font-weight: 700; background-image: url("images/quotes.svg"); background-repeat: no-repeat; background-position: top 10px left 10px;}
.wp-block-quote {border-left: 0!important;}
.wp-block-separator.has-background:not(.is-style-dots) { height: 3px!important}
.wp-block-pullquote blockquote {background-color: rgba(245, 159, 21, 0.08); border:  solid 1px #F59F15; padding:15px!important; background-image: none; }
.wp-block-pullquote blockquote p{font-size: 1.125rem!important; margin-bottom: 0;}
.wp-block-pullquote{border: 0!important; padding-top: 30px!important; padding-bottom: 30px!important; margin-bottom: 0!important;}
main ul li{list-style-image: url(images/puce.svg) ;}
/**************************************************************************************************************/
/******************************************************************************           RECHERCHE           */
/**************************************************************************************************************/
.wp-block-search__input, .rechtop {padding: 5px!important; border: 1px solid #fff!important; border-radius: 10px 0 0 10px!important;}
.wp-block-search__button.has-icon { margin-left: -2px; }
.wp-block-search__button, .go { background: #fff!important; border: 1px solid #fff!important; padding: 0.375em 0.625em!important; color: #32373c!important;border-radius: 0 10px 10px 0!important;}
.go{line-height: 22px;}

/**************************************************************************************************************/
/******************************************************************************           DIVERS              */
/**************************************************************************************************************/
.navbar-dark .navbar-toggler {
    color: rgba(255,255,255,1)!important;  border-color: rgba(255,255,255,1)!important;
}
.vague{position: absolute;bottom: 0; width: 100%;}
.navbar-dark .navbar-nav .nav-link { color: #3B2E1A; font-weight: bold;}
#menu-navigation-principale li {margin-left: 5px;margin-right: 5px; padding-left: 10px;padding-right: 10px;}
.active{background-color: #3B2E1A !important; border-radius: 10px; color: #fff!important;}
.dropdown-menu { color: #fff!important; background-color: #3B2E1A!important; border: 0!important; border-radius: 0.25rem;}
.dropdown-menu li a { color: #fff!important; }
.dropdown-item:focus, .dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #3B2E1A;
    border-left: 1px solid #91B575;
}

.slogan p{margin-bottom: 0}
.intro{position: relative;margin-top: -150px;}
.intro2{position: relative;margin-top: -50px;}
.w-90{width: 90%;}
.ombre-bloc{box-shadow: 1px 1px 5px rgba(0,0,0,0.2);}
.actu-home{display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.flex70{flex: 70%}
.flex30{flex: 30%}
.wp-block-table { overflow-x: visible!important;}
.wp-block-table td, .wp-block-table th { border: 0!important; }

.wpcf7-form{background-color:#fafafa ; padding: 15px}

.sidebar li{list-style-image: url(images/fleche.svg)!important; transition: all 0.2s ease;}

.sidebar li a{font-weight: 400!important; color:#3B2E1A!important; font-size: 0.9rem;  }
.sidebar li:hover{margin-left: 5px;}

.border-article{border-bottom:  3px solid #3B2E1A }
.filet-vert{border: none; border-bottom: solid 1px #91B575;}
.result img{max-width: 100px;}
.tagounet{padding: 8px 18px; background-color: #F59F15; border-radius: 5px; color: #fff; display: inline-block ; }
/**************************************************************************************************************/
/*****************************************************************                               DOSSIER     */
/**************************************************************************************************************/

#multi-step-form .fw-wizard-step-container h3 {
    font-weight: 700;color:#3B2E1A !important;
}

/**************************************************************************************************************/
/******************************************************************************           PAGINATION          */
/**************************************************************************************************************/
.page-numbers{display: flex;justify-content: center; align-content: center;}
.page-numbers li{width: 32px;height: 32px;list-style:none; color: #1E2B54; font-weight: 900;}
.page-numbers .prev, .page-numbers .next{border-radius:50%;	color: #91B575;	 font-weight: 900}
.page-numbers .current{border-radius:50%;background-color:  #F59F15;	color: #fff;}
.retour{z-index: 10000;	width: 50px;height: 50px;text-align: center;}
.pagination ul, .pagination li{list-style: none;margin:0;padding: 0;line-height: 2rem;font-weight: 400;text-transform: uppercase; }
.pagination ul{	margin-left: auto;	margin-right: auto; margin-bottom: 30px;}
/********************************************************
/**************************************************************************************************************/
/*****************************************************************                                BLOC PHOTO  */
/**************************************************************************************************************/
.bloc-photo-header{
	background-image: url('images/slider3.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right 20% bottom 0px;
	
}
@media (min-width: 992px) {
	.bloc-photo-header{min-height: 75vh;padding-bottom: 100px;}
	.bloc-page{min-height: 275px;}
}
/*.bloc-page{min-height: 275px;}*/
.bloc-photo{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.photo-footer{min-height: 380px;}

.text-image{background-image: url(images/test.jpeg); background-size: cover; background-attachment: fixed;-webkit-background-clip: text;-webkit-text-fill-color: transparent; letter-spacing: -2px; }
/**************************************************************************************************************/
/******************************************************************************           FOOTER              */
/**************************************************************************************************************/
footer {font-size: 1rem;}
footer ul{margin: 0; padding: 0}
footer ul li {list-style: none!important;}



#navbarNavFoot ul li{ margin-left: 5px; margin-right: 5px;}
#navbarNavFoot ul li:after{content: '  | ';}
#navbarNavFoot ul li:last-child:after{content: '  ';}