/*
   Theme Name: RemSEO Flexo
   Theme URI: http://www.remseo.fr
   Description: Thème multi-usage développé autour d'ACF Pro, Elementor, Woocommerce | Version Mars 2023 - Les version 1.x.x et 2.x.x ne sont plus maintenues, merci de vous rapprocher du développeur pour passer aux version 3.x.x
   Author: Remi COLIN - projets@remseo.fr
   URI: https://www.remseo.fr
   Version: 3.0.1

 /* Custom styles
--------------------------------------------*/

/*Fast fix - Saverne CF7 forms => input and label placement*/
.general-contacts div.input-field > p,
.saverne-perm-form div.input-field > p {display: flex; flex-direction: column-reverse;}
.general-contacts > p,
.saverne-perm-form > p {margin: 0 auto;}

#saverne-intro-home-custom {margin-top: 0;}
#saverne-intro-home-custom .theme-widget.slider-section .slider-wrapper {height: 60vh;}
#saverne-intro-home-custom .theme-widget.slider-section .widget-sub-container {margin-top: 0;}

#saverne-intro-home-custom .theme-widget.slider-section .slider-wrapper .slick-list,
#saverne-intro-home-custom .theme-widget.slider-section .slider-wrapper .slick-track,
#saverne-intro-home-custom .theme-widget.slider-section .slider-wrapper .slider-content {height: 100%;}

.elementor-widget-container h3 {color: inherit;}

/*-----------------------------
Organigramme Elementor
------------------------------*/
.remseo-org-chart .chart-title:after {
	content: '';
	position: absolute;
	left: calc(50% - 1px);
	top: 105%;
	height: 2rem;
	border-right: 2px solid;
}
.remseo-org-chart .chart-grid:not(.no-top):before {
	content: '';
	position: absolute;
	left: 0;
	top: 14px;
	width: 100%;
	border-top: 2px solid;
}
.remseo-org-chart .chart-grid:not(.no-top) .chart-card-container:before {
	content: '';
	position: absolute;
	width: 1rem;
	height: 1rem;
	border-radius: 50%;
	background-color: var(--featured-color);
	left: calc(50% - 0.5rem);
	z-index: 2;
}
/* .remseo-org-chart .chart-grid.no-top .chart-card-container:before {
	content: '';
	position: absolute;
	width: 1px;
	height: 5rem;
	left: calc(50% - 1px);
	top: -3rem;
	border-left: 2px dashed;
} */

.remseo-org-chart .chart-grid-box {height: 100%;}

/*---------------------
   Complianz Plugin
   (cookie consent)
----------------------*/
#cmplz-manage-consent .cmplz-manage-consent {right: initial !important; left: 40px;}
.hiddendiv.common {display: none !important;}

/*-------------------------
 ## SVG Map Saverne
---------------------------*/
svg#saverne-animated-map {height: 100vh; width: 100%;}
svg#saverne-animated-map text {font-family:'Akrobat'; font-size: 12px; font-weight: 400; transition: 400ms all ease-in-out;}
svg#saverne-animated-map text:hover {font-size: 13px; font-weight: 700;}
svg#saverne-animated-map text tspan {font-family:'Akrobat'; transition: 400ms all ease-in-out;}
svg#saverne-animated-map text:hover tspan {font-size: 13px; font-weight: 700;}

svg#saverne-animated-map .st2 {transition: 400ms fill ease-in-out;}
svg#saverne-animated-map .st2:hover {fill: #B55903;}
/* svg#saverne-animated-map text {} */

/* svg#saverne-animated-map .st2 line {stroke:rgba(255,255,255,0); stroke-width:0; transition: 400ms all ease-in-out;} */
/* svg#saverne-animated-map text:hover ~ line {stroke:rgba(255,255,255); stroke-width:2;} */

svg.caret {position: absolute;top: 33%;right: 0%;}

.asp_w_container {min-width: 340px !important;}
.theme-widget.shortcode-section .shortcode-content > .asp_w_container > .ajaxsearchpro.asp_main_container {max-width: 340px; margin: 0 auto;}

svg#saverne-animated-map .st0{display:none;}
svg#saverne-animated-map .st1{display:inline;}
svg#saverne-animated-map .st2{fill:#EC7404;stroke:#FFFFFF;stroke-width:3;stroke-miterlimit:10;}
svg#saverne-animated-map .st3{fill:none;}
svg#saverne-animated-map .st4{fill:#FFFFFF;}
svg#saverne-animated-map .st5{font-family:'Akrobat-Bold';}
svg#saverne-animated-map .st6{font-size:12px;}
svg#saverne-animated-map .st7{fill:#EC7404;stroke:#FFFFFF;stroke-miterlimit:10;}
svg#saverne-animated-map .st8{display:inline;fill:#E52320;}
svg#saverne-animated-map .st9{display:inline;fill:#31E223;}
svg#saverne-animated-map .st10{display:inline;fill:#F400C6;}
svg#saverne-animated-map .st11{display:inline;fill:#C3F200;}
svg#saverne-animated-map .st12{display:inline;fill:#00EFDD;}
svg#saverne-animated-map .st13{display:inline;fill:#0000ED;}

@media all and (max-width: 980px) {
	svg#saverne-animated-map {height: 90vh;}
}

@media all and (max-width: 768px) {
	svg#saverne-animated-map {height: 80vh; transform: scale(1.5); margin-top: 62px;}
}

@media all and (max-width: 580px) {
	svg#saverne-animated-map {height: 65vh;}
}

