/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root{
  --typoTITRE:"Blackout Midnight", sans-serif;
  --typoTXT:"Satoshi", sans-serif;
  --colorACCENT:#07512D;
}

nav.elementor-nav-menu--main ul.elementor-nav-menu a.elementor-item, .elementor-widget-taxonomy-filter .e-filter-item{
  font-family: var(--typoTXT) !important;
  font-weight: bold !important;
  font-size: 22px !important;
  position: relative;
  transition: .3 ease;
  padding: 0 !important; 
}

nav.elementor-nav-menu--main ul.elementor-nav-menu a.elementor-item::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 0;
  height: 2px;
  background-color: var(--colorACCENT);
  transition: .3s ease;
}

nav.elementor-nav-menu--main ul.elementor-nav-menu a.elementor-item:hover::after{
  width: 100%;
}

nav.elementor-nav-menu--main ul.elementor-nav-menu li:not(:last-child)::after{
  content: "/" !important;
  font-size: 22px !important;
  font-weight: bold !important;
  font-family: var(--typoTITRE) !important;
  color: var(--colorACCENT) !important;
  padding: 0 40px 0 40px;
  display: inline-flex;
  align-items: center !important;
  transform: translateY(2px) !important;
  border: none !important; /*J’ai passé énormément de temps à supprimer le séparateur par défaut d’Elementor, qui s’ajoutait à celui que je créais avec content:"/" */
}

.txt-footer p{
  font-family: var(--typoTXT) !important;
  font-size: 14px !important;
  margin: 0 !important;
}

h1.elementor-heading-title{
  font-family: var(--typoTITRE) !important;
  font-size: 320px !important;
  position: relative;
}

h1.elementor-heading-title::before{
  content: "/" !important;
  font-family: var(--typoTITRE) !important;
  color: var(--colorACCENT) !important;
  font-size: 248px !important;
  margin-right: 75px !important;
}	

.txt-titre p{
  font-family: var(--typoTXT) !important;
  font-size: 36px !important;
  font-weight: bold !important;
  margin-bottom:0 !important;
}

.txt-titre-petit, .txt-titre-petit .elementor-icon-list-items li, .txt-titre-petit .elementor-icon-list-item .elementor-post-info__terms-list-item, .elementor-widget-theme-post-content p{
  font-family: var(--typoTXT) !important;
  font-size: 25px !important;
  font-weight: bold !important;
  margin-bottom:0 !important;
}

.elementor-widget-theme-post-content p{
  letter-spacing: 0.04em;
}

.elementor-widget-theme-post-content{
  line-height: 1.6 !important;
}

h2.elementor-heading-title{
  font-family: var(--typoTITRE) !important;
  font-size: 160px !important;
}

h2.elementor-heading-title::before{
  content: "/";
  font-family: var(--typoTITRE) !important;
  color: var(--colorACCENT) !important;
  font-size: 124px !important;
  margin-right: 50px !important;
}


/* GALERIEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */

.elementor-gallery-item{
	filter: saturate(.6) !important;
	transform: scale(.96) !important;
	transition: .4 ease !important;
}

.elementor-gallery-item:hover{
	transform: translateY(-2px) !important;
	filter: saturate(1) !important;
}

/* GALERIEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */

/* BOUCLEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */


h3.elementor-heading-title{
  font-family: var(--typoTXT) !important;
  font-size: 40px !important;
  font-weight: bold !important;
  margin: 0 !important;
}

.elementor-post-info__terms-list-item{
  font-family: var(--typoTXT) !important;
  font-size: 24px !important;
  margin: 0 !important;
  font-weight: 300 !important;
}

.elementor-element-b9ff087{
  position: relative !important;
  overflow: hidden !important;
}

.elementor-element-b9ff087 .cont-bou{
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(8px);
  opacity: 0;
  transition: .3s ease;
  background-color: rgba(246, 246, 244, .6);
  padding: 26px 40px 26px 40px;
  width: fit-content !important;
}

.elementor-element-b9ff087:hover .cont-bou{
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.elementor-element-b9ff087 .img-bou img{
  width: 700px !important;
  height: 500px !important;
  object-fit: cover !important;
  filter: saturate(.6) !important;   
  transition: .4s ease !important;
}

.elementor-element-b9ff087:hover .img-bou img{
	filter: saturate(1) !important;
}
/* BOUCLEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE */


.elementor-button .elementor-button-text{
  font-family: var(--typoTXT) !important;
  font-size: 36px !important;
  font-weight: bold !important;
  color: #2b2b2b;
}

.elementor-button .elementor-button-icon svg{
  width: 78px !important;
  height: auto !important;
  transform: translateY(3px) !important;
  transition: .4s ease !important;
}

.elementor-button:hover .elementor-button-icon svg{
  transform: translateX(6px) translateY(3px) !important;
}

#btn-form{
  background: transparent;
}

.elementor-form .elementor-field-label::after{
  color: var(--colorACCENT) !important;
}

.slash-con{
  font-family: var(--typoTITRE) !important;
  font-size: 505px;
  color: var(--colorACCENT) !important;
}

/* LISTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT */

#list-slash li{
  position: relative !important;
  list-style: none !important;

}

#list-slash li::before{
  position: absolute !important;
  content:"/" !important;
  font-family: var(--typoTITRE) !important;
  font-size: 19px !important;
  color: var(--colorACCENT) !important;
  left: -14px !important;
  bottom: 3px !important;
}


/* LISTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTTT */