/**
Theme Name: Astra child theme by MPC
Author: Ma Petite Com
Author URI: https://mapetitecom.fr/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child-theme-by-mpc
Template: astra
*/


/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

/* Colors */

:root {
	--theme-color:#4fffb0;
	--green-color:#00FFA5;
	--dark-color:#000;
	--form-color:#121212;
	--light-grey-color:#EFEFEF;
	--grey-color:#C1C1C1;
}

.green {
	color:var(--theme-color) !important;
}

.no-break {
	white-space: nowrap;
}

/* Fonts */

h1, h2, h3, h4, H5, h6 {
	 font-family: 'Avenir Next Cyr';
}

.avenir_next {
	font-family: 'Avenir Next Cyr' !important;
}

.header_menu ul.elementor-nav-menu li a {
	font-family: 'Avenir Next Cyr';
}

/*
* Rows & columns
*/

/* Default container layout */

.e-con.section, .e-grid.grid_section {
	--padding-top:75px;
	--padding-bottom:75px;
	--column-gap: 5% !important;
}

.e-con.e-flex.section  > .e-con-inner {
	max-width:min(80%, 1300px);
}

.e-con.e-flex.medium_row {
	--container-max-width:85%;
	max-width:none;
	padding-left:0;
	padding-right:0;
}

.e-con.e-flex.medium_row > .e-con-inner {
	max-width: min(85%,1450px);
}

.e-con.e-flex.large_row, .e-grid.large_row {
	--container-max-width:92%;
	max-width:none;
	padding-left:0;
	padding-right:0;
}

.e-con.e-flex.large_row > .e-con-inner, .e-grid.large_row > .e-con-inner  {
	max-width: min(92%,1700px);
}

.e-con.e-flex.very_large_row {
	--container-max-width:96%;
	max-width:none;
	padding-left:0;
	padding-right:0;
}

.e-con.e-flex.very_large_row  > .e-con-inner {
	max-width:96%;
}

@media screen and (max-width:1024px) {
	.e-con.section {
		--padding-top:50px;
		--padding-bottom:50px;
		padding-left: 0;
		padding-right: 0;
	}
	
	.e-con.e-flex.section  > .e-con-inner > div.e-con:not(.last-of-type) {
		margin-bottom:30px;
	}
	
   .e-con.e-flex.medium_row, .e-con.e-flex.large_row, .e-con.e-flex.very_large_row, .e-grid.large_row {
	   --container-max-width:100%;
	   width: 100%;
	}
	.e-con.e-flex.section > .e-con-inner, .e-con.e-con-full .boxed, .e-grid.grid_section > .e-con-inner, .e-grid.large_row  > .e-con-inner {
		 width: 80%;
	}
	.e-con.e-con-full .boxed {
		width: 80%;
		margin-left:auto;
		margin-right:auto;
	}
}

/* Mobile & tablet view */

@media screen and (max-width:1024px) and (min-width:768px) {
	.e-con.e-flex.tablet_rows  > .e-con-inner {
		flex-direction: column;
	}
	
	.e-con.e-flex.tablet_rows  > .e-con-inner {
		 width: 80%;
	}
	
	.e-con.e-flex.tablet_rows  > .e-con-inner > .e-con {
		 width: 100%;
	}
	
	.e-con-full.e-flex.tablet_rows {
		flex-direction: column;
	}
	
	/*.e-con-full.e-flex.tablet_rows > .e-con {
		  width: 80%;
	}*/
}

@media screen and (max-width:1024px) {
	.e-con.e-flex.mobile_reverse  > .e-con-inner {
		flex-direction: column-reverse;
	}
	.e-con.e-flex.mobile_reverse  > .e-con-inner > div.e-con:last-of-type {
		margin-bottom: 50px;
	}
	.e-con.e-flex.mobile_reverse  > .e-con-inner > div.e-con:first-of-type {
		margin-bottom: 0;
	}
}


.e-con.e-flex.bg_black_half::before {
    content: '';
    background-color: var(--dark-color);
    display: block;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 50%;
    left: 0;
}

/*
* Accordions
*/


.custom_accordion.elementor-widget-n-accordion .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title {
	padding-left:0 !important;
	padding-bottom:20px !important;
}

.custom_accordion.elementor-widget-n-accordion.light .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title .e-n-accordion-item-title-text {
	color:#fff;
}

