/*
Theme Name: FOL Savoie
*/

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #777;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #777;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #777;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type="submit"] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #777;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #777;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 26px/30px dashicons;
    margin-right: 16px;
    vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
    content: "\f147";
}
div.wpcf7-validation-errors:before {
    content: "\f158";
}

.wpcf7-not-valid{
	border-color: #D8000C !important;
}

.wpcf7-not-valid-tip{
	display: none !important;
}

.card-onglet {
	background-color: #4363ac;
	border-radius: 6px;
	width: 100%;
	height: 100%;
	padding: 1rem;
	color: #fff;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.multi-filter-button:not(.active) {
	background-color: var(--bg-color) !important;
	color: var(--color) !important;
}

.card-event {
	width: 100%;
	height: 100%;
}

.card-event .card-body {
	width: 100%;
	height: 100%;
	background-color: #f7f7f7;
	padding: 2rem;
	gap: 2rem;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.card-event .title-container {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	width: 100%;
}

.card-event .title-container .title {
	position: relative;
	z-index: 0;
	color: var(--bg-color);
	margin: 0;
	padding: 0 calc(38px * 2 + 1.5rem) 0 0;
	width: 100%;
}

.card-event .title-container .title::after {
	content: '';
	position: absolute;
	width: 5px;
	height: 100%;
	top: 0;
	left: -2rem;
	background-color: var(--bg-color);
	z-index: -1;
}

.card-event .title-container .publics {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: .5rem;
}

.card-event .title-container .publics .badge {
	position: relative;
	color: var(--bg-color);
	padding: 5px .75rem;
	font-size: 15px;
	font-weight: bold;
	z-index: 0;
}

.card-event .title-container .publics .badge.icon {
	padding: 5px .75rem 5px 2rem;
}

.card-event .title-container .publics .badge.icon::before {
	content: '';
	position: absolute;
	left: .5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 16px;
	background-color: var(--bg-color);
	mask: var(--icone) no-repeat center center / contain;
}

.card-event .title-container .publics .badge::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--bg-color);
	border-radius: 4px;
	opacity: 10%;
}

.card-event .title-container .services {
	position: absolute;
	top: -4px;
	right: 0;
	display: flex;
	gap: .25rem;
}

.card-event .title-container .services > div {
	position: relative;
	width: 38px;
	height: 38px;
}


.card-event .title-container .access-pmr::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	background: url("./images/fol73_icon_pmr.png") no-repeat center center / 15px auto;
	z-index: 1;
}

.card-event .title-container .access-pmr::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	border-radius: 38px;
	background-color: var(--bg-color);
}

.card-event .title-container .garderie::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	background: url("./images/fol73_icon_garderie.png") no-repeat center center / 15px auto;
	z-index: 1;
}

.card-event .title-container .garderie::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 38px;
	border-radius: 38px;
	background-color: var(--bg-color);
}

.card-event .meta-container {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	padding: .35rem 0;
	color: #fff;
	text-transform: uppercase;
	z-index: 0;
}

.card-event .meta-container::after {
	content: '';
	position: absolute;
	width: calc(100% + 4rem);
	height: 100%;
	top: 0;
	left: -2rem;
	background-color: var(--bg-color);
	z-index: -1;
}

.card-event .meta-container .date {
	padding-left: 1.5rem;
	position: relative;
}

.card-event .meta-container .price {
	font-weight: bold;
}

