/*
   Theme Name: RemSEO - Woo Vitrine
   Theme URI: http://www.community-nancy.fr
   Description: WordPress flexible theme, based on ACF and Elementor, for all Website but Ecommerces
   Author: Remi COLIN

   URI: https://www.remseo.fr
   Version: 3.0.0 

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

/*---------------------
    Primary HTML 
----------------------*/

@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: #ffffff;
	margin: 0 !important;
	overflow-x: hidden;
	color: #696969;
	line-height:initial;
	font-weight: 300 ;
	font-size: 18px ;
	font-family: 'Akrobat', sans-serif !important; 
}

#content {display: block; position: relative;}

/* Responsive behaviors */
*.desktop {display: block;}
*.mobile {display: none;}

@media all and (max-width: 780px) {
	*.desktop {display: none;}
	*.mobile {display: block;}
}

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

/* Titles */
h1, h2, h3, h4, h5, h6 {
	color: #2897d5;
	margin:auto 0;
	padding: 5px 5px 5px 0px;
	text-align: center;
	font-family: 'Akrobat Bold', sans-serif !important; 
	text-transform: initial;
	font-weight: 500;
	letter-spacing: initial;
	line-height: initial;
}

h1 {font-size: 1.5rem;}
h2 {font-size: 1.4rem;}
h3 {font-size: 1.3rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1.1rem;}
h6 {font-size: 1rem;}

h2.separator {position: relative; text-align: left; text-indent: 15px; padding: 10px 0;}
h2.separator:before {
	content:''; 
	position: absolute;
	width: 100%;
	height: 1px;
	border-top: 1px dotted #000000;
	top: 0;
	left: 0;
}
h2.separator:after {
	content:'';
	position: absolute;
	width: 100%;
	height: 1px;
	border-bottom: 1px dotted #000000;
	bottom: 0;
	left: 0;
}

h1.separator:after {
  content: "";
  position: relative;
  display: block;
  border-bottom: 1px dotted #1d1d1d;
  width:75%;
  margin: 0 auto;
  padding: 5px 0;
}

/* Common HTML */
a {text-decoration: none; color: #2098d5; transition: all ease-in 200ms;}
a, a:visited {text-decoration: none; font-weight: 400;}
a:hover, a:focus, a:active {text-decoration: none; color: #D60B52;}

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 icons */
.fa {color: #ffffff; font-size: 2rem; padding: 5px 25px 0 25px; font-weight: 600;}
.fas {color: #ffffff; font-size: 3rem; padding: 0 25px 0 25px;}
.far {color: #ffffff; font-size: 3rem; padding: 0 25px 0 25px;}


@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: 580px) {
	blockquote {max-width: 95%;}
}

/*---------------------
       Plugins
----------------------*/

.wp-has-submenu.toplevel_page_elementor ul:nth-child(2) {display: none !important;}

/* Izmir customizations */

.c4-izmir {
  --primary-color: #F6CD14;
  --secondary-color: #D0206E;
  --transition-duration: 500ms;
  --border-width: 6px;
  --overlay-opacity: .5;
  --padding: 0;
}

figure.c4-izmir {width: 100%;}

/* Image cover style */

.img-cover {
object-fit: cover;
object-position: center bottom;
width: 100%;
height: 100%;
}

/* Mailchimp */

#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }

#mc_embed_signup label {
	display: block;
	position:relative;
	width: 100%;
	cursor: pointer;
	font-family: inherit;
}

#mc_embed_signup input,
#mc_embed_signup select,
#mc_embed_signup textarea {
	display: block;
	width: auto;
	padding: 0.5em 0;
	margin-bottom: 1.5em;
	border: 1px solid #1d1d1d;
	background: transparent;
	font-family: inherit;
}

#mc_embed_signup input:hover,
#mc_embed_signup select:hover,
#mc_embed_signup textarea:hover {cursor: pointer;}

#mc_embed_signup input:focus,
#mc_embed_signup select:focus,
#mc_embed_signup textarea:focus {box-shadow: inset 0 -2px 0 rgb(109, 141, 88);outline: none;}

#mc_embed_signup input{background: transparent; border: none; border-bottom: 1px solid #939393; margin-top: 12px;}
#mc_embed_signup textarea{width: 80%; background: transparent; border: none; border-bottom: 1px solid #939393; border-left: 1px solid #939393;}

#mc_embed_signup input[type="submit"] {
	padding: 1em;
	font-weight: 400;
	margin-bottom: 0;
	border-bottom: 1px solid #f79f79;
	background: transparent;
	line-height: 1.2em;
	box-shadow: none;
	text-transform: uppercase;
	width: auto;
	margin: 0 auto 0 0;
	transition: 400ms all ease-in-out;
}
#mc_embed_signup input[type="submit"]:hover {
	box-shadow: inset 0px 0px 1px 2px rgb(247,159,121);outline: none;
	font-weight: 700;
}