.custom_accordion.elementor-widget-n-accordion .e-n-accordion > .e-n-accordion-item .e-n-accordion-item-title-icon {
	position: absolute;
    right: 0;
}

.custom_accordion.elementor-widget-n-accordion .e-n-accordion-item:last-child .e-n-accordion-item-title {
	border-bottom-width:0 !important;
}

.custom_accordion.elementor-widget-n-accordion .e-n-accordion > .e-n-accordion-item summary + div {
	padding-left: 0;
	padding-top: 0;
}

/*
* OWL Carousel
*/

/*.owl-carousel.mpc-theme {
	padding: 0 25px;
}*/

.owl-carousel.mpc-theme div.item {
	text-align: center;
}

/* Bug chrome */

.owl-carousel .owl-stage-outer {
    width: 100%;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    transform-style:preserve-3d;
}

/* Navigation */

.owl-carousel.mpc-theme .owl-nav [class*=owl-] {
	display: block !important;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
	box-shadow: none;
}

.owl-carousel.mpc-theme .owl-prev {
    left: -60px;
}

.owl-carousel.mpc-theme .owl-next {
    right: -60px;
}

.owl-carousel.mpc-theme .owl-prev i, .owl-carousel.mpc-theme .owl-next i {
	/*transform : scale(0.5);*/
	font-size: 60px;
	color: var(--theme-color);
}

.owl-carousel.mpc-theme .owl-prev i:hover, .owl-carousel.mpc-theme .owl-next i:hover {
	color: var(--dark-color);
}

/* Dots */

.owl-carousel.mpc-theme .owl-dots {
	display: flex;
    justify-content: center;
    margin-top: 30px;
    column-gap: 5px;
}

.owl-carousel.mpc-theme .owl-dots .owl-dot span {
	display: inline-block;
    width: 14px;
    height: 14px;
    background-color: var(--dark-color);
	border: 1px solid var(--dark-color);
	border-radius:100px;
}

.owl-carousel.mpc-theme .owl-dots .owl-dot.active span, .owl-carousel.jcms .owl-dots .owl-dot:hover span  {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
}

.owl-carousel.jcms .owl-dots .owl-dot.active span {
	position:relative;
	top:3px;
	width: 24px;
    height: 24px;
}

/* Overlay */

.owl-carousel.mpc-theme .item-image {
	position:relative;
}

.owl-carousel div.item .item-image .owl-overlay {
	color: #fff;
	position: absolute;
  	left: 0;
	top: 0;
	transition:all ease .2s;
  	opacity: 0;
  	background: rgba(0,0,0,.25);
  	overflow: hidden;
	font-size: 32px;
	z-index: 1;
	display:flex;
	align-items:center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.owl-carousel div.item .item-image:hover .owl-overlay {
	z-index: 3;
	opacity: 1;
}

.owl-carousel div.item .item-image:hover .owl-overlay span {
	display:block;
}

.owl-carousel div.item  .item-image .owl-overlay .view-more {
	margin-top:15px;
}

/* Employés carousel */

.owl-carousel.employes-carousel div.item .item-image img {
	border-radius:10px 10px 0 0;
}

.owl-carousel.employes-carousel div.item .item-image .post-info, .employes-grid div.item .item-image .post-info {
 	position: absolute;
  	bottom: 0;
  	padding: 30px 15px;
  	width: 100%;
  	left: 0;
	z-index: 10;
	text-align: left;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 100%);
}
 
.owl-carousel.employes-carousel div.item .item-image .post-info .employe-title, .employes-grid div.item .item-image .post-info .employe-title {
	display:block;
	font-family: 'Avenir Next Cyr';
	font-size:28px;
	margin-bottom:15px;
	color: #fff;
	font-weight: 600;
}

.owl-carousel.employes-carousel div.item .item-image .post-info .employe-fonction, .employes-grid div.item .item-image .post-info .employe-fonction {
	display:block;
	font-size:18px;
	color: #fff;
}

/* Posts carousel */

.owl-carousel.mpc-theme div.item-post {
	padding:12px;
}

.owl-carousel.mpc-theme div.item-post a {
	background-color:var(--theme-color);
	padding:12px 16px;
	color:#fff;
	font-weight:700;
}

@media screen and (max-width:767px) {
	.owl-carousel.mpc-theme div.item-post a {
		display: block;
	}
}