.card-event .meta-container .date::before {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	background-color: #fff;
	mask: url("data:image/svg+xml,%3Csvg id='clock-o' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15'%3E%3Cpath id='Tracé_23' data-name='Tracé 23' d='M8.75,4.063V8.438a.3.3,0,0,1-.313.313H5.313A.3.3,0,0,1,5,8.438V7.813A.3.3,0,0,1,5.313,7.5H7.5V4.063a.3.3,0,0,1,.313-.313h.625a.3.3,0,0,1,.313.313ZM12.813,7.5A5.193,5.193,0,0,0,12.1,4.834,5.3,5.3,0,0,0,10.166,2.9,5.193,5.193,0,0,0,7.5,2.188,5.193,5.193,0,0,0,4.834,2.9,5.3,5.3,0,0,0,2.9,4.834,5.193,5.193,0,0,0,2.188,7.5,5.193,5.193,0,0,0,2.9,10.166,5.3,5.3,0,0,0,4.834,12.1a5.193,5.193,0,0,0,2.666.713,5.193,5.193,0,0,0,2.666-.713A5.3,5.3,0,0,0,12.1,10.166,5.193,5.193,0,0,0,12.813,7.5ZM15,7.5a7.337,7.337,0,0,1-1.006,3.765,7.466,7.466,0,0,1-2.73,2.73A7.337,7.337,0,0,1,7.5,15a7.337,7.337,0,0,1-3.765-1.006,7.466,7.466,0,0,1-2.73-2.73A7.337,7.337,0,0,1,0,7.5,7.337,7.337,0,0,1,1.006,3.735a7.466,7.466,0,0,1,2.73-2.73A7.337,7.337,0,0,1,7.5,0a7.337,7.337,0,0,1,3.765,1.006,7.466,7.466,0,0,1,2.73,2.73A7.337,7.337,0,0,1,15,7.5Z' fill='%23fff'/%3E%3C/svg%3E%0A") no-repeat center center / 15px auto;
	transform: translateY(3px);
	left: 0;
}

.card-event .detail-container {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2rem;
}

.card-event .img-container {
	width: 25%;
	min-width: 25%;
	aspect-ratio: 21/29.7;
}

.card-event .img-container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.card-event .text-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.card-event .text-container .location {
	padding-left: 1.25rem;
	position: relative;
	color: #000;
	font-size: 14px;
}

.card-event .text-container .location::before {
	content: '';
	position: absolute;
	width: 11px;
	height: 17px;
	background: url("data:image/svg+xml,%3Csvg id='map-marker' xmlns='http://www.w3.org/2000/svg' width='10.982' height='16.474' viewBox='0 0 10.982 16.474'%3E%3Cpath id='Tracé_22' data-name='Tracé 22' d='M8.237,5.491a2.645,2.645,0,0,0-.8-1.941,2.645,2.645,0,0,0-1.941-.8,2.645,2.645,0,0,0-1.941.8,2.645,2.645,0,0,0-.8,1.941,2.645,2.645,0,0,0,.8,1.941,2.645,2.645,0,0,0,1.941.8,2.645,2.645,0,0,0,1.941-.8A2.645,2.645,0,0,0,8.237,5.491Zm2.746,0a4.513,4.513,0,0,1-.354,1.92l-3.9,8.3a1.3,1.3,0,0,1-.509.558,1.388,1.388,0,0,1-1.448,0,1.235,1.235,0,0,1-.5-.558L.354,7.411A4.513,4.513,0,0,1,0,5.491,5.291,5.291,0,0,1,1.609,1.609,5.291,5.291,0,0,1,5.491,0,5.291,5.291,0,0,1,9.374,1.609,5.291,5.291,0,0,1,10.982,5.491Z'/%3E%3C/svg%3E%0A") no-repeat center center / 11px auto;
	transform: translateY(2px);
	left: 0;
}

.card-event .text-container .text {
	background-color: #fff;
	padding: 1rem;
	font-size: 14px;
}

.card-event .text-container .text p:last-child {
	margin-bottom: 0 !important;
}

.card-event .text-container .text table {
	width: 100%;
}

