/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: Flowraison
Template: Avada
Text Domain:  Avada
*/


/* ######### Desktop > 1024px ######### */

/* === GLOBAL === */
#wrapper {}

/* === HEADER === */
.fusion-tb-header .header-mobile-830 {
	display: none;
}

/* === MAIN === */
#main {
  font-size: 16px;}

/* === Postcard Livre === */
.postcard-livre * {
	transition: transform 0.3s ease !important;
}
.image-postcard-livre:hover {
	transform: scale(0.95);
}

/* === Postcard Intervention page d'accueil === */
.flow-portfolio-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
}
.flow-badge {
    display: inline-flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 1rem;
	color: #492a38;
    line-height: 1;
    text-decoration: none !important;
}
.flow-badge-category, .flow-badge-category:hover {
	background: #A0B78A;
	color: #f4f3eb;
}
.flow-badge-platform {
	background: #EDE9D6;
}
.postcard-intervention * {
	transition: transform 0.3s ease !important;
}
.image-postcard-intervention:hover {
	transform: scale(0.95);
}
.flow-badge:hover {
	transform: scale(0.90);
}

/* === Postcard Intervention page interventions === */
.interventions-item-postcard ul {
  margin: 0 0 20px 0;
}
.interventions-item-postcard ul.fusion-filters li {
  display: inline-block;
  margin-right: 8px;
}
.interventions-item-postcard ul.fusion-filters li a {
  display: block;
  width: fit-content;
  padding: 6px 12px 4px 12px;
  border-radius: 6px;
  background-color: #ede9d6 !important;
  border: solid 1px #ba5d50;
}
.interventions-item-postcard ul.fusion-filters li a:hover {
  border-color: #492a38;
}
.interventions-item-postcard ul.fusion-filters li.fusion-active a {
  background-color: #ba5d50 !important;
  border: solid 1px #ba5d50;
}


/* ######### Tablette < 1024px ######### */
@media (max-width: 1024px) {
	
	/* === MAIN === */
	#main {
		font-size: 14px;
	}
}



/* ######### Mobile < 830px ######### */
@media (max-width: 830px) {
	
	/* === HEADER === */
	.fusion-tb-header .header-desktop-830 {
		display: none;
	}
	.fusion-tb-header .header-mobile-830 {
		display: initial;
		position: fixed;
	}

	/* === MAIN === */
	.accueil-hero-container {
		height: 95vh !important;
		align-items: flex-start;
	}
	.accueil-hero-container {
		background-size: cover !important;
		background-position: center bottom;
		background-repeat: no-repeat;}
}



/* ######### Mobile < 767px ######### */
@media (max-width: 767px) {
	
	/* === MAIN === */
	#main {
		font-size: 12px;
	}
	#main h2 {
		font-size: 24px !important;
		margin-bottom: 4px !important;
	}
	/* === Interventions === */
	.titre-intervention h1 {
		font-size: 40px !important;
	}
	/* === Carousel mobiles Postcard === */
	#main .overflow-carousel {
		overflow: visible !important;
	}
}