/*
* Breadcrumbs
*/

.breadcrumbs .breadcrumb li a {
	color:var(--dark-color);
	font-weight: 600;
}

.breadcrumbs .breadcrumb li a:hover {
	color:var(--theme-color);
}

/*
* Images
*/

/* Bug */

.elementor-widget-image.img_absolute {
	position: absolute;
}

.virgule img {
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}

.elementor-widget-image.color_hover img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all ease 0.2s;
}

.elementor-widget-image.color_hover img:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.elementor-widget-image.grey_img img {
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
}

/*
* Lists
*/

ul.green-arrow, .single-realisation #resultats ul {
	list-style-type:none;
	margin-left: 0;
}

ul.green-arrow li, .single-realisation #resultats ul li {
	display:block;
}

ul.green-arrow li::before, .single-realisation #resultats ul li::before {
	display:inline-block;
	margin-right:5px;
	color:var(--theme-color);
	content:'\f061';
	font-family: 'Font Awesome 5 Free';
}

ul.green-arrow li:not(:last-of-type), .single-realisation #resultats ul li:not(:last-of-type) {
	margin-bottom:15px;
}

/*
* Timeline
*/

.elementor-widget-uael-timeline.custom_timeline .uael-timeline-main .inner-date-new {
	font-family: 'Avenir Next Cyr';
}

.elementor-widget-uael-timeline.custom_timeline .uael-timeline-main .in-view-timeline-icon, .elementor-widget-uael-timeline.custom_timeline .uael-timeline-main .out-view-timeline-icon {
	padding: 20px;
}

@media screen and (max-width:1024px) {
	.elementor-widget-uael-timeline.custom_timeline .uael-timeline-main .uael-timeline__line {
		right: 54px;
	}
}

@media screen and (max-width:767px) {
	
	.elementor-widget-uael-timeline.custom_timeline .uael-timeline-main .in-view-timeline-icon, .elementor-widget-uael-timeline.custom_timeline .uael-timeline-main .out-view-timeline-icon {
		padding: 5px;
	}
	
	.elementor-widget-uael-timeline.custom_timeline .uael-timeline-main .uael-timeline__line {
		right: 20px;
	}
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*
* Sticky header
*/

header .sticky-header {
	
}

/* Sticky header activated */

header .sticky-header {
	height: var(--header-height);
	transition: height var(--transition);
}

header .sticky-header.elementor-sticky--effects {
	--header-height: 100px;
	--shrink-header-to: 0.6;
	--transition: .45s cubic-bezier(.4, 0, .2, 1);
	/*padding-top: 1% !important;
	padding-bottom: 1% !important;*/
}

header .sticky-header.elementor-sticky--effects {
	height: calc( var(--header-height) * var(--shrink-header-to) );
}

@media only screen and (min-width:1025px) {
	header .sticky-header.elementor-sticky--effects {
		background-color:var(--dark-color) !important;
	}
	
	header .site-header-transparent .sticky-header.elementor-sticky--effects {
		justify-content: center;
	}
	
	header .sticky-header.elementor-sticky--effects.menu-container .elementor-widget-container {
		margin-top: 0 !important;
	}
}

/* Logo */

header .sticky-header .logo img {
	transition: transform var(--transition);
}
header .sticky-header.elementor-sticky--effects .logo img {
	-webkit-transform: scale(.35);
	transform: scale(.35);
	transform-origin-x: 0;
	-webkit-transform-origin-x: 0;
}

/*header .site-header-transparent .sticky-header.elementor-sticky--effects .logo img {
	transform-origin-y: 0;
	-webkit-transform-origin-y: 0;
}*/

/*
* Desktop menu
*/

@media only screen and (min-width:1025px) {
	
	header .header_menu ul.elementor-nav-menu > li > a:hover, header .header_menu ul.elementor-nav-menu > li.current-menu-item > a {
		text-decoration: none;
	}
	
	header .header_menu ul.elementor-nav-menu > li > a:hover::after, header .header_menu ul.elementor-nav-menu > li.current-menu-item > a::after {
		display:none;
	}
}

@media only screen and (max-width:1200px) and (min-width:1025px) {
	header .header_menu ul.elementor-nav-menu > li > a {
		font-size: 16px !important;
	}
}

/*
* Mobile menu
*/

/* Dropdown */

@media only screen and (max-width:1024px) {
	header .header_menu .elementor-nav-menu--dropdown {
		top: 70px !important;
	}
}

@media only screen and (max-width:767px) {
	header .header_menu .elementor-nav-menu--dropdown {
		top: 50px !important;
	}
}

/*--------------------------------------------------------------
# Contact form
--------------------------------------------------------------*/

/* Layout */

.one-half, .one-third, .two-thirds {
    position: relative;
    margin-right: 4%;
    float: left;
    margin-bottom: 20px;
	z-index: 1;
}
 
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-thirds { width: 65.33%; }
.two-halves { width: 100%; }
 
.last {
    margin-right: 0 !important;
    clear: right;
}
 
@media only screen and (max-width: 767px) {
    .one-half, .one-third, .two-thirds {
        width: 100%;
        margin-right: 0;
    }
}

.wpcf7-form .wpcf7-form-control-wrap + br {
	display: none;
	
}

/*--------------------------------------------------------------
# Pages
--------------------------------------------------------------*/

/*
* Page template
*/

#page-header h1.elementor-cta__title > span {
	display: block;
	font-weight: 500 !important;
	font-style: italic !important;
}

