/*
Theme Name: martinberger
Theme URI:  http://www.ateliermartinberger.com/
Author:     Jordane Cals
Author URI: http://www.jordanecals.com
Template:   beclinic
Version:    1.0
*//* ---------------- 2019/2020 — COULEURS UTILISÉES ----------------------------------

vert — #00985f
vert clair — #7fcbaf
vert très clair — #bfe5d7
vert très très clair — #dff2ea

jaune — #f9af2b
jaune clair — #fcd795
jaune très clair — #fdebca
jaune très très clair — #fef5e5
  

*//* ---------------- PRELOADER ----------------------------------*/

.page-preloader-cover {
	position: fixed;
	z-index: 1200;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%; 
	background-color: #ffffff;
}
.cssload-dots {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	outline: 1px solid red;
	filter: url(#goo);
		-o-filter: url(#goo);
		-ms-filter: url(#goo);
		-webkit-filter: url(#goo);
		-moz-filter: url(#goo);
}

.cssload-dot {
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
}
.cssload-dot:before {
	content: "";
	width: 34px;
	height: 34px;
	border-radius: 49px;
	background: rgb(0,152,95);
	position: absolute;
	left: 50%;
	transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
	margin-left: -17.5px;
	margin-top: -17.5px;
}



.cssload-dot:nth-child(5):before {
	z-index: 100;
	width: 44.5px;
	height: 44.5px;
	margin-left: -21.75px;
	margin-top: -21.75px;
	animation: cssload-dot-colors 3.4s ease infinite;
		-o-animation: cssload-dot-colors 3.4s ease infinite;
		-ms-animation: cssload-dot-colors 3.4s ease infinite;
		-webkit-animation: cssload-dot-colors 3.4s ease infinite;
		-moz-animation: cssload-dot-colors 3.4s ease infinite;
}


.cssload-dot:nth-child(1) {
	animation: cssload-dot-rotate-1 3.4s 0s linear infinite;
		-o-animation: cssload-dot-rotate-1 3.4s 0s linear infinite;
		-ms-animation: cssload-dot-rotate-1 3.4s 0s linear infinite;
		-webkit-animation: cssload-dot-rotate-1 3.4s 0s linear infinite;
		-moz-animation: cssload-dot-rotate-1 3.4s 0s linear infinite;
}
.cssload-dot:nth-child(1):before {
	background-color: rgb(0,152,95);
	animation: cssload-dot-move 3.4s 0s ease infinite;
		-o-animation: cssload-dot-move 3.4s 0s ease infinite;
		-ms-animation: cssload-dot-move 3.4s 0s ease infinite;
		-webkit-animation: cssload-dot-move 3.4s 0s ease infinite;
		-moz-animation: cssload-dot-move 3.4s 0s ease infinite;
}

.cssload-dot:nth-child(2) {
	animation: cssload-dot-rotate-2 3.4s 0.85s linear infinite;
		-o-animation: cssload-dot-rotate-2 3.4s 0.85s linear infinite;
		-ms-animation: cssload-dot-rotate-2 3.4s 0.85s linear infinite;
		-webkit-animation: cssload-dot-rotate-2 3.4s 0.85s linear infinite;
		-moz-animation: cssload-dot-rotate-2 3.4s 0.85s linear infinite;
}
.cssload-dot:nth-child(2):before {
	background-color: rgb(249,175,43);
	animation: cssload-dot-move 3.4s 0.85s ease infinite;
		-o-animation: cssload-dot-move 3.4s 0.85s ease infinite;
		-ms-animation: cssload-dot-move 3.4s 0.85s ease infinite;
		-webkit-animation: cssload-dot-move 3.4s 0.85s ease infinite;
		-moz-animation: cssload-dot-move 3.4s 0.85s ease infinite;
}

.cssload-dot:nth-child(3) {
	animation: cssload-dot-rotate-3 3.4s 1.7s linear infinite;
		-o-animation: cssload-dot-rotate-3 3.4s 1.7s linear infinite;
		-ms-animation: cssload-dot-rotate-3 3.4s 1.7s linear infinite;
		-webkit-animation: cssload-dot-rotate-3 3.4s 1.7s linear infinite;
		-moz-animation: cssload-dot-rotate-3 3.4s 1.7s linear infinite;
}
.cssload-dot:nth-child(3):before {
	background-color: rgb(0,152,95);
	animation: cssload-dot-move 3.4s 1.7s ease infinite;
		-o-animation: cssload-dot-move 3.4s 1.7s ease infinite;
		-ms-animation: cssload-dot-move 3.4s 1.7s ease infinite;
		-webkit-animation: cssload-dot-move 3.4s 1.7s ease infinite;
		-moz-animation: cssload-dot-move 3.4s 1.7s ease infinite;
}

.cssload-dot:nth-child(4) {
	animation: cssload-dot-rotate-4 3.4s 2.55s linear infinite;
		-o-animation: cssload-dot-rotate-4 3.4s 2.55s linear infinite;
		-ms-animation: cssload-dot-rotate-4 3.4s 2.55s linear infinite;
		-webkit-animation: cssload-dot-rotate-4 3.4s 2.55s linear infinite;
		-moz-animation: cssload-dot-rotate-4 3.4s 2.55s linear infinite;
}
.cssload-dot:nth-child(4):before {
	background-color: rgb(249,175,43);
	animation: cssload-dot-move 3.4s 2.55s ease infinite;
		-o-animation: cssload-dot-move 3.4s 2.55s ease infinite;
		-ms-animation: cssload-dot-move 3.4s 2.55s ease infinite;
		-webkit-animation: cssload-dot-move 3.4s 2.55s ease infinite;
		-moz-animation: cssload-dot-move 3.4s 2.55s ease infinite;
}

@keyframes cssload-dot-move {
	0% {
		transform: translateY(0);
	}
	18%, 22% {
		transform: translateY(-68px);
	}
	40%, 100% {
		transform: translateY(0);
	}
}

@-o-keyframes cssload-dot-move {
	0% {
		-o-transform: translateY(0);
	}
	18%, 22% {
		-o-transform: translateY(-68px);
	}
	40%, 100% {
		-o-transform: translateY(0);
	}
}

@-ms-keyframes cssload-dot-move {
	0% {
		-ms-transform: translateY(0);
	}
	18%, 22% {
		-ms-transform: translateY(-68px);
	}
	40%, 100% {
		-ms-transform: translateY(0);
	}
}

@-webkit-keyframes cssload-dot-move {
	0% {
		-webkit-transform: translateY(0);
	}
	18%, 22% {
		-webkit-transform: translateY(-68px);
	}
	40%, 100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes cssload-dot-move {
	0% {
		-moz-transform: translateY(0);
	}
	18%, 22% {
		-moz-transform: translateY(-68px);
	}
	40%, 100% {
		-moz-transform: translateY(0);
	}
}

@keyframes cssload-dot-colors {
	0% {
		background-color: rgb(249,175,43);
	}
	25% {
		background-color: rgb(0,152,95);
	}
	50% {
		background-color: rgb(249,175,43);
	}
	75% {
		background-color: rgb(0,152,95);
	}
	100% {
		background-color: rgba(249,175,43,0.96);
	}
}

@-o-keyframes cssload-dot-colors {
	0% {
		background-color: rgb(249,175,43);
	}
	25% {
		background-color: rgb(0,152,95);
	}
	50% {
		background-color: rgb(249,175,43);
	}
	75% {
		background-color: rgb(0,152,95);
	}
	100% {
		background-color: rgba(249,175,43,0.96);
	}
}

@-ms-keyframes cssload-dot-colors {
	0% {
		background-color: rgb(249,175,43);
	}
	25% {
		background-color: rgb(0,152,95);
	}
	50% {
		background-color: rgb(249,175,43);
	}
	75% {
		background-color: rgb(0,152,95);
	}
	100% {
		background-color: rgba(249,175,43,0.96);
	}
}

@-webkit-keyframes cssload-dot-colors {
	0% {
		background-color: rgb(249,175,43);
	}
	25% {
		background-color: rgb(0,152,95);
	}
	50% {
		background-color: rgb(249,175,43);
	}
	75% {
		background-color: rgb(0,152,95);
	}
	100% {
		background-color: rgba(249,175,43,0.96);
	}
}

@-moz-keyframes cssload-dot-colors {
	0% {
		background-color: rgb(249,175,43);
	}
	25% {
		background-color: rgb(0,152,95);
	}
	50% {
		background-color: rgb(249,175,43);
	}
	75% {
		background-color: rgb(0,152,95);
	}
	100% {
		background-color: rgba(249,175,43,0.96);
	}
}

@keyframes cssload-dot-rotate-1 {
	0% {
		transform: rotate(-105deg);
	}
	100% {
		transform: rotate(270deg);
	}
}

@-o-keyframes cssload-dot-rotate-1 {
	0% {
		-o-transform: rotate(-105deg);
	}
	100% {
		-o-transform: rotate(270deg);
	}
}

@-ms-keyframes cssload-dot-rotate-1 {
	0% {
		-ms-transform: rotate(-105deg);
	}
	100% {
		-ms-transform: rotate(270deg);
	}
}

@-webkit-keyframes cssload-dot-rotate-1 {
	0% {
		-webkit-transform: rotate(-105deg);
	}
	100% {
		-webkit-transform: rotate(270deg);
	}
}

@-moz-keyframes cssload-dot-rotate-1 {
	0% {
		-moz-transform: rotate(-105deg);
	}
	100% {
		-moz-transform: rotate(270deg);
	}
}

@keyframes cssload-dot-rotate-2 {
	0% {
		transform: rotate(165deg);
	}
	100% {
		transform: rotate(540deg);
	}
}

@-o-keyframes cssload-dot-rotate-2 {
	0% {
		-o-transform: rotate(165deg);
	}
	100% {
		-o-transform: rotate(540deg);
	}
}

@-ms-keyframes cssload-dot-rotate-2 {
	0% {
		-ms-transform: rotate(165deg);
	}
	100% {
		-ms-transform: rotate(540deg);
	}
}

@-webkit-keyframes cssload-dot-rotate-2 {
	0% {
		-webkit-transform: rotate(165deg);
	}
	100% {
		-webkit-transform: rotate(540deg);
	}
}

@-moz-keyframes cssload-dot-rotate-2 {
	0% {
		-moz-transform: rotate(165deg);
	}
	100% {
		-moz-transform: rotate(540deg);
	}
}

@keyframes cssload-dot-rotate-3 {
	0% {
		transform: rotate(435deg);
	}
	100% {
		transform: rotate(810deg);
	}
}

@-o-keyframes cssload-dot-rotate-3 {
	0% {
		-o-transform: rotate(435deg);
	}
	100% {
		-o-transform: rotate(810deg);
	}
}

@-ms-keyframes cssload-dot-rotate-3 {
	0% {
		-ms-transform: rotate(435deg);
	}
	100% {
		-ms-transform: rotate(810deg);
	}
}

@-webkit-keyframes cssload-dot-rotate-3 {
	0% {
		-webkit-transform: rotate(435deg);
	}
	100% {
		-webkit-transform: rotate(810deg);
	}
}

@-moz-keyframes cssload-dot-rotate-3 {
	0% {
		-moz-transform: rotate(435deg);
	}
	100% {
		-moz-transform: rotate(810deg);
	}
}

@keyframes cssload-dot-rotate-4 {
	0% {
		transform: rotate(705deg);
	}
	100% {
		transform: rotate(1080deg);
	}
}

@-o-keyframes cssload-dot-rotate-4 {
	0% {
		-o-transform: rotate(705deg);
	}
	100% {
		-o-transform: rotate(1080deg);
	}
}

@-ms-keyframes cssload-dot-rotate-4 {
	0% {
		-ms-transform: rotate(705deg);
	}
	100% {
		-ms-transform: rotate(1080deg);
	}
}

@-webkit-keyframes cssload-dot-rotate-4 {
	0% {
		-webkit-transform: rotate(705deg);
	}
	100% {
		-webkit-transform: rotate(1080deg);
	}
}

@-moz-keyframes cssload-dot-rotate-4 {
	0% {
		-moz-transform: rotate(705deg);
	}
	100% {
		-moz-transform: rotate(1080deg);
	}
}


/*---------------- TYPOGRAPHIE ---------------------------------------------------------------------------------- */

@font-face {
    font-family: 'gotham-bold';
    src: url('font/Gotham-Bold.otf') format('otf'),
         url('font/Gotham-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham-bold-italic';
    src: url('font/Gotham-BoldItalic.ttf') format('ttf'),
         url('font/Gotham-BoldItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham-light';
    src: url('font/Gotham-Light.otf') format('otf'),
         url('font/Gotham-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham-light-italic';
    src: url('font/Gotham-LightItalic.ttf') format('ttf'),
         url('font/Gotham-LightItalic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/*----------------------------- BASICS & STYLING -------------------------------------------------------------------*/


.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media (min-width: 544px) { 
.container { max-width: 576px;  } 
}
@media (min-width: 768px) {
.container { max-width: 1000px!important; } 
}
@media (min-width: 992px) {
.container { max-width: 1200px !important;  } 
}


body {
font-family: 'gotham-light'!important;
font-weight:normal !important;
color: #000000 !important;
font-size: 13px !important;
line-height : 17px !important;
}
a{
font-family: 'gotham-bold'!important;
font-weight:normal !important;
}
a:hover{
    color: #cccccc;
}
.jet-menu .jet-menu-item .top-level-link{
color:#000000 !important;
font-weight:normal;
letter-spacing: 2px;
font-weight:normal !important;
font-size:0.8em;
font-family: 'gotham-bold'!important;
text-transform: uppercase;
}
.jet-current-menu-parent a {
color:#000000 !important; 
}

strong, b {
font-family: 'gotham-bold'!important;
font-weight:normal !important;
font-size: 13px !important;
line-height : 0px !important;
}
h1,h2,h3{
margin: 0 0 !important;
font-weight: normal !important;
font-style: normal !important;
}
h1 {
font-family: 'gotham-light'!important;
font-size: 46px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
line-height: 1.4 !important;
}
h2 {
font-family: 'gotham-bold'!important;
font-size: 36px !important;
line-height: 1em !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
line-height: auto !important;
}
h3 {
font-family: 'gotham-bold' !important;
font-size: 25px !important;
text-transform: uppercase !important;
line-height: auto !important;
}
.home-desc h3 { text-transform: none!important; }
h4{
font-family: adobe-garamond-pro, serif !important;
font-weight: 400 !important;
font-style: italic !important;
line-height: auto !important;
}
h5{
font-family: 'gotham-light'!important;
font-size: 20px !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
line-height: auto !important;
}
h6{
font-weight: normal !important;
font-size: 14px !important;
line-height: auto !important;
}
p{
font-family: 'gotham-light' !important;
font-weight:normal !important;
color: #000000 !important;
font-size: 13px !important;
line-height : 18px !important;
font-style: normal !important;
}
em{
font-family: adobe-garamond-pro, serif !important;
font-weight: 400 important;
font-style: italic !important;
line-height: auto !important;
font-size: 18px !important;
}
blockquote:before{
display:none;
}
blockquote, blockquote p{
font-family: adobe-garamond-pro, serif !important;
font-weight: 400 !important;
font-style: italic !important;
font-size: 36px !important;
line-height: 40px!important;
padding: 0;
}
blockquote cite{
line-height: 40px!important;
font-family: adobe-garamond-pro, serif !important;
font-weight: 400 !important;
font-style: italic !important;
font-size: 36px !important;
}
.entry-content ul li:before{
color: #000000 !important;
content:"•";
margin: 0px;
padding: 5px 5px 13px 0;
line-height: 1px;
}
.elementor-widget-text-editor{
font-family: 'gotham-light'!important;
font-weight:normal !important;
color: #000000 !important;
font-size:18px !important;
}
.elementor-widget-heading .elementor-heading-title > a{
    color: #ffffff!important;
}
.elementor-widget-heading .elementor-heading-title > a:hover{
    color: #000000!important;
}
.elementor-widget-container .elementor-button-wrapper .elementor-button.elementor-size-sm, 
.elementor-widget-container .elementor-button-wrapper .elementor-button.elementor-size-md,
.elementor-widget-container .elementor-button-wrapper .elementor-button.elementor-size-lg,
.elementor-widget-container .elementor-button-wrapper .elementor-button.elementor-size-xl{
    background-color: #ffffff!important;
    color: #000000 !important;
    font-family: 'gotham-bold'!important;
    font-weight: normal !important;
    font-style: normal !important;
}
.elementor-widget-container .elementor-button-wrapper .elementor-button.elementor-size-sm:hover, 
.elementor-widget-container .elementor-button-wrapper .elementor-button.elementor-size-md:hover,
.elementor-widget-container .elementor-button-wrapper .elementor-button.elementor-size-lg:hover,
.elementor-widget-container .elementor-button-wrapper .elementor-button.elementor-size-xl:hover{
    background-color: #ffffff !important;
    color: #000000 !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.elementor hr{
    height: 0px !important;
    border-top:#000000 solid 1px!important;
    margin: 15px 0;
}

@media (max-width: 544px){ 
h1{ font-size: 30px !important; }
}

/**------------------------ NAVIGATION TOP AND BOTTOM ----------------------------------------------------**/

#toTop{ background:#000000 !important; }
#toTop:hover{ background:#000000 !important;  }
#toTop:before { color: #fff!important; }
header.site-header { position:absolute; left:0; right:0; z-index:100;top:0; margin:0; box-shadow: none;  }  
.header-container { background-color:transparent!important }
.header-container>.container { max-width:none!important  }
.site-header .isStuck.header-container.stuckMenu { position: static!important }

	.mobile-panel,
	.admin-bar .mobile-panel { position:absolute; top: 24px!important; left:20px; padding:0; height: 32px;
	 display: block; visibility: visible; background-color:transparent!important }
	.admin-bar .mobile-panel { top: 52px;  }
	 	.menu-toggle .menu-toggle-inner, .menu-toggle .menu-toggle-inner:before, .menu-toggle .menu-toggle-inner:after,
		.menu-toggle:hover .menu-toggle-inner, .menu-toggle:hover .menu-toggle-inner:before, .menu-toggle:hover .menu-toggle-inner:after { background-color: #fff!important  } 
		.menu-toggle.toggled .menu-toggle-inner, .menu-toggle.toggled .menu-toggle-inner::before, .menu-toggle.toggled .menu-toggle-inner::after { background-color: #000!important  }

	.header-container__wrap { position: relative;; padding:10px 0; 
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-webkit-align-items: center; -ms-flex-align: center; align-items: center; 
	-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
	-webkit-align-items:center; -ms-flex-align:center; align-items: center;
	-webkit-justify-content:start; -ms-flex-pack:start; justify-content: flex-start; }
		.header-container__flex { padding-top: 0; padding-bottom: 0; -webkit-justify-content:flex-start; -ms-flex-pack: flex-start; justify-content: flex-start;
		-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
		-webkit-flex: 1 0 100%; -ms-flex: 1 0 100%; flex: 1 0 100%; margin:0 }
			.site-header.style-3 .header-container .site-branding { color:#FFF; font-size:23px; width:auto!important; margin-left:50px; margin-right:50px; padding-top: 17px; padding-bottom: 13px;
			-webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; }
		.header-nav-wrapper { position: relative; text-align:center;
		-webkit-flex: 0 0 66.666666%; -ms-flex: 0 0 66.666666%; flex: 0 0 66.666666%;
		-webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
		nav.main-navigation { margin:0 auto}
		.header-nav-wrapper.secondary { justify-content:flex-end;
		-webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%;}
		.site-header div.main-navigation { position:fixed;background-color: #fff;  top:0; left: 0; right: 0; bottom: 0; z-index: 997; padding-top: 70px; padding-bottom:80px; margin: 0;width: 100%; height: 100vh;
		-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%);
		transition: transform .2s linear;  }
		div.main-navigation>ul.menu {  display:block; padding-left:20px; padding-right:20px; width:100%; margin-top:calc(50vh - 300px); } 
		.top-panel__menu-list .menu-item { margin:0 10px }
		.site-header div.main-navigation.show { 
		-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);  }
		div.main-navigation .menu li,
		div.main-navigation:not(.vertical-menu) .menu > li { text-align:center; margin-bottom:26px; display:block; width:100%;  }
		div.main-navigation:not(.vertical-menu) .menu > li > a:before{ display:none }
		.main-navigation:not(.vertical-menu) .sub-menu, .main-navigation.mobile-menu { background-color: transparent}

.top-panel__menu { padding: 0; border-bottom: none; }
.top-panel__menu ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: static; }
.header-nav-wrapper a, 
div.main-navigation a { color:#FFF } 
.site-header.style-3 .header-container .site-branding .site-logo__link { color:#FFF } 
div.main-navigation .menu > li > a,
.top-panel__menu ul > li > a { margin-top:10px!important; margin-bottom:10px!important; font-weight: normal; letter-spacing: 2px; font-weight: normal !important; font-size: 0.9em; font-family: 'gotham-bold'!important; text-transform: uppercase; }
.top-panel__menu ul > li > a i { font-size: 1.25em; }

@media (min-width: 768px) { 
div.main-navigation .menu > li > a,
.top-panel__menu ul > li > a  { padding:5px 0;} 
}

@media (max-width: 991px) { 
div.main-navigation .main-navigation.mobile-menu { position: relative!important; -webkit-transform: none; -ms-transform: none; transform: none; height: auto;
}
.main-navigation.mobile-menu > .menu { padding-left:0}
.top-panel__menu ul.container { padding-right:0}
.top-panel__menu ul li { text-align:center; margin-bottom:26px; }
.top-panel__menu-list .menu-item {
    margin: 0 10px;!important
}
.main-navigation.mobile-menu.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}
.main-navigation.mobile-menu { padding-top: 60px; }
div.main-navigation .menu > li > a,
.top-panel__menu ul > li > a  { display: inline-block; padding: 5px;}
div.main-navigation .menu > li > a, 
.top-panel__menu ul > li > a,
div.main-navigation.mobile-menu .menu > li > a{ color:#000!important }
div.main-navigation .menu > li > a:hover, 
.top-panel__menu ul > li > a:hover,
div.main-navigation.mobile-menu .menu > li > a:hover { background-color: #CCC; color:#000 }
.header-nav-wrapper.secondary { justify-content:center; margin-top:60px}
}

@media (min-width: 992px) {
.site-header .isStuck.header-container.stuckMenu { position: fixed!important }
.isStuck { background-color:#FFF!important; transition: background .3s; }
.mobile-panel,
.admin-bar .mobile-panel  { display: none; visibility: hidden; left: -999em; height: 0; }
.header-container__wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
-webkit-justify-content:start; -ms-flex-pack:start; justify-content:space-between;  }
.header-container__flex {
-webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
.site-header.style-3 .header-container .site-branding { margin-left:20px; padding-top: 13px; padding-bottom: 17px;
-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } 
.home .site-header.style-3 .header-container:not(.isStuck) .site-branding .site-logo__link { opacity:0} 
.site-header div.main-navigation { display:flex;; background-color:transparent; position:static; padding-top:0; padding-bottom:0; width:75%; height: auto; 
-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }   
.site-header .top-panel__menu { flex-grow:0; background-color:transparent; position:static; padding-top:0; padding-bottom:0; width: auto; height: auto; 
-webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }   

div.main-navigation>ul.menu { padding-left:0; padding-right:0; width: auto; margin-top:0; justify-content: center }
div.main-navigation .menu li,
div.main-navigation:not(.vertical-menu) .menu > li,
.top-panel__menu ul > li  { margin-bottom:0; width: auto; 
display: -webkit-flex; display: -ms-flexbox; display: flex; }
.header-container:not(.isStuck) div.main-navigation .menu > li > a { color:#fff  }
.header-container.isStuck div.main-navigation .menu > li > a,
.site-header.style-3 .header-container.isStuck .site-branding .site-logo__link,
.header-container.isStuck .top-panel__menu ul > li > a { color:#000  }
}

/*---------------------------------- FOOTER --------------------------------------------------------------*/
.site-footer{
background-color: #ffffff !important;
border-top:none !important;
}
.footer-area-wrap, .footer-social-wrap{
    background-color: #ffffff !important;
}
.widget .widget-title{
font-family: 'gotham-bold'!important;
text-transform: uppercase;
color:#000000 !important;
line-height: 16px !important;
font-size: 12px !important;
letter-spacing:0.6px;
}
.footer-area{
color:#000000 !important;
padding: 50px 0 0px !important;
}
.footer-area p{
color:#000000;
line-height: 16px !important;
font-size: 12px !important;
letter-spacing:0.6px;
}
.footer-area .widget-title{
font-weight: normal !important;
}
.footer-copyright, .invert .footer-menu .menu-item a,  .site-footer a{
font-family: 'gotham-light'!important;
line-height: 16px !important;
font-size: 12px !important;
letter-spacing:0.6px;
color:#000000 !important;
}
.footer-copyright a{
font-size: 9px !important;
font-weight:400;
color:#000 !important;
font-family: 'gotham-light'!important;
}
.footer-menu__items .menu-item + .menu-item::before, .menu-item::before {
    display:none;
}
.invert .footer-menu .menu-item a{
padding: 0 10px;
border-left:1px solid #000; 
font-family: 'gotham-bold'!important;
text-transform: uppercase !important;
}
.footer-container{
    border: none !important;
}
.footer-container_wrap, .footer-container_wrap p{
color:#000000 !important;
line-height: 16px !important;
font-size: 12px !important;
letter-spacing:0.6px;
}
.invert .footer-menu li.menu-item:first-of-type a{
padding: 0 10px 0 0;
border-left:0;  
}
.invert.footer-social-wrap, .site-footer .subscribe-block, .site-footer .social-list{
display:none;
}
.site-footer.style-2 .site-info {
text-align: left !important;
}
.site-footer.style-2 .site-info > * + .footer-copyright {
    margin: 0 0;
}
.site-footer.style-2 .footer-menu__items {
justify-content: left !important;
}
.invert .widget ul li a{
font-family: 'gotham-light'!important;
font-weight: normal !important;
color:#000000 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
}
.invert .widget ul li:first-of-type a{
font-family: 'gotham-bold'!important;
font-size: 20px !important;
margin-bottom : 20px !important;
}
.site-footer.style-2 .footer-container {
padding-top: 0px !important;
color:#000000 !important;
}
.widget{
    margin-bottom:0px;
}
.footer-menu__items .menu-item + .menu-item::before{
line-height: 25px !important;
color:#000000 !important;
}
.wp-image-1248{
	float:right;
}
@media (max-width: 768px){
.invert .footer-menu .menu-item{
    width:100%;
}
.site-footer.style-2 p{
    text-align:center;
}
.wp-image-1248 {
    left: 37%;
    float: left;
    position: relative;
}
.invert .footer-menu .menu-item a{
    border-left:none;
    padding-right: 0;
    margin: 0 auto;
}
.site-footer.style-2 .footer-menu__items{
    justify-content:center !important;
}
.site-footer.style-2 .site-info{
    text-align:center !important;
}
}

/*---------------------------- COOKIES NOTICE -----------------------------------------------------------*/
.cookie-notice-container{
box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
.cookie-notice-container span{
font-family: 'gotham-light'!important;
font-weight: normal !important;
font-size: 12px !important;
line-height : 17px !important;

}
.cookiiees{
	background-color: #ffffff !important;
	border: 1px solid #cccccc;
	color:#000000 !important;
	margin:15px 18px;
	padding:5px 15px;
}
.cookiiees:hover{
background-color: #cccccc!important;
}

/** ----------------- ENTÊTE PAGE --------------------------------------------------------------------------**/
.no-fat .elementor-heading-title > a, .no-fat .elementor-heading-title > a:hover{
font-family: 'gotham-light'!important;
font-weight: normal !important;
color:#FFFFFF !important;
opacity: 1;
}

/*-----------------HOME PAGE --------------------------------------------------------------------------------*/
.blanc .elementor-heading-title, .blanc a{
    color:#ffffff !important;
}
.lien a {
	color:#000000 !important;
}
.elementor-6 .elementor-element.elementor-element-fe57161.elementor-widget-heading .elementor-heading-title{
    font-family: 'gotham-light'!important;
    font-weight: normal !important;
    font-style: normal;
}

/**-------------------------SLIDER---------------------------------------------------------------------------**/
.rev_slider{
font-family: 'gotham-light'!important;
}

.jet-simple-menu-item .jet-sub-menu li:first-of-type{
	border-top: 0px !important;
}
.jet-custom-nav > .jet-custom-nav__item:first-of-type > a{
		border-top: 0px	!important;
	
}
.titre-de-menu > a{
		border-top: 0px	!important;
}
.searchandfilter ul li:before{
	display:none;
}


.position-fullwidth.archive .cherry-projects-wrapper .projects-filters::before, .position-fullwidth .elementor-col-100 .cherry-projects-wrapper .projects-filters::before, .position-fullwidth [data-col="100"] .cherry-projects-wrapper .projects-filters::before {
    width: 1200px;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-bottom: 1px dotted #000;
}

/** --------------------- GALERIE------------------------------------------------------------------------ **/
.tax-projects_category .site-main{
	margin-bottom: 30px;
}

.jet-desktop-menu-active .jet-menu--animation-type-move-down .jet-sub-mega-menu{
	top : 0 !important;
}
.jet-desktop-menu-active .jet-sub-mega-menu{
	background-color :transparent;
box-shadow: 2px 2px 5px rgba(0,0,0,0);
}

/** ---------------------- GALERIE - SINGLE PAGE -------------------------------------------------------- **/

.cherry-projects-slider__instance .slider-pro .sp-thumbnails-container.sp-bottom-thumbnails {
    position: relative !important;
}
.cherry-projects-slider__instance .slider-pro{
    background-color:#FFFFFF;
}
.cherry-projects-slider__instance .slider-pro .sp-thumbnails-container .sp-selected-thumbnail .sp-thumbnail {
    border: 3px solid #000000;
}
.cherry-projects-slider__instance .slider-pro .sp-thumbnails-container{
    background-color:#FFFFFF;
}
.project-entry-title{
    padding-bottom:25px;
}
.cherry-projects-single__media{
    padding: 20px 0;
}
.cherry-projects-single__container {
    display: block !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}
.cherry-projects-single__header{
    padding:20px 0 0 0;
}
.retour-gallery, .retour-project{
    text-align: right;
    padding: 0 0 12px 0;
    border-bottom: 1px solid;
    width: 100%;
    margin:70px 0 20px;
}
.retour-gallery-bas, .retour-project-bas{
    text-align: right;
    padding: 12px 0 0 0;
    border-top: 1px solid;
    width: 100%;
    margin: 20px 0 0;
}
.retour-gallery a, .retour-gallery-bas a, .retour-project a, .retour-project-bas a {
    color:#000000;
padding:0 5px 0 10px;
}

.projects-container:not(.list-layout) .projects-item .post-terms a{
font-family: 'gotham-light'!important;
font-weight: normal !important;
letter-spacing:normal !important;
color:#ffffff !important;	
}
.cherry-projects-single-post .post-terms {
margin: 10px 0;
border-bottom: 1px dotted #000;
padding: 15px 0 10px;
border-top: 1px dotted;
}
.cherry-projects-wrapper .projects-item .post-terms{
text-transform: none !important;
}
	
.slider-pro.total-1 .sp-arrow,
.slider-pro.total-1 .sp-thumbnails-container { display: none !important;}

/*------------------------ GALERIE > FILTRE CATEGORIES -----------------------------------------------------*/

.cherry-projects-wrapper ul.amb-projets-filters-list > li:first-child, .cherry-projects-wrapper ul.order-filters > li:first-child{
	display:none;
}

.cherry-projects-wrapper{
    transition: .1s;
    font-family: 'gotham-light';
    font-weight: normal;
}

.cherry-projects-wrapper ul.amb-projets-filters-list > li.active span, .cherry-projects-wrapper ul.order-filters > li.active span{
font-family: 'gotham-bold'!important;
font-weight: normal !important;
}
ul.amb-projets-filters-list li::before {
    content: none;
}

.projects-item-instance  .hover-content{
	background-color: rgba(0,0,0,0.6) !important;
}
.projects-container:not(.list-layout) .projects-item .project-entry-title a{
font-family: 'gotham-bold'!important;
font-weight: normal !important;
font-size:29px !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
font-style: normal;
}
.projects-container:not(.list-layout) .projects-item .project-entry-title a:hover {
color: #cccccc !important;
}
.projects-container:not(.list-layout) .projects-item .post-terms:hover{
color:#cccccc !important;
}

/** ------------------- L'ATELIER ---------------------------------------------------------------------------- **/
.small {
font-family: 'gotham-light'!important;
font-size:25px;
}

.retour-atelier .elementor-heading-title > a{
color:#000000 !important;
font-family: 'gotham-bold' !important;
font-weight:normal !important;
font-style: normal !important;
} 

/** --------------------- LIGHT BOX - IMAGES ------------------------------------------------------------------- **/
.elementor-lightbox .elementor-lightbox-item{
	padding:10px 10px !important;
}

.elementor-element#footer-copyright { transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: 30px; margin-bottom: 30px; padding: 0px 0px 20px 0px; }


/** ------------------ POSTS (PROJETS)--------------------------------------------------------------------------**/

.single .related-posts{ display:none; }

/* ---- isotope ---- */
.grid {  } 
/* clear fix */
.grid:after { content: ''; display: block; clear: both; }

/* ---- .projects-item ---- */ 
.projects-item { position: relative;  }
.projects-item > * {
  margin: 0;
  padding: 0;
} 

#amb-projets { } 

	.amb-projets-filters-list,
	ul.projects-filters-list { font-family:Lato, sans-serif; color: #949494; font-weight: 700; line-height: 1.5; text-align: center; font-size: 14px; list-style:none; position:relative; 
	display: flex; flex-wrap: wrap; justify-content: center; align-content: center; } 
	.amb-projets-filters-list { padding:0 0 20px 0; margin:20px 0; border-bottom:1px dotted #000; } 
		.amb-projets-filters-list li { padding:5px 20px; cursor:pointer }  
		.amb-projets-filters-list li:hover { color:#000 }  
		ul.projects-filters-list li:first-child,
		.amb-projets-filters-list li:first-child,
		ul.projects-filters-list li:before { display:none}  
	
	#amb-projets .projects-container { margin-top:30px  } 
	#amb-projets .projects-list { } 
	#amb-projets .projects-container:not(.list-layout) .projects-item .project-entry-title a,
	#amb-projets .projects-container:not(.list-layout) .projects-item .post-term,
	#amb-projets-related .projects-container:not(.list-layout) .projects-item .post-terms { color: #FFF}
	#amb-projets .projects-item,
	#amb-projets-related .projects-item { flex-basis: 100%; width:100%; }
	#amb-projets  .projects-item .inner-wrapper,
	#amb-projets-related .projects-item .inner-wrapper { background-color:#000 }
	#amb-projets  .projects-item .post-terms,
	#amb-projets-related .projects-container:not(.list-layout) .projects-item .post-terms { margin-bottom:0 }
	
@media (min-width: 544px) {  
}
@media (min-width: 768px) { 
#amb-projets .projects-item,
#amb-projets-related .projects-item  { flex-basis: 50%; width: 50%; }
}
@media (min-width: 992px) { 
#amb-projets .projects-item,
#amb-projets-related .projects-item  { flex-basis: 33.3333%; width: 33.3333%; }
}


/** ------------------ Related POSTS (PROJETS)--------------------------------------------------------------------------**/
#amb-projets-related { border-style: solid; border-width: 1px 0px 0px 0px;  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; }
#amb-projets-related .elementor-widget-container { margin: 0; }
#amb-projets-related .projects-container.grid-layout .projects-list { height:auto}
#amb-projets-related .elementor-container-title .elementor-widget-container { margin-top: 15px; }
#amb-projets-related .elementor-heading-title { color:#000 }