/* **************************************************************************** */
/* *********************** SINGLE POST / SINGLE PAGE **************************** */
/* **************************************************************************** */


.bg_bleuc{
	background:$color__tchatbooster_bleuc;
}
.bg_bleutc{
	background:$color__tchatbooster_bleutc;
}
.bg_orange{
	background:$color__tchatbooster_orange;
}
.bg_beige{
	background:$color__tchatbooster_beige;
}

/* PAGE MENTION LEGALE ETC */

.SinglePage{
	&-Header{
		background:$color__tchatbooster_orange;
		padding:3em 0px;
		padding-top:2.8em;

		color:#fff;
	}

	&-Content{
		background:$color__tchatbooster_beige;
	}
}



/* CLASSIC HEADER */

.ClassicHeader{
	padding:3em 0px;
	padding-top:2.8em;
	color:#fff;

	&.ClassicTitle{
		text-align: center;
		background:$color__tchatbooster_orange;
	}

	&.HeaderPost{
		background:$color__tchatbooster_bleuf;
		color:#fff;

		.ClassicHeader-container{
			display:flex;
			flex-wrap:wrap;
			justify-content:space-between;
			align-items:center;
			position:relative;

			.PageTitle{
				width:calc(100% - 250px);
				line-height:1.1em;
				
			}

			.back-top{
				position:absolute;
				top:-2em;
				color:$color__tchatbooster_bleutc;
				@include font-size(1);
				@media screen and (max-width: $max_size_small_tablette - 1px) {
					@include font-size(0.875);
				}
				&:hover{
					text-decoration: underline;
				}
			}

			.ClassicHeader-Infos{
				@include font-size(1);
				width:240px;
			
				padding-left:33px;
				position:relative;

				&:before{
					content:'';
					display:block;
					position:absolute;
					left:0px;
					top:18%;
					height:75%;
					width:1px;
					background:$color__tchatbooster_orange;
				}

				> span{
					display:block;
					line-height:1.5em;
					margin:0.5em 0px;
				}
			}
		}

		@media screen and (max-width: $max_size_small_tablette - 1px) {
			
			.ClassicHeader-container{
				.PageTitle{
					width:100%;
				}
				.ClassicHeader-Infos{
					margin-top:1em;
					@include font-size(0.875);
					width:100%;
					padding:1.2em 0px 0px 0px;
					> span{
						margin:0.2em 0px;
					}
					&:before{
						left:0px;
						top:0px;
						width:100%;
						height:1px;
					}
				}
			}
		}
	}
}

.page-content{
	background:$color__tchatbooster_beige;
}
// .wysiwyg .footer_parution{
// 	a{
// 		@include font-size(1);
// 	}
// }
// .ClassicArchiveHeader{
// 	padding-bottom:70px;
// 	@media screen and (max-width: $max_size_big_tablette ) {
// 			padding-bottom:40px;
// 	}
// 	@media screen and (max-width: $max_size_small_tablette ) {
// 			padding-bottom:30px;
// 	}
// 	@media screen and (max-width: 450px ) {
// 			padding-bottom:20px;
// 	}

// 	.PageTitle{
// 		min-height:115px;

// 		@media screen and (max-width: $max_size_big_tablette ) {
// 			min-height:85px;
// 		}
// 		@media screen and (max-width: $max_size_small_tablette - 1px) {
// 			min-height:60px;
// 		}
// 	}
// 	.SubTitleCat{
// 		display:block;
// 		font-family:$font__title;
// 		@include font-size(1.5);
// 		@media screen and (max-width: $max_size_big_tablette ) {
// 			@include font-size(1.25);
// 		}
// 		@media screen and (max-width: $max_size_small_tablette - 1px) {
// 			@include font-size(1);
// 		}
// 		line-height:1em;
// 		color:$color__tchatbooster_orange;
// 	}
// }



// // /* ANIMATION ALL PAGE*/

@keyframes appear_only_opacity {
    0%   {opacity: 0;}
    100% { opacity: 1;}
}

@keyframes appear_elt{
    0%   {opacity: 0;transform:translate(50px, 0px)}
    100% { opacity: 1;transform:translate(0px, 0px)}
}

@keyframes appear_elt_to_top{
    0%   {opacity: 0;transform:translate(0px, 50px)}
    100% { opacity: 1;transform:translate(0px, 0px)}
}
@keyframes appear_elt_only_top{
    0%   {transform:translate(0px, 50px)}
    100% {transform:translate(0px, 0px)}
}

@keyframes appear_elt_to_bottom{
    0%   {opacity: 0;transform:translate(0px, -50px)}
    100% { opacity: 1;transform:translate(0px, 0px)}
}


 #masthead{
	animation: 1s appear_only_opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1);
 }

.IntroTopHome{
	animation: 1s appear_elt_to_top 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
}
 .ClassicHeader{
 	animation: 1.2s appear_only_opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1);
 }


.center_header.revealed{
	.center_header_inner{
		animation: 1s appear_elt_only_top 0s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
}

.s3.revealed .BigQuote{
	animation: 1s appear_elt_only_top 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.s5.revealed .BigQuote{
	animation: 1s appear_elt_only_top 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}


.s7.revealed{
	.Contact-R{
		animation: 2s appear_only_opacity 0s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
}

.standard_padding{
	+ .st-marginExt-elt{
		margin-top:0px;
	}
}