/*
Theme Name: Thème officiel Affichage Anglet
Theme URI: https://affichage.anglet.fr/
Author: REZO 21
Author URI: http://www.rezo21.net
Version: 8.0.0
Description: Développement par l'agence web REZO 21 (Albatros v8.0.0)
*/

/* #region GÉNÉRALITÉS */

*, ::after, ::before {
    box-sizing: border-box;
}

:root{
	--mainColor: #f29400;
	--secondaryColor: #141618;
	--titleFont: 'Work Sans', sans-serif;
	--textFont: 'Work Sans', sans-serif;
	scroll-behavior: smooth;
}

body{
	margin: 0px;
	padding: 0px;
	font-family: var(--textFont);
	font-size: 2.0em;
}

strong{
	font-weight: 600;
}

#content{
	height: 100vh;
}

.swiper-agenda,
.swiper-agenda .swiper-wrapper,
.swiper-agenda .swiper-wrapper .swiper-slide{
	height: 100%;
}

.swiper-wrapper .swiper-slide .image{
	display: flex;
	position: relative;
}

.swiper-wrapper .swiper-slide .image img{
	width: 100%;
    height: 100%;
}

.swiper-wrapper .swiper-slide .image .categories{
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: flex;
    flex-wrap: wrap;
	gap: 15px;
}

.swiper-wrapper .swiper-slide .image .categories .categorie{
	background: #fff;
	padding: 5px 15px;
	border-radius: 15px;
}

.swiper-wrapper .swiper-slide .texte{
	padding: 30px;
}

.swiper-wrapper .swiper-slide .dates{
	display: table;
	background: #ededed;
	padding: 5px 15px;
	border-radius: 15px;
	text-align: center;
	margin: 0 auto 50px auto;
}

.swiper-wrapper .swiper-slide .texte h1{
	font-size: 1.8em;
	margin-top: 50px;
	margin-bottom: 50px;
	text-transform: uppercase;
	font-weight: 600;
}

.swiper-wrapper .swiper-slide .texte .accroche{
	margin-bottom: 50px;
}

.swiper-wrapper .swiper-slide .texte p{
	margin: 0px;
}

.swiper-wrapper .swiper-slide .texte .booleans{
	display: flex;
	gap: 15px;
}

.swiper-wrapper .swiper-slide .texte .booleans .boolean{
	display: flex;
	gap: 10px;
	background: #ededed;
	padding: 5px 15px;
	border-radius: 15px;
}

.swiper-wrapper .swiper-slide .texte .booleans .boolean img{
	width: 40px;
}

.swiper-wrapper .swiper-slide .complements{
	position: absolute;
	bottom: 0px;
	width: 100%;
	display: flex;
	gap: 30px;
	padding: 50px 30px;
	background: #ededed;
	font-size: 0.8em;
}

.swiper-wrapper .swiper-slide .complements h2{
	font-size: 1.4em;
	margin-top: 0px;
}

.swiper-wrapper .swiper-slide .complements .lieux,
.swiper-wrapper .swiper-slide .complements .contacts{
	width: 50%;
}