/* Reset padding mainPage */
.layout-container[data-alias="homepage"] #mainPage{
padding: 0;
}
/* Catégories */
#categoriesAccueil.lt-flex > .wp-block-group__inner-container{
display: flex;
justify-content: center;
}
#categoriesAccueil .lt-relative .wp-block-group__inner-container{
position: relative;
}
#categoriesAccueil .lt-relative .wp-block-group__inner-container p{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 90px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 40px;
line-height: 120%;
color: #FFF;
text-align: center;
padding: 16px;
pointer-events: none;
transition: all ease 0.3s;
}
#categoriesAccueil .lt-relative .wp-block-group__inner-container:hover p{
height: 100%;
background-color: rgba(0, 0, 0, 0.57);
}
@media screen and (max-width: 1500px) {
#categoriesAccueil .lt-relative .wp-block-group__inner-container p{
font-size: 30px;
}
}
@media screen and (max-width: 1200px) {
#categoriesAccueil .lt-relative .wp-block-group__inner-container p{
font-size: 24px;
}
}
@media screen and (max-width: 950px) {
#categoriesAccueil.lt-flex > .wp-block-group__inner-container{
flex-wrap: wrap;
}
#categoriesAccueil .lt-relative{
flex: 0 0 50%;
}
#categoriesAccueil .lt-relative .wp-block-group__inner-container p{
font-size: 30px;
}
}
@media screen and (max-width: 600px) {
#categoriesAccueil .lt-relative .wp-block-group__inner-container p{
font-size: 24px;
}
}
@media screen and (max-width: 480px) {
#categoriesAccueil .lt-relative{
flex: 0 0 100%;
}
#categoriesAccueil .lt-relative .wp-block-group__inner-container p{
font-size: 24px;
}
}
/* Titre Accueil */
.titreAccueil{
font-size: 45px;
padding: 100px 0 40px 0;
}
@media screen and (max-width: 600px) {
.titreAccueil{
font-size: 30px;
padding: 40px 0;
}
}
/* Carrousel Produits */
#carrousel-produits{
padding-bottom: 100px;
}
@media screen and (max-width: 600px) {
#carrousel-produits{
padding-bottom: 40px;
}
}
#carrousel-produits .titreAccueilImage{
height: 227px;
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
color: #033A6C;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: center 100px;
}
@media screen and (max-width: 600px) {
#carrousel-produits .titreAccueilImage{
height: 167px;
background-position: center 40px;
}
}
#carrousel-produits .titreArticle{
font-size: 18px;
}
#carrousel-produits .slick-dotted.slick-slider{
margin-bottom: 120px;
}
#carrousel-produits .slick-dotted.slick-slider .slick-dots{
bottom: -70px;
}
#carrousel-produits .slick-dots li button::before{
font-size: 16px;
color: #033A6C;
}
#carrousel-produits .slick-dots li.slick-active button::before{
color: #033A6C;
opacity: 1;
}
/* Bannière */
#banniereAccueil.lt-flex{
background-color: #033a6c;
padding: 10px 0;
}
#banniereAccueil.lt-flex > .wp-block-group__inner-container{
display: flex;
justify-content: center;
}
#banniereAccueil p{
display: inline-block;
font-size: 40px;
line-height: 120%;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
padding: 30px 30px 30px 160px;
}
@media screen and (max-width: 600px) {
#banniereAccueil.lt-flex{
padding: 0;
}
#banniereAccueil p{
font-size: 30px !important;
background-image: none;
padding: 30px;
}
#banniereAccueil p br{
display: none;
}
}
/* Caroussels Accueil (Licences & Marques) */
.diaporamaAccueil{
padding-bottom: 100px;
}
@media screen and (max-width: 600px) {
.diaporamaAccueil{
padding-bottom: 40px;
}
}
.diaporamaAccueil img{
margin: 0 auto;
}
.diaporamaAccueil.slick-dotted.slick-slider{
margin-bottom: 60px;
}
.diaporamaAccueil .slick-dots li button::before{
font-size: 16px;
color: #033A6C;
}
.diaporamaAccueil .slick-dots li.slick-active button::before{
color: #033A6C;
opacity: 1;
}
/* Sélection Accueil */
#selectionAccueil{
padding: 0 25px 100px 25px;
}
#selectionAccueil .lt-flex > .wp-block-group__inner-container{
display: flex;
justify-content: center;
gap: 25px;
}
@media screen and (max-width: 1024px) {
#selectionAccueil{
padding-bottom: 25px;
}
#selectionAccueil .lt-flex > .wp-block-group__inner-container{
flex-wrap: wrap;
}
#selectionAccueil .lt-flex > .wp-block-group__inner-container .wp-block-image{
flex: 1 1 calc(50% - 25px);
}
}
@media screen and (max-width: 650px) {
#selectionAccueil .lt-flex > .wp-block-group__inner-container .wp-block-image{
flex: 1 1 100%;
}
}