/*
Theme Name: Thème de la ville de Saint Orens
Text Domain: YBAZ_BS5
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
# Infinite scroll
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/
:root {
  --dark-green: #4D7C6F;
  --light-green: #A1CB82;
  --light-greyn: #cfdbd8;
  --light-grey: #9e9e9e;
  --black: #161615;
  --bs-breadcrumb-divider: '\203A';
}
html{
  font-size: 62.5%;
}
html, body { 
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top;
	/* font-family: 'Montserrat', sans-serif; */
	font-family: 'montserrat-variable', sans-serif;
  color: #161615;
}

body {
  min-height: 100vh;
	/* max-width: 1920px; */
	margin: 0 auto;
  font-size: 1.6rem;
  /* Line height ci-dessous peut être utile avec l'interface accessibilité sur l'interligne */
  /* line-height: 1.5; */
}

@media screen and (min-width: 1600px) {
  .container {
      max-width: 1500px !important;
  }
  /* html {
      font-size: 80% !important;
  } */
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
body {
  -webkit-font-smoothing: auto;
}

details,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

a {
  text-decoration: none; 
  color: inherit;
}

a:active,
a:hover {
	color: var(--dark-green);
}

body button,
body a::before,
body a::after,
body a{
  transition: all .2s ease-in-out;
}

small {
  font-size: 80%;
}

svg:not(:root) {
  overflow: hidden;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

button {
	cursor: pointer;
	background-color: transparent;
	border-color: transparent;
	border-style: none;
}

*:focus {
  border: 2px solid #000 !important;
  outline: 1px solid #fff !important;
}

.btn { border-radius: 0; }

.strong{
  font-weight: 700;
}
/*--------------------------------------------------------------
# CK Editor Style
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

blockquote {
	quotes: "“\00A0" "\00A0„"; /*”*/
	background-color: #fbfbfb;
	font-size: 1.875em;
	padding: 1em 2em;
	font-style:italic;
}
blockquote > :first-child::before, blockquote > :first-child::after { 
    font-size: 2em;
    line-height: 0;
}
blockquote > :first-child::before {
    content: open-quote;
}
blockquote > :first-child::after {
    content: close-quote;
}

.wp-caption {
  position: relative;
}
.wp-caption p { margin: 0; }

.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-dd,.wp-caption .wp-caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba( 0, 0, 0, .5 );
  color: #fff;
  font-size: 11px;
  padding: .75em 1em;
  line-height: 1;
  font-style: italic;
}


/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  position: absolute !important;
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only:focus,
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

#scroll-to-top {
	display: none;
	padding: 10px 20px;
	position: fixed;
	bottom: 3em;
	right: 0;
}


#scroll-to-top.fixe {
	display: block;
}

.fake-link { cursor: pointer; }

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny,
#tarteaucitronRoot .tarteaucitronAllow,
.tac_activate .tarteaucitronAllow{
  background: var(--dark-green) !important;
  color: #fff !important;
  border: 1px solid var(--dark-green);
  transition: all 0.2s ease-in-out;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny{
  background: var(--light-grey) !important;
}

#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:focus,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronAllow:hover,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:focus,
#tarteaucitron #tarteaucitronServices .tarteaucitronLine .tarteaucitronAsk .tarteaucitronDeny:hover{
  cursor: not-allowed;
}

#tarteaucitronRoot .tarteaucitronCheck::before,
#tarteaucitronRoot .tarteaucitronCross::before {
  color: #fff !important;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

article .alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 1em;
}

article .alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  margin-bottom: 1em;
}

article .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

article img.alignleft, article .wp-caption.alignleft,
article img.alignright, article .wp-caption.alignright {
	float: none;
	display: inline-block;
	margin-bottom: 1.25rem;
}

article img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
  position: relative;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
  display: block;
}
.wp-caption .wp-caption-text {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba( 0, 0, 0, .8 );
  color: #fff;
  font-size: 11px;
  padding: .75em 1em;
  line-height: 1;
  font-style: italic;
}

@media screen and (min-width: 544px) {
	article img.alignright, article .wp-caption.alignright {
	  float: right;
	  margin: 0.313rem 0 1.25rem 1.25rem;
	}
	
	article img.alignnone {
	  margin: 0.313rem 1.25rem 1.25rem 0;
	}
	
	article img.alignleft, article .wp-caption.alignleft {
	  float: left;
	  margin: 0.313rem 1.25rem 1.25rem 0;
	}
	
	article .wp-caption.alignleft {
	  margin: 0.313rem 1.25rem 1.25rem 0;
	}
	
	article .wp-caption.alignright {
	  margin: 0.313rem 0 1.25rem 1.25rem;
	}

}


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-footer:before,
.site-footer:after
 {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.site-header:after {
  clear: both;
}

hr,h2,h3,h4,h5,h6 {
	clear: both;
}

/*--------------------------------------------------------------
# FLASH INFO
--------------------------------------------------------------*/
#flash-infos{
  min-width: 100%;
}
.jctkr-wrapper,
.jctkr-wrapper *{
  box-sizing: border-box;
}
.jctkr-wrapper{
  display: inline-block;
  position: relative;
  width: 100%;
  height: 35px;
  vertical-align: top;
  overflow: hidden;
}
.jctkr-wrapper ul{
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
  font-size: 0;
  text-align: left;
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
}
.jctkr-wrapper.jctkr-initialized ul{
  opacity: 1;
}
.jctkr-wrapper ul li{
  display: inline-block;
  padding: 0 25px;
  font-family: sans-serif;
  font-size: 16px;
}
.jctkr-label{
  display: inline-block;
}

/*--------------------------------------------------------------
# Login form espaces asso et entreprises
--------------------------------------------------------------*/
.wp-singular #loginform {
  display: inline-block;
  padding-top: 15px;
  padding-bottom: 15px;
}

.wp-singular .loginform-title {
  text-transform: uppercase;
}

.wp-singular #loginform p.login-remember {
  padding-left: 5px;
  margin-bottom: 25px;
}

.wp-singular #loginform p.login-submit {
  margin-right: 15px;
}

.wp-singular #loginform p.login-submit,
.wp-singular #loginform p.lost-password {
  display: inline-flex;
}

.wp-singular #loginform p.login-username input,
.wp-singular #loginform p.login-password input {
  width: 97%;
  border: none;
  border-bottom: 1px solid #898989;
}

/*--------------------------------------------------------------
# PAGE CONTENT
--------------------------------------------------------------*/
#form_hnpt{
  display: none;
}
.btn-sto{
  text-decoration: none;
  padding: 5px 10px;
  border: solid 1px var(--dark-green);
  border-radius: 6px;
  text-decoration: none !important;
}
.wp-singular #loginform #wp-submit,
.plain-green-button,
.acf-button,
.entry-content a.wp-block-button__link{
  padding: 5px 10px;
  background-color: var(--dark-green);
  border: solid 1px var(--dark-green);
  color: #fff;
  text-decoration: none !important;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}
.wp-singular #loginform #wp-submit:hover,
.wp-singular #loginform #wp-submit:focus,
.plain-green-button:hover,
.plain-green-button:focus,
.acf-button:focus,
.acf-button:hover,
.entry-content a.wp-block-button__link:hover,
.entry-content a.wp-block-button__link:focus{
  background-color: #fff;
  color: var(--dark-green);
}
.plain-green-button.dropdown-toggle:focus,
.plain-green-button.dropdown-toggle{
  background-color: var(--dark-green);
  color: #fff;
}
.plain-green-button.dropdown-toggle.show{
  background-color: #fff;
  color: var(--dark-green);
}

