/*!
Theme Name: AFA
Author: Digisante
Author URI: https://www.digisante.fr/
Description: Description
Version: 1.0.0
*/

/* RECAPTCHA */
.grecaptcha-badge { display: none; }

/* GLOBAL */
body { font-family: 'Montserrat', 'Open Sans', sans-serif; color: black; }
textarea { resize: none; }

/* FONT FAMILY MONTSERRAT */
.montserrat { font-family: 'Montserrat'; }

/* FONT WEIGHT */
.font-weight-medium { font-weight: 500 !important; }
.font-weight-semibold { font-weight: 600 !important; }
.font-weight-bold { font-weight: 700 !important; }
.font-weight-extrabold { font-weight: 800 !important; }
.font-weight-black { font-weight: 900 !important; }

/* FONT-SIZE */
body { font-size: 13px !important; }
.font-50 { font-size: 36px !important; }
.font-40 { font-size: 29px !important; }
.font-35 { font-size: 24px !important; }
.font-30 { font-size: 20px !important; }
.font-27 { font-size: 19px !important; }
.font-25 { font-size: 18px !important; }
.font-22 { font-size: 16px !important; }
.font-20 { font-size: 14px !important; }
.font-18 { font-size: 13px !important; }
.font-17 { font-size: 12px !important; }
.font-16 { font-size: 12px !important; }
.font-14 { font-size: 10px !important; }
.font-12 { font-size: 9px !important; }
.font-10 { font-size: 7px !important; }

@media (min-width: 768px) { /* Medium devices */
	body { font-size: 14px !important; }
	.font-50 { font-size: 40px !important; }
	.font-40 { font-size: 32px !important; }
	.font-35 { font-size: 28px !important; }
	.font-30 { font-size: 26px !important; }
	.font-27 { font-size: 22px !important; }
	.font-25 { font-size: 20px !important; }
	.font-22 { font-size: 18px !important; }
	.font-20 { font-size: 16px !important; }
	.font-18 { font-size: 14px !important; }
	.font-17 { font-size: 14px !important; }
	.font-16 { font-size: 13px !important; }
	.font-14 { font-size: 11px !important; }
	.font-12 { font-size: 10px !important; }
	.font-10 { font-size: 8px !important; }
}
@media (min-width: 992px) { /* Large devices */
	body { font-size: 18px !important; }
	.font-50 { font-size: 50px !important; }
	.font-40 { font-size: 40px !important; }
	.font-35 { font-size: 35px !important; }
	.font-30 { font-size: 30px !important; }
	.font-27 { font-size: 27px !important; }
	.font-25 { font-size: 25px !important; }
	.font-22 { font-size: 22px !important; }
	.font-20 { font-size: 20px !important; }
	.font-18 { font-size: 18px !important; }
	.font-17 { font-size: 17px !important; }
	.font-16 { font-size: 16px !important; }
	.font-14 { font-size: 14px !important; }
	.font-12 { font-size: 12px !important; }
	.font-10 { font-size: 10px !important; }
}