@media all and (max-width: 580px) {
	div[id*="ajaxsearchlite"].wpdreams_asl_container {width: 100% !important;} /* Ajax Search Form */
}

/*-----------------
   Main Layouts
------------------*/

*.full-wrapper {position: relative; width: 100%;}
section {position: relative; width: 100%; margin: 0 auto;}
section.merged-wrapper {width: 80%; margin: 0 auto;}
section.smaller-wrapper {width: 60%; margin: 0 auto;}
div.merged-wrapper {width: 80%; margin: 0 auto;}
div.smaller-wrapper {width: 60%; margin: 0 auto;}

section.diagonal {position: relative; min-height: 440px; background-color: #ececec; margin-top: 3.5% !important;}
section.diagonal:before {
	position: absolute; 
	margin-top: -80px; 
	content: ''; 
	border-style: solid; 
	border-width: 0 0 5rem 100vw; 
	border-color: transparent #ececec #ececec transparent;
}
section.diagonal.inverse::before {transform: rotateZ(180deg) rotateX(180deg);}

.centered {text-align: center; margin: 0 auto;}
.full-h {height: 100%; width: 100%; position: relative;}

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

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

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

@media all and (max-width: 580px) {
	section.merged-wrapper {width: 90%; margin: 0 auto;}
	section.smaller-wrapper {width: 75%; margin: 0 auto;}
	div.merged-wrapper {width: 90%; margin: 0 auto;}
	div.smaller-wrapper {width: 75%; margin: 0 auto;}
}

/* 
Flex Row placement :
    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
    Same Usage as row but add "column" class: "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;}

/*------------------
  ## Picto Menu
-------------------*/

.picto-menu {
	display: flex; 
	position: relative;
	height: 150px;
	width: 75%;
	list-style: none; 
	color: #fff;
}
.picto-menu a {height: 100%; width: 100%; text-align: center; font-weight: 700; color: #fff !important;}
.picto-menu a li {height: 100%; padding: 0 5px; filter:contrast(100%); transition: 400ms filter ease-in-out;}
.picto-menu li:hover {filter:contrast(200%);}
.picto-menu li:nth-child(1) {background: #95c11f}
.picto-menu li:nth-child(2) {background: #2098d5}
.picto-menu li:nth-child(3) {background: #f39200}
.picto-menu li:nth-child(4) {background: #d60a52}
.picto-menu li:nth-child(5) {background: #9f1f62}
.picto-menu a li i {font-size:2.25rem; padding-bottom: 24px;}
.picto-menu a:hover {color: #ececec !important;}

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

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

@media all and (max-width: 768px) {
	.picto-menu {width: 100%; height: 100%;}
	.picto-menu a {height: auto;}
	.picto-menu a span {height: 100%; padding: 0 5px; filter:contrast(100%); transition: 400ms filter ease-in-out;}
	.picto-menu span:hover {filter:contrast(200%);}
	.picto-menu span:nth-child(1) {background: #95c11f}
	.picto-menu span:nth-child(2) {background: #2098d5}
	.picto-menu span:nth-child(3) {background: #f39200}
	.picto-menu span:nth-child(4) {background: #d60a52}
	.picto-menu span:nth-child(5) {background: #9f1f62}
	.picto-menu a span i {font-size:2.25rem; padding-bottom: 24px;}
}

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

/*----------------------------
## ACF Section - Multi column
------------------------------*/

.col-custom .singlecol {box-shadow: 0px 0px 8px 1px #ababab;padding: 10px;text-indent: 5px;}

/*------------------------------
## ACF Section - Teasing Content
--------------------------------*/

.teasing-section {position: relative; min-height: 75vh; height: 100%; width: 100%;}
.teasing-section figure {position: relative; width: 100%; height: 100%;}
.teasing-section figure figcaption {position: absolute; width: 60%; left: 20%; top: 25%; background: rgba(255,255,255,0.75); transition: 400ms background linear;}
.teasing-section figure figcaption:hover {background: rgba(255,255,255,1);}

/*----------------------------
## ACF Section - Dual Content
------------------------------*/

.dual-block-container {padding: 0; height: 100%;}
.dual-block-container .reversed {flex-direction: row-reverse !important}

.dual-txt h2 {margin: 0 !important; text-align: left;}
.dual-txt .f-service-content {width: 75%; margin-left: 0;}

.dual-img {padding-left: 2.5% !important;}
.dual-img img {position: relative; z-index: 2; cursor: default !important; height: auto; width: 100%; margin-right: 7.5%;}
.dual-img figcaption {position: relative; width:180px; height: 180px; bottom: 0px; left: 20%; z-index: 1; display: flex; justify-content: center; align-items: center; color: #fff; background: #6e0852;}

@media all and (max-width: 580px) {
	.dual-block-container ul {margin: 0; padding: 0; width: 90%}
}

/*-----------------------------------
##   ACF Section - Tabs Content 
------------------------------------*/

/* Tabs */

.tabs-nav {overflow: hidden; padding: 0px !important;}

.tabs-nav-items {background: #3c3c3c; margin: 0;padding: 0;list-style: none;}
.tabs-nav-items:before,
.tabs-nav-items:after {content: " ";display: table; clear: both;}

.tabs-nav-item {
    position: relative;
    width: auto;
    padding: 0 5px;
    cursor: pointer;
	background-color: transparent;
	transition: 400ms ease-in-out all;
}

.tabs-nav-btn {
    position: relative;
    display: block;
    padding: 13px 0;
	margin: 25px 0;
    color: #ffffff;
    letter-spacing: 1.5px;
    text-align: left;
    transition-property: color;
}

.tabs-nav-btn {transition-duration: 0.2s;transition-timing-function: cubic-bezier(0.7,0,0.3,1);}
.tabs-content {border-top: 0;}
.tabs-content-item {display: none;padding: 0; }

.tabs-nav-item:hover .tabs-nav-btn {color: #3498db;}

/* Active Tabs */
.active-tab-nav-item,
.active-tab-nav-item:hover {cursor: default;background-color: #6d8d58;}
.active-tab-nav-item .tabs-nav-btn, .active-tab-nav-item:hover .tabs-nav-btn {color: #ededed !important;}
.active-tab-nav-item::before {-webkit-transform: translate(0, 0);transform: translate(0, 0);}
.active-tab-nav-item .tabs-nav-btn {cursor: default;color: #fff;}
.active-tab-content-item {display: block;}

/*-----------------------------------
##   ACF Section - Feat Categories 
------------------------------------*/

.panel-category {position: relative;transition: 0.6s;transform-style: preserve-3d;}

.panel-category figure {
  background: #000;
  color: #fff;
  backface-visibility: hidden;
  overflow: hidden;
  border-radius: 4px;
  top: 0;
  left: 0;
  text-align: center;
  cursor: pointer;
  transition: 0.6s;
  transform-style: preserve-3d;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.9);
}

.panel-category figure a {display: block; width: 50%; margin: 10px auto !important;}

.panel-category figure.front {transform: rotateY(0deg);z-index: 2;}
.panel-category figure img {position: relative;display: block;min-height: 100%; max-height: 60vh; opacity: 0.7;}
.panel-category figure .caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-transform: uppercase;
  padding: 0;
  backface-visibility: hidden;
}
.panel-front .caption {font-size: 1.25em;}
.panel-front .caption h2 {font-size: 3rem; letter-spacing: 3px;}
.panel-front .caption:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.9) 95%);
  content: '';
  opacity: 0;
  transform: translate3d(0, 50%, 0);
  transition: opacity 0.35s, transform 0.35s;
}

.panel-front:hover .caption:before {opacity: 1;transform: translate3d(0, 0, 0);}

.panel-front h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  font-size: 22px;
  font-size: 1.375rem;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #fff;
  transition: transform 0.35s, color 0.35s;
  transform: translate3d(0, -50%, 0);
}

.panel-front h2 span {font-weight: bold;}

.panel-front h2:after {
  position: absolute;
  bottom: -10px;
  left: 70px;
  right: 70px;
  height: 2px;
  background: #fff;
  content: '';
  transition: all 0.35s;
  transform: translate3d(-130%, 0, 0);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}

.panel-front:hover h2 {color: #fff;-webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0);}
.panel-front:hover h2:after {transform: translate3d(0, 0, 0);filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity: 1;}

.panel-front p {
  letter-spacing: 1px;
  font-size: 68.5%;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  width: 100%;
  opacity: 0;
  color: #fff;
  transform: translate3d(0, 10px, 0);
  transition: opacity 0.35s, transform 0.35s;
}
.panel-front p.desc-first {bottom: 3em;}
.panel-front:hover p {opacity: 1;transform: translate3d(0, 0, 0);}

/*---------------------
ACF - Isotope Gallery
----------------------*/

.partners-logo .btn-primary {
  background: #ffa92e;
  color: #ffffff;
  border-radius: 0px;
  border-color: #ffa92e;
  text-transform: uppercase;
  transition-property: background;
  transition-duration: 1s;
  transition-timing-function: linear;
  border: 2px solid #ffa92e;
}
.partners-logo .btn-primary:focus, .partners-logo .btn-primary:hover,
.partners-logo .btn-primary .focus {
  background: #ffffff;
  color: #ffa92e;
  border: 2px solid #ffa92e;
}

.partners-logo .project-nav {
  text-align: center;
}
.partners-logo .project-nav ul {
  display: inline-block;
  margin: 0;
  margin-bottom: 40px;
  margin: 0 auto;
}
.partners-logo .project-nav ul li {
  float: left;
  padding: 10px 15px;
  color: #00254a;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  border: 1px solid #e5e5e5;
  margin: 5px;
  transition-property: background, color;
  transition-duration: 0.5s;
  transition-timing-function: linear;
}
.partners-logo .project-nav ul li:hover {
  background-color: #ffa92e;
  color: #ffffff;
}


.partners-logo .thumbs {
  width: 100%;
  margin: 0;
  text-align: center;
}
.partners-logo .thumbs .column {
  padding: 10px;
}

.partners-logo .thumbs .thumb-container {
  position: relative;
  width: 100%;
}
.partners-logo .thumbs .thumb-image {
  display: block;
  width: 100%;
  height: 150px;
}
.partners-logo .thumbs .over-effect {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: rgba(0, 37, 74, 0.88);
}
.partners-logo .thumbs .thumb-container:hover .over-effect {
  opacity: 1;
}

.partners-logo .portfolioFilter a {
  margin-right: 10px;
  color: #666;
  text-decoration: none;
}

.partners-logo .portfolioFilter a.current {
  font-weight: bold;
}

.partners-logo img {
  margin: 5px;
}

.partners-logo .isotope-item {
  z-index: 2;
}

.partners-logo .isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.partners-logo .isotope,
.partners-logo .isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.partners-logo .isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}

.partners-logo .isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

/*--------------------
## Leaflet Map
---------------------*/

.leaflet-container {z-index: 8;}
.leaflet-map {position: relative; height: 440px; margin: auto 0 auto 2.5%;}

.arml-map {height: 340px;}

.leaflet-popup-content figure, 
.leaflet-popup-content .wp-block-embed-youtube{
	line-height:0 !important;
}

.leaflet-popup-content p,
.leaflet-popup-content h3 a{
	padding: 0 10px;
	font-family: Akrobat;
}

.leaflet-map  a.leaflet-popup-close-button{
	padding: 8px 0 0 0 !important;
	border-radius:0px !important;
	background-color:#d60a52 !important;
    width: 30px !important;
    height: 26px !important;
}

.leaflet-popup-content-wrapper {text-align: center !important; padding: 12px !important;}

.map-informations .ml-list {max-height: 340px; list-style: none; overflow-y: scroll;}
.map-informations .ml-list li:nth-child(odd) {background-color: #fff;}
.map-informations .ml-list li:nth-child(even) {background-color: transparent;}
.map-informations .ml-list li {min-height: 90px;}
.map-informations .ml-list li i.fa {color: #d9da10;}
.map-informations .ml-list li h3 {font-size: 1rem; text-transform: initial; letter-spacing: 2px;}

.map-informations .dropdown {
  display: block;
  width: 100%;
  margin: auto;
  padding: 5px 0;
  border-bottom:3px solid #f39200;
}
.map-informations .dropdown + .dropdown {
  margin-top: 15px;
}
.map-informations .dropdown h3 {color: #3c3c3c;}

.map-informations .dropdown .fas,
.map-informations .dropdown .far
{font-size: 1.5rem; color: #f39200;}

.map-informations .dropdown__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #373737;
  padding: 15px;
  box-sizing: border-box;
  background-color: none;
  cursor: pointer;
  transition: background .3s ease;
  will-change: background;
}
.map-informations .dropdown__top:hover {
  background: none;
}
.map-informations .dropdown__top .animated-icon {
  transition: transform .5s ease;
  will-change: transform;
}

.map-informations .open .dropdown__top .animated-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.map-informations .dropdown__btm {
  background: none;
  color: #555;
  font-size: 15px;
  line-height: 1.4;
  box-sizing: border-box;
  padding: 15px;
  display: none;
}

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

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

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

@media all and (max-width: 580px) {
	.leaflet-container {max-width: 80% !important; margin: 0 auto;}
}

/*-------------------
## Intro Containers
---------------------*/

.intro-container {position: relative; margin-bottom: 24px; height: 375px; width: 100%}
.intro-container.desktop {display: flex;}
.intro-container.mobile {display: none;}

/* Intro container - Image */
.intro-home-container {position: relative; margin-bottom: 24px; height: 540px; width: 100%}
.intro-home-container figure {position: relative; width: 100%; height: 100%;}
.intro-home-container figure figcaption {position: absolute; top: 0; height: 100%; background: #3c3c3c; padding: 0 16px;}
.intro-home-container figure figcaption h1 {margin: 0;}
.intro-home-container figure figcaption p {color: #ececec;}

/* Intro container - video */
.intro-home-container iframe {width: 100%; height: 100%;}
.intro-home-container video {width: 100%; height: 100%;}
.intro-home-container .intro-txt {height: 100%; background: #3c3c3c;}
.intro-home-container .intro-txt h1 {margin: 0;}
.intro-home-container .intro-txt p {color: #ececec; padding: 0 24px;}
.intro-home-container .iframe-container {padding: 0;}

/* Intro Elementor */
.intro-elem-container {position: relative; margin-bottom: 24px; height: auto;}
.intro-elem-container .slick-slider {height: 100%;}
.intro-elem-container .intro-box {height: 100%; width: 100%;}
.intro-elem-container .intro-box figure {height: 100%; width: 100%;}
.intro-elem-container .intro-box figure img {max-height: 75vh; width: 100%;}
.intro-elem-container .intro-box figure figcaption {z-index:1;}
.intro-elem-container .intro-box figure figcaption a {margin: 25px auto 25px 0;}

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

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

@media all and (max-width: 768px) {
	.intro-container.desktop {display: none;}
	.intro-container.mobile {display: block;}
}

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


/*-------------------
##   Home styling
---------------------*/

/* Company Speech */

.company-speech {box-shadow: 1px 1px 4px 0px #000;text-align: inherit;padding: 6px 12px;margin-bottom: 25px;}

/* Featured categories section */
.featured-cat {margin: 2.5% auto;}
.featured-cat figure {}
.featured-cat figure img {max-width:75%; margin: 0 auto; display: block; box-shadow: 0px 0px 4px 1px #000;}
.featured-cat figure figcaption {text-align: center;font-size: 1.5rem;font-weight: 700;color: #6d8d58;}

/* Partner logos gallery */
.container-reassurance {background-color: #95c11f; padding: 10px 0; color: #fff; text-align: center; min-height: 320px;}
.container-reassurance h2 {color: #fff;}
.container-reassurance .chiffre {font-size: 3rem; font-weight: 700;}
.container-reassurance .info_txt {font-weight: 700;}

.partners-logo {background:#ececec;}
.partners-logo .logos-container {margin-bottom: 2.5%;}
.partners-logo .logos-grid {padding: 0;}
.partners-logo .logos-grid figure {height: 150px;}
.partners-logo .logos-grid img {display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain;}

/* Articles Loop */
.actu-panel-header {
	position: relative; 
	z-index: 1; 
	min-height:190px; 
	margin:5% auto; 
	background-image: url(''); 
	background-size: cover; 
	background-repeat: no-repeat; 
	background-position-y: 33%; 
	text-align: center;
}
.actu-panel-header h2 {font-size: 2rem; text-shadow: 1px 1px 0px #45444a; color: #2897d5;}
.actu-panel-header-overlay {position: absolute; width: 100%; height: 100%; background: none;}
.actu-panel-header div:not(.newsletter-overlay) {z-index: 1;}

.home-articles-loop .metro:first-child {max-width: 100% !important; flex-basis: 100%;}
.home-articles-loop .metro:nth-child(3n+1):not(.inloop-articles-cta) {max-width: 100% !important; flex-basis: 100%;}
.home-articles-loop .metro:nth-child(3n+1):not(.inloop-articles-cta) .custom-loop-product .info-product::before {top: 50%;}

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

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

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

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

/*-------------------
##  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-section.elementor-section-boxed > .elementor-container {max-width: inherit !important;}

.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);}

.elementor-section-wrap [class*="col-"], .elementor-section-wrap [class*="col_"], .elementor-section-wrap [class~="col"] {
	padding: 0;
}

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) {
	
}

/*-------------------
##  CPT Archive
---------------------*/

.categories-list {
	list-style: none; 
	display: flex;
	margin: 10px 0;
	padding: 20px 0;
	top: 140px;
	transition: 800ms ease-in-out all;
}
.categories-list li {margin: 0 10px;}
.categories-list li a {font-weight: 500; color: #45444a !important; text-decoration: underline;}

.categories-list .hover-helper {position:absolute; color: #fff; font-size: 3rem; margin-left: 6px; opacity: 1; transition: 400ms opacity ease-in-out;}
.categories-list:hover .hover-helper {opacity: 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) {
	
}


/*-------------------
##  CPT Single
---------------------*/

.cpt-post .entry-header {width: 100%; background: #ececec; height: 375px;}

.cpt-post .entry-header .feat-img-container {position: relative; height: 100%;}

.cpt-post .single_cptpost_img {width: 100%; height: 100%; object-fit: cover; object-position: center top;}

.cpt-post .social-container {text-align: center;border: 1px dashed;width: 100%;position: absolute;bottom: 2%;background: rgba(185, 190, 205, 0.75);}
.cpt-post .social-container ul {list-style: none;}

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

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

.cpt-post .arml_hours {background: #ececec;}
.cpt-post .arml_hours thead {background: #2098d5; color: #fff; text-align: center; font-weight: 700;}
.cpt-post .arml_hours thead td {padding: 4px 8px;}
.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: #d60a52; color: #fff; font-weight: 700;}
.cpt-post .arml_hours tbody tr td.day-info {background: #2098d5; color: #fff;}


.cpt-post .infos-permanences-title {background: #d60a52; color: #fff; max-width: 65%; margin: 2.5% auto 0 auto; min-height: 65px;}
.cpt-post .arml_permanences {width: 60%; background: #ececec; margin: 0 auto;}
.cpt-post .arml_permanences thead {background: #2098d5; color: #fff; text-align: center; font-weight: 700;}
.cpt-post .arml_permanences thead td {padding: 4px 8px;}
.cpt-post .arml_permanences tbody tr:nth-child(even) {background:#fff;}
.cpt-post .arml_permanences tbody tr {height: 40px; text-align: center;}
.cpt-post .arml_permanences tbody tr td {padding: 0 8px;}
.cpt-post .arml_permanences tbody tr td.arml-no-data {background: #d60a52;}
.cpt-post .arml_permanences tbody tr td.city-info {background: #2098d5; color: #fff; text-align: left;}
.cpt-post .arml_permanences tbody tr td.city-info i {font-size: 1rem; padding: 0 2px;}

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

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

@media all and (max-width: 768px) {
	.cpt-post .entry-header {height: auto;}
	.cpt-post .entry-header .feat-img-container {height: 325px;}
	
	.cpt-post .leaflet-container {margin: 0 auto; width: 75%; min-height:auto;}
}

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


/*-------------------
##  Calls to Action
---------------------*/

/* Main CTA */
.material-cta {
  display: block;
  position: relative;
  background: #d60a52;
  border: none;
  color: #fff !important;
  font-weight: 600 !important;
  max-width: 280px;
  margin: 0 auto;
  padding: 8px;
  text-align: center;
  font-weight: 400;
  text-shadow: none;
  transition: 500ms linear all;
  border-radius: 4px;
}
.material-cta:visited {color: #fff !important;}
.material-cta:hover {font-weight: 600;}

@media all and (max-width: 580px) {
	#intro-home .desktop {display: none;}
	#intro-home .mobile {display: block;}
	.material-cta {width: 100%;}
	.container-reassurance {flex-direction: column;align-items: center;}
	.featured-cat figure figcaption {font-size: 1rem;}
}

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

.js-cta {
  color: #696969;
  margin-right: 15%;
  transition: all 0.75s ease-in-out;
  text-decoration: none;
  text-transform: uppercase;
  padding: 15px;
  margin: 2.5% 0 2.5% 0% !important;
  position: relative;
  border-bottom: 4px solid #f79f79;
}

.js-cta:hover {
  color: #aaaaaa !important;
  border-bottom: 0;
  transition: all 0.75s ease-in-out;
}

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

.js-cta:before {
  content: "";
  position: absolute;
  top: -2px;
  right: 0px;
  width: 100%;
  height: 100%;
  border-top: 4px solid #f79f79;
  border-left: 4px solid #f79f79;
  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: 580px) {
	.js-cta {padding: 12px;border-bottom: 2px solid #6d8d58;font-size: 1rem !important;}
	.js-cta.tb-menu-opened  {display: none;}
}

@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;
  }
}

/*------------------------------
Blog archive and single posts 
-------------------------------*/
.intro-blog {position: relative; height: 325px; margin-bottom: 25px;}
.blog-intro-overlay {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 0;}

.entry-content.blog-post {width: 80%; margin: 0px auto;}

.panel-post {cursor: default; margin: 16px 16px 16px 0; border-radius: 6px;}
.panel-post figure {background-color: #f7f7f7;}

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

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

.archive-post-title {
	text-align: left;
	text-transform: initial;
	letter-spacing: 2px;
	font-size: 1rem;
	color: #a11d67 !important;
	font-weight: 500 !important;
}
.loop-img {
	width: 100%;
	height: auto;
	max-height: 205px;
	min-height: 205px;
	display: block;
	margin: 0 auto;
	border-radius: 4px;
}

.post-feed {width: 80%; margin: 0 auto !important;}
.post-feed .post-thumbnail {width: 100%; height: auto;}
.post-feed .post-thumbnail figure {position: relative; height: 100%; margin: 0 !important;}


/* Not use on current website
Keep it just in case as it's small code */
.datedtitle {
	position: relative;
	z-index: 1;
	min-height: 55px;
	padding: 6px 12px;
	background: #fff;
}
.datedtitle .date {
	display: none; /*Maybe we keep the dated title, maybe not*/
	margin-right: 15px !important;
	padding: 5px 10px;
	text-align: center;
	color: #a11d67;
	border-bottom: 3px solid #a11d67;
	border-right: 3px solid #a11d67;
	border-radius: 10px;
	font-size: 1.4rem;
	margin-right: auto;
	line-height: 1.5rem;
}

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

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

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

@media all and (max-width: 580px) {
	.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%;}
}

/* Featured articles section - archive */

.featured-articles {margin:5% 0 !important;}
.featured-articles .feat-item {position: relative; margin: 2.5% auto;}

.featured-articles .feat-item:before {
	content:"";
	display: block;
	width: 15%;
	border-top: 2px dashed #6d8d58;
	position: absolute;
	top: -2.5%;
	left: 45%;
	transform: rotateZ(90deg);
}

/*------------------------------
     Contact Form 7 Style
-------------------------------*/

/* Contact Form 7 - Minimal Design */
form.wpcf7-form{width: 100%; margin: 5% auto auto auto;border-radius: 3px;}

form.wpcf7-form * {transition: 225ms;}

form.wpcf7-form label {
	display: block;
	position:relative;
	width: 100%;
	cursor: pointer;
	font-family: inherit;
}

form.wpcf7-form input,
form.wpcf7-form select,
form.wpcf7-form textarea {
	display: block;
	width: auto;
	padding: 0.5em 0;
	margin-bottom: 1.5em;
	border: 1px solid #1d1d1d;
	background: transparent;
	font-family: inherit;
}

form.wpcf7-form input:hover,
form.wpcf7-form select:hover,
form.wpcf7-form textarea:hover {cursor: pointer;}

form.wpcf7-form input:focus,
form.wpcf7-form select:focus,
form.wpcf7-form textarea:focus {box-shadow: inset 0 -2px 0 rgb(109, 141, 88);outline: none;}


form.wpcf7-form input{background: transparent; border: none; border-bottom: 1px solid #939393;}
form.wpcf7-form textarea{width: 80%; background: transparent; border: none; border-bottom: 1px solid #939393; border-left: 1px solid #939393;}

form.wpcf7-form .wpcf7-form-control-wrap:before {
  content: '\f0e5';
  display: block;
  opacity: 0;
  font-family: FontAwesome;
  position: relative;
  left: 90%;
  top: -20%;
  width: 16px;
  height: 16px;
  color: #6d8d58;
}
form.wpcf7-form .wpcf7-form-control-wrap:before input:focus {opacity: 1;}

form.wpcf7-form input[type="submit"] {
	padding: 1em;
	font-weight: 400;
	margin-bottom: 0;
	border-bottom: 1px solid #6d8d58;
	background: transparent;
	line-height: 1.2em;
	box-shadow: none;
	text-transform: uppercase;
	width: 40%;
	margin: 0 auto 0 0;
	transition: 400ms all ease-in-out;
}
form.wpcf7-form input[type="submit"]:hover {
	box-shadow: inset 0px 0px 1px 2px rgb(109,141,88);outline: none;
	font-weight: 700;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
	padding: 6px !important;
	font-family: inherit;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #696969 !important;
}

select:focus {color: #696969;}

span.wpcf7-not-valid-tip {position: relative; top: -1em; color: #e87676;}
div.wpcf7-response-output {padding: 1em !important;margin: 0 !important;}

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

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

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

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

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

/*------------------------
 Footer - Community Style
-------------------------*/
.main-footer {background: #3ba0c6;color: #fff;height: 100%;}

.main-footer a{color: #ffffff;}

.main-footer .partners-logo-container figure {height: 150px; width: 150px;}
.main-footer .partners-logo-container figure img {display: block; margin: 0 auto; width: 100%; height: 100%; object-fit: contain; object-position: center center;}

.main-footer .footer-partners-link {display: block; width: 100%; height: 100%}

.widget-address, .widget-email, .widget-tel {text-align: center; margin: 15px auto;}

.main-footer .legal {background: #ffffff; color: #3c3c3c; transition: 400ms ease-in-out all;}
.main-footer .legal:hover {color: #696969;}

.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: 580px) {
	.main-footer .partners-logo-container {flex-direction: column;}
	.footer-menu ul {flex-direction: column;}
	.footer-menu ul li {margin: 10px auto;}
}

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

[class^="octicon-"], [class*=" octicon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Font Awesome 5 Free" !important;
  speak: none;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.octicon-home:before {
  content: "\f015";
}

.logo-container-nav {margin-right: auto;}

.menu-item-home.mobile {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: 580px) {
	.menu-item-home.mobile {display: block !important;}
}

/*-------------------
## Main Navigation
--------------------*/

.site-navigation {
  position: relative;
  display: block;
  width: 100%;
  z-index: 9;
  -moz-box-shadow: 0px 2px 4px 0px #768292;
  -webkit-box-shadow: 0px 2px 4px 0px #768292;
  box-shadow: 0px 2px 4px 0px #768292;
}

.site-navigation.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.main-menu {
  background-color: #2897d5;
  padding: 0 24px;
  margin: 0;
}

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

.main-menu li:last-child {
  margin-right: 0;
}

.main-menu li a {
  display: block;
  border-bottom: 3px solid #2897d5;
  font-size: 18px;
  letter-spacing: .5px;
  color: #fff;
  text-decoration: none;
}

.main-menu li a:hover, .main-menu li a:active, .main-menu li a:focus {
  border-color: #81d742;
}

.main-menu li.current-menu-item a {
  border-color: #81d742;
}

.main-menu li.menu-item-has-children:after {
	font-family: "Font Awesome 5 Free" !important;
	color: #81d742;
	speak: none;
	font-style: normal;
	font-weight: 900 !important;
	font-variant: normal;
	text-transform: none;
	font-size: 12px;
	position: absolute;
	top: 0;
	right: -16px;
	content:'\f078';
}

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

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

}

@media all and (max-width: 1024px) {
  .main-menu {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

@media all and (max-width: 768px) {
  .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;
  }
  .menu-item-hamburger {
    display: block;
  }

}

/*Second 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;}

.site-navigation .sub-menu {
	width: auto;
	background: #2897d5;
	margin: 0 -115px 0 0;
	text-align: left;
	padding-left: 10px;
	transition: 400ms ease-in-out all;
}

.site-navigation .sub-menu .menu-item {width: 100%; padding: 10px 25px 10px 10px;}
.site-navigation .sub-menu .menu-item a {width: 90% !important; margin: 0; border-bottom:0px; transition: 400ms ease-in-out all;}
.site-navigation .sub-menu .menu-item a:hover {color: #95c11f !important; border-bottom:1px solid #95c11f;}
.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: 30px;}

.site-navigation .menu-item:last-child {border-right: 0;}

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

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

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

/*-------------------
## Mobile
--------------------*/

.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 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;
}