.plain-white-button {
  padding: 5px 10px;
  background-color: #fff;
  border: solid 1px var(--dark-green);
  color: var(--dark-green);
  text-decoration: none !important;
  border-radius: 10px;
  transition: all 0.2s ease-in-out;
}

.plain-white-button:hover,
.plain-white-button:focus {
  background-color: var(--dark-green);
  color: #fff;
}

#content { 
  margin-bottom: 2em;
}

.entry-content a { 
	text-decoration: underline;
}

/* .entry-content a[target="_blank"]:after {
  content: '\00A0\f08e';
  font-family: "bdt-icon";
} */

.entry-content h2 {
	margin: 20px 0 15px;
	font-weight: 700;
	font-size: 2.3rem;
	line-height: 1.2em;
}
.entry-content h3 { 
  margin: 20px 0 15px;
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--dark-green);
}

form h3{
  color: var(--black) !important;
}

.entry-content h4 { 
  margin: 10px 0 8px;
  font-weight: 600;
  font-size: 1.6rem;
}

.entry-content p{
  margin-bottom: 15px;
}

/* .entry-content * + h2,
.entry-content * + h3 { 
  margin-top: 1em;
} */

.entry-content ol {
    counter-reset: li; /* Initiate a counter */
    list-style: none; /* Remove default numbering */
	padding-left: 2em;
}
.entry-content ol li {
	counter-increment: li;
}
.entry-content ol li::before {
	content: counter(li);
    width: 1.2em;
    height: 1.2em;
    display: inline-block;
    margin-left: -1.5em;
    margin-right: 0.5em;
    text-align: center;
    line-height: 1.2;
    direction: rtl;
    color: #fff;
}

.entry-content ul {
	list-style: none;
	margin-left: 3em;
    padding-left: 0; 
	margin-top: .5em;
	margin-bottom: .5em;
}

.entry-content li { 
  position: relative;
}

.entry-content li:before { /* fa-caret-right */
  content: ' ';
  display: inline-block;
  margin-right: .5em;
  width: .4em;
  height: .4em;
  border-radius: .4em;
  background: var(--dark-green);
}
.entry-content .acf-form li:before{
  display: none;
}

.entry-content .c-accordion__title{
  padding: 15px;
  margin-bottom: 0;
  border-radius: 10px 10px 0 0;
  background-color: var(--light-green);
}

.entry-content .c-accordion__title:after{
  margin-right: 20px;
  font-size: 3rem;
  color: var(--black);
  font-weight: 700;
}

.entry-content .c-accordion__content{
  padding: 15px;
  border-radius: 0 0 10px 10px;
  background-color: #f2f2f2;
}

.entry-content .wp-block-image :where(figcaption),
.entry-content .wp-block-audio :where(figcaption){
  font-style: italic;
  font-size: 1.4rem;
}

.entry-content .wp-block-table thead th{
  text-align: center;
  color: #fff;
  background-color: var(--dark-green);
}

.entry-content .wp-block-table figcaption{
  font-size: 1.4rem;
  font-style: italic;
}

.entry-content .wp-block-media-text{
  margin-bottom: 40px;
}

.entry-content blockquote {
	quotes: "“\00A0" "\00A0„"; /*”*/
	padding: 1em;
  padding-top: 40px;
  font-size: 2.2rem;
  text-align: center;
}
.entry-content blockquote > :first-child::before, .entry-content blockquote > :first-child::after { 
    font-size: 2em;
    line-height: 0;
}
.entry-content blockquote > :first-child::before {
    content: open-quote;
}
.entry-content blockquote > :first-child::after {
    content: close-quote;
}

.entry-content blockquote cite{
  font-size: 1.8rem;
  text-align: right;
}

.entry-content .wp-block-pullquote{
  margin: 20px 0;
  padding: 0;
}

.entry-content .doc-title{
  color: var(--dark-green);
  font-weight: 700;
}

.entry-content .doc-link a{
  font-size: 2.4rem;
  color: var(--dark-green);
  transition: all 0.2s ease-in-out;
}

.entry-content .doc-link a:focus i:before,
.entry-content .doc-link a:hover i:before{
  color: var(--black);
}

@media screen and (max-width: 767px) {
  .entry-content ul {
    margin-left: 2em;
  }
}

@media screen and (max-width: 575px) {
  .entry-content ul {
    margin-left: 1em;
  }
}

/*------ FORMULAIRES -----------*/

.acf-form-submit{
  display: flex;
  justify-content: flex-end;
}

  /* !important due to Gravity Form "modern tags" option (?) */

.gform_wrapper{
  padding: 40px !important;
  background-color: #f9f9f9 !important;
  border: 24px solid #ebebeb !important;
}

.gform_wrapper legend,
.gform_wrapper label{
  font-weight: 700 !important;
  color: var(--dark-green) !important;
}

.gform_wrapper input,
.gform_wrapper textarea,
.gform_wrapper select{
  border: 2px solid var(--dark-green) !important;
}

.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
  border: 4px solid var(--dark-green) !important;
}

.sf-input-radio{
  accent-color: var(--dark-green);
}

.sf-input-checkbox:focus + label{
  border: 4px solid var(--dark-green) !important;
}

.gform_wrapper .gform_title{
  text-align: center !important;
  font-size: 4rem !important;
  color: var(--dark-green) !important;
}
.gform_wrapper .gform_button_select_files{
  padding: 10px 40px !important;
  color: #fff !important;
  background: var(--dark-green) !important;
  border: 2px solid var(--dark-green) !important;
  transition: all 0.2s ease-in-out;
}

.gform_wrapper .gform_button_select_files:focus,
.gform_wrapper .gform_button_select_files:hover{
  color: var(--dark-green) !important;
  background: #fff !important;
}

.gform_wrapper .gform_drop_area:before{
  color: var(--dark-green) !important;
}

.gform_wrapper .gform-footer{
  display: flex !important;
  justify-content: center !important;
}

.gform_wrapper .gform-footer .gform_button{
  padding: 10px 40px !important;
  color: #fff !important;
  background: var(--dark-green) !important;
  transition: all 0.2s ease-in-out !important;
}

.gform_wrapper .gform-footer .gform_button:focus,
.gform_wrapper .gform-footer .gform_button:hover{
  color: var(--dark-green) !important;
  background: #fff !important;
}
@media screen and (max-width: 767px) {
  .gform_wrapper {
    padding: 15px !important;
    border: 10px solid #ebebeb !important;
  }
  .gform_wrapper .gform_title {
    margin-top: 10px !important;
    font-size: 2.6rem !important;
  }
}

/* collapse shortcode */
.title-collapse {
	clear:both;
	border-bottom: 1px solid #ccc;
	padding: .25em;
}
a.btn-collapse {
	position: relative;
	display: block;
	padding-right: 2em;
	text-decoration: none;
}
a.btn-collapse:after {
	color: #ccc;
	position: absolute;
	right: 1em;
	content: '+';
	display: inline-block;
}
a.btn-collapse[aria-expanded=true]:after {
	content: '-';
}
.clear.collapse {
	margin-bottom: 1em;
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.header-chapo{
  color: var(--dark-green);
  font-weight: 600;
  font-size: 2rem;
}

.site-content .entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.post.hentry {
  margin-bottom: 4rem;
}

.entry-title > a {
  color: inherit;
}



/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	transition: filter 0.2s ease-in;
	backface-visibility: hidden;
	/* vertical-align: auto; */
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

@media screen and (min-width: 480px) {
	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 768px) {
	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

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

.posts-navigation,
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}

/*--------------------------------------------------------------
# Entête / menu
--------------------------------------------------------------*/
.custom-logo-link{
  display: block;
  padding: 20px 15px;
  max-width: 250px;
}
.site-title-wrapper .search-shortcuts{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.global-search-form-wrapper{
  display: flex;
  align-items: center;
  padding-left: 0px;
  padding-right: 15px;
  justify-content: flex-end;
}
#global-search-form{
  width: 100%;
  max-width: 300px;
}
#global-search-form .search-field{
  border: none;
  padding: 10px;
  font-size: 1.8rem;
  color: var(--black);
  /*background-color: #daebe7;*/
  background-color: var(--light-greyn);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
#global-search-form button{
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: var(--light-greyn);
  font-size: 2rem;
  color: var(--black);
}
.accessibility-button-wrapper{
  padding: 0 0 0 10px;
}
.demarche-link-wrapper{
  display: flex;
  padding: 0 0 0 10px;
}
/* .demarche-link-wrapper .plain-green-button{
  padding: 10px 20px;
} */

