/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Julien Monvoisin
Author URI: http://www.kriesi.at
Template: enfold
*/



/* FIX lazy load on webp */
.lazy-hidden, .entry img.lazy-hidden, img.thumbnail.lazy-hidden {
	opacity: 1 !important;
}


/* HIDE WPML flag in topmenu (tant qu'il n'y a rien d'autre que le FR) */
#avia-menu .av-language-switch-item {
	display: none;
}








/* LAYOUT */

/*#top #main {
	padding-top: 60px !important;
} à confirmer */

main.content.av-content-full.alpha.units {
	padding-top: 0;
}

div .av_one_half {
	margin-left: 4%;
	width: 48%;
}



/* GENERIC STYLES */


.brag-page-header {
	background-color: #1e1e20;
	/* background-image: linear-gradient(to left, #333, #222); */
	/*background-image: url(https://www.bragelonne.fr/assets/images/texture_1.png);*/
	background-repeat: no-repeat;
	background-size: cover;
	padding: 40px 0 20px;
}
.brag-page-header,
.brag-page-header .av-special-heading-tag {
	color: #fff;
}

.brag-page-header .container {
	max-width: 953px;
}

.brag-page-header .container .content.av-content-full.alpha {
	padding: 50px 0;
}


.brag-page-title {
	margin-bottom: 10px;
}
.brag-page-title > h1 {
	font-weight: 400 !important;
}


.gradient-borders::before,
.gradient-borders::after {
	content: '';
	height: 3px;
	display: block;
}
.gradient-borders-light::before {
	background-image: linear-gradient(to right, #f1eee9, transparent);
}
.gradient-borders-light::after {
	background-image: linear-gradient(to left, #f1eee9, transparent);
}
.gradient-borders-dark::before {
	background-image: linear-gradient(to right, ##f1eee9, transparent);
}
.gradient-borders-dark::after {
	background-image: linear-gradient(to left, #222, transparent);
}



.brag-page-title.gradient-borders::before {
	margin-bottom: 15px;
}
.brag-page-title.gradient-borders::after {
	margin-top: 15px;
}




.box-shadow-dark .avia-image-container-inner {
	box-shadow: 0 0 5px #000;
}




.encart-brag {
	background-color: #2e2d31;
	background-image: linear-gradient(160deg,#0f0e13 0%,#2e2d31 100%);
	padding: 20px;
}
.encart-brag h3 {
	line-height: 40px;
}
.encart-brag h3::after {
	content: '';
	height: 2px;
	display: block;
	background-image: linear-gradient(to right, #f1eee9, transparent);
}
.encart-brag strong {
	color: inherit;
}

.encart-brag,
.encart-brag h3,
.encart-brag a {
	color: #f1eee9;
}

.encart-brag,
.background-inclined,
.team-img-container {
	position: relative !important;	
	overflow: visible !important;
}
.encart-brag::before, 
.background-inclined::before,
.team-img-container::before {
	background: #7A1B51; /* #006bb3;*/
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: rotate(-2deg);
	z-index: -1;
}



.encart-brag.a-telecharger ul {
	list-style-type: none;
	margin-left: 0;
}
.encart-brag.a-telecharger a {
	color: inherit;
	text-decoration: underline;
}


.image-overlay {
	background: #222;
}








/* MONARCH */

/*.et_monarch .et_social_inline_bottom {
	clear: both;
	padding-top: 50px;
}*/
.et_monarch .et_social_networks > .et_social_icons_container {
	padding-top: 50px !important;
	border-top: 1px solid #d9d9d9;
}
.brag-page-header .et_social_inline {
	display: none;
}

/*.et_social_icons_container > li {
	min-width: 170px;	
}

/*@media only screen and (min-width: 430px) and (max-width: 767px) {
	.et_social_icons_container {
		column-count: 2;
	}
	.et_monarch .et_social_networks > .et_social_icons_container > li:nth-child(5),
	.et_monarch #footer .widget .et_social_icons_container > li:nth-child(3) {
		margin-top: 0 !important;
	}
}*/





/* FOOTER */

@media only screen and (max-width: 767px) {
	#footer .container .widget {
		margin: 0;
	}
}


/* COL 1 - Contact */
#footer .widget .button {
	border-radius: 4px;
	background-color: #731B7A; /* #3d71a1; */
	display: block;
	text-align: center;
	/*width: 78%;*/
	margin-top: 22px;
	height: 40px;
}
#footer .widget .button:hover {
	color: #fff;
}


/* COL 2 - SOCIAL  */
.et_monarch #footer .et_social_networks {
	margin-top: 0.85em;
}
.et_monarch #footer .et_social_networks > .et_social_icons_container {
	padding-top: 0 !important;
	border-top: none !important;
}
.et_monarch #footer .widget .et_social_icons_container > li {
	clear: none;
}
.et_monarch #footer .widget_monarchwidget .et_social_youtube {
	background-color: grey !important;
	opacity: 0.2;
}
.et_social_youtube > .et_social_follow {
	cursor: not-allowed;
}



/* COL 3 - Newsletter */
._form-content {
	display: flex;
	margin-top: 22px;
}
._form_26 ._form-label {
	display: none;
}

._form_element._x08362678._inline-style._clear {
	display: none; /* à virer quand titre supprimé */
}