#page-header .elementor-cta__description {
	font-family: 'Avenir Next Cyr';
}


/*
* Home
*/

/* Icon boxes */

.home-icon-box {
	box-shadow: 10px 10px 0 var(--dark-color);
	border-radius: 10px;
}

.home-icon-box .elementor-icon-box-icon {
	position: relative;
    left: calc(100% - 48px);
	top: 15px;
}
	
.home-icon-box .elementor-icon {
    transform: rotate(45deg);
}

.home .home-icon-box .elementor-icon-box-title {
	max-width: 95%;
}

.home .home-icon-box .elementor-icon-box-description a {
	color: var(--dark-color);
}

/* Gallery grid */


.home .custom_grid_gallery .uael-img-gallery-wrap .uael-grid-item {
	padding:30px 0;
	border:1px solid var(--grey-color);
	border-top:0;
	border-left:0;
}

@media screen and (min-width: 1025px) {
	
	.home .custom_grid_gallery .uael-img-gallery-wrap div.uael-grid-item:nth-of-type(5n) {
		border-right:0;
	}

    .home .custom_grid_gallery .uael-img-gallery-wrap div.uael-grid-item:nth-last-of-type(-n+5) {
        border-bottom:0;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	
	.home .custom_grid_gallery .uael-img-gallery-wrap .uael-grid-item {
		padding:15px 0;
	}
	
	.home .custom_grid_gallery .uael-img-gallery-wrap div.uael-grid-item:nth-of-type(3n) {
		border-right:0;
	}
	.home .custom_grid_gallery .uael-img-gallery-wrap div.uael-grid-item:nth-last-of-type(-n+3) {
		border-bottom:0;
	}
}

@media screen and (max-width: 767px) {
	
	.home .custom_grid_gallery .uael-img-gallery-wrap .uael-grid-item {
		padding:15px 0;
	}
	
	.home .custom_grid_gallery .uael-img-gallery-wrap div.uael-grid-item:nth-of-type(2n	) {
		border-right:0;
	}
	
	/*.home .custom_grid_gallery .uael-img-gallery-wrap div.uael-grid-item:nth-last-of-type(-n+2)*/.home .custom_grid_gallery .uael-img-gallery-wrap div.uael-grid-item:last-of-type {
		border-bottom:0;
	}
}


/*
* Contact
*/

.contact_form > .elementor-widget-container {
	box-shadow: 10px 10px 0 var(--dark-color);
    border-radius: 10px;
}

.contact_form .elementor-field-group {
	padding-left: 0 !important;
}

.contact_form input::placeholder, .contact_form input::-webkit-input-placeholder, .contact_form label {
	color:var(--form-color) !important;
}

/*
* Objectifs
*/

/* Icon boxes */

.page-objectifs .home-icon-box .elementor-icon-box-title, .page-solutions .home-icon-box .elementor-icon-box-title {
	max-width: 90%;
    margin-top: 30px;
	margin-bottom:0;
}

.page-objectifs .home-icon-box .elementor-widget-container, .page-solutions .home-icon-box .elementor-widget-container {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	justify-content: end;
    flex-direction: column;
}

.page-objectifs .home-icon-box .elementor-widget-container .elementor-icon-box-icon, .page-solutions .home-icon-box .elementor-widget-container .elementor-icon-box-icon {
    position: absolute;
    left: calc(100% - 63px);
    top: 15px;
}

/*
* Solutions
*/

/* Icon boxes */

/*.page-solutions .home-icon-box .elementor-icon-box-content {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column-reverse;
    justify-content: end;
}

.page-solutions .home-icon-box .elementor-icon-box-description img {
	transition: all ease 0.2s;
	max-height:100px;
}*/
.page-solutions .home-icon-box .elementor-widget-container {
	background-size: auto 130px !important;
	background-position: top 30px left 30px !important;
}

.page-solutions .home-icon-box .elementor-icon-box-content .elementor-icon-box-title {
	margin-top:150px;
	margin-bottom:15px;
}

/*
* Equipe
*/

/* Counters */

#figures .e-con-inner .elementor-widget::after {
	content:'';
	display:block;
	width:3px;
	height:100%;
	background-color: var(--theme-color);
	position: absolute;
	top:0;
	right:-50%;
}