.demarches-link,
.accessibility-button{
  border-radius: 6px;
  font-size: 1.6rem;
}

.accessibility-button{
  padding: 7px 10px;
}

/* #lisio-popin-container{
  visibility: hidden !important;
} */

/* lisio-root#lisio-shadow-env{
  z-index: -1;
} */

shadow-root #lisio-popin-container{
  display: none;
}

@media screen and (max-width: 991px) {
  .global-search-form-wrapper{
    padding: 10px;
  }
  .accessibility-button-wrapper,
  .demarche-link-wrapper{
    padding: 8px;
  }
  .site-title-wrapper .search-shortcuts{
    padding-left: 78px;
  }
}

@media screen and (max-width: 767px) {
  .site-title-wrapper h1{
    display: flex;
    justify-content: center;
  }
  .global-search-form-wrapper{
    justify-content: center;
  }
  .demarche-link-wrapper{
    justify-content: center;
  }
}

@media screen and (max-width: 575px) {
  #global-search-form .search-field{
    font-size: 1.4rem;
  }
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after {
  font-size: 3rem;
  color: var(--dark-green);
  transform: rotate(-90deg);
  transition: all 0.2s ease-in-out;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after {
  transform: rotate(0);
}

#mega-menu-wrap-primary{
  display: flex;
  width: 100%;
  /* max-width: 1600px; */ /* Ne pas décommenter, ça réduit le sub-menu qui ne prend plus 100% de l'écran */
  margin-right: auto;
  margin-left: auto; 
}
#mega-menu-wrap-primary #mega-menu-primary{
  display: flex;
  /* flex-wrap: wrap; */
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
  display: flex;
  align-items: center;
  height: 80px;
  color: var(--black);
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover{
  font-weight: 500;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column{
  /* margin: 24px 0; */
  /* padding-left: 30px; */
  border-left: 2px solid #fff;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column:first-child{
  border: none;
}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item{
  padding: 5px;
}
@media screen and (max-width: 991px) {
  #mega-menu-wrap-primary{
    margin-left: 10px;
    margin-bottom: 20px;
    margin-top: -79px;
  }
}



#img-header-wrapper{
  height: 400px;
  margin-bottom: 25px;
}
#img-header-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body .breadcrumb{
  display: flex;
  align-items: center;
  margin-bottom: 50px;
  padding-left: 15px;
  font-size: 3rem;
  color: var(--dark-green);
}
#breadcrumbs > span{
display: flex;
align-items: center;
margin-top: 5px;
margin-right: 15px;
font-size: 1.4rem;
color: var(--black);
}
body .breadcrumb li{
  display: flex;
  align-items: center;
  margin-right: 5px;
  font-size: 1.4rem;
  color: var(--black);
}
body .breadcrumb li > span,
body .breadcrumb li > a{
  margin-top: 5px;
}
body .breadcrumb li::after{
  margin-right: 0;
}
body .breadcrumb li + li::before{
  padding-right: 15px !important;
  font-size: 3rem;
  color: var(--dark-green);
}
#breadcrumbs > span + span{
  margin-left: 15px;
}
.page-h1-title-wrapper {
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.sto-big-title,
#page-h1-title{
  display: inline-flex;
  position: relative;
  font-size: 3rem;
  font-weight: 500;
  text-transform: uppercase;
}
.sto-big-title,
.blog #page-h1-title,
.archive #page-h1-title{
  padding: 0 50px;
}
.sto-big-title::before,
.blog #page-h1-title::before,
.archive #page-h1-title::before{
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
  right: 0;
  height: 4px;
  background-color: var(--dark-green);
  z-index: 0;
}
.sto-big-title span,
.blog #page-h1-title span,
.archive #page-h1-title span{
  padding: 0 10px;
}
.sto-big-title span,
#page-h1-title span{
  position: relative;
  background-color: #fff;
  z-index: 1;
}

#page-h1-title span{
  /* color: var(--dark-green); */
  font-size: 3.2rem;
}

@media screen and (min-width:992px) {
  #mega-menu-wrap-primary #mega-menu-primary{
    width: 100%;
    justify-content: space-evenly;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu.mega-menu-item{
    /* max-width: 300px; */
  }
}

@media screen and (max-width:991px) {
  .sto-big-title,
  #page-h1-title{
    font-size: 2.6rem;
  }

  #mega-menu-wrap-primary .mega-menu-toggle{
    height: auto;
    padding-bottom: 8px;
  }

  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated:before{
    content: "menu";
    text-transform: uppercase;
    color: #fff;
  }

  #mega-menu-wrap-primary .mega-toggle-animated-inner,
  #mega-menu-wrap-primary .mega-toggle-animated-inner:before,
  #mega-menu-wrap-primary .mega-toggle-animated-inner:after{
    background-color: #fff !important;
  }
  #mega-menu-primary a{
    color: #fff !important;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
    color: #fff;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {
    /* Le display ci-dessous fait apparaitre l'entrée de menu Accès rapides qui doit être caché  */
    /* display: list-item; */
    margin: 0;
    clear: both;
    border: 0;
    border-top: 1px dotted #fff;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:first-child{
    border-top: none;
  }
  #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item:last-child{
    border-bottom: 1px dotted #fff;
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children.mega-toggle-on > a.mega-menu-link > span.mega-indicator:after{
    transform: rotate(-90deg);
  }
  #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column{
    margin: 0;
    border: none;
  }
  #mega-menu-wrap-primary:has(.mega-menu-open) #mega-menu-primary[data-effect-mobile^="slide_right"] + button.mega-close{
    background-color: var(--dark-green);
  }
  #mega-menu-wrap-primary:has(.mega-menu-open) #mega-menu-primary[data-effect-mobile^="slide_"] + button.mega-close:before {
    font-size: 30px;
    border-left: 1px solid #fff;
  }
}

/* --------------- PAGE D'ACCUEIL HOME -----------*/

.home .sto-big-title{
  font-size: 4rem;
  font-weight: 700;
}

section.en-un-clic{
  margin: 70px 0;
}
section.en-un-clic li{
  align-items: center;
  margin: 0 50px;
}
section.en-un-clic .picto img{
  width: 80px;
  height: 80px;
}
section.en-un-clic .title-clic h2{
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 400;
  text-align: center;
  transition: all 0.2s ease-in-out;
}
section.en-un-clic li:focus .title-clic h2,
section.en-un-clic li:hover .title-clic h2{
  color: var(--dark-green);
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  section.en-un-clic li {
    margin: 0 30px;
  }
}

@media screen and (max-width: 767px) {
  section.en-un-clic{
    margin: 30px 0;
  }
  section.en-un-clic ul {
    flex-wrap: wrap;
  }
  section.en-un-clic li {
    margin: 20px 30px;
  }
}