.card-event .text-container .more-infos {
	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.card-event .text-container .infos {
	padding-left: 1.25rem;
	position: relative;
	color: #000;
	font-size: 14px;
}

.card-event .text-container .infos p {
	margin: 0;
}

.card-event .text-container .infos::before {
	content: '';
	position: absolute;
	width: 15px;
	height: 15px;
	background: url("data:image/svg+xml,%3Csvg id='info-circle' xmlns='http://www.w3.org/2000/svg' width='14.633' height='14.633' viewBox='0 0 14.633 14.633'%3E%3Cpath id='Tracé_24' data-name='Tracé 24' d='M9.756,11.89V10.365a.294.294,0,0,0-.3-.3H8.536V5.183a.294.294,0,0,0-.3-.3H5.183a.294.294,0,0,0-.3.3V6.707a.294.294,0,0,0,.3.3H6.1V10.06H5.183a.294.294,0,0,0-.3.3V11.89a.294.294,0,0,0,.3.3H9.451a.294.294,0,0,0,.3-.3ZM8.536,3.353V1.829a.294.294,0,0,0-.3-.3H6.4a.294.294,0,0,0-.3.3V3.353a.294.294,0,0,0,.3.3H8.231a.294.294,0,0,0,.3-.3Zm6.1,3.963a7.157,7.157,0,0,1-.981,3.673,7.284,7.284,0,0,1-2.663,2.663,7.157,7.157,0,0,1-3.673.981,7.157,7.157,0,0,1-3.673-.981A7.284,7.284,0,0,1,.981,10.989,7.157,7.157,0,0,1,0,7.317,7.157,7.157,0,0,1,.981,3.644,7.284,7.284,0,0,1,3.644.981,7.157,7.157,0,0,1,7.317,0a7.157,7.157,0,0,1,3.673.981,7.284,7.284,0,0,1,2.663,2.663A7.157,7.157,0,0,1,14.633,7.317Z'/%3E%3C/svg%3E%0A") no-repeat center center / 13px auto;
	transform: translateY(4px);
	left: 0;
}

.day-group-title {
	margin-bottom: 32px;
	color: #000;
	font-size: 24px;
	padding-left: 1rem;
}

.day-group-title::before {
	content: ".";
	font-size: 60px;
	left: -20px;
	pointer-events: none;
	position: relative;
	top: -3px;
	line-height: 0;
	color: #e41513;
	text-shadow: 15px 0 #e41513;
}

#calendrier {
	display: flex;
  	flex-wrap: wrap;
	justify-content: flex-start;
}

#calendrier .filter {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 3rem;
	flex:0 0 auto;
	max-width: calc(50% - 1rem);
}

@media screen and (max-width: 991.98px) {
	#calendrier .filter {
		width: 100%;
		max-width: initial;
	}
}

#print-wrapper {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	overflow: hidden;
	gap: 0 5mm;
	padding: 0;
}

#print-wrapper::after {
	content: '';
	width: 1px;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #D7D7D7;
	position: absolute;
}

#print-wrapper .filter.even:nth-child(2n-1)::before, #print-wrapper .filter.even:nth-child(2n)::before {
	content: '';
	width: 100%;
	height: 1px;
	bottom: -2.5mm;
	left: 0;
	background-color: #D7D7D7;
	position: absolute;
	z-index: 1;
  }

/*#print-wrapper::before {
	content: '';
	width: 100%;
	height: 210mm;
	position: absolute;
	background:lightcoral;
	left: 0;
	top: calc(210mm * 1);
}*/

#print-wrapper .filter {
	display: flex;
	flex-direction: column;
	font-size: 10px;
	padding: 0;
	height: 369px;
	flex: 0 0 auto;
	max-width: calc(50% - 2.5mm);
	break-inside: avoid-column;
	margin-top: 18px;
}

/*#print-wrapper .filter:nth-child(1), #print-wrapper .filter:nth-child(2) {
	margin-top: -5mm !important;
}*/

#print-wrapper .filter.even:nth-child(2n-1), #print-wrapper .filter.even:nth-child(2n) {
	margin-top: 0;
	padding-top: 2px;
}

/*#print-wrapper .filter:nth-child(4n-1), #print-wrapper .filter:nth-child(4n) {
	margin-bottom: 5mm;
}*/

#print-wrapper .filter .card-event {
	height: initial;
	flex-grow: 1;
}

#print-wrapper .filter .day-group-title {
	font-size: 14px;
	margin-bottom: 2.5mm;
}


#print-wrapper .filter .day-group-title::before {
	font-size: 40px;
	text-shadow: 10px 0 #e41513;
	top: -2px;
	left: -4mm;
}