._form_element._inline-style {
	flex-grow: 1;
}
#footer ._form_element._inline-style input[type="text"] {
	background-color: #f1eee9;
	border-width: 0;
	margin-bottom: 0;
	line-height: 23px;
	color: #0e0e0e;
	border-radius: 4px 0 0 4px;
	padding: 8px 12px;
}

#_form_26_submit {
	width: 100%;
	background-color: #731B7A; /* #3d71a1; */
	border-width: 0;
	color: #fff;
	padding: 11px 22px;
	cursor: pointer;
	border-radius: 0 4px 4px 0;
	font-size: 14px;
}









#scroll-top-link {
	background-color: #7A1B51; /* #006bb3; */
	border-width: 0;
	/*bottom: 52px;
	right: 15px;*/
	bottom: 3px;
	right: 3px;
}

#socket {
	box-shadow: 0 0px 6px rgba(0, 0, 0,0.8);
	border-width: 0;
}

.grecaptcha-badge {
	opacity: 0;
}










/* ALTERNATIVE EN NOIR **************************************/

/* JEUX */
.game-pitch-wrapper {
	background-image: linear-gradient(160deg,#0f0e13 0%,#2e2d31 100%);
}
.game-pitch-wrapper .pitch-title,
.game-pitch-wrapper .pitch-excerpt {
	color: #fff;
}


/* BLOG */
body:not(.single-post) .template-blog .post-entry {
	background-color: #2e2d31;
	background-image: linear-gradient(160deg,#0f0e13 0%,#2e2d31 100%);
}
body:not(.single-post) .template-blog .post-title.entry-title,
body:not(.single-post) .template-blog .entry-content {
	color: #fff;
}






/* PAGE SPECIFIC STYLES ************************************* /


/* RESSOURCES */

.ressources .avia-section-small.avia-builder-el-2 {
	padding-top: 40px;
}
.ressources .avia-section-small.avia-builder-el-last {
	padding-bottom: 40px;
}

@media only screen and (min-width: 768px) {
	.ressources .encart-brag.a-telecharger {
		min-height: 208px;
	}
}



/* CONTACT */

.contact .wpcf7-form {
	margin-top: 30px;
}
.contact .wpcf7-form-control {
	margin-bottom: 0 !important;
}
.contact .wpcf7-form p {
	margin-top: 0;
	margin-bottom: 7px;
}
.wpcf7-form-control.wpcf7-submit {
	width: 100%;
	text-transform: uppercase;
}

.wpcf7-response-output.wpcf7-mail-sent-ok {
	background-color: #1d951d;
	color: #fff;
	border-width: 0;
	text-align: center;
	margin-top: 0; 
}




/* Ajouter une icone Discord */

.et_monarch .et_social_icon_delicious:before, .et_monarch .et_social_icon_delicious:after {
    content: url("https://reprise2.forthestory.fr/wp-content/themes/enfold-child/discord-icon.png") !important;
}



/* SEARCH */

.content.template-search.av-content-full.alpha.units {
	padding-top: 50px;
}










/* HELPERS ************************************* */

.hidden { display: none; }
.two-cols { column-count: 2; }
.vert-align-mid {vertical-align: middle;}

@media only screen and (min-width: 768px) {
	.half         { float: left; margin-right: 2%; width: 49%; }
	.onethird     { float: left; margin-right: 2%; width: 32%; }
	.twothird     { float: left; margin-right: 2%; width: 66%; }
	.onequarter   { float: left; margin-right: 2%; width: 24%; }
	.threequarter { float: left; margin-right: 2%; width: 74%; }
	.last     	{ margin-right: unset; }
}

.w100 	{ width:100%}
.w78 	{ width:78%}
.w70	{ width:70%}
.w66 	{ width:66%}
.w50 	{ width:50%}
.w33 	{ width:33%}
.w30 	{ width:30%}
.w22 	{ width:22%}
.mAll10 { margin:10px !important}
.mt0 	{ margin-top:0px !important }
.mt10 	{ margin-top:10px !important }
.mt20 	{ margin-top:20px !important }
.mt30 	{ margin-top:30px !important }
.mt40 	{ margin-top:40px !important }
.mt50 	{ margin-top:50px !important }
.mt60 	{ margin-top:60px !important }
.mb0 	{ margin-bottom:0 !important }
.mb10 	{ margin-bottom:10px !important }
.mb20 	{ margin-bottom:20px !important }
.mb30 	{ margin-bottom:30px !important }
.mb40 	{ margin-bottom:40px !important }
.mb50 	{ margin-bottom:50px !important }
.mb60 	{ margin-bottom:60px !important }
.mtb50 	{ margin-top:50px !important; margin-bottom:50px !important }
.mr10 	{ margin-right:10px !important}
.mr20 	{ margin-right:20px !important}
.mr30 	{ margin-right:30px !important}
.mr40 	{ margin-right:40px !important}
.mr50 	{ margin-right:50px !important}
.mr60 	{ margin-right:60px !important}
.ml10 	{ margin-left:10px !important}
.ml20 	{ margin-left:20px !important}
.ml30 	{ margin-left:30px !important}
.ml40 	{ margin-left:40px !important}
.ml50 	{ margin-left:50px !important}
.ml60 	{ margin-left:60px !important}
.pt40 	{ padding-top:40px !important}
.pt50 	{ padding-top:50px !important}
.pb0  	{ padding-bottom:0 !important}
.pb50 	{ padding-bottom:50px !important}