/*Allow horizontal scrolling on smaller screens*/
@media all and (max-width: 400px) {
	.svg-container {background: #ececec; overflow-x: auto; overflow-y: hidden;}
	svg#saverne-animated-map {transform: scale(1.75); margin-top: 86px;}
}
/*---------------------
    Leaflet
----------------------*/
/* Event Map-Hours container */
.leaflet {height: auto; width: 100%;}
.leaflet .leaflet-map {height: 440px;}
.leaflet-container {z-index: 10;}
.leaflet-container a.leaflet-popup-close-button {background: var(--alt-featured-color);padding: 6px;border-radius: 0 0 0 6px;color: #fff;}
.leaflet-popup-content p {width: max-content; max-width: 94%; margin: 12px auto !important; border: 1px solid var(--featured-color); border-radius: 6px; padding: 6px 12px;}

/*---------------------
    Fast fixings
----------------------*/
/*Elementor - Column conflict with gridlex*/
[class*="col-"][class*="-top"][class*="elementor"] {align-self: initial;}

/*Fix Elementor -> image lightbox opened (top icons)*/
.elementor-slideshow__header {flex-direction: row !important;}
.elementor-slideshow__header i.eicon-share-arrow,
.elementor-slideshow__header i.eicon-zoom-in-bold {
	display: none !important;
}
/*Fix Elementor -> title display in lightbox (footer)*/
.elementor-slideshow__footer > .elementor-slideshow__title {display: none;}

/*Fix Elementor -> icon on elementor buttons*/
.elementor-widget-button .elementor-button-wrapper .elementor-button-link .elementor-button-icon > i {padding: 0 8px;}
.elementor-widget-button .elementor-button-wrapper .elementor-button-link:hover .elementor-button-icon > i {}

/*Add some style for Elementor Tabs*/
.mlnm-onglets-elem .elementor-tab-title {background: initial; color: initial; background-color: #ececec; transition: 400ms all ease-in-out;}
.mlnm-onglets-elem .elementor-tab-title.elementor-active {background-color: #b50b3c; color: #ffffff;}

/*Add some style for Elementor Box Icon*/
.marae-elem-icon-box .elementor-icon-box-wrapper .elementor-icon-box-icon > .elementor-icon {max-width: 85px;}
.marae-elem-icon-box .elementor-icon-box-wrapper .elementor-icon-box-icon > .elementor-icon i::before,
.marae-elem-icon-box .elementor-icon-box-wrapper .elementor-icon-box-icon > .elementor-icon svg::before {
	transform: translateX(-75%);
}

/*Add some style for Elementor Collapse content
#Modify collapse title colors when active*/
.mlnm-collapse-elem .elementor-tab-title {background: initial; color: initial; transition: 400ms all ease-in-out;}
.mlnm-collapse-elem .elementor-tab-title.elementor-active {background-color: #b50b3c; color: #ffffff;}

/*---------------------
    Primary HTML
----------------------*/
:root {
	--main-bg: #ffffff;
	--alt-bg: #ececec;
	--secondary-bg: #23262d; /* ~Black */
	--dark-txt-color: #575756; /* Dark grey */
	--hovered-dar-txt: #868683;
	--light-txt-color: #f5f5f5; /* White ~grey */
	--hovered-light-txt: #E0E0E0;
	--title-color: #575756; /* Dark grey */
	--featured-color: #ec7404; /* Orange */
		--featured-color-50: rgba(236, 116, 4, 0.5);
		--featured-color-darker: #B55903;
		--featured-color-lighter: #FC9636;
	--alt-featured-color: #007cc4; /* Blue */
	--cf-submit-color: #6cac59 /*Green*/
}

@font-face {
    font-family:'Muli';
    src: url('./css/fonts/Muli-Regular.ttf') format('TrueType');
	font-display: swap;
}

@font-face {
    font-family:'Muli Bold';
    src: url('./css/fonts/Muli-Bold.ttf') format('TrueType');
	font-display: swap;
}

@font-face {
    font-family:'Muli Light';
    src: url('./css/fonts/Muli-Light.ttf') format('TrueType');
	font-display: swap;
}

@font-face {
    font-family:'Akrobat';
    src: url('./css/fonts/Akrobat-Regular.otf') format('OpenType');
}

@font-face {
    font-family:'Akrobat Bold';
    src: url('./css/fonts/Akrobat-Bold.otf') format('OpenType');
}

body {
	background-color: var(--main-bg);
	margin: 0 !important;
	overflow-x: hidden;
	color: var(--dark-txt-color);
	line-height: 125%;
	font-weight: 300 ;
	font-size: 18px ;
	letter-spacing: 1.25px;
	font-family: 'Akrobat', sans-serif !important;
}

/* Hide or display elements for Desktop or Tablets/mobile */
*.desktop {display: block;}
*.mobile {display: none !important;}

@media all and (max-width: 780px) {
	*.desktop {display: none !important;}
	*.mobile:not(.intro-home-container) {display: block !important;}
}

@media all and (max-width: 576px) {
	*.desktop {display: none !important;}
	*.mobile.intro-home-container {display: block !important;}
}

/* Usefull to fix main content navigation fixed state or possible problems with modal*/
#content {display: block; position: relative;}

h1, h2, h3, h4, h5, h6 {
	color: var(--title-color);
	margin:auto 0;
	padding: 5px 5px 5px 0px;
	text-align: center;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	text-transform: initial;
	font-weight: 500;
	letter-spacing: 6px;
	line-height: initial;
}

h1.intro-anim-title {
	font-family: 'Muli Bold', sans-serif;
	font-size: 3.5rem;
	text-shadow: 1px 1px var(--dark-txt-color);
}

h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.5em;}
h4 {font-size: 1.25em;}
h5, h6 {font-size: 1em; font-weight: 700;}

h1.arml-title, h2.arml-title, h3.arml-title, h4.arml-title, h5.arml-title, h6.arml-title {color: #f7941d; font-size: 1.75rem;}

a {text-decoration: none; color: var(--title-color); font-weight: 700; transition: all ease-in 200ms;}
a, a:visited {text-decoration: none; font-weight: 400;}
a:hover, a:focus, a:active {text-decoration: none; color: var(--featured-color);}

strong {font-weight: 700 !important;}

hr {max-width: 65%;}

figure {position: relative; margin: 0 !important;}

blockquote {box-shadow: -4px 0px 0px 0px #6d8d58;padding-left: 20px; max-width: 55%;}

.fa {color: #ffffff; font-size: 2rem; padding: 5px 25px 0 25px; font-weight: 600;}
.fas {color: #ffffff; font-size: 2rem; padding: 0 25px 0 25px;}
.far {color: #ffffff; font-size: 2rem; padding: 0 25px 0 25px;}

.elementor-icon .fa {color: inherit;}
.elementor-icon .fas {color: inherit;}
.elementor-icon .far {color: inherit;}

.fa.inline-icon, .fas.inline-icon, .far.inline-icon {position: relative; color: var(--featured-color); font-size: 1rem; padding: 0 4px;}
.fas.fa-quote-left.inline-icon {bottom: 6px;}
.fas.fa-quote-right.inline-icon {}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {
	blockquote {max-width: 80%;}
}

@media all and (max-width: 768px) {

}

@media all and (max-width: 576px) {
	blockquote {max-width: 95%;}
}

/*---------------------
   ## Medias styles
----------------------*/
.img-cover {
object-fit: cover;
object-position: center top;
width: 100%;
height: 100%;
}

.img-contain {
object-fit: contain;
width: 100%;
height: 100%;
}

.img-cover-logo {
object-fit: contain;
object-position: center top;
width: 100%;
height: 100% !important;
}

.img-cover.vcenter {object-position: center center;}
.img-cover.vbottom {object-position: center bottom;}

.inline-img {width: 48px; height: auto;}

.rounded-img {width: 136px; height: 136px; border-radius: 50%;}

/* Video cover style */
.video-cover {
object-fit: contain;
object-position: center top;
width: 100%;
height: 100% !important;
}

/* WP video shortcode - controls FIX */
.mejs-inner, .mejs-mediaelement, .mejs-layers {width: 100%; height: 100%;}
.mejs-controls {bottom: 0;}
audio {width: 100%;}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {
	blockquote {max-width: 80%;}
}

@media all and (max-width: 768px) {

}

@media all and (max-width: 576px) {
	blockquote {max-width: 95%;}
	img.alignnone {height: auto;}
	.inline-img {width: 36px;}
}

/*------------------------------------------
          Parallax library
@source https://github.com/nk-o/jarallax
--------------------------------------------*/
.jarallax {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/*-------------------
## Preloader
---------------------*/
.preloader-container {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: var(--featured-color);
	z-index: 9999;
}

.spinner {
  position: absolute;
  top: 48%;
  left: 48%;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/*-------------------
##  Calls to Action
---------------------*/
/* Main CTA */
.material-cta {
  display: block;
  position: relative;
  background: var(--featured-color);
  border: none;
  color: var(--light-txt-color);
  width: max-content;
  min-width: 105px;
  margin: 0 auto;
  padding: 12px 18px;
  text-align: center;
  font-weight: 400;
  text-shadow: none;
  transition: 500ms ease-in-out all;
  border-radius: 6px;
}
.material-cta:visited {color: var(--hovered-light-txt);}
.material-cta:active,
.material-cta:focus,
.material-cta:hover {color: var(--hovered-light-txt);}
.material-cta:active,
.material-cta:hover {font-size: 1.15rem; padding: 12px 24px;}

/* Borders animating CTA */
.cta-wrapper {
	position: relative;
	width: auto;
	height: auto;
	margin:25px auto;
	text-align:center;
	color: var(--dark-txt-color);
	font-weight: 400;
	background: transparent;
}

.js-cta {
  color: var(--dark-txt-color);
  transition: all 0.75s ease-in-out;
  text-decoration: none;
  text-transform: uppercase;
  padding: 15px;
  margin: 2.5% auto 2.5% auto;
  position: relative;
  border-bottom: 4px solid var(--featured-color);
}

.flipbox .js-cta {color: var(--light-txt-color);}

.js-cta:hover {
  color: var(--dark-txt-color);
  border-bottom: 0;
  transition: all 0.75s ease-in-out;
}

.flipbox .js-cta:hover {color: inherit;}

.js-cta:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-bottom: 4px solid var(--featured-color);
  border-right: 4px solid var(--featured-color);
  visibility: hidden;
}

.js-cta:before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0px;
  width: 100%;
  height: 100%;
  border-top: 4px solid var(--featured-color);
  border-left: 4px solid var(--featured-color);
  visibility: hidden;
}

.js-cta:hover:before {animation: topleft 0.5s ease-in-out forwards;}
.js-cta:hover:after {animation: bottomright 0.5s ease-in-out forwards;}
.js-cta.active:before {animation: revtopleft 0.5s ease-in-out forwards;}
.js-cta.active:after {animation: revbottomright 0.5s ease-in-out forwards;}
.js-cta.active:before,
.js-cta.active:after {width: 100%;height: 100%;visibility: visible;}
.js-cta.temp:before, .js-cta.temp:after {width: 100%;height: 100%;visibility: visible;}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 576px) {
	.js-cta {padding: 12px;border-bottom: 2px solid #6d8d58;font-size: 1rem !important;}
}

@keyframes bottomright {
  0% {
    width: 0;
    height: 0;
    padding-top: 0;
    visibility: visible;
  }
  25% {
    width: 100%;
    height: 0;
    padding-top: 0;
    visibility: visible;
  }
  50% {
    height: 100%;
    width: 100%;
    visibility: visible;
  }
  75% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}

@keyframes revbottomright {
  0% {
    width: 100%;
    height: 100%;
    visibility: visible;
  }
  25% {
    width: 100%;
    height: 100%;
    visibility: visible;
  }
  50% {
    width: 100%;
    height: 100%;
    visibility: visible;
  }
  75% {
    width: 100%;
    height: 0;
    padding-top: 0;
    visibility: visible;
  }
  100% {
    width: 0;
    height: 0;
    padding-top: 0;
    visibility: hidden;
  }
}

@keyframes topleft {
  0% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
  25% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
  50% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
  75% {
    width: 100%;
    height: 0;
    padding-bottom: 0;
    visibility: visible;
  }
  100% {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
  }
}

@keyframes revtopleft {
  0% {
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
  }
  25% {
    width: 100%;
    height: 0;
    padding-bottom: 0;
    visibility: visible;
  }
  50% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
  75% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
  100% {
    width: 0;
    height: 0;
    padding-bottom: 0;
    visibility: hidden;
  }
}

/*-----------------------------------------------
  ##Izmir css library
  Add effects on hover for images (<figure>)
-------------------------------------------------*/
/* Izmir customizations */
article.panel-post .c4-izmir {
  --primary-color: #F6CD14;
  --secondary-color: #D0206E;
}
figure.c4-izmir {width: 100%;}

/*-----------------
  ##Main Layouts
------------------*/
div, section, article {position: relative;}

div.full-wrapper, section.full-wrapper, article.full-wrapper {position: relative; width: 100%;}

.full-wrapper.legal-links, .full-wrapper.double-block {position: relative; width: 100%; margin: 0 auto !important;}

div.merged-wrapper, section.merged-wrapper, article.merged-wrapper {width: 80%; margin-left: auto; margin-right: auto;}
div.merged-wrapper:not(:first-child), section.merged-wrapper:not(:first-child), article.merged-wrapper:not(:first-child) {margin: 2.5% auto;}
div.smaller-wrapper, section.smaller-wrapper, article.smaller-wrapper {width: 60%;  margin-left: auto; margin-right: auto;}
div.smaller-wrapper:not(:first-child), section.smaller-wrapper:not(:first-child), article.smaller-wrapper:not(:first-child) {margin: 2.5% auto;}

div.full-wrapper.sidebar-active, section.full-wrapper.sidebar-active, article.full-wrapper.sidebar-active {width: 65%; margin: 2.5% auto 2.5% 0;}
div.merged-wrapper.sidebar-active, section.merged-wrapper.sidebar-active, article.merged-wrapper.sidebar-active {width: 65%; margin: 2.5% auto 2.5% 0;}
div.smaller-wrapper.sidebar-active, section.smaller-wrapper.sidebar-active, article.smaller-wrapper.sidebar-active {margin: 2.5% auto 2.5% 0;}

*.centered {text-align: center; margin: 0 auto;}
*.lefted-block {margin-right: auto;}
*.righted-block {margin-left: auto;}
*.auto-vmerged {margin: auto 0;}
.grid.centered, .grid-noGutter.centered {margin: 0 auto;}
.grid.lefted-block, .grid-noGutter.lefted-block {margin-right: auto;}
.grid.righted-block, .grid-noGutter.righted-block {margin-left: auto;}
.grid.rauto-vmerged, .grid-noGutter.auto-vmerged {margin: auto 0;}

.full-h {height: 100%; width: 100%; position: relative;}

.v-merged {margin-top: 12px; margin-bottom: 12px;}
.h-merged {margin-right: 12px; margin-left: 12px;}

div.full-sidebar-active, section.full-sidebar-active, article.full-sidebar-active {margin-left: 21% !important; transition: margin 400ms ease-in-out;}
div.full-sidebar-active.closed-sidebar, section.full-sidebar-active.closed-sidebar, article.full-sidebar-active.closed-sidebar {margin-left: 0% !important;}

section.diagonal, article.diagonal {min-height: 440px; background-color: var(--alt-bg); margin-top: 3.5% !important; padding: 0 0 2.5% 0;}
section.diagonal:before, article.diagonal:before {
	position: absolute;
	margin-top: -80px;
	content: '';
	border-style: solid;
	border-width: 0 0 5rem 100vw;
	border-color: transparent var(--alt-bg) var(--alt-bg) transparent;
}

.not-visible {opacity: 0;}

section.acf-widget-container {margin-top: 3rem; margin-bottom: 3rem;}
/*Gridlex adaptation*/
[class*="grid-"][class*="-noGutter"][class*="acf-widget-container"] {margin-top: 3rem; margin-bottom: 3rem;}

section.acf-widget-container div.theme-widget > div.widget-sub-container:not(.timeline-section) {
	position: relative;
	width: 98.5%;
	height: auto;
	margin: 16px 12px;
}

section.acf-widget-container div.theme-widget.slider-section > div.widget-sub-container {
	width: 100%;
	margin: 16px 0;
}

@media all and (max-width: 1280px) {
	div.smaller-wrapper, section.smaller-wrapper, article.smaller-wrapper {width: 70%;}
}

@media all and (max-width: 980px) {
	div.smaller-wrapper, section.smaller-wrapper, article.smaller-wrapper {width: 75%;}
}

@media all and (max-width: 768px) {
	div.smaller-wrapper, section.smaller-wrapper, article.smaller-wrapper {width: 80%;}

	div.full-wrapper.sidebar-active, section.full-wrapper.sidebar-active, article.full-wrapper.sidebar-active {width: 100%; margin: 2.5% auto;}
	div.merged-wrapper.sidebar-active, section.merged-wrapper.sidebar-active, article.merged-wrapper.sidebar-active {width: 100%; margin: 2.5% auto;}
	div.smaller-wrapper.sidebar-active, section.smaller-wrapper.sidebar-active, article.smaller-wrapper.sidebar-active {margin: 2.5% auto;}
}

@media all and (max-width: 580px) {
	div.merged-wrapper, section.merged-wrapper, article.merged-wrapper {width: 90%;}
	div.smaller-wrapper, section.smaller-wrapper, article.smaller-wrapper {width: 85%;}

	section.acf-widget-container div.theme-widget > div.widget-sub-container {width: 95%; margin: 16px auto;}

	section.diagonal:before, article.diagonal:before {display: none;}

	section.acf-widget-container div.theme-widget > div.widget-sub-container:not(.timeline-section) {margin: 12px 6px;}

	.cta-bloc-section [class*="col-"] {padding: 0;}
	.home div.merged-wrapper {width: 100%;}
	.fas.mobile {display: inline-block; font-size: 1.25rem;}
}

/*-------------------------------------------------
Flex Row placement helper classes
Usage: "flex_{vertical-align}_{horizontal-align}"
---------------------------------------------------*/
.flex-start-start{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start}
.flex-start-centered{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center}
.flex-start-end{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end}
.flex-centered-start{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:center;-webkit-align-items:center;-ms-flex-align:center;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start}
.flex-centered{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:center;-webkit-align-items:center;-ms-flex-align:center;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center}
.flex-centered-end{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:center;-webkit-align-items:center;-ms-flex-align:center;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end}
.flex-end-start{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start}
.flex-end-centered{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center}
.flex-end-end{display:flex;display:-ms-flexbox;display:-webkit-flex;align-items:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end}

/*----------------------------------------------------
Convert flex row to column
Usage: column flex_{vertical-align}_{horizontal-align}
-----------------------------------------------------*/
.column{flex-direction:column}
.column.flex-start-start {display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;align-items:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;}
.column.flex-start-centered{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;align-items:center;-webkit-align-items:center;-ms-flex-align:center;}
.column.flex-start-end{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;align-items:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;}
.column.flex-centered-start{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;align-items:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;}
.column.flex-centered{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;align-items:center;-webkit-align-items:center;-ms-flex-align:center;}
.column.flex-centered-end{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;-ms-flex-pack:center;align-items:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;}
.column.flex-end-start{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;align-items:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;}
.column.flex-end-centered{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;align-items:center;-webkit-align-items:center;-ms-flex-align:center;}
.column.flex-end-end{display:flex;display:-ms-flexbox;display:-webkit-flex;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-flex-pack:flex-end;align-items:flex-end;-webkit-align-items:flex-end;-ms-flex-align:flex-end;}

/* Invert start and end point if needed */
.flex-invertion{flex-direction: row-reverse;}
.column.flex-invertion {flex-direction: column-reverse;}

/*--------------------
   Animations helper
    (animate.css)
---------------------*/
.hidden {opacity: 0; visibility: hidden;}
.full-hidden{display: none !important; opacity: 0; visibility: hidden;}

.delay-25 {animation-delay: .25s;}
.delay-50 {animation-delay: .5s;}
.delay-75 {animation-delay: .75s;}
.delay-100 {animation-delay: 1s;}
.delay-125 {animation-delay: 1.25s;}
.delay-150 {animation-delay: 1.50s;}
.delay-175 {animation-delay: 1.75s;}
.delay-200 {animation-delay: 2s;}
.delay-225 {animation-delay: 2.25s;}
.delay-250 {animation-delay: 2.50s;}
.delay-275 {animation-delay: 2.75s;}
.delay-300 {animation-delay: 3s;}
.delay-325 {animation-delay: 3.25s;}
.delay-350 {animation-delay: 3.50s;}
.delay-375 {animation-delay: 3.75s;}
.delay-400 {animation-delay: 4s;}
.delay-425 {animation-delay: 4.25s;}
.delay-450 {animation-delay: 4.50s;}
.delay-475 {animation-delay: 4.75s;}
.delay-500 {animation-delay: 5s;}
.delay-525 {animation-delay: 5.25s;}
.delay-550 {animation-delay: 5.50s;}
.delay-575 {animation-delay: 5.75s;}
.delay-600 {animation-delay: 6s;}
.delay-625 {animation-delay: 6.25s;}
.delay-650 {animation-delay: 6.50s;}
.delay-675 {animation-delay: 6.75s;}
.delay-700 {animation-delay: 7s;}

/*----------------------
## ACF Intro Containers
------------------------*/
#intro-section {height: 100vh; width: 100%; transition: 400ms height ease-in-out;}
.intro-container {position: relative; margin-bottom: 24px; height: 100%; width: 100%}
.intro-container.smallerh {height: 400px;}

/*Overlay*/
.intro-container .intro-overlay {position: absolute;top: 0;width: 100%;height: 100%;z-index: 1;}

/*Fix overlay with parallax effect*/
.intro-container .up-content {width: 100%; z-index: 2;}

.intro-container .hero-intro-ctas {}
.intro-container .hero-intro-ctas a.material-cta, .intro-container .hero-intro-ctas a.js-cta {margin: 12px 24px;}

/* Intro container - Image */
.intro-container figure {position: relative; width: 100%; height: 100%;}
.intro-container figure:not(.c4-izmir) img {z-index: -1;}
.intro-container figure figcaption:not(.post-datas), .intro-container figcaption:not(.post-datas) {position: relative; height: auto; max-height: 90%; width: 75%; padding: 6px 18px; border-radius: 6px; overflow: hidden; box-shadow: 0px 0px 4px 1px var(--light-bg-featured-color); z-index: 1;}
.intro-container figure figcaption:not(.post-datas) h1, .intro-container figcaption:not(.post-datas) h1 {width: 70%; font-size: 4rem; letter-spacing: 4px; margin: 0 auto; text-transform: initial;}
.intro-container figure figcaption:not(.post-datas) p, .intro-container figcaption:not(.post-datas) p {font-size: 1.05rem; text-align: center; letter-spacing: 1.25px; padding: 4px 8px; border-radius: 6px; color: #fff;}

/* Intro container - video */
.intro-container.video {background-position: center center; background-size: cover; background-repeat: no-repeat;}
.intro-container iframe {width: 100%; height: 100%;}
.intro-container video {width: 100%; height: 100%;}
.intro-container .iframe-container {padding: 0;}

/* Intro container - Text and background */
.intro-container.simple-txt {position: relative; margin-bottom: 24px; height: auto; width: 100%}
.intro-container.simple-txt.smallerh {height: 400px;}
.intro-container.simple-txt figure {position: relative; width: 80%; height: 100%; margin: 0 auto; padding: 7.5% 0;}
.intro-container.simple-txt figure img:not(.inline-img) {width: 220px; height: auto; padding-top: 10%;}
.intro-container.simple-txt figure figcaption {position: relative; height: auto; background: none;}
.intro-container.simple-txt figure figcaption h2 {color: var(--light-txt-color);}
.intro-container.simple-txt figure figcaption p {color: var(--light-txt-color); font-weight: 700; font-size: 1em; padding: 4px 8px; background: none;}

.intro-container .mobile {display: none;}
.intro-container .tablet {display: none;}
.intro-container .desktop {display: flex;}

@media all and (min-width: 1840px) {
	/*Bigger font size on bigger screens*/
	.intro-container figure figcaption p {font-size: 1.15em;}
	.intro-container.video figcaption p {font-size: 1.15em;}
	.intro-container.simple-txt figure figcaption p {font-size: 1.15em;}
}

@media all and (max-width: 1280px) {
	.intro-container figure figcaption h1, .intro-container figcaption h1 {font-size: 3.5rem;}
}

@media all and (max-width: 980px) {
	.intro-container figure figcaption h1, .intro-container figcaption h1 {font-size: 3rem;}
}

@media all and (max-width: 768px) {
	#intro-section {height: 100% !important;}
	.intro-container figure figcaption h1, .intro-container figcaption h1 {font-size: 2.5rem;}
	.intro-container .tablet {display: flex;}
	.intro-container .desktop {display: none;}
}

@media all and (max-width: 580px) {
	.intro-container {height: auto;}
	.intro-container figure figcaption h1, .intro-container figcaption h1 {font-size: 2rem;}
	.intro-container .mobile {display: flex;}
	.intro-container .tablet {display: none;}
	.intro-container.simple-txt figure {width: 95%; padding: 5% 0;}
	.intro-container.simple-txt figure img:not(.inline-img) {padding-top: 2.5%;}
	.intro-container figure figcaption {height: 100%; width: 95% !important; left: 0; padding: 24px 12px;}
	.intro-container figure figcaption h1 {text-align: center;}
	.intro-container figure figcaption:not(.post-datas) h1, .intro-container figcaption:not(.post-datas) h1 {font-size: 2.25rem; width: 100%;}
	.floating-img {float: left; width: 64px !important; margin-right: 12px; padding-top: 0;}
}

@media all and (max-width: 440px) {
	.intro-container figure figcaption {padding: 24px 8px 24px 8px;}
}

/*-------------------
##  Elementor pages
---------------------*/
.elementor-element .elementor-widget-container {width: 100%;}
.elementor-widget-shortcode {text-align: left;}
.gallery-item-caption-wrap .gallery-item-buttons > a span .fas.fa-link {padding: 8px 0 0px 0;font-size: 2rem;}

.elementor-icon i::before, .elementor-icon svg::before {font-size: inherit;}

.elementor-button span {color: inherit;}

.elementor-button-icon i {font-size: inherit;}

.overlay-arml:before {content:""; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}

body:not(.elementor-editor-active) .elementor-element.anchor-fix {
  display: block;
  position: relative;
  top: -200px;
}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 580px) {

}

/*------------------------------
    ## Contact forms
-------------------------------*/
span.wpcf7-list-item.first {
    margin: 0;
}

[data-whatinput="mouse"] input[type="submit"] {outline: 0;}

input[type="email"],
input[type="file"],
input[type="text"],
input[type="tel"],
input[type="date"],
textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.55rem;
    margin: 0;
    padding: 0.66667rem 1.11111rem;
    border: 2px solid rgba(49, 49, 49, 0.6);
    border-radius: 4px;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: inherit;
    font-size: 1.11111rem;
    font-weight: 400;
    line-height: 1.6;
    color: #222;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea {
    min-height: 9.44444rem;
    resize: vertical;
    overflow-x: hidden;
    overflow-y: auto;
}

/* @See https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible#accessibility_concerns */
input[type="email"]:focus,
input[type="file"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
textarea:focus,
input[type="email"]::focus-visible,
input[type="file"]::focus-visible,
input[type="text"]::focus-visible,
input[type="tel"]::focus-visible,
textarea::focus-visible {
    outline: none !important;
	-webkit-box-shadow: none;
    box-shadow: none;
    border-color: #93d522;
    background-color: transparent;
}

input[type="email"].wpcf7-not-valid,
input[type="email"].wpcf7-not-valid:active,
input[type="email"].wpcf7-not-valid:focus,
input[type="email"].wpcf7-not-valid:hover,
input[type="file"].wpcf7-not-valid,
input[type="file"].wpcf7-not-valid:active,
input[type="file"].wpcf7-not-valid:focus,
input[type="file"].wpcf7-not-valid:hover,
input[type="text"].wpcf7-not-valid,
input[type="text"].wpcf7-not-valid:active,
input[type="text"].wpcf7-not-valid:focus,
input[type="text"].wpcf7-not-valid:hover,
input[type="tel"].wpcf7-not-valid:active,
input[type="tel"].wpcf7-not-valid:focus,
input[type="tel"].wpcf7-not-valid:hover,
textarea.wpcf7-not-valid,
textarea.wpcf7-not-valid:active,
textarea.wpcf7-not-valid:focus,
textarea.wpcf7-not-valid:hover {
    border-color: #d52b1e;
    border-bottom-right-radius: 0;
}

span.wpcf7-not-valid-tip {
    font-size: 0.83333rem;
    float: right;
    background-color: #d52b1e;
    color: #fff;
    padding: 0.22222rem 0.55556rem;
    cursor: pointer;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.wpcf7-checkbox + span.wpcf7-not-valid-tip {
    float: left;
    border-radius: 4px;
}

/*CF7 specific styles*/
form.wpcf7-form {
	width:100%;
	background-color: rgba(237, 237, 237, 0.4);
	padding: 50px 10px;
	text-align:center;
}

form.wpcf7-form .wpcf7-spinner {
	position: absolute;
}

form.wpcf7-form div.input-field {padding: 0 12px;}

form.wpcf7-form input.wpcf7-text,
form.wpcf7-form textarea.wpcf7-textarea {
	display: block;
	margin: 6px 0 6px 0;
	width:100%;
	border-width:0 0 1px 0;
	background: rgba(0,0,0,0.15);
	line-height:14pt;
	font-size:1rem;
	color:#222222;
	text-shadow:0 0 5px rgba(255,255,255,0.4);
	transition:all 0.5s;
}

form.wpcf7-form h1 {
	margin-bottom: 25px;
	color: #222222;
	text-shadow:0 0 5px rgba(0,0,0,0.5);
}

form.wpcf7-form input:not(:focus):hover,
form.wpcf7-form textarea:not(:focus):hover {
	/* background:rgba(255,255,255,0.08); */
	cursor:pointer;
}

form.wpcf7-form input:focus,
form.wpcf7-form textarea:focus {
	padding:15px;
	background:rgba(255,255,255,0.2);
}

form.wpcf7-form textarea.wpcf7-textarea {height:140px;}

form.wpcf7-form input.wpcf7-submit {
  display: block;
  position: relative;
  background: var(--featured-color);
  border: none;
	font-size: 1rem;
  color: var(--light-txt-color) !important;
  width: max-content;
	min-width: 105px;
  margin: 0 auto;
  padding: 12px 18px;
  text-align: center;
  font-weight: 400;
  text-shadow: none;
  transition: 500ms ease-in-out all;
  border-radius: 6px;
}

form.wpcf7-form input.wpcf7-submit:hover {
  font-size: 1.10rem;
	padding: 12px 24px;
}

/* RGPD field */
.rgpd-acceptance .wpcf7-list-item label {display: flex; text-align: left;}
.rgpd-acceptance .wpcf7-list-item label input.rgpd {width: auto;margin-right: 5%;}
.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {opacity: .75;}

/*Material style (conditional fields embed)*/
form.wpcf7-form .top-full-line {
	padding-bottom: 24px !important;
}

form.wpcf7-form .contact-panel-header {
	width: 100%;
	height: auto;
	min-height: 90px;
	background: var(--alt-featured-color);
}

form.wpcf7-form .panel-main {
	padding : 24px 0px;
	background: #ececec;
	margin: 0;
}

form.wpcf7-form .contact-panel-header h3 {
	color: #fff;
	font-size: 1.5rem;
	text-transform: initial;
	text-align: center;
	margin: auto;
}

form.wpcf7-form .panel-footer {
	padding: 8px 0 0 0;
	background: #e1e1e1;
	height: 100%;
}

form.wpcf7-form .panel-footer input[type="submit"] {margin-top: 62px;}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 576px) {
	form.wpcf7-form {max-width: 95%; padding: 0;}
}

/*-------------------------------
## Archives - Intro & Feeds
---------------------------------*/
/*Intro*/
#intro-container-archives {}
#intro-container-archives .intro-overlay {background-color: rgba(0, 0, 0, 0.55); z-index: 1;}
#intro-container-archives .showcase-content {height: 100%; z-index: 2;}
#intro-container-archives .showcase-content h1 {color: #ffffff;}

#intro-container-archives .feat-posts {height: 100%; z-index: 2;}
#intro-container-archives .feat-posts .acf-block-slider {width: 100%;}
#intro-container-archives .feat-posts .acf-block-slider .intro-feat-posts {}
#intro-container-archives .feat-posts .acf-block-slider .intro-feat-posts article {max-width: 420px; margin: 0 auto; opacity: 0.55; transition: 400ms all ease-in-out;}
#intro-container-archives .feat-posts:hover .acf-block-slider .intro-feat-posts article {opacity: 1;}
#intro-container-archives .feat-posts .acf-block-slider .slick-dots {position: relative; bottom: initial;}
#intro-container-archives .feat-posts .acf-block-slider .slick-dots li.slick-active button::before {color: var(--featured-color);}

#intro-container-archives .ctas {z-index: 2;}

#intro-container-archives .feat-posts .panel-post.card {top: initial; left: initial; -webkit-transform : initial; -ms-transform : initial; transform: initial;}

/*Continue reading anchor*/
a.continue-reading {
	position: absolute;
	bottom: 0;
	background: var(--featured-color);
	color: var(--light-txt-color);
	padding: 12px;
	border-radius: 12px 12px 0px 0px;
	z-index: 2;
}
.continue-reading i.fas {font-size: 1rem; color: var(light-txt-color); padding: 0 6px;}

/*Categories navigation*/
.blog-home .category-list {}
.blog-home .category-list ul.list-cats {width: auto;}
.blog-home .category-list ul.list-cats {display: flex; justify-content: center; background: var(--alt-bg);}
.blog-home .category-list ul.list-cats li {display: inline-block; width: auto; margin: 12px 24px;}
.blog-home .category-list ul.list-cats li a {font-size: 1rem; background: var(--featured-color); color: var(--light-txt-color); padding: 6px; transition: 400ms font-size ease-in-out;}
.blog-home .category-list ul.list-cats li:hover a {font-size: 1.15rem;}
.blog-home .category-list ul.children li {display: block; width: auto; margin: 12px 0;}
.blog-home .category-list ul.children li a {background: transparent; color: var(--dark-txt-color); padding: 0px;}

/*Category dropdown filter*/
.category-list {width: 100%; margin-bottom: 42px;}
.category-list h4 {margin-right: 24px;}
.category-list form.category-select {min-width: 240px;}
.category-list form.category-select .select-wrapper > input {width: 100%;}

/*Load more button*/
.post-loadmore-handler {width: 312px; opacity: 1; transition: 400ms all ease-in-out;}
.post-loadmore-handler.loading {opacity: 0;}

/*End of Page - ACF page builder*/
section.full-wrapper.blog-end-page {margin: 2rem 0;}


@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 580px) {
	.panel-post {margin: 16px 0px 16px 0;}

	.intro-blog {margin-bottom: 17.5% !important;}
	.categories-list {flex-direction: column; float: none;}
	.categories-list li {margin: 10px;}
	.post-feed {width: 100%;}
	.post h1 { max-width: 90%; margin: 20px auto;}
	.single-post .post-thumbnail {max-width: 85%;}

	#intro-container-archives .showcase-content {min-height: 240px;}
}

/*---------------------------
## Archives items - Classic
-----------------------------*/
/*Post items*/
.panel-post {cursor: default; border-radius: 6px; background: var(--light-txt-color); box-shadow: 1px 1px 4px 0px var(--secondary-bg); padding: 0;}
.panel-post figure {background-color: #f7f7f7;}
.panel-post figure img {height: 205px;}
.panel-post .article-home-feed-title {padding: 0 12px;}

.panel-post .datedtitle {position: absolute; width: 100%; height: 72px; bottom: 0px; background: rgba(0,0,0,0.35);}
.panel-post .datedtitle a > h3 {color: var(--light-txt-color);}
.panel-post .datedtitle .date {font-size: 0.9rem; font-weight: 400; color: var(--main-bg);}
.panel-post .datedtitle .date .month {font-size: 0.9rem; font-weight: 300; color: var(--main-bg);}

.article-feed-thumbnail span.date {font-size: 0.85rem;font-style: italic;}

.article-feed-thumbnail .hover-helper {
	position:absolute;
	color: #D60B52;
	font-size: 1.35rem;
	margin: 0px;
	padding: 6px 0px 0 6px;
	opacity: 1;
	transition: 400ms opacity ease-in-out;
}
.article-feed-thumbnail:hover .hover-helper {opacity: 0;}

.article-feed-thumbnail figure .post-cat-label {position: absolute; bottom: 0; padding: 4px 8px; background: var(--featured-color); opacity: 1; transition: 400ms opacity ease-in-out;}
.article-feed-thumbnail figure:hover .post-cat-label {opacity: 0;}

.article-feed-thumbnail figure figcaption {border-radius: 6px 6px 0 0;}
.article-feed-thumbnail figure figcaption .loop-item-excerpt {padding: 6px 0;}
.article-feed-thumbnail figure figcaption .loop-item-excerpt p {font-size: 1rem; text-align: left;}
.article-feed-thumbnail figure figcaption .show-more-link {
	position: relative;
	color: var(--alt-featured-color);
	background: var(--main-bg);
	padding: 6px 12px;
	border-radius: 6px;
}

.post-main-datas {padding: 12px 6px;}

.loop-item-excerpt {
	position: relative;
	padding: 0 15px 15px 15px;
	color: #858585;
	transition: 400ms ease-in-out opacity;
}

.archive-post-title {
	text-align: center;
	text-transform: initial;
	letter-spacing: 2px;
	color: var(--dark-txt-color);
	font-size: 1.25rem;
	font-weight: 500;
	opacity: 1;
	transition: 400ms opacity ease-in-out;
}

.panel-post:hover .archive-post-title {opacity: 0.75;}

.post-feed {width: 80%; margin: 2rem auto !important;}
.post-feed .post-thumbnail, .feat-posts .post-thumbnail {width: 100%; height: auto;}
.post-feed .post-thumbnail figure, .feat-posts .post-thumbnail figure {position: relative; height: 100%; width: 100%; max-height: 280.5px; margin: 0 !important; border-radius: 6px 6px 0 0;}
.acf-widget-container .post-thumbnail {width: 100%; height: auto;}
.acf-widget-container .post-thumbnail figure {position: relative; height: 100%; width: 100%; margin: 0 !important;}

/*Permanences CPT correction*/
.permanences-archive .post-feed .post-thumbnail, .feat-posts .post-thumbnail {width: 100%; height: auto; max-height: 205px;}

.post-feed > .categories-list div figure {height: 275px;}
.post-feed > .categories-list div figure figcaption {flex-direction: initial !important;}
/* .post-feed .categories-list div figure a:first-child {height: 100%;} */

.hfeed .pagination-container {margin-top: 2%;}
.hfeed ul.pagination {list-style: none;}
.hfeed ul.pagination li:first-child {width: auto;}
.hfeed ul.pagination li {background: #2897d5; color: #fff; border-radius: 4px; margin: 0 6px; width: 20px; height: 24px;}
.hfeed ul.pagination li:last-child {width: auto;}
.hfeed ul.pagination li span.current {width: 20px;height: 24px;position: relative;display: block;background: #d60a52;border-radius: 4px;}
.hfeed ul.pagination li a {color: #fff;}
.hfeed ul.pagination i.fas {font-size:1rem;}

.single-post .entry-header .article-date {margin: 24px auto; padding: 6px 12px; background: var(--featured-color); border-radius: 6px; color: var(--light-txt-color); text-align: center;}
.single-post .entry-header .article-date span {font-weight: 700;}

@media all and (max-width: 580px) {
	.post-feed {width: 90%;}
	.panel-post figure img {height: 220px;}
	.article-feed-thumbnail figure figcaption {padding: calc(var(--padding) * 1.5);}
	.article-feed-thumbnail figure figcaption .loop-item-excerpt {height: 100%;}
	.article-feed-thumbnail figure figcaption .loop-item-excerpt p {font-size: 0.85rem;}
}

/*---------------------------
## Archives items - Material
-----------------------------*/
.panel-post.card {
  position: relative;
  top: 50%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: box-shadow 0.3s;
          transition: box-shadow 0.3s;
}
.panel-post.card:hover {
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.panel-post.card a {
  color: inherit;
  text-decoration: none;
}

.panel-post .card__date {
  background: var(--featured-color);
  position: absolute;
  top: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: var(--light-txt-color);
  text-align: center;
  line-height: 13px;
  font-weight: bold;
}
.panel-post .card__date__day {
  display: block;
  font-size: 14px;
  margin-top: 10px;
}
.panel-post .card__date__month {
  display: block;
  font-size: 10px;
  text-transform: uppercase;
}

.panel-post .card__thumb {
  height: 235px;
  overflow: hidden;
  background-color: var(--secondary-bg);
  border-radius: 6px 6px 0 0;
  -webkit-transition: height 0.3s;
          transition: height 0.3s;
}
.panel-post .card__thumb img {
  display: block;
  opacity: 1;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
          transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.panel-post.card:hover .card__thumb img {
opacity: 0.6;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.panel-post.card:hover .card__thumb {
  height: 90px;
}

.panel-post .card__body {
  position: relative;
  background: var(--alt-bg);
  padding: 20px;
  height: 185px;
  border-radius: 0 0 6px 6px;
  -webkit-transition: height 0.3s;
          transition: height 0.3s;
}
.panel-post.card:hover .card__body {
  height: 330px;
}

.panel-post .card__category {
  position: absolute;
  top: -25px;
  left: 0;
  height: 25px;
  padding: 0 15px;
  background: #08c;
  color: #fff;
  font-size: 11px;
  line-height: 25px;
}
.panel-post.card__category a {
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
}

.panel-post .card__title {
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 1.25rem;
  color: var(--dark-txt-color);
  font-weight: bold;
}
/* .card__title h3 {} */
.panel-post.card:hover .card__title {
  -webkit-animation: titleBlur 0.3s;
          animation: titleBlur 0.3s;
}

.panel-post.card .card__subtitle {
  margin: 0;
  padding: 0 0 10px 0;
  color: var(--title-color);
  opacity: 1;
  font-size: 1rem;
  transition: 400ms all ease-in-out;
}
.panel-post.card:hover .card__subtitle {
  opacity: 0.25;
}

.panel-post.card .card__description {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 65px;
  margin: 0;
  padding: 0;
  color: var(--dark-txt-color);
  font-size: 14px;
  line-height: 27px;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.2s;
          transition: opacity 0.2s, transform 0.2s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transform: translateY(25px);
      -ms-transform: translateY(25px);
          transform: translateY(25px);
}
.panel-post.card:hover .card__description {
  opacity: 1;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

.panel-post.card .card__footer {
  position: absolute;
  color: #a3a9ab;
  bottom: 20px;
  left: 20px;
  right: 20px;
  font-size: 11px;
}
.panel-post.card .card__footer .icon--comment {
  margin-left: 10px;
}

.panel-post.card .icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 2px;
}
.panel-post.card .icon:before {
  display: inline-block;
  text-align: center;
  height: 14px;
  width: 14px;
  margin-top: -2px;
  margin-right: 6px;
}

@-webkit-keyframes titleBlur {
  0% {
    opacity: 0.6;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
  }
  100% {
    opacity: 1;
    text-shadow: 0px 5px 5px transparent;
  }
}

@keyframes titleBlur {
  0% {
    opacity: 0.6;
    text-shadow: 0px 5px 5px rgba(0, 0, 0, 0.6);
  }
  100% {
    opacity: 1;
    text-shadow: 0px 5px 5px transparent;
  }
}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 580px) {

}

/*-------------------
  ## Single Posts
---------------------*/

/*-------------------
  ## Single Events
---------------------*/
/* Main Container */
.cpt-post.single-event {width: 100%;}

/* Event Header */
.cpt-post.single-event header.event-header {width: 100%; background: var(--alt-bg); height: calc(100vh - 210px);}
.cpt-post.single-event header.event-header figure {}
.cpt-post.single-event header.event-header figure figcaption {height: 100%;}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas {}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas .event-title {color: var(--light-txt-color); font-size: 4rem; margin: 1rem 0;}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas .event-date {color: var(--light-txt-color); font-size: 1rem; font-weight: 700; background-color: var(--featured-color-50); padding: 6px 12px; border-radius: 6px;}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas .event-addit-txt {width: 75%; margin: 1.25rem auto; color: var(--light-txt-color); text-align: center; background-color: var(--featured-color-50); padding: 1.25rem 6px; border-radius: 12px;}
.cpt-post.single-event header.event-header figure figcaption .event-main-datas .event-scroll-indicator i.fas {font-size: 1.25rem; margin: 12px 0;}

.cpt-post.single-event header.event-header figure figcaption .event-address {position: relative;}
.cpt-post.single-event header.event-header figure figcaption .event-address .address-overlay {position: absolute; width: 100%; height: 100%;background-color: var(--secondary-bg); opacity: 0.5; z-index: 1; transition: 400ms all ease-in-out;}
.cpt-post.single-event header.event-header figure figcaption .event-address ul {position: relative; list-style: none; z-index: 2;}
.cpt-post.single-event header.event-header figure figcaption .event-address ul > li {margin: 1rem 0; color: var(--light-txt-color); font-size: 1rem;}
.cpt-post.single-event header.event-header figure figcaption .event-address ul > li > a {color: var(--light-txt-color); font-weight: 700; font-size: 1.10rem;}
.cpt-post.single-event header.event-header figure figcaption .event-address ul > li > i.fas {color: var(--alt-featured-color); font-size: 1.25rem; padding: 0 12px 0 12px;}

/* Event Map */
.cpt-post.single-event .map-hours {width: 100%;}
.cpt-post.single-event .map-hours .leaflet-container {height: auto;}
.cpt-post.single-event .map-hours .leaflet-container .leaflet-map {height: 440px;}
.cpt-post.single-event .map-hours .leaflet-container .leaflet-gmap-cta {position: absolute; top: 0; right: 0; color: var(--light-txt-color); z-index: 2; border-radius: 0;}

/* Event Dates list + indicative hours */
.cpt-post.single-event .map-hours .date-hours-container {background-color: var(--alt-featured-color); color: var(--light-txt-color);}
.cpt-post.single-event .map-hours .date-hours-container h2 {margin: 12px auto; color: var(--light-txt-color);}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list {list-style: none; padding: 0 16px 0 0; max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li {position: relative; line-height: 2.5rem; width: max-content; margin: 12px 0; padding: 0 6px; border-radius: 6px;}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li:not(.outdated) {background-color: var(--alt-bg); color: var(--alt-featured-color);}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li.other-dates-sep {margin: 16px 0; background-color: initial; color: var(--light-txt-color);}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li.other-dates-sep:after {content: ''; position: absolute; left: 0; bottom: 4px; width: 105%; border-bottom: 1px solid;}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li.outdated {color: #a1a1a1; line-height: 2rem; margin: 0;}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li.outdated:before {
	font-family: "Font Awesome 5 Free" !important;
	color: inherit;
	speak: none;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	font-size: 1rem;
	position: absolute;
	top: 0;
	left: -1.25rem;
	content:'\f273';
}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li.outdated:after {
	content: '';
	position: absolute;
	width: 100%;
	left : 0;
	top: 1rem;
	border-top: 1.5px solid;
}

/* .cpt-post.single-event .map-hours .date-hours-container .event-dates-list li.today {color: var(--featured-color-lighter); font-size: 1.25rem; font-weight: 700;} */
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li.today:before {
	font-family: "Font Awesome 5 Free" !important;
	color: inherit;
	speak: none;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	font-size: 1rem;
	position: absolute;
	top: 0;
	left: -1.25rem;
	content:'\f073';
}
.cpt-post.single-event .map-hours .date-hours-container .event-dates-list li.upcoming:before {
	font-family: "Font Awesome 5 Free" !important;
	color: inherit;
	speak: none;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	font-size: 1rem;
	position: absolute;
	top: 0;
	left: -1.25rem;
	content:'\f073';
}
.cpt-post.single-event .map-hours .date-hours-container .indicative-hours {}

.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container {}
.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container .daily-hours-header {}

.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container ul {list-style: none; padding: 0;}
.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container ul > li {line-height: 3.5rem; padding: 0 12px;}
.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container ul > li:after {content: ''; position: relative; width: calc(100% - 24px); border-bottom: 1px solid #dedddd;}
.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container ul > li span.weekday {font-weight: 700;}
.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container ul > li span.morning-hours {}
.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container ul > li span.afternoon-hours {}
.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container ul > li span.closed {}

.cpt-post.single-event .map-hours .date-hours-container .daily-hours-container ul > li.active-day span {background-color: var(--featured-color); color: var(--light-txt-color);}

/* Event Main datas */
.cpt-post.single-event .event-details {width: 100%;}

/* Event Footer */
.cpt-post.single-event footer.event-footer {width: 90%; margin: 1rem auto;}

/*-------------------
  ## Single Places
---------------------*/
/* Main Container */
.cpt-post.single-place {width: 100%;}

/* Event Header */
.cpt-post.single-place header.place-header {width: 100%; background: var(--alt-bg); height: calc(100vh - 210px);}
.cpt-post.single-place header.place-header figure {}
.cpt-post.single-place header.place-header figure figcaption {height: 100%;}
.cpt-post.single-place header.place-header figure figcaption .place-main-datas {}
.cpt-post.single-place header.place-header figure figcaption .place-main-datas .place-title {color: var(--light-txt-color); font-size: 4rem; margin: 1rem 0;}
.cpt-post.single-place header.place-header figure figcaption .place-main-datas .place-accroche {color: var(--light-txt-color); font-size: 1rem; background-color: var(--featured-color); padding: 6px 12px; border-radius: 6px;}
.cpt-post.single-place header.place-header figure figcaption .place-main-datas .place-scroll-indicator i.fas {font-size: 1.25rem; margin: 12px 0;}

.cpt-post.single-place header.place-header figure figcaption .place-address {position: relative;}
.cpt-post.single-place header.place-header figure figcaption .place-address .address-overlay {position: absolute; width: 100%; height: 100%;background-color: var(--secondary-bg); opacity: 0.5; z-index: 1; transition: 400ms all ease-in-out;}
.cpt-post.single-place header.place-header figure figcaption .place-address ul {position: relative; list-style: none; z-index: 2;}
.cpt-post.single-place header.place-header figure figcaption .place-address ul > li {margin: 1rem 0; color: var(--light-txt-color); font-size: 1rem;}
.cpt-post.single-place header.place-header figure figcaption .place-address ul > li > a {color: var(--light-txt-color); font-weight: 700; font-size: 1.10rem;}
.cpt-post.single-place header.place-header figure figcaption .place-address ul > li > i.fas {color: var(--alt-featured-color); font-size: 1.25rem; padding: 0 12px 0 12px;}

.cpt-post.single-place header.place-header figure figcaption .place-address ul > li.active-day span {background-color: var(--featured-color); color: var(--light-txt-color);}

/* Event Map-Hours container */
.cpt-post.single-place .map-hours {width: 100%;}
.cpt-post.single-place .map-hours .leaflet-container {}
.cpt-post.single-place .map-hours .hours-container {}

/* Event Main datas */
.cpt-post.single-place .place-details {width: 100%;}

/* Event Footer */
.cpt-post.single-place footer.place-footer {width: 90%; margin: 1rem auto;}

/*-----------------------
  ## Single Permanences
-------------------------*/
.cpt-post .entry-header {width: 100%; background: #ececec; height: 440px; padding-right: 42px;}
.cpt-post .entry-header .feat-img-container {position: relative; height: 100%;}

.cpt-post .entry-header .address-cpt {line-height: initial;font-size: 1.15rem;}
.cpt-post .entry-header .address-cpt ul {list-style: none;}
.cpt-post .entry-header .address-cpt ul li {margin: 12px 0;}
.cpt-post .entry-header .address-cpt ul li .fas {color: #f39200; font-size: 1.25rem; padding: 0 12px 0 12px;}
.cpt-post .entry-header .address-cpt ul li .far {color: #f39200; font-size: 1.25rem; padding: 0 12px 0 12px;}

.cpt-post .leaflet-container {margin: 0; width: 100%; height: 100%; min-height:50vh; z-index: 10;}

.cpt-post .arml_hours {background: #ececec;}
.cpt-post .arml_hours thead {background: #F27A13; color: #fff; text-align: center; font-weight: 700;}
.cpt-post .arml_hours thead td {padding: 4px 8px;}
.cpt-post .arml_hours thead td:first-child {background: #ffffff;}
.cpt-post .arml_hours tbody tr:nth-child(even) {background:#fff;}
.cpt-post .arml_hours tbody tr {height: 50px; text-align: center;}
.cpt-post .arml_hours tbody tr td {padding: 0 8px;}
.cpt-post .arml_hours tbody tr td.closed-information {background: #171314; color: #fff; font-weight: 700;}
.cpt-post .arml_hours tbody tr td.day-info {background: #F27A13; color: #fff;}

.cpt-post .infos-permanences-title {width: 80%; margin: 0 auto;}
.cpt-post .infos-permanences-title h2 {border-top: 1px solid #F27A13;border-bottom: 1px solid #F27A13;margin: 0 auto; min-height: 55px;}
.cpt-post .infos-permanences-title p {width: 60%; margin: 0; font-style: italic;}

.cpt-post .arml_permanences_head {width: 60%; background: #2897d5; color: #ffffff; margin: 0 auto; padding-right: 24px;}
.cpt-post .arml_permanences_head .permanence-data {border-bottom: 1px solid #fff; text-align: center;}
.cpt-post .arml_permanences {width: 60%; background: #ececec; margin: 0 auto; max-height: 440px; overflow-y: auto; padding-top: 24px;}
.cpt-post .arml_permanences .permanence-data {border-bottom: 2px solid #fff; border-right: 2px solid #fff; text-align: center;}
.cpt-post .arml_permanences .permanence-data h3 {text-transform: capitalize;}
.cpt-post .arml_permanences .permanence-data i {font-size: 1rem; padding: 0 2px; color: #F27A13;}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 580px) {
	.cpt-post .entry-header {height: 100%; padding-right: 0;}
	.cpt-post .arml_hours {padding: 12px 24px;}
}

/*------------------------
 ## Footer
-------------------------*/
/* FSE content - LEGAL CONTENT DO NOT REMOVE */
.publicite-fse {position: fixed; height: 75px; bottom: 0; background: var(--alt-bg); margin-bottom: 0px; width: 100%; padding: 12px 6px; z-index: 100; transition: 400ms all ease-in-out;}
.publicite-fse.fse-bottom {position: relative; background: var(--featured-color);}
.publicite-fse.scrolling {width: 33%;}
.publicite-fse.scrolling.fse-bottom {width: 100%;}
.publicite-fse .logo-fse {object-fit: contain; display: block; height: 100%; width: auto; margin: 0 auto;}

/* Pre-inscription CTA */
.inscription-cta-footer {position: fixed ;right: 0px; bottom: 0px; margin: 0; background: var(--featured-color); z-index: 1000; margin: 0; padding: 6px 4px; border-radius: 6px 0px 0px 6px; transition: right 400ms ease-in-out;}
.inscription-cta-footer a.fixed-bottom-cta.bottom-reach {box-shadow: 0px -1px 3px 0px var(--secondary-bg); background-color: #D60B52;}
/* .inscription-cta-footer:hover {right: 0px;} */
.inscription-cta-footer a {color: #ffffff; padding: 6px; font-size: 1rem; transition: 400ms all ease-in-out;}
.inscription-cta-footer.pre-inscription-bottom a {color: var(--featured-color);}
.inscription-cta-footer:hover a {font-size: 1.10rem;}
.inscription-cta-footer a i {font-size: 1.15rem; padding: 2px 6px 0px 6px;}

.main-footer {background: var(--featured-color) ; color: var(--light-txt-color); height: 100%; padding: 1.25rem 0; border-top: 1px solid var(--secondary-bg);}

.main-footer a{color: var(--light-txt-color);}

.main-footer ul {list-style: none;}
.main-footer ul li {margin: 6px 12px}

#nav-footer {list-style: none; margin: 12px;}

#social-nav-footer {list-style: none; margin: 12px;}
#social-nav-footer li {margin: 0 1.25rem}

#social-nav-footer li a {
  display: inline-block;
  width:40px;
  height:40px;
  line-height:40px;
  margin-left:6px;
  margin-right:0;
  border-radius:100%;
  background-color:var(--alt-bg);
  text-align: center;
  transition: 400ms all ease-in-out;
}

#social-nav-footer li a .fa,
#social-nav-footer li a .fab,
#social-nav-footer li a .fas,
#social-nav-footer li a .far {
	color: var(--dark-txt-color);
	transition: 400ms all ease-in-out;
}
#social-nav-footer li:hover a .fab {
	color: var(--light-txt-color);
}

#social-nav-footer li:hover a.facebook {background-color: #3b5998;}
#social-nav-footer li:hover a.twitter {color: #55acee;}
#social-nav-footer li:hover a.linkedin {background-color: #0077b5;}
#social-nav-footer li:hover a.instagram {background-color: #C13584;}
#social-nav-footer li:hover a.youtube {background-color: #b31217;}
#social-nav-footer li:hover a.snapchat {background-color: #fffc00;}

.widget-address, .widget-email, .widget-tel {width: auto; text-align: center; margin: 0 auto;}
.widget-address p, .widget-email p, .widget-tel p {margin: 6px 0;}
.widget-address i.fas, .widget-email i.fas, .widget-tel i.fas {font-size: 1rem;}

.main-footer .legal {background: var(--secondary-bg); color: var(--light-txt-color); transition: 400ms ease-in-out all;}

.main-footer .copyright ul {margin: 0; padding-left: 12px; margin-right: 2.25rem;}
.main-footer .copyright ul li {font-size: 1rem;}
.main-footer .copyright ul li i.fa-chevron-circle-up {font-size: 1.2rem;}

.footer-menu nav {width: 100%;}
.footer-menu ul {list-style: none; display: flex; max-width: 90%; margin: 10px 0; padding: 0;}
.footer-menu ul li {margin: 0 auto;}

/* Keep it important to prevent plugin or inline modifications */
.footer-menu .sub-menu {display: none !important;}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 576px) {
	.widget-address, .widget-email, .widget-tel {margin: 1rem auto;}

	.main-footer .partners-logo-container {flex-direction: column;}
	.main-footer .footer-menu {flex-direction: column;}
	.main-footer .footer-menu {margin: 10px auto;}

	.main-footer .copyright ul {padding-left: 0px; margin-right: 12px;}
}

/*-------------------
# Header Branding
--------------------*/
.site-header:after, .site-header:before {content:""; display: table; clear: both;}

body .site-header {position: relative; z-index: 100; width: 100%; height: 100%; min-height: 75px; background: var(--main-bg); transition: 400ms all ease-in-out;}
body.abs-head .site-header {position: absolute; width: 100%; height: 85px; background: transparent;}

.logo-container-nav {margin-right: auto; height: 100%; transition: 400ms height ease-in-out;}
.logo-container-nav .site-branding {height: 100%;}
.logo-container-nav .site-branding img.custom-logo {max-width: 175px;}

.site-navigation.sticky .logo-container-nav {max-height: 75px;}

.menu-item-home.mobile {display: none !important;}

@media all and (max-width: 1280px) {

}

@media all and (max-width: 1024px) {
	.menu-item-home.mobile {display: block !important;}
}

@media all and (max-width: 768px) {

}

@media all and (max-width: 576px) {

}

/*----------------------
## Navigation Top Line
------------------------*/
.header-top-line {display: flex; flex-flow: row wrap; align-items: center; height: 115px;}

/*Logo*/
.header-top-line a.site-branding {display: block; height: 100%; margin: 0 auto;}
.header-top-line a.site-branding img {height: 100% !important; max-height: 185px;}

/*Headline*/
.header-top-line .top-headline {margin: 0 auto; color: var(--dark-txt-color); font-style: italic; font-size: 1.5rem; letter-spacing: 3.5px; font-family: 'StoryScript', sans-serif;}
.header-top-line .top-contact {margin: 0 auto; color: var(--light-txt-color);}

/*Call to actions*/
.header-top-line ul.call-to-actions {list-style: none; display: flex; margin: 0 auto;}
.header-top-line ul.call-to-actions li.item {text-align: center; cursor: pointer; background-color: var(--main-bg); width: max-content; min-width: 125px; border-radius: 12px; border: 3px solid var(--title-color); margin: auto 12px; transition: 400ms all ease-in-out;}
.header-top-line ul.call-to-actions li.item:hover {background-color: var(--title-color);}
.header-top-line ul.call-to-actions li.item a {display: block; height: 100%; padding: 8px 12px; color: var(--dark-txt-color); transition: 400ms padding ease-in-out;}
.header-top-line ul.call-to-actions li.item:hover a {color: var(--light-txt-color);}

/*Social Nav*/
.header-top-line div.social-nav-top {margin: 0 auto; flex-basis: 33%;}
.header-top-line div.social-nav-top ul {list-style: none; }
.header-top-line div.social-nav-top ul li {padding: 0 6px;}
.header-top-line div.social-nav-top ul li a {}
.header-top-line div.social-nav-top ul li a i {font-size: 1.5rem; color: #3b5998;}

/*Contacts (tel/email)*/

@media all and (max-width: 1280px) {

}

@media all and (max-width: 1024px) {

}

@media all and (max-width: 768px) {
	.header-top-line .top-headline {padding-left: 16px; font-size: 1.1rem;}
}

@media all and (max-width: 576px) {
	.header-top-line {display: none;}
	body .site-header {min-height: initial;}
}

/*-------------------
## Main Navigation
--------------------*/
.site-navigation {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 9;
  -moz-box-shadow: 0px 2px 4px 0px var(--secondary-bg);
  -webkit-box-shadow: 0px 2px 4px 0px var(--secondary-bg);
  box-shadow: 0px 2px 4px 0px var(--secondary-bg);
}

.site-navigation .fa, .site-navigation .fas, .site-navigation .far, .site-navigation .fab {font-size: 1rem; padding: 0;}

body.abs-head .site-navigation {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

.site-navigation.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 85px;
  z-index: 100;
}

.main-menu {
  background-color: var(--main-bg);
  padding: 0 24px;
  margin: 0;
  height: 100%;
}
body.abs-head .main-menu {background-color: transparent;}
body.abs-head .site-navigation.sticky .main-menu {background-color: var(--main-bg);}

.main-menu li {list-style: none; margin: 0 auto;}

.main-menu li a {
  display: block;
  border-bottom: 3px solid transparent;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: .5px;
  color: var(--dark-txt-color);
  text-decoration: none;
  transition: 300ms all linear;
}
.main-menu li a .fa, .main-menu li a .fas, .main-menu li a .fab {font-size: 1rem; color: inherit; padding: 0 8px;}

body.abs-head .main-menu li a {
	color: var(--light-txt-color);
}
body.abs-head .site-navigation.sticky .main-menu li a {
	color: var(--dark-txt-color);
}

body.abs-head .site-navigation.sticky .main-menu li.featured-nav a {
	color: var(--light-txt-color);
}

.main-menu li:not(.branding) a:hover, .main-menu li a:active, .main-menu li a:focus {font-size: 1.05rem;}
/* .main-menu li.current-menu-item:not(.featured-nav) a {border-color: #81d742;} */

.main-menu li.menu-item-has-children:after {
	font-family: "Font Awesome 5 Free" !important;
	color: var(--featured-color);
	speak: none;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: -1.5rem;
	padding-left: 1rem;
	content:'\f078';
}
.main-menu li.featured-nav.menu-item-has-children:after {color: var(--light-txt-color);}

.menu-item-hamburger {display: none;}

@media all and (max-width: 1200px) {
  .main-menu li:not(.menu-item-hamburger) {
    margin-right: 100px;
	margin-left: 0;
  }
}

@media all and (max-width: 1026px) {
  .main-menu {
    padding: 0 1rem;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .main-menu li a {
    padding: 10px 0;
    border-bottom: 0;
  }
  .main-menu li a:hover, .main-menu li a:active, .main-menu li a:focus {
    border-color: #fff;
    color: #81d742;
  }
  .main-menu li.menu-item {display: none;}
  .main-menu li.menu-item-hamburger {display: block; margin: 0px 24px 0px auto;}
}

@media all and (max-width: 864px) {
  .main-menu li:not(.menu-item-hamburger) {
    margin-right: auto;
	margin-left: auto;
  }
  .site-navigation.sticky {}
}

@media all and (max-width: 576px) {
  .site-navigation.sticky {height: auto;}
}

/*Second and third level */
.site-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	opacity: 0;
	transition: 400ms ease-in-out opacity;
}

.site-navigation ul ul li:hover > ul,
.site-navigation ul ul li.focus > ul {left: initial;}

.site-navigation ul ul a {width: 200px;}

.site-navigation ul li:hover > ul,
.site-navigation ul li.focus > ul {left: auto;opacity: 1; margin-top: 36px;}
body.abs-head .site-navigation ul li:hover > ul,
body.abs-head .site-navigation ul li.focus > ul {margin-top: 0;}

.site-navigation .sub-menu {
	width: auto;
	background: var(--featured-color);
	border-radius: 6px;
	margin: 0 -150px 0 0;
	text-align: left;
	padding-left: 10px;
	transition: 400ms ease-in-out all;
}

.site-navigation ul li:hover > .sub-menu:before,
.site-navigation ul li.focus > .sub-menu:before {height: 40px; top: -40px;}
.site-navigation .sub-menu:before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
}
body.abs-head .site-navigation .sub-menu:before {height: 12px; top: -12px;}

.site-navigation .sub-menu .menu-item {width: 100%; padding: 10px 25px 10px 10px;}
.site-navigation .sub-menu .menu-item a {width: 90% !important; color: var(--light-txt-color); margin: 0; border-bottom:0px; transition: 400ms ease-in-out all;}
.site-navigation .sub-menu .menu-item a::after {display: none;}

.site-navigation .sub-menu > .menu-item:hover > a {-webkit-box-shadow: none; box-shadow: none;}

.site-navigation .menu {margin: 0;text-align: center;}
.site-navigation .menu ul {list-style: none;}

.site-navigation ul {list-style: none;padding-left: 0;}

.site-navigation .menu-item {float: none;position: relative;display: inline-block;line-height: 24px;}
.site-navigation .menu-item:last-child {border-right: 0;}

.site-navigation .menu-item.no-link > a {cursor: default;}

/*Featured menu item + margin correction for righted submenus*/
.site-navigation .menu-item.featured-nav {padding: 8px 24px; background: var(--featured-color); border-radius: 24px; transition: 250ms border-radius linear;}
.site-navigation .menu-item.featured-nav a {color: var(--light-txt-color);}
.main-menu li.featured-nav.menu-item-has-children::after {top: 10px; right: 6px;}
.site-navigation .menu-item.featured-nav.menu-item-has-children:hover {border-radius: 24px 24px 0 0;}

.site-navigation .menu-item.revert-submenu > ul.sub-menu {margin: 0 0 0 -150px;}
.site-navigation .menu-item.featured-nav > ul.sub-menu {background: inherit; border-radius: 24px 0; padding-top: 6px; border-top: 3px solid var(--title-color);}

/*Logo as centered navigation*/
.site-navigation .menu-item.logo-nav > a > img {max-height: 75px; width: auto; padding: 6px 0 0 0;}

@media all and (max-width: 980px) {

}

@media all and (max-width: 768px) {

}

@media all and (max-width: 576px) {

}

/*---------------------
## Social navigation
-----------------------*/
.main-menu .social-nav {position: fixed; right: 0; top: 60%; padding: 0px 6px 0px 0px; margin: 0 0 0 auto;}
.main-menu .social-nav li.menu-item {margin: 3px 6px;}
.main-menu .social-nav li.menu-item i.fab, .main-menu .social-nav li.menu-item i.fas {background: rgb(255,255,255); font-size: 1.25rem; color: inherit; padding: 8px; width: 1.25rem; border: 1px solid; border-radius: 50%; transition: 400ms all ease-in-out;}
.main-menu .social-nav li.menu-item:hover i.fab, .main-menu .social-nav li.menu-item:hover i.fas {background: rgb(236,116,4); color: var(--alt-bg);}

/*Centering fix*/
.main-menu .social-nav li.menu-item.facebook i.fab:before {position: relative; left: 4px;}
.main-menu .social-nav li.menu-item.instagram i.fab:before {position: relative; left: 2px;}
.main-menu .social-nav li.menu-item.linkedin i.fab:before {position: relative; left: 1px;}
.main-menu .social-nav li.menu-item.youtube i.fab:before {position: relative; left: -1px;}

@media all and (max-width: 1024px) {
	.main-menu .social-nav li.menu-item i.fab {font-size: 1rem; width: 1rem;}

	/*Centering fix*/
	.main-menu .social-nav li.menu-item.facebook i.fab:before {position: relative; left: 1px;}
	.main-menu .social-nav li.menu-item.instagram i.fab:before {position: relative; left: 0.5px;}
}

@media all and (max-width: 768px) {
	/*Centering fix*/
	.main-menu .social-nav li.menu-item.instagram i.fab:before {position: relative; left: 0px;}
	.main-menu .social-nav li.menu-item.linkedin i.fab:before {position: relative; left: 1px;}

	.main-menu .social-nav li.menu-item i.fab, .main-menu .social-nav li.menu-item i.fas {font-size: 1.4rem; width: 1.4rem;}
}

@media all and (max-width: 580px) {

}

/*--------------------
## Mobile navigation
----------------------*/
.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  background-color: #006d6d;
  background-color: rgba(40,151,213, 0.9);
  overflow-x: hidden;
  -moz-transition: ease 0.5s;
  -o-transition: ease 0.5s;
  -webkit-transition: ease 0.5s;
  transition: ease 0.5s;
}

/* Position the content inside the overlay */

.overlay-content {
  position: relative;
  width: 100%;
}

/* The navigation links inside the overlay */

.menu-mobile {
  margin: 0;
  padding: 0 25px;
}

.menu-mobile i.fa, .menu-mobile i.fas, .menu-mobile i.fab, .menu-mobile i.far {font-size: 1rem;}

.menu-mobile li {
  list-style: none;
  margin-top: 20px;
}
.menu-mobile li:first-child {margin-top: 0;}

.menu-mobile li a {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  letter-spacing: .5px;
  color: #fff;
  text-decoration: none;
}
.menu-mobile li a:hover, .menu-mobile li a:active, .menu-mobile li a:focus {color: #81d742;}

.close-mobile-menu {
  position: relative;
  display: block;
  height: 60px;
  width: 60px;
  line-height: 60px;
  line-height: 3.75rem;
  margin-left: auto;
  color: #fff;
  text-align: center;
  font-size: 50px;
  font-size: 3.125rem;
  text-decoration: none;
}
.close-mobile-menu:hover, .close-mobile-menu:focus {color: #81d742;}

/* The SubMenus inside the overlay */
.menu-mobile .sub-menu {padding-top: 24px;}
.menu-mobile .sub-menu li a {font-size: 1rem;}

.menu-mobile .sub-menu li a:active {color: #81d742;}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px;}
  .close-mobile-menu {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
  }
}

.open-mobile-menu {
  font-size: 16px;
  font-size: 1rem;
  color: #006D6D;
}