@media screen and (min-width: 1025px) {
	#figures .e-con-inner div.elementor-widget:last-of-type::after {
		display:none;
	}
}

@media screen and (max-width: 1024px) {
	#figures .e-con-inner div.elementor-widget::after {
		display:none;
	}
}

.elementor-widget-counter.custom_counter .elementor-counter-number-wrapper {
	margin-bottom: 15px;
}

.elementor-widget-counter.no_number .elementor-counter-number {
	display: none;
}

/* Grid dirigeants */

.employes-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 15px;
	row-gap: 15px;
}

.employes-grid  div.item {
	border-radius:10px;
}

.employes-grid  div.item .item-image {
	position: relative;
}

.employes-grid  div.item .item-image img, .employes-grid  div.item .item-image .post-info {
	border-radius:10px;
}

@media screen and (max-width:767px) {
	.employes-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/* Carousel équipe */

.owl-carousel.employes-carousel div.item .item-content {
	padding: 30px 15px;
	text-align: left;
	font-size:16px;
	background-color: var(--green-color);
	border-radius:0 0 10px 10px;
}

/*
* Clients
*/

/* Filterable img gallery */

.elementor-widget-gallery.filterable_img_gallery .e-gallery-image {
	background-size: contain;
	background-repeat: no-repeat;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all ease 0.2s;
}

.elementor-widget-gallery.filterable_img_gallery .e-gallery-image:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.elementor-widget-gallery.filterable_img_gallery .elementor-gallery-item {
	padding: 30px;
	border:1px solid var(--grey-color);
	/*border-top:0;
	border-left:0;*/
}

/* Filtres */

@media screen and (max-width: 1024px) {
	
	.elementor-widget-gallery.filterable_img_gallery .elementor-gallery__titles-container {
		flex-direction: column;
	}
	
	.elementor-widget-gallery.filterable_img_gallery .elementor-gallery__titles-container a:not(:last-of-type) {
		margin-bottom: 15px;
	}
	
	.elementor-widget-gallery.filterable_img_gallery .elementor-gallery__titles-container a::after {
		content:'';
		display:block;
		width:100%;
		height:1px;
		margin-top:5px;
	}
	
	.elementor-widget-gallery.filterable_img_gallery .elementor-gallery__titles-container a:hover::after, .elementor-widget-gallery.filterable_img_gallery .elementor-gallery__titles-container a.elementor-item-active::after {
		background-color: var(--theme-color);
	}
}

/*@media screen and (min-width: 1024px) {

    .elementor-widget-gallery.filterable_img_gallery .elementor-gallery-item:nth-of-type(6n) {
        border-right:0;
    }

    .elementor-widget-gallery.filterable_img_gallery .elementor-gallery-item:nth-last-of-type(-n+6) {
        border-bottom:0;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.elementor-widget-gallery.filterable_img_gallery .elementor-gallery-item:nth-of-type(4n) {
		border-right:0;
	}
	
	.elementor-widget-gallery.filterable_img_gallery .elementor-gallery-item:nth-last-of-type(-n+4) {
		border-bottom:0;
	}
}

@media screen and (max-width: 767px) {
	
	.elementor-widget-gallery.filterable_img_gallery .elementor-gallery-item:nth-of-type(2n) {
		border-right:0;
	}
	
	.elementor-widget-gallery.filterable_img_gallery .elementor-gallery-item:nth-last-of-type(-n+2) {
		border-bottom:0;
	}
}*/


/*
* Objectifs
*/


.e-con.e-child.strategie_col {
	box-shadow: 10px 10px 0 var(--dark-color);
	border-radius: 10px;
}

/*
* LP
*/

.lp-img-box {
	box-shadow: 10px 10px 0 var(--dark-color);
	border-radius: 10px;
}

/*--------------------------------------------------------------
# Réalisations
--------------------------------------------------------------*/

/*
* Réalisations isotope
*/

/* Filters */

ul.portfolio-filters {
	list-style-type: none;
	text-align: center;
}

ul.portfolio-filters li {
	display:inline-block;
}

ul.portfolio-filters li:not(:last-of-type) {
	margin: 0 10px 20px 0;
}

ul.portfolio-filters li a {
	padding: 6px 12px;
	color: var(--dark-color);
	font-weight: 600;
	text-transform: uppercase;
	font-size:20px;
}

ul.portfolio-filters li a:hover, ul.portfolio-filters li a.active {
	color:#fff;
	color: var(--theme-color);
}

@media screen and (max-width: 1024px) {
	
	ul.portfolio-filters {
		text-align: left;
		margin-left:0;
	}
	
	ul.portfolio-filters li:not(:last-of-type) {
		margin: 0;
	}
	
	ul.portfolio-filters li, ul.portfolio-filters li a {
		display:block;
		width:100%;
		
	}
	
	ul.portfolio-filters li a::after {
		content:'';
		display:block;
		width:100%;
		height:1px;
		margin-top:5px;
	}
	
	ul.portfolio-filters li a:hover::after, ul.portfolio-filters li a.active::after {
		background-color: var(--theme-color);
	}
}

/* Mobile filters */

select.portfolio-filters {
	display:none;
	margin-bottom:30px;
	font-family: 'Avenir Next Cyr';
	font-weight: 600;
	text-transform: uppercase;
	font-size:16px;
	color:var(--dark-color);
	border-color: var(--theme-color);
}

@media screen and (max-width: 1024px) {
	ul.portfolio-filters {
		display:none;
	}
	select.portfolio-filters {
		display:block;
	}
	
}

/* Masonry */

.grid-sizer, .portfolio-item {
	width: calc(33.333% - 30px);
}

.gutter-sizer { 
	width: 15px;
}


@media screen and (max-width:1024px) {
	.grid-sizer, .portfolio-item {
		width: calc(50% - 30px);
	}
}

@media screen and (max-width:768px) {
	.grid-sizer, .portfolio-item {
		width: 100%;
	}
	.gutter-sizer { 
		width: 0;
	}
}

.portfolio-content .portfolio-item {
  	margin-bottom: 15px;
	text-align: center;
	/*border-radius:10px;*/
}

.portfolio-content .portfolio-item .itembox, .realisations-grid .realisation-item .itembox {
	position: relative;
	line-height: 0;
	width: 100%;
	margin: 0 auto;
}

.portfolio-content .portfolio-item .itembox > a, .realisations-grid .realisation-item .itembox > a {
	display: block;
	position:relative;
	border-radius:10px;
}

.portfolio-content .portfolio-item .itembox > a img, .realisations-grid .realisation-item .itembox > a img {
	border-radius:10px;
}

/* Overlay */

.portfolio-item .portfolio-overlay, .realisation-item .realisation-overlay, .owl-carousel.realisations-carousel div.item .item-image .owl-overlay {
	position: absolute;
  	left: 0;
	top: 0;
	transition:all ease .2s;
  	opacity: 0;
  	background: var(--theme-color);
	color:var(--dark-color);
  	overflow: hidden;
	padding: 30px;
	z-index: 1;
	display:flex;
	flex-direction: column;
	align-items:flex-start;
	justify-content: end;
	width: 100%;
	height: 100%;
	border-radius:10px;
}

.portfolio-item:hover .portfolio-overlay, .realisation-item:hover .realisation-overlay, .owl-carousel.realisations-carousel div.item:hover .item-image .owl-overlay {
	opacity: 1;
}

.portfolio-content .portfolio-item .item-text h3, .realisations-grid .realisation-item .item-text h3, .owl-carousel.realisations-carousel div.item .item-image .owl-overlay .item-text h3 {
	margin-top:0;
	margin-bottom:15px;
	text-transform: uppercase;
	font-size: 38px;
	text-align: left;
}

.portfolio-content .portfolio-item .item-cat, .realisations-grid .realisation-item .item-cat, .owl-carousel.realisations-carousel div.item .item-image .owl-overlay  .item-cat {
	/*text-align:left;
	margin:0 0 15px 10px;*/
	font-size:16px;
	line-height: 20px;
	text-align: left;
}


/* Loader */

.loader{
	background:url(img/loader.gif) no-repeat top center #fff;
	width:100%;
	height:100%;
	position:absolute;
	/*opacity:0.7;*/
	z-index: 9999;
}

/*
* Réalisations grid
*/

.realisations-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: masonry;
	margin-bottom: 50px;
	column-gap: 15px;
	row-gap: 15px;
}

