/* 



    STYLE GUIDE

    Mise en forme de l'article texte en bloc de wordpress



*/



.templatePageTextBloc > div:not(:last-child) {

    margin-bottom:50px;

}

.bloc-texte-inte h2, .bloc-texte-inte h3, .bloc-texte-inte h4 {
	text-align: center;
}

/* Bloc introduction */



.bloc-introduction {

    padding: 11em 2rem;

    text-align: center;

	background-repeat: no-repeat;

	background-size: cover;
	background-position: center center;
	position: relative;

	background-color: #BB8740;

}
.bloc-introduction img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 1;
	opacity: 40%;
}
.bloc-introduction .content {
	position: relative;
	z-index: 2;
}
	.bloc-introduction * {

		color: var(--white)!important;

	}

.carre {
	position: relative;
}
.carre::before {
	content: '';
	padding-top: 100%;
	display: block;
}
.carre > img, .carre > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* BLOC Download */
.fileDownload-item {
	background: var(--marron);
	border-radius: 13px;
	margin-bottom: 12px;
}
.fileDownload-item .ico.file.view {
	background-position: -262px -4px;
}
.fileDownload-item .ico.file.download {
	background-position: -304px -4px;
}
.fileDownload-item .title {
	color: var(--white);
	font-size: 2.1rem;
	font-family: var(--font-secondary);
	text-transform: uppercase;
}
/* Bloc texte et image */

.bloc-texte-image-bg .bloc-texte-image-inte:not(:last-child) {
	margin-bottom: 5rem;
}
.bloc-texte-image-inte .item.cover {
	position: relative;
}
.bloc-texte-image-inte .item.cover::before {
	padding-top: 56.25%;
    display: block;
    content: "";
}
.bloc-texte-image-inte .item.cover img {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bloc-texte-image-bg {
	background-image: url(/wp-content/themes/lfdcanada/img/charte/text_bloc_bg.jpg);
	background-size: 100% auto;
	background-repeat: repeat-y;
	padding: 18rem 0;
    position: relative;
    margin-bottom: 0!important;
}
@media screen and (max-width:768px) {
	.bloc-texte-image-bg {
		padding: 5rem 0;
	}
}
.bloc-texte-image {
	padding: 0 15px;
}
.bloc-texte-image-bg::before, .bloc-texte-image-bg::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
    height: 134px;
	background-image: url(/wp-content/themes/lfdcanada/img/charte/before-blog-bg.svg);
    background-size: 100% auto;
	transform: scale(-1);
	background-position-y: bottom;
    background-repeat: no-repeat;
}
.bloc-texte-image-bg::after {
	top: initial;
	bottom: 0;
	transform: none;
}
.border-round-17 {
	border-radius: 17px;
	overflow: hidden;
}
.templatePageTextBloc  a:not([class*="btn-"]),.templatePageTextBloc  a:not([class*="btn-"]):link,.templatePageTextBloc  a:not([class*="btn-"]):visited {
	color: #FF7600;
	text-decoration: underline;
}
/* Galerie image */



		.galerie-image .item img {

			transition: transform .3s, opacity .3s;

		}

		.galerie-image .item:hover img {

			transform: scale(1.05);

		}



/* Diaporama */



.slider-page .image-diapo {

    height: 500px;

}



/* Glissière */
@media screen and (min-width:991px) {
	.glissiere {
		width: 696px;
	}
}
.glissiere-item {

    margin: 0 0 15px 0;

    position: relative;

	

}

.glissiere-item .titre::after {

	content: "\e910";
    position: absolute;
    top: 40px;
    right: 15px;
    width: 40px;
    height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: translateY(-50%) rotate(180deg);
    transition: transform .2s;
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-size: 23px;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: var(--white);
}



	.glissiere-item .contenu {

		display: none;
		padding: 40px 30px;
		font-size: 1.6rem;
		line-height: 140%;

	}

	.glissiere-item .titre {

		text-transform: uppercase;
		font-family: var(--font-secondary);
		font-size: 1.6rem;
		cursor: pointer;
		padding: 10px 50px 10px 35px;
		color: var(--white);

		background: none!important;
		border: 12px solid transparent;
		border-image: url(/wp-content/themes/lfdcanada/img/charte/faq.svg) 18% / 1.5 / 0 round;
		box-shadow: inset 0 0 0 50px #BB8740;
	}

@media screen and (max-width:768px) {
	.glissiere-item .titre {
		padding: 10px 35px;
		box-shadow: inset 0 0 0 70px #BB8740;
	}
	.glissiere-item::after {
		top: 6px;
	}
}
@media screen and (max-width:500px) {
	.glissiere-item .titre {
		background-image: url('/wp-content/themes/lfdcanada/img/charte/glissiere-bg-mobile.svg');
	}
}
/* Téléchargement fichier */



.fileDownload-item .title {

    flex-grow: 1;


    margin: 0;

	padding: 9px;

}

.fileDownload-item .vignette {

    width: 180px;

    margin: 0 10px 0 0;

}

.fileDownload-item .link a {

    margin: 0 0 0 5px;

}