/* FONT COLORS */
.font-bleu, .font-bleu a, .font-bleu > li > a, .font-bleu:hover { color: #005488 !important; }
.font-vert, a.font-vert, .font-vert a { color: #30aa48 !important; }
.font-vertclair { color: #b7e7c6 !important; }
.font-orange, a.font-orange, .font-orange a { color: #f15a24 !important; }
.font-gris, .font-gris a { color: #b5b5b5 !important; }
.font-blanc, .font-blanc a,a.font-blanc, .font-blanc:hover { color: #ffffff !important; }

/* BACKGROUND-COLOR */
.bg-blanc 		{ background-color: #ffffff !important; }
.bg-vertclair { background-color: #b7e7c6 !important; }
.bg-orange 		{ background-color: #f15a24 !important; }
.font-blanc .bg-vertclair,
.bg-vert 			{ background-color: #30aa48 !important; }
.bg-bleu 			{ background-color: #005488 !important; }
.bg-gris 			{ background-color: #e5eef3 !important; }
.bg-shadow 	{ background-color: rgba(0, 84, 136,0.2); }
.bg-transparent { background-color: transparent; }
.bg-hover-blanc:hover a 		{ background-color: #ffffff !important; }
.bg-hover-vertclair:hover a { background-color: #b7e7c6 !important; }
.bg-hover-orange:hover a 		{ background-color: #f15a24 !important; }
.bg-hover-vert:hover a 			{ background-color: #30aa48 !important; }
.bg-hover-bleu:hover a 			{ background-color: #005488 !important; }
.bg-hover-gris:hover a 			{ background-color: #e5eef3 !important; }

/* PLACEHOLDER COLOR */
input::placeholder { color: #005488; }
.placeholder-blanc::placeholder { color: #ffffff !important; }
.placeholder-vert::placeholder { color: #30aa48 !important; }
.placeholder-bleu::placeholder { color: #005488 !important; }
/* BORDER COLOR */
.border-orange { border-color: #f15a24 !important; }

.z-1					 { z-index: 1 !important; }
.z-dropdown    { z-index: 1000 !important; }
/* LINEHEIGHT */
.line-height-1 { line-height: 1 !important; }
.line-height-2 { line-height: 2 !important; }

/* GRAYSCALE HOVER */
.card-hover:hover {  -webkit-filter: grayscale(100%);  filter: grayscale(100%); -webkit-transform: scale(1.01); }

/* Text background */
span.bg-vertclair { display: inline-block; }
.font-40 span.bg-vertclair { line-height: 23px; }
.font-35 span.bg-vertclair { line-height: 18px; }
@media (min-width: 768px) { /* Medium devices */
	.font-40 span.bg-vertclair { line-height: 24px; }
	.font-35 span.bg-vertclair { line-height: 22px; }
}
@media (min-width: 992px) { /* Large devices */
	.font-40 span.bg-vertclair { line-height: 30px; }
	.font-35 span.bg-vertclair { line-height: 27px; }
}

/* WIDTH RESPONSIVE */
.w-33 { width: 33.33% !important; }
@media (min-width: 576px) {
	.w-sm-25 { width: 25% !important; }
	.w-md-33 { width: 33.33% !important; }
	.w-sm-50 { width: 50% !important; }
	.w-sm-75 { width: 75% !important; }
	.w-sm-100 { width: 100% !important; }
	.w-sm-auto { width: auto !important; }
}
@media (min-width: 768px) {
	.w-md-25 { width: 25% !important; }
	.w-md-33 { width: 33.33% !important; }
	.w-md-50 { width: 50% !important; }
	.w-md-75 { width: 75% !important; }
	.w-md-100 { width: 100% !important; }
	.w-md-auto { width: auto !important; }
}
@media (min-width: 992px) {
	.w-lg-25 { width: 25% !important; }
	.w-lg-33 { width: 33.33% !important; }
	.w-lg-50 { width: 50% !important; }
	.w-lg-75 { width: 75% !important; }
	.w-lg-100 { width: 100% !important; }
	.w-lg-auto { width: auto !important; }
}
@media (min-width: 1200px) {
	.w-xl-25 { width: 25% !important; }
	.w-xl-33 { width: 33.33% !important; }
	.w-xl-50 { width: 50% !important; }
	.w-xl-75 { width: 75% !important; }
	.w-xl-100 { width: 100% !important; }
	.w-xl-auto { width: auto !important; }
}

/* HEIGHT RESPONSIVE */
@media (min-width: 576px) {
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.h-lg-100 { height: 100% !important; }
	.h-lg-auto { height: auto !important; }
}
@media (min-width: 1200px) {
}

/* WEBKIT APPEARANCE */
select { -webkit-appearance: none !important; }

/* FLEX */
.justify-content-evenly { justify-content: space-evenly !important; }
@supports (-ms-flow-from: thingy) { /* Edge only */
    .justify-content-evenly { justify-content: space-around !important; }
}
/* CURSOR */
.cursor-pointer { cursor: pointer; }

/* BOUTONS */
.btn { border-radius: 30px; }

/* ROUNDED */
.rounded-1 { border-radius: 1rem; }

/* BACKGROUND AFA */
body .bg-afa { background-image: url('img/perso_2.png'); background-position: left top; background-repeat: no-repeat; background-position-x: 50%; }

/* BACKGROUND AFA RESPONSIVE */
@media (min-width: 576px)  { body .bg-afa { background-position-x:  75%; } }
@media (min-width: 768px)  { body .bg-afa { background-position-x: 100%; } }
@media (min-width: 992px)  { body .bg-afa { background-position-x: 150%; } }
@media (min-width: 1200px) { body .bg-afa { background-position-x: -25%; } }

/* MENU FLOTTANT */
#sticky-container { position: fixed; top: 20%; right: 0; z-index:99999999999 !important; }
#sticky-anime-container { position: fixed; width: 100%; }
#sticky-anime-container li { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; cursor: pointer; }

/* MENU PRINCIPAL */
li.bbp-body,
.nav-content ul { list-style-type: none; }
.nav-content ul li { padding: 20px 5px 0 5px; }
.nav-content .text-decoration-none a { text-decoration: none; }
.nav-content .text-decoration-none a:hover { color: #30aa48 !important; }
@media (max-width: 991px) {
	.nav-content ul li { padding: 10px; }
	.nav-content { position: absolute; top: 80px; background: #ffffff; width: 100%; z-index: 99999; box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.2); }
	 #main-menu-col-1, #main-menu-col-3 { width: 35%; }
	 #main-menu-col-2 { width: 30%; }
}
@media (min-width: 1200px) {
	.nav-content ul li { padding: 0; }
}
.navbar-toggler>.close { display:inline; color: rgba(0,0,0,.5); opacity: 1; width: 30px; }
.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon { display:none; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,84,136, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important; }
.faire-un-don { letter-spacing: 2px; }

/* MENU TOP */
.top-menu .text-decoration-none a { text-decoration: none; }
.search-form { position: relative; }
.search-form .search-field {  opacity: 0; position: absolute; z-index: 100; right: 40px; bottom: 0; width: 0; overflow: hidden; -o-transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s; }
.search-form .search-submit { background-color: transparent !important; border: none; color: #28364f; cursor: pointer; padding: 0; }
.search-form:hover .search-field, .search-form.selected .search-field { opacity: 1; width: 250px; }
@media (min-width: 992px) {
	.search-form .search-field { right: 30px; }
}

/* RESULTATS DE LA RECHERCHE */
.section-resultatsrecherche .card-img-overlay { top: unset; }

/* Contact form error */
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #ff0000 !important;
}

/* NEWSLETTER MESSAGE */
.mc4wp-response .mc4wp-success, .mc4wp-response .mc4wp-notice {
    border: 2px solid #398f14 !important;
}
.mc4wp-response .mc4wp-error {
    border: 2px solid #ff0000 !important;
}
.mc4wp-response p {
    margin: 0.2em 1em !important;
}

/* COOKIES */
.cli-tab-footer .cli-btn {
    background-color: #f15a24 !important;
	color: #ffffff !important;
}
ul.sub-menu {
	display: none;
	background: white;
}
#nav-content li:hover .sub-menu {
display: block !important;
position: absolute !important;
z-index: 100 !important;
top: 90% !important;
left: calc(-110px + 50%) !important;
width: 220px !important;
padding: 0 !important;
box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
text-align: center;
}
.home ul.sub-menu {
	background: #e5eef3;
}
ul.sub-menu li {
	padding: 5px;
	border-bottom: 1px solid #005488;
	text-transform: none;
}
.home ul.sub-menu li {
	border-bottom: 1px solid white;
}
ul.sub-menu li:last-child {
	border-bottom: none;
}
li.menu-item {
	position: relative;
}
.nav-content ul#menu-menu-principal > li {
	padding: 15px 0;
}
.nav-content ul#menu-menu-principal > li:hover ul.sub-menu {
	display: block;
}
@media screen and (max-width: 1024px) {
	#main-menu-col-2 {
		flex-shrink: 2;
	}
	#menu-menu-principal {
		font-size: 14px !important;
	}
}

// MAINTENANCE
.wrap {width: 100%; max-width: 1200px;}

.stripe-card-group, #stripe-exp-element, #stripe-cvc-element { width: 100% !important; }