#print-wrapper .filter .card-event .card-body {
	padding: 0 5mm;
	gap: 2.5mm;
	background-color: transparent;
}

#print-wrapper .filter .card-event .title-container {
	gap: 2mm;
  	width: calc(100% + 5mm);
}

#print-wrapper .filter .card-event .title-container .services {
	top: initial;
	order: 1;
	right: 0;
	transform: translateY(4px);
}

#print-wrapper .filter .card-event .title-container .services > div {
	height: initial;
	width: 20px;
	aspect-ratio: 1/1;
}

#print-wrapper .filter .card-event .title-container .services > div::before, #print-wrapper .filter .card-event .title-container .services > div::after {
	width: 100%;
	height: 100%;
	background-size: 12px auto;
}

#print-wrapper .filter .card-event .title {
	font-size: 12px;
	line-height: 1.1;
	padding-right: calc(40px + 2mm);
	width: calc(100% + 2.5mm);
	order: 2;
	transform: translateY(2px);
	margin-left: -2.5mm;
}

#print-wrapper .filter .card-event .title-container .publics {
	gap: 1mm;
	width: calc(100% + 5mm);
	margin-left: -5mm;
	order: 3;
}

#print-wrapper .filter .card-event .title-container .publics .badge {
	font-size: 11px;
  	padding: .5mm 1.5mm;
}

#print-wrapper .filter .card-event .title-container .publics .badge::before {
	content: none;
}

#print-wrapper .filter .card-event .title::after {
	left: -2.5mm;
  	width: .75mm;
}

#print-wrapper .filter  .card-event .meta-container {
	padding: 1mm 0;
	flex-direction: column;
	line-height: 1;
}

#print-wrapper .filter .card-event .meta-container::after {
	width: calc(100% + 10mm);
	left: -5mm;
}

#print-wrapper .filter .card-event .meta-container .date {
	padding: 0;
	font-weight: bold;
	width: calc(100% + 5mm);
	left: -2.5mm;
}

#print-wrapper .filter .card-event .meta-container .price {
	position: relative;
	width: calc(100% + 5mm);
	left: -2.5mm;
}

#print-wrapper .filter .card-event .meta-container .date::before {
	content: none;
}

#print-wrapper .filter .card-event .detail-container {
	gap: 2.5mm;
	width: calc(100% + 10mm);
	margin-left: -5mm;
}

#print-wrapper .filter .card-event .text-container {
	gap: 2.5mm;
}

#print-wrapper .filter .card-event  .text-container .more-infos {
	width: 100%;
	background: #fff;
	position: absolute;
	bottom: 0;
	padding: 1mm 0 2mm;
	gap: 0;
}

.card-event .text-container .more-infos::before {
	content: '';
	position: absolute;
	bottom: 100%;
	height: 3mm;
	width: 100%;
	background: linear-gradient(0deg,rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
}

#print-wrapper .filter .card-event .text-container .text {
	--lh: 13px;
	font-size: 11px;
	line-height: var(--lh);
	background-color: transparent;
	padding: 0;
	order: 1;
}

#print-wrapper .filter .card-event .text-container .location, #print-wrapper .filter .card-event .text-container .infos {
	font-size: 11px;
	line-height: 13px;
	padding: 0;
}

#print-wrapper .filter .card-event .text-container .infos * {
  display: inline;
  margin-right: .5em;
}

#print-wrapper .filter .card-event .text-container .infos br {
	display: none;
}

#print-wrapper .filter .card-event .text-container .location::before {
	position: relative;
	display: inline-block;
	background-size: 8px auto;
	transform: translateY(3px);
}

#print-wrapper .filter .card-event .text-container .infos::before {
	position: relative;
	display: inline-block;
	background-size: 10px auto;
	transform: translateY(3px);
}

#print-wrapper .filter .card-event .img-container {
	display: none;
}

.page-template-template-action-solidaire canvas {
	background-color: #fff;
}

.main-menu .btn-donnation {
	font-size: 14.5px;
	padding: .5rem .25rem !important;
	line-height: 1;
	height: auto;
	margin-left: .5rem !important;
}