/* ------
SOMMAIRE
---------*/
/*
@AUTHOR : Julie

04 - LIENS
07 - PADDING ET LARGEURS
08 - MENU SCROLL UP
09 - POPUP ACTUALITE
10 - MENU HAMBURGERS
11 - ICONES SOCIALES
12 - CLASS GENERIQUES
13 - PAGE TEXTE EN BLOC
14 - SLICK
*/

.bold,
.bold p{
	font-weight: 700 !important;
}

.card{
	background: var(--gray-800);
	display: flex;
	padding: 32px;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	flex: 1 0 0;
}


/* Variables */

.box-shadow,
.box-shadows{
	background: #FFF;
	box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.10);
}



/* ------------------------
08 - MENU SCROLL UP
--------------------------*/
.scrollUp{
	position: fixed;
	top: 0;
	width: 100%;
	z-index : 10000;
	transition: top 0.2s ease-in-out;
}
.scrollUp.nav-up{
	transition: top 0.2s ease-in-out;
}





/* ----------
11 - ICONES SOCIALES
-------------*/
.jssocials-share{

}
.jssocials-share-email{

}
.jssocials-share-twitter{

}
.jssocials-share-facebook{

}
.jssocials-share-googleplus{

}
	.jssocials-share a{
		
	}
		.jssocials-share .jssocials-share-logo{
			background-image: url('/images/charte/sprite-partages-rs.png');
			background-repeat: no-repeat;
			background-size: 130px auto;
			display: block;
			height: 33px;
			width: 33px;
		}
		.jssocials-share .jssocials-share-label{
			display: none;
		}

		.jssocials-share-email .jssocials-share-logo{ background-position: 0 0 }
		.jssocials-share-email:hover .jssocials-share-logo, .jssocials-share-email:focus .jssocials-share-logo{ /*background-position: 0 -34px*/ opacity: 0.7; }

		.jssocials-share-twitter .jssocials-share-logo{ background-position: -32px 0 }
		.jssocials-share-twitter:hover .jssocials-share-logo, .jssocials-share-twitter:focus .jssocials-share-logo{ /*background-position: -32px -34px*/ opacity: 0.7; }

		.jssocials-share-facebook .jssocials-share-logo{ background-position: -64px 0 }
		.jssocials-share-facebook:hover .jssocials-share-logo, .jssocials-share-facebook:focus .jssocials-share-logo{ /*background-position: -64px -34px*/ opacity: 0.7; }

		.jssocials-share-googleplus .jssocials-share-logo{ background-position: -97px 0 }
		.jssocials-share-googleplus:hover .jssocials-share-logo, .jssocials-share-googleplus:focus .jssocials-share-logo{ /*background-position: -97px -34px*/ opacity: 0.7; }



/**
* alert
*/
.alert
{
	background: green;
	color:#FFF;
	padding:10px;

	width:100%;
	text-align: center;
}

.alert.alert-error
{
	background: rgb(194, 24, 12);
}

/* 12 - CLASS GENERIQUES */


/* MEDIA // Cover */

.cover {
	overflow: hidden;
}
	.cover img{
		object-fit: cover;
		font-family: 'object-fit: cover';
		height: 100%;
		width: 100%;
	}

/* MEDIA // Zoom */
.zoom {
	overflow: hidden;
}
	.zoom img {
		transition: transform .4s;
	}
	.zoom:hover img {
		transform: scale(1.2);
		transition: transform .4s;
	}
	
/* ------
@changelog 2021-11-29 [OPTIM] (Adrien) 02 - ANIMATION SCROLL
---------*/
/*
Opacité seule : classSectionToAnimate
Opacité + top : classSectionToAnimate animateTop
Opacité + bottom : classSectionToAnimate animateBottom
Opacité + top Left : classSectionToAnimate animateTopLeft
Opacité + top Right : classSectionToAnimate animateTopRight
Opacité + bottom Left : classSectionToAnimate animateBottomLeft
Opacité + bottom Right : classSectionToAnimate animateBottomRight
*/
.animate-elem {
    opacity: 0.1;
    position: relative;
}

.animate-elem-25 {
    opacity: 1;

    transition-duration: 2s;
    -webkit-transition-duration: 2s;
}

.animate-elem.animateTop {
    top: -30px;
}

.animate-elem-25.animateTop {
    top: 0;
}

.animate-elem.animateBottom {
    bottom: -30px;
}

.animate-elem-25.animateBottom {
    bottom: 0;
}

.animate-elem.animateTopLeft {
    left: -30px;
    top: -30px;
}

.animate-elem-25.animateTopLeft {
    left: 0;
    top: 0;
}

.animate-elem.animateTopRight {
    right: -30px;
    top: -30px;
}

.animate-elem-25.animateTopRight {
    right: 0;
    top: 0;
}

.animate-elem.animateBottomLeft {
    left: -30px;
    bottom: -30px;
}

.animate-elem-25.animateBottomLeft {
    left: 0;
    bottom: 0;
}

.animate-elem.animateBottomRight {
    right: -30px;
    bottom: -30px;
}

.animate-elem-25.animateBottomRight {
    right: 0;
    bottom: 0;
}

/* enlever l'icône flèche par défaut d'un select */
select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url('/wp-content/themes/mediapilote/img/charte/icon-cheffron.svg');
	background-position: right 15px top 50%;
	background-repeat: no-repeat;
}
  
select::-ms-expand {
	display: none;
}


/*FILTER*/
.searchandfilterContainer .like-h4 {
	font-family: 'roboto';
    margin-bottom: 8px;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 150%;
}
#page .searchandfilter ul {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
	margin-left: 0!important;
	gap:32px;
}
.searchandfilter ul li::before {
    content:none!important;
}
.searchandfilter select.sf-input-select {
	outline: none;
    min-width: 170px;
    display: flex;
    width: 215px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    min-height: 45px;
    padding: 12px 16px;
    border-radius: 5px;
    border: 1px solid var(--gray-700);
    color: var(--gray-600) !important;
	font-weight: 500;
}
.searchandfilter .sf-field-reset {
	align-self: center;
}
.searchandfilter .sf-field-reset a {
	border: 1px solid var(--color-primary);
	border-radius: 5px;
	padding: 14px 16px;
	color: var(--color-primary);
}
.searchandfilter .sf-field-reset a:hover {
	background: var(--color-primary-light);
}