#ongletHomeUne{
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
}
#ongletHomeUne li:first-child .onglet-home{
  margin-right: 80px;
}
#ongletHomeUne button{
  font-size: 3rem;
  font-weight: 600;
  color: var(--black);
}
#ongletHomeUne button.active{
  color: var(--dark-green);
}

.home .blog #results .archive-content {
  padding: 20px 30px;
}

.home .blog #results .archive-content button.partager{
  margin-right: 8px;
}

.home #results .a-la-une .left-side .page-thumbnail-wrapper{
  padding-bottom: 0;
}

.home #results .a-la-une .entry-title{
  margin: 7px 0;
  color: var(--dark-green);
}
.home .a-la-une .right-side-wrapper,
.home .a-la-une .left-side{
  padding-left: 10px;
  padding-right: 10px;
}

.home .a-la-une article .right-side{
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 10px;
}
.home .a-la-une article .right-side > button,
.home .a-la-une article .right-side > p{
  margin-bottom: 8px;
}
.home .a-la-une .right-side-wrapper{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home .a-la-une .right-side-wrapper article{
  flex-grow: 1;
}
.home .a-la-une .right-side-wrapper article + article{
  margin-bottom: 0 !important;
}
.home .a-la-une .right-side-wrapper article:last-of-type{
  margin-bottom: 0;
}
.home .a-la-une article.item-1{
  height: 100%;
}
.home .a-la-une article.item-1 .archive-content{
  padding-bottom: 25px;
  padding-left: 35px;
  padding-right: 35px;
}
.home .a-la-une .archive-content > .row{
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: space-between;
}

.home .a-la-une .archive-taxo-lieux{
  margin-top: 3px;
  font-weight: 700;
}

.home .a-la-une .archive-taxo-lieux i:before{
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--dark-green);
}

.home .a-la-une .lien-archive-wrapper{
  display: flex;
  margin-top: 25px;
  justify-content: flex-end;
  font-size: 2rem;
  text-transform: uppercase;
}
.home .a-la-une .lien-archive{
  font-size: 2rem;
  font-weight: 500;
}

.home .a-la-une .lien-archive i{
  color: var(--dark-green);
}

.kiosque-newsletter .sto-big-title-wrapper{
 margin-bottom: 60px;
}

@media screen and (max-width: 1199px) {
  .home .a-la-une .left-side{
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 991px) {
  .home .blog #results .archive-content {
    padding: 35px;
  }
}
@media screen and (max-width: 767px) {
  .home .blog #results .archive-content {
    padding: 0 35px 35px 35px;
  }
  #ongletHomeUne li:first-child .onglet-home{
    margin-right: 0;
  }
  .home #results .a-la-une .left-side .page-thumbnail-wrapper {
    padding-bottom: 20px;
  }
}

.home .kiosque-newsletter{
  margin-top: 50px;
}

.home .kiosque{
  position: relative;
  padding: 30px;
  box-shadow: 3px 3px 5px rgb(159 159 159);
  border-radius: 10px;
}

.home .kiosque > .row{
  padding-bottom: 50px;
}

.home .kiosque h3{
  font-size: 2rem;
}

.home .kiosque .img-wrapper img{
  box-shadow: 5px 5px 5px 0px #ccc;
}

.home .kiosque .doc-button a{
  display: flex;
  justify-content: space-between;
  width: 160px;
  margin-bottom: 10px;
  padding: 5px 10px;
  color: #fff;
  border: 1px solid var(--dark-green);
  border-radius: 5px;
  background: var(--dark-green);
  transition: all 0.2s ease-in-out;
}

.home .kiosque .doc-button a:focus,
.home .kiosque .doc-button a:hover{
  color: var(--dark-green);
  background: #fff;
}

.home .kiosque .doc-button a .icon-feuilleter:before{
  margin-right: 6px;
}

.home .kiosque .col-xl-5 .doc-date{
  margin-top: 7px;
}

.home .kiosque .doc-button-alt a i:before{
  color: var(--dark-green);
}

.home .kiosque .doc-button-alt a:focus i:before,
.home .kiosque .doc-button-alt a:hover i:before {
  color: var(--black);
}

.home .kiosque .doc-button-alt a i.icon-telecharger:before{
  font-size: 2.4rem;
}

.home .kiosque .lien-archive-wrapper{
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-size: 2rem;
  text-transform: uppercase;
}

.home .kiosque .lien-archive-wrapper .icon-right-open:before{
  color: var(--dark-green);
}

.home .newsletter{
  padding-left: 40px;
}

.home .newsletter-block{
  height: 100%;
  padding: 30px;
  padding-top: 38px;
  position: relative;
  color: #fff;
  box-shadow: 3px 3px 5px rgb(159 159 159);
  border-radius: 10px;
  background: var(--dark-green);
}

.home .kiosque-newsletter .newsletter-block .sto-big-title-wrapper{
  margin-bottom: 25px;
}

.home .newsletter-block .sto-big-title{
  color: #fff;
  font-size: 3rem;
}

.home .newsletter-block .sto-big-title::before{
  background-color: #fff;
}

.home .newsletter-block .sto-big-title span{
  background: var(--dark-green);
}

.home .newsletter-block p{
  text-align: center;
}