.realisations-grid .realisation-item {
	position: relative;
	text-align: center;
}

@media screen and (max-width:1024px) {
	.realisations-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media screen and (max-width:767px) {
	.realisations-grid {
		grid-template-columns: repeat(1, 1fr);
	}
}

/*
* Single réalisation
*/

/* Réalisations carousel */

.owl-carousel.realisations-carousel div.item .item-image, .owl-carousel.realisations-carousel div.item .item-image img {
	border-radius:10px;
}


/* Images */

.realisation-images-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  grid-auto-rows: minmax(100px, auto);
}

.realisation-images-grid img {
	border-radius: 10px;
}

/* Grid 3-4 items */

.realisation-images-grid > a:first-of-type {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}

.realisation-images-grid > a:nth-of-type(2)  {
  grid-column: 1;
  grid-row: 2 / 2;
}

.realisation-images-grid > a:nth-of-type(3)  {
  grid-column: 2;
  grid-row: 2 / 2;
}

.realisation-images-grid > a:nth-of-type(4)  {
  grid-column: 1 / 3;
  grid-row: 3 / 3;
}

/* Grid 2 items */

.grid-2 .realisation-images-grid > a:first-of-type {
  grid-column: 1;
  grid-row: 1;
}

.grid-2 .realisation-images-grid > a:nth-of-type(2)  {
  grid-column: 2;
  grid-row: 1;
}