/* Vignette page */



.blocVignettesCarrefours-itemContent {

	overflow: hidden;

}



/* .blocVignettesCarrefours-item:nth-child(3n+2) {

    margin: 0 40px 30px 40px;

} */

	.blocVignettesCarrefours-item .image {

		background-color: #000;

	}

		.blocVignettesCarrefours-item .image img {

			transition: opacity .3s, transform .3s;

		}

		.blocVignettesCarrefours-item .image.hover:hover img {

			opacity: 0.5;

			transform: scale(1.05);

		}

		#gform_wrapper_3.gform_legacy_markup_wrapper .top_label .input-fichier .gfield_label::before {
			top: 6rem;
		}
		#gform_wrapper_3.gform_legacy_markup_wrapper .top_label .input-fichier .gfield_label::after {
			top: 11rem;
		}
		#gform_wrapper_3 .input-fichier {
			margin-bottom: 8rem;
		}
.formulaire, .vignette {
	background-image: url(/wp-content/themes/lfdcanada/img/charte/text_bloc_bg.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
    padding: 14rem 0;
    position: relative;
    margin-bottom: 0!important;
}
.formulaire::before, .vignette::before {
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 192px;
    background-image: url(/wp-content/themes/lfdcanada/img/charte/before-blog-bg.svg);
    background-size: 100% auto;
    transform: scale(-1);
    background-position-y: bottom;
    background-repeat: no-repeat;
}
.vignette {
	padding: 20rem 0;
}
.formulaire::after, .vignette::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 175px;
    background-image: url(/wp-content/themes/lfdcanada/img/charte/before-blog-bg.svg);
    background-size: 100% auto;
    transform: scale(-1);
    background-position-y: bottom;
    background-repeat: no-repeat;
	top: initial;
    bottom: 0;
    transform: none;
}
/* 14 - SLICK */

button.slick-arrow {

    border: transparent;
    position: absolute;
    bottom: 50%;
    right: -1px;
    text-indent: -5000px;
    overflow: hidden;
    width: 90px;
    height: 53px;
    background-image: url(/wp-content/themes/lfdcanada/img/charte/arrows-picto-reverse.svg);
    background-repeat: no-repeat;
    background-size: 90px auto;
    outline: transparent;
    cursor: pointer;
	background-color: transparent;
	transform: rotate(-180deg) translateY(-50%);
}

button.slick-arrow.slick-prev {
	top: 50%;
	left: -1px;
	z-index: 1;
	right: initial;
	transform: rotate(0) translateY(-50%);
}
h2 .sous-titre, .like-h2 .sous-titre, h3 .sous-titre {
	font-size: 3rem;
	color: var(--marron);
	display: block;
}
.color-white {
	color: var(--white)!important;
}	
.color-beige {
	color: var(--beige)!important;
}
/*RESPONSIVE

01 - DESKTOP */

@media screen and (max-width: 1400px), (max-device-width: 1400px){

	.blocVignettesCarrefours-item:nth-child(3n+2) {

		margin: 0 35px 30px 35px;

	}

}

/* Page specif*/
.page-id-465 .bloc-texte-colonnes {
	margin-bottom: 0 !important;
}
.page-id-465 .bloc-texte-colonnes .bloc-texte-image:first-child {
	margin-bottom: 10px!important;
}

.templatePageTextBloc {
	background-image: url(/wp-content/themes/lfdcanada/img/charte/GettyImages-1335675978_det-OMBRE.png), url(/wp-content/themes/lfdcanada/img/charte/GettyImages-1316854848_carrechoco.png), url(/wp-content/themes/lfdcanada/img/charte/donate.png), url(/wp-content/themes/lfdcanada/img/charte/GettyImages-991178802_small.png),  url(/wp-content/uploads/2022/04/GettyImages-835230962_small.png),  url(/wp-content/uploads/2022/04/oeuf.png);
    background-position: 123% 100%, -5% 0px, 113% 25%, -18% 70%, -16% 40%, 117% 55%;
    background-repeat: no-repeat;
    background-size: 30%, 20%, 20%, 26%,28%, 30%;
}

@media screen and (max-width:768px) {
	.templatePageTextBloc {
		background: none;
	}
}

.page-id-465 .templatePageTextBloc{
	background-position: 123% 100%, -5% 0px, 113% 25%, -18% 100%, -16% 40%, 117% 85%;
	background-size: 4%, 20%, 20%, 27%,28%, 30%;
}

.blog .desc  p {
	color: var(--beige);
}

.page-id-465 .bloc-texte-image-bg + .bloc-texte-colonnes .btn-primary {
	background-image: url(/wp-content/themes/lfdcanada/img/charte/background-button/bg--xxl-red-hover.svg);
	min-height: 64px;
    min-width: 290px;
}
.page-id-465 .bloc-texte-image-bg + .bloc-texte-colonnes .btn-primary:hover {
	background-image: url(/wp-content/themes/lfdcanada/img/charte/background-button/bg--xxl-red-hover.svg);
}

.templatePageTextBloc .bloc-autres-expertises {
	padding-bottom: 15rem;
}