@media screen and (max-width: 1199px) {
  .home .kiosque .col-md-7{
    display: flex;
    justify-content: center;
  }
  .home .kiosque .img-wrapper{
    max-width: 310px;
    margin-bottom: 30px;
  }
  .home .kiosque .col-md-4 .img-wrapper{
    max-width: 118px;
  }
  .home .newsletter{
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}

@media screen and (max-width: 767px) {
  .home .kiosque-newsletter .sto-big-title-wrapper{
    margin-bottom: 30px;
  }

  .home .kiosque-newsletter .kiosque .col-xl-7,
  .home .kiosque-newsletter .kiosque .col-xl-5 article{
    margin-bottom: 30px !important;
  }
}

@media screen and (max-width: 575px) {
  .home .kiosque-newsletter{
    padding: 0 25px;
  }
}

/*----------------------------------------- PAGES ----------------------------------------*/

.page-header { 
	margin-bottom: 20px;
}

.page-chapo {
	padding: 15px;
	position: relative;
}

.page-title {
    padding: 10px 15px;
}

.up-thumbnail {
  position: absolute;
  bottom: 1px;
  left: 1.5rem;
  right: 1.5rem;
  background-color: rgba( 255,255,255,.9 );
	transition: all 400ms ease;
}
.up-thumbnail .article-title {
	font-size: 16px;
  font-weight: 700;
}
.up-thumbnail .article-content {
	padding: 1rem;;
}

.actualite:hover .up-thumbnail {
	background-color: rgba( 255,255,255,1 );
}

.page-footer {
	padding: 2em;
}

.page-footer ul { padding-left: 0; margin:0; list-style: none; }
.page-footer a { font-weight: 700; }

.last-update-date{
  margin-top: 30px;
  color: var(--light-grey);
  font-style: italic;
  font-size: 1.5rem;
}

.wp-block-gallery.slider{
  position: relative;
}
.wp-block-gallery.slider .slick-slide{
  display: flex;
  justify-content: center;
}
.wp-block-gallery.slider .slick-slide > div{
  display: flex;
  justify-content: center;
  width: calc( 100% - 150px);
}
.wp-block-gallery.slider .slick-arrow{
  position: absolute;
  top: calc(50% - 13px);
  padding: 0;
  color: var(--dark-green);
  border: none;
  background-color: transparent;
  z-index: 99;
}

.wp-block-gallery.slider .slick-arrow i:before{
  font-size: 5rem;
}

.wp-block-gallery.slider .slick-prev{
  left: 0;
}
.wp-block-gallery.slider .slick-next{
  right: 0;
}

/* ---------------------  Accueil de rubrique -------------------*/
.rubrique h2{
  margin-bottom: 25px;
  text-transform: uppercase;
}
.rubrique .sous-rubrique{
  margin: 0 0 25px;
}
.rubrique .sous-rubrique li::before{
  display: none;
}
.rubrique .item-rubrique .title::before,
.rubrique .item-rubrique .thumbnail,
.rubrique .item-rubrique .thumbnail img,
.rubrique .item-rubrique{  
  border-radius: 10px;
}
.rubrique .item-rubrique{
  min-height: 250px;
  margin-bottom: 30px;
  padding: 0 15px;
}
.page-template-template-gestion-entreprise .rubrique .item-rubrique,
.page-template-template-gestion-association .rubrique .item-rubrique{
  min-height: 180px;
}
.rubrique .item-rubrique .title{
  position: relative;
  display: flex;
  padding: 10px;
  height: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 2.1rem;
  color: #fff;
  text-transform: uppercase;
  z-index: 5;
}
.rubrique .item-rubrique .title::before{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: var(--dark-green);
  opacity: 0.4;
  transition: all .2s ease-in-out;
  z-index: -1;
}
.rubrique .item-rubrique:hover .title::before{
  opacity: 1;
}
.rubrique .item-rubrique .thumbnail{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  left: 15px;
  background-color: var(--dark-green);
  opacity: 0.7;
}
.rubrique .item-rubrique .thumbnail img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

/* ---------------------  ARCHIVES -------------------*/
.searchandfilter input[type=checkbox]{
  display:inline-block;
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.searchandfilter input[type=checkbox] + label:before{
    content: "";
    display: inline-block;
    width: 25px;
    height: 20px;
    margin-right: 5px;
    padding: 0 0 0 0px;
    background: url('/wp-content/themes/saint-orens/images/checkbox-sto-3.jpg') no-repeat;
}

.searchandfilter input[type=checkbox]:checked + label:before,
.searchandfilter ul li ul li.sf-option-active ul li.sf-option-active input[type=checkbox]+label:before{
  position: relative;
  background: url('/wp-content/themes/saint-orens/images/checkbox-sto-checked.jpg') no-repeat;
  z-index: 2;
}

.searchandfilter .searchandfilter ul li ul li.sf-option-active ul input[type=checkbox]+label:before {
  position: relative;
  background: url('/wp-content/themes/saint-orens/images/checkbox-sto-false-check.jpg') no-repeat;
  z-index: 1;
}

.searchandfilter li[data-sf-field-input-type=checkbox] label{
  display: flex;
  align-items: center;
  font-size: 1.5rem;
}

.horaire-wrapper > *{
  margin-bottom: 0;
}
.title-green,
#results h2{
  color: var(--dark-green);
}
#results article{
  position: relative;
}
.archive-taxo-top{
  position: relative;
  text-transform: uppercase;
  font-size: 2.2rem;
}

.inner-taxo-top{
  position: relative;
  display: inline-flex;
  margin-bottom: 5px;
  flex-direction: column;
  font-size: 1.6rem;
  background-color: #fff;
  z-index: 2;
}

.inner-taxo-top span{
  display: inline-block;
  margin-right: 5px;
  background-color: #fff;
}

#results .entry-title{
  margin: 10px 0;
}

/* .post-type-archive-annuaire-liste #results article,
.post-type-archive-offres_emploi #results article,
.post-type-archive-agenda #results article, */
.zrm article,
.archive #results article,
.blog #results article{
  margin-bottom: 20px;
  box-shadow: 3px 3px 5px rgb(159, 159, 159);
  border-radius: 10px;
  transition: all .2s ease-in-out;
}
/* .post-type-archive-offres_emploi #results article:hover,
.post-type-archive-agenda #results article:hover, */
.zrm article:focus,
.zrm article:hover,
.archive #results article:focus,
.archive #results article:hover,
.blog #results article:focus,
.blog #results article:hover{
  box-shadow: 3px 3px 5px rgb(112, 112, 112);
}

.zrm article h3{
  margin: 10px 0;
}

.zrm article .right-side .btn-sto,
.blog #results article .right-side .partager-subcontent,
.blog #results article .right-side .btn-sto,
.archive #results article .right-side .partager-subcontent,
.archive #results article .right-side .btn-sto{
  min-width: 150px;
  text-align: center;
}

.archive #results article .right-side .btn-sto{
  margin-bottom: 15px;
}

.zrm article .archive-taxo-lieux,
.archive #results .archive-taxo-lieux{
  margin-top: 5px;
  font-weight: bold;
  font-size: 1.3rem;
}
.zrm article .archive-taxo-lieux i:before,
.archive #results .archive-taxo-lieux i:before{
  color: var(--dark-green);
}
.zrm article .ical,
.zrm article .inscription-button,
.blog #results .partager,
.blog #results .partager-subcontent,
.archive #results .partager,
.archive #results .partager-subcontent,
.zrm-event .partager,
.zrm-event .partager-subcontent,
.archive #results .ical,
.archive #results .dl-button,
.archive #results .inscription-button,
.archive #results .postuler{
  position: relative;
  z-index: 15;
}
.sidebar-left-agenda .partager::after,
.blog #results .partager::after,
.archive #results .partager::after,
.zrm-event .partager::after{
  display: none;
}
.partager-subcontent.show{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: var(--dark-green);
}
.partager-subcontent a,
.partager-subcontent button{
  color: #fff;
  text-transform: uppercase;
}
.zrm article .page-thumbnail-wrapper,
.blog #results .page-thumbnail-wrapper,
.archive #results .page-thumbnail-wrapper{
  padding: 20px 20px 10px 30px;
  text-align: center;
}

.zrm article .page-thumbnail-wrapper img,
.blog #results .page-thumbnail-wrapper img,
.archive #results .page-thumbnail-wrapper img{
  border-radius: 10px;
}

.zrm article .archive-content, 
.blog #results .archive-content, 
.archive #results .archive-content{
  padding: 20px;
}
.zrm article h2,
.post-type-archive-agenda article h2,
.blog article h2{
  margin-bottom: 0;
  font-size: 1.8rem;
}

.zrm-kiosque article h2{
  color: var(--dark-green);
}

@media screen and (max-width:575px) {
  .zrm article .right-side{
    flex-direction: column;
  }
  .zrm article .right-side p.btn-sto{
    margin-bottom: 10px !important;
  }
}

.post-link{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
}

.post-link .color-transparent{
  color: transparent;
}

article .savoir-plus{
  transition: all .2s ease-in-out;
}

article:focus .savoir-plus,
article:hover .savoir-plus{
  background-color: #fff;
  color: var(--dark-green);
}

.pagination,
.nbResult {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 4rem 0;
	width: 100%;
}

.pagination > div{
  display: flex;
  align-items: center;
}

.pagination .page-numbers {
  display: flex;
  justify-content: center;
  align-items: center;
	width: 30px;
  height: 30px;
	margin: 0 10px;
	font-weight: 700;
  text-decoration: none;
  border: 1px solid var(--dark-green);
  border-radius: 30px;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev{
  border: none;
  color: var(--black);
}

.pagination .current,
.pagination .page-numbers:not(.prev, .next):focus,
.pagination .page-numbers:not(.prev, .next):hover{
	color: #fff;
	background: var(--dark-green);
}
.pagination .page-numbers.next:hover,
.pagination .page-numbers.next:focus,
.pagination .page-numbers.prev:hover,
.pagination .page-numbers.prev:focus{
  color: var(--dark-green);
}
.nbResult {
  margin-top: 30px;
  font-size: 1.4rem;
	font-weight: 400;
}
.pagination .next,
.pagination .prev {
	padding: 0;
	line-height: 1;
}

.pagination .next,
.pagination .prev {
  font-size: 3rem;
  font-weight: 700;
	color: var(--dark-green);
  text-decoration: none;
}

.pagination .prev .icon-angle-left:before {
  margin-left: 3px;
}

.pagination .next .icon-angle-right:before{
  margin-right: 3px;
}

@media screen and (max-width:991px) {
  .blog #results .archive-content, 
  .archive #results .archive-content{
    padding: 0 35px 35px 35px;
  }
  .blog #results .archive-content .right-side, 
  .archive #results .archive-content .right-side{
    margin-top: 15px;
  }
}