/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/

/*
* Carousel
*/

/* Layout */

.blog-carousel .owl-stage {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog-carousel .owl-stage .owl-item {
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto !important;
	margin-bottom: 10px;
}

.blog-carousel .owl-stage div.owl-item.active {
	padding-right: 10px;
}

.blog-carousel .item, .blog-isotope .portfolio-item {
	padding:50px 30px;
	background-color:var(--light-grey-color);
	border-radius:10px;
	box-shadow: 10px 10px 0 var(--dark-color);
	text-align: left !important;
	transition: all ease 0.2s;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
	align-items: flex-start;
}

.blog-carousel .item:hover, .blog-isotope .portfolio-item:hover {
	background-color:var(--theme-color);
	/*-webkit-transform: scale(1.1);
	transform: scale(1.1);*/
}

.blog-carousel .item .blog-cat, .blog-isotope .portfolio-item .blog-cat {
	display: inline-block;
	font-size:14px;
	text-transform: uppercase;
	padding:10px 20px;
	background-color: #fff;
	border-radius:24px;
	margin-bottom:30px;
}

.owl-carousel .owl-dots > button {
	box-shadow:none;
}

.owl-carousel .owl-dots > button:hover, .owl-carousel .owl-dots > button:focus {
	background-color:transparent;
	color:#fff;
}

.blog-carousel .item .blog-bottom, .blog-isotope .portfolio-item .blog-bottom {
	left:0;
	display:flex;
	flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
	margin-top: 30px;
	width:100%
}

.blog-carousel .item .blog-bottom .blog-date, .blog-isotope .portfolio-item .blog-bottom .blog-date {
	font-weight: 400;
}

.blog-carousel .item .blog-bottom .blog-more a, .blog-isotope .portfolio-item .blog-bottom .blog-more a {
	color:var(--dark-color);
	font-weight:600;
}

/*
* Isotope
*/

.blog-isotope .gutter-sizer {
	width: 30px;
}

.blog-isotope .portfolio-item {
  	margin-bottom: 30px !important;
}

/*
* Single post
*/

.single-post .site-main .elementor-widget-container h2 {
	margin-top: 0;
}