/************ CARTE Interactive ARCHIVE ANNUAIRE ********************/
.link-carto-liste-wrapper a,
.link-carto-liste-wrapper span{
  display: inline-block;
  padding: 0 30px;
  font-size: 2rem;
  font-weight: 700;
}

.link-carto-liste-wrapper span{
  color: var(--dark-green);
}

#carteInteractive{
  height: 700px;
}

.archive .leaflet-container a.leaflet-popup-close-button {
    top: 5px;
    right: 5px;
    font-size: 2.4rem;
    color: var(--dark-green);
}

.archive .leaflet-container .inner-taxo-top{
  margin: 10px 0;
  font-size: 1.5rem;
}

.archive .leaflet-container .inner-taxo-top span:last-of-type{
  margin-left: 10px;
  margin-bottom: 0;
  font-size: 1.3rem;
}

/* .archive .leaflet-container .inner-taxo-top span:last-of-type:before{
  content: ">";
  display: inline-block;
  margin-right: 7px;
} */

.archive .leaflet-popup-content h2{
  margin: 7px 0 14px;
  font-size: 2.1rem;
  color: var(--dark-green);
}
.post-type-archive-annuaire .infos-wrapper {
  padding-top: 15px;
}
.post-type-archive-annuaire .infos-wrapper > *{
  margin-bottom: 6px;
}
.post-type-archive-annuaire .infos-wrapper p{
  margin: 0;
}
.post-type-archive-annuaire .infos-wrapper .code_postal,
.post-type-archive-annuaire .infos-wrapper .commune{
  display: inline-block;
}
.leaflet-popup-content .infos-annuaire-wrapper > *{
  margin: 10px 0;
  font-size: 1.4rem;
}

/************ ARCHIVE ANNUAIRE liste ********************/
.archive-liste-annuaire #results article{
  margin-bottom: 20px;
}

.archive-liste-annuaire #results h2{
  font-size: 2rem;
  margin-bottom: 10px;
}

.archive-liste-annuaire .infos-wrapper{
  padding-top: 0;
}

.post-type-archive .infos-annuaire-wrapper{
  position: relative;
  margin-top: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  z-index: 99;  
}

.single-associations .infos-annuaire-wrapper .adresse-annuaire,
.single-entreprises .infos-annuaire-wrapper .adresse-annuaire,
.post-type-archive #results .adresse-annuaire{
  position: relative;
  display: flex;
  padding-left: 30px;
  flex-direction: column;
  justify-content: center;
  font-size: 1.4rem;
}

.single-associations .infos-annuaire-wrapper .adresse-annuaire .icon-lieu,
.single-entreprises .infos-annuaire-wrapper .adresse-annuaire .icon-lieu,
.post-type-archive #results .adresse-annuaire .icon-lieu{
  position: absolute;
  top: 4px;
  left: 0;
  color: var(--dark-green);
  display: inline-flex;
  font-size: 1.8rem;
}

.post-type-archive #results .coord-rs > *{
  /* margin: 10px 0; */
  /* margin-left: 20px; */
}

.post-type-archive #results .coord-rs h3{
  margin: 15px 0;
}

.post-type-archive #results .coord-rs a{
  text-decoration: underline;
}

.post-type-archive #results .coord-rs a:focus,
.post-type-archive #results .coord-rs a:hover{
  text-decoration: none;
}

.post-type-archive #results .coord-rs i:before{
  margin-right: 7px;
}

/************ ARCHIVE ACTUALITES ********************/
.blog article .page-thumbnail-wrapper{
  position: relative;
}
/* .blog article .page-thumbnail-wrapper img{
  position: absolute;
  width: calc(100% - 16px);
  height: 100%;
  top: 0;
  left: 8px;
  right: 8px;
  bottom: 0;
  object-fit: cover;
} */

.blog .post-date{
  text-transform: capitalize;
}

@media screen and (max-width:991px) {
  .blog .right-side{
    flex-direction: row;
    margin-top: 10px;
    justify-content: center;
    align-items: flex-end !important;
  }
}

/************ ARCHIVE OFFRE emploi ********************/

.post-type-archive-offres_emploi .offre-wrapper{
  margin-bottom: 15px;
}

.post-type-archive-offres_emploi article{
  height: 100%;
}

.post-type-archive-offres_emploi .offre-municipale-tag{
  position: absolute;
  top: 20px;
  left: 30px;
  padding: 5px 10px;
  font-size: 0.9rem;
  color: var(--dark-green);
  font-weight: 600;
  background-color: #fff;
  border: 2px solid var(--dark-green);
}
.post-type-archive-offres_emploi .excerpt-offre{
  margin: 15px 0;
}
.post-type-archive-offres_emploi #results .postuler a{
  display: inline-block;
  width: 100%;
}

/************ SINGLE OFFRE ********************/

p.offre-ville{
  color: var(--dark-green);
  font-weight: 700;
  font-style: italic;
}

/************ SINGLE Agenda ********************/
.sidebar-left-agenda{
  padding-top: 3px;
  font-size: 2rem;
}
.sidebar-left-agenda h2{
  margin: 20px 0 15px;
  font-size: 2rem;
  font-weight: 600;
  color: var(--dark-green);
  text-transform: uppercase;
  line-height: 1;
}
.sidebar-left-agenda > .row > div{
  margin-bottom: 25px;
}
.sidebar-left-agenda .event-side-button{
  margin-bottom: 20px !important;
}
.sidebar-left-agenda .event-side-button a,
.sidebar-left-agenda .event-side-button button{
  width: 170px;
  text-align: center;
}

.single-inscription-button{
  width: inherit;
  text-decoration: none !important;
}

/************ TEMPLATE GESTION ASSOCIATIONS ********************/
#modif-fiche .acf-form-submit{
  text-align: right;
}

.page-template-template-gestion-association .alert-success{
  background-color: transparent;
  border: none;
}

/************ SINGLE ANNUAIRE ASSOCIATIONS ENTREPRISES ********************/

.infos-annuaire-wrapper{
  margin-top: 15px;
  padding: 0 30px 15px 30px;
  box-shadow: 3px 3px 5px rgb(159, 159, 159);
  border-radius: 10px;
}

.infos-annuaire-wrapper > .row > div{
  padding-right: 15px;
  padding-left: 15px;
}
.infos-annuaire-wrapper .logo-asso{
  display: flex;
  align-items: center;
}
.infos-annuaire-wrapper .salaries-presentation-wrapper{
  position: relative;
}
.infos-annuaire-wrapper .salaries-presentation-wrapper::after{
  content: "";
  position: absolute;
  display: block;
  width: 2px;
  height: 80px;
  background-color: var(--dark-green);
  right: 0;
  top: calc(50% - 40px);
  
}
.infos-annuaire-wrapper .page-thumbnail-wrapper{
  margin: 30px 0 15px 0;
}

.infos-annuaire-wrapper ul.rs-list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: 0;
}

.infos-annuaire-wrapper ul.rs-list li{
  margin-right: 10px;
  list-style-type: none;
}

.infos-annuaire-wrapper ul.rs-list li:before{
  display: none;
}

.infos-annuaire-wrapper ul.rs-list li i:before{
  font-size: 3rem;
  color: var(--dark-green);
}

.infos-annuaire-wrapper ul.rs-list li i.icon-x-twitter:before {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  width: 28px;
  height: 28px;
  color: #fff;
  background-color: var(--dark-green);
  border-radius: 30px;
}

.infos-annuaire-wrapper ul.rs-list li a:focus,
.infos-annuaire-wrapper ul.rs-list li a:hover{
  opacity: 0.8;
}

.infos-annuaire-wrapper .coord-annuaire address i.icon-lieu:before{
  font-weight: 700;
  color: var(--dark-green);
}

.infos-annuaire-wrapper .coord-annuaire > div{
  margin-bottom: 10px;
}

.infos-annuaire-wrapper .coord-annuaire i:before{
  margin-right: 7px;
}

.annuaire-single-content{
  margin-top: 40px;
}

/************ SEARCH RECHERCHE GLOBALE ********************/

.search-main-row h1.page-title{
  margin: 50px 0;
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
}

.search-main-row .search-word{
  font-weight: 700;
  text-transform: uppercase;
  color: var(--dark-green);
}

.search-main-row .search-results article{
  position: relative;
  margin-bottom: 30px;
}

.search-main-row .search-results .entry-content img{
  border-radius: 10px;
}

.search-main-row .search-results .entry-title{
  margin-top: 0;
  font-size: 2.8rem;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 0.2s ease-in-out;
}

.search-main-row .search-results article:focus .entry-title,
.search-main-row .search-results article:hover .entry-title{
  text-decoration: underline;
  color: var(--dark-green);
}

.search-main-row .search-results .post-type {
  display: flex;
  justify-content: space-between;
  margin: 10px 0;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--dark-green);
}

.search-main-row .search-results .post-type span{
  text-decoration: none;
  font-weight: 400;
}

.search-main-row .search-results .entry-summary {
  margin-top: 10px;
}

.search-main-row .search-results .post-link{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/*********** formulaire des archives *************/
.searchandfilter{
  margin-bottom: 25px;
}
.searchandfilter ul{
  padding: 0;
}
.searchandfilter li.sf-field-reset,
.searchandfilter li.sf-field-submit{
  display: inline-flex;
}
.searchandfilter li.sf-field-submit{
  margin-right: 15px;
}
.searchandfilter input[type="submit"]{
  padding: 8px 12px;
  background-color: var(--dark-green);
  color: #fff;
  border: solid 1px var(--dark-green);
  border-radius: 10px;
  transition: all .2s ease-in-out;
}

.searchandfilter input[type="submit"]:hover{
  background-color: #fff;
  color: var(--dark-green);
}

.searchandfilter .sf-groupe-title a{
  position: relative;
  display: flex;
  padding-right: 50px;
  min-width: 70%;
}
.searchandfilter .sf-groupe-title a::after{
  /* position: absolute; */
  content: "";
  right: 35px;
  margin-left: 25px;
  font-family: 'dashicons';
  font-size: 3rem;
  color: var(--dark-green);
  transform: rotate(-90deg);
  transition: all .2s ease-in-out;
}
.searchandfilter .sf-groupe-title a[aria-expanded="true"]::after{
  transform: rotate(0);
}
body .searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{
  background-color: #fff;
  color: var(--dark-green);
  border: solid 4px var(--dark-green);
  font-size: 1.8rem;
  text-transform: capitalize;
}
body .searchandfilter-date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-title{
  margin-top: 7px;
  margin-bottom: 6px;
}
body .ll-skin-melon .ui-datepicker .ui-datepicker-next span, .ll-skin-melon .ui-datepicker .ui-datepicker-prev span{
  filter: invert(8%) sepia(12%) saturate(0%) hue-rotate(143deg) brightness(0%) contrast(99%);

}
body .searchandfilter-date-picker .ui-datepicker .ui-datepicker-header .ui-corner-all,
body .searchandfilter-date-picker .ui-datepicker .ui-datepicker-header .ui-datepicker-title{
  color: var(--black);
}
body .ll-skin-melon .ui-widget{
  background-color: var(--dark-green);
}
body .ll-skin-melon td .ui-state-default{
  color: var(--black);
}
body .ll-skin-melon td .ui-state-hover{
  background-color: var(--dark-green);
  color: #fff;
}
body .ll-skin-melon .ui-datepicker td{
  background: #fff;
}
body .ll-skin-melon .ui-state-disabled .ui-state-default{
  color: var(--dark-green);
}
.searchandfilter input.sf-datepicker{
  border-radius: 10px;
  border-width: 1px;
  height: 35px;
  padding: 10px;
}
.searchandfilter .sf-field-reset a{
  text-decoration: none;
  padding: 8px 12px;
  font-size: 1.6rem;
  border: solid 1px var(--light-grey);
  border-radius: 8px;
}
.searchandfilter .sf-field-reset a:hover,
.searchandfilter .sf-field-reset a:focus{
  background-color: var(--light-grey);
  color: #fff;
}

.searchandfilter li h4{
  font-size: 2.6rem;
  color: var(--dark-green);
  text-transform: uppercase;
}

.searchandfilter .sf-field-search input{
  display: inline-flex;
  padding: 8px 12px;
  border: none;
  background-color: var(--light-greyn);
  color: var(--black);
  border-radius: 10px;
}

.searchandfilter .sf-field-search input::placeholder{
  color: #fff;
}

.searchandfilter .sf-field-taxonomy-theme-post,
.searchandfilter .sf-field-taxonomy-secteur-activ-annu,
.searchandfilter .sf-field-taxonomy-cat-agenda{
  font-weight: 600;
}
.searchandfilter .sf-field-taxonomy-theme-post .children,
.post-type-archive-entreprises .searchandfilter .sf-field-taxonomy-secteur-activ-annu,
.searchandfilter .sf-field-taxonomy-secteur-activ-annu .children,
.searchandfilter .sf-field-taxonomy-cat-agenda .children{
  font-weight: 400;
}
/* .searchandfilter .sf-field-taxonomy-secteur-activ-annu li > label{
  text-transform: lowercase;
} */
/** ----------- SIDEBAR ZRM ---------------**/

#secondary h2.sto-big-title{
  margin: 50px 0 30px 0;
}

#secondary .zrm-event {
  display: flex;
  flex-direction: column;
}

#secondary .zrm-event article{
  flex-grow: 1;
}

#secondary .zrm-kiosque{
  display: flex;
  flex-direction: column;
  padding-left: 40px;
}

#secondary .zrm-kiosque .articles-kiosque{
  display: flex;
  flex-direction: column;
  box-shadow: 3px 3px 5px rgb(159, 159, 159);
  border-radius: 10px;
  flex-grow: 1;
}

#secondary .zrm-kiosque article{
  box-shadow: none;
}

#secondary .zrm-kiosque article > .row{
  align-items: center;
  height: 100%;
}

#secondary .zrm-kiosque .articles-kiosque .col-md-4{
  display: flex;
  justify-content: flex-end;
}

#secondary .zrm-kiosque .img-wrapper {
  width: 118px;
  box-shadow: 5px 5px 5px 0px #ccc;
}

#secondary .zrm-kiosque .doc-button a .icon-feuilleter:before {
  margin-right: 6px;
}

#secondary .zrm-kiosque .col-xl-5 .doc-date {
  margin-top: 7px;
}

#secondary .zrm-kiosque .doc-button-alt a i:before {
  color: var(--dark-green);
}

#secondary .zrm-kiosque .doc-button-alt a:focus i:before,
#secondary .zrm-kiosque .doc-button-alt a:hover i:before {
  color: var(--black);
}

#secondary .zrm-kiosque .doc-button-alt a i.icon-telecharger:before {
  font-size: 2.4rem;
}

@media screen and (max-width:767px) {
  #secondary .zrm-kiosque {
    padding-left: 10px;
  }
  #secondary .zrm-kiosque .articles-kiosque .col-md-4{
    margin-top: 20px;
    justify-content: center;
  }
}

/* #secondary .zrm-kiosque .lien-archive-wrapper {
  position: absolute;
  right: 30px;
  bottom: 30px;
  font-size: 2rem;
  text-transform: uppercase;
}

#secondary .zrm-kiosque .lien-archive-wrapper .icon-right-open:before {
  color: var(--dark-green);
} */

#secondary .lire-aussi-info-plus .col-7{
  display: flex;
  flex-direction: column;
}

#secondary .lire-aussi-wrapper,
#secondary .infos-plus{
  flex-grow: 1;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 3px 3px 5px rgb(159, 159, 159);
}

#secondary .lire-aussi-wrapper ul{
  margin: 0;
}
#secondary .lire-aussi-wrapper ul li::before{
  display: none;
}
#secondary .lire-aussi-wrapper ul li{
  margin: 10px 0;
  list-style-type: none;
}

#secondary .lire-aussi-wrapper ul li i:before{
  transform: rotate(90deg);
}
.zrm-info-plus a,
#secondary .lire-aussi-wrapper ul li a{
  color: var(--dark-green);
  font-weight: 700;
  font-size: 1.8rem;
  text-decoration: underline;
  transition: all 0.2s ease-in-out;
}
.zrm-info-plus a:focus,
.zrm-info-plus a:hover,
#secondary .lire-aussi-wrapper ul li a:focus,
#secondary .lire-aussi-wrapper ul li a:hover{
  color: var(--black);
  text-decoration: none;
}
.zrm-info-plus a::before{
  content: '\e807';
  transform: rotate(90deg);
  font-family: "bdt-icon";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  color: var(--black);
  text-decoration: none;
}
#secondary .infos-plus{
  margin-left: 30px;
}

@media screen and (max-width:991px) {
  #secondary .infos-plus{
    margin-left: 0;
  }
}

/* --------------- FOOTER -------------- */

section.top-footer{
  margin: 50px 0;
}

section.top-footer .logo-adresse-footer{
  display: flex;
  align-items: center;
}

section.top-footer address{
  margin-left: 30px;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 400;
}

section.top-footer .buttons-footer-wrapper{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

section.top-footer .buttons-footer{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-left: 0;
  /* max-width: 500px; */
}

section.top-footer .buttons-footer li{
  margin: 10px 7px;
  list-style-type: none;
}

section.top-footer .buttons-footer li a{
  display: inline-block;
  width: 225px;
  padding: 7px 15px;
  font-size: 1.4rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 5px;
  transition: all 0.2s ease-in-out;
}

section.top-footer .buttons-footer li a.button-color-green{
  color: #fff;
  border: 1px solid var(--dark-green);
  background: var(--dark-green);
}

section.top-footer .buttons-footer li a.button-color-white{
  color: var(--black);
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0 3px 5px 3px #ddd;
}

section.top-footer .buttons-footer li:focus a.button-color-green,
section.top-footer .buttons-footer li:hover a.button-color-green{
  color: var(--black);
  background: #fff;
}

section.top-footer .buttons-footer li:focus a.button-color-white,
section.top-footer .buttons-footer li:hover a.button-color-white{
  color: #fff;
  border: 1px solid var(--dark-green);
  background: var(--dark-green);
}

.sidebar-footer{
  background-color: var(--dark-green);
  color: #fff;
}

.sidebar-footer #block-3{
  display: flex;
  align-items: center;
}

.sidebar-footer .widget_nav_menu{
  display: flex;
  align-items: center;
}

.sidebar-footer .widget_nav_menu h2.widgettitle{
  font-size: 2rem;
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux{
  display: flex;
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li{
  list-style-type: none;
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li a{
  display: inline-block;
  width: 50px;
  height: 50px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li a:before{
  display: inline-block;
  margin-right: 10px;
  font-family: 'bdt-icon';
  font-size: 4rem;
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li.facebook a:before{
  content: '\f051';
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li.instagram a:before{
  content: '\f05e';
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li.linkedin a:before{
  content: '\f319';
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li.youtube a:before{
  content: '\f320';
  margin-top: 9px;
  padding: 5px 10px;
  font-size: 2rem;
  color: var(--dark-green);
  border-radius: 20px;
  background: #fff;
}

.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li a:focus,
.sidebar-footer .widget_nav_menu ul#menu-reseaux-sociaux li a:hover{
  opacity: 0.65;
}

.sidebar-footer #block-8{
  display: flex;
  justify-content: flex-end;
  width: 66%;
}

@media screen and (max-width:767px) {
  section.top-footer .logo-adresse-footer{
    margin-bottom: 30px;
  }
  section.top-footer .buttons-footer {
    justify-content: center;
  }
  .sidebar-footer #block-3 {
    justify-content: center;
    margin-top: 30px;
  }
  .sidebar-footer #block-8{
    display: block;
    width: 100%;
  }
}

@media screen and (max-width:575px) {
  section.top-footer{
    margin: 20px 0;
  }
  section.top-footer .logo-adresse-footer{
    flex-direction: column;
  }
  section.top-footer .logo-footer{
    margin-bottom: 20px;
  }
  section.top-footer address{
    margin: 0;
    text-align: center;
  }
}

/* Navigation pied de page */

.footer-nav .nav-item { margin: 0 .25em; }
.footer-nav .nav-link { padding: .5em; font-size: 12px; color: #000; }
.footer-nav .nav-link:not(:first-of-type) {
	border-left: 1px solid #000;
}

.menu-footer-wrapper{
  display: flex;
  align-items: center;
  margin: 50px 0;
}

.menu-footer-wrapper li{
  margin-bottom: 15px;
  list-style-type: none;
  text-align: center;
}

.menu-footer-wrapper li a{
  font-size: 2rem;
  color: #fff;
  text-transform: uppercase;
}

.menu-footer-wrapper li a:focus,
.menu-footer-wrapper li a:hover{
  text-decoration: underline;
}

.menu-footer-wrapper li:last-child{
  margin-bottom: 0;
}

.menu-footer-wrapper .menu-footer-left,
.menu-footer-wrapper .menu-footer-middle{
  padding-right: 30px;
  border-right: 2px solid #fff;
}

#scroll-to-top .icon-angle-up:before{
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: 0 17px 3px 17px;
  font-size: 3rem;
  border: 1px solid var(--dark-green);
  border-radius: 30px;
  background-color: var(--dark-green);
  transition: all 0.2s ease-in-out;
}

#scroll-to-top:focus,
#scroll-to-top:hover{
  text-decoration: none;
}

#scroll-to-top:focus .icon-angle-up:before,
#scroll-to-top:hover .icon-angle-up:before{
  color: var(--dark-green);
  background-color: #fff;
}

@media screen and (max-width:767px) {
  .menu-footer-wrapper {
    justify-content: center;
    margin: 30px 0;
  }
  .menu-footer-wrapper .menu-footer-left{
    padding: 0;
  }
}

@media screen and (max-width:575px) {
  .menu-footer-wrapper {
      flex-direction: column;
      align-items: center;
  }
  #block-8 .menu-footer-wrapper ul{
    margin: 0;
    padding: 0;
    border: none;
  }
  #block-8 .menu-footer-wrapper ul li{
    margin-bottom: 10px;
  }
}