/*
Theme Name: Pastoral cités ©
Theme URI: https://edgar.petrus.free.fr
Author: Edgar PETRUS
Author URI: https://edgar.petrus.free.fr/
Description: Personal and Multi-Author Free WordPress Blog Theme. Perfect for personal, lifestyle, health & fitness, food, cooking, bakery, travel, beauty, fashion, wedding, photography, news, quotes blog, auto blog, small business website and any other kind of amazing blogs. Minimal, elegant & mobile friendly layout with WooCommerce shop (storefront) support will WOW and inspire your visitors. Well documented and very easy to use even for WordPress beginners. Clean and Modern Responsive design will perfectly showcase your content on any device, even on tablet, mobile & retina displays. Very fast, compatibility with many popular plugins & of course translation & RTL (right to left language) ready, coded with best SEO practices. The theme has features like Text & Image logo, Fullscreen Slider, Header image, Instagram slider widget support, footer menu support, GDPR compatibility plugins support and many more. Works perfectly with all major drag and drop page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi. You just need to write and be awesome! TEMPLATE DEMO: https://wp-royal.com/themes/ashe-free/demo/
Version: 2.207
Requires at least: 4.7
Requires PHP: 5.2.4
Tested up to: 6.1.1
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: ashe
Tags: blog, e-commerce, food-and-drink, one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, flexible-header, full-width-template, custom-menu, custom-logo, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
*/


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS
----------------------------------------------------------------
1.0 Normalize
2.0 General Styles & Classes
3.0 Top Bar
4.0 Page Header
5.0 Featured Slider
6.0 Main Navigation
7.0 Featured Links
8.0 Blog Grid
9.0 Post Formats
10.0 Blog Pagination
11.0 Blog Single
12.0 Comments
13.0 Default Gallery
14.0 Widgets
15.0 Page Footer
16.0 Typography
17.0 Pages
18.0 Preloader
19.0 Gutenberg Styles
--------------------------------------------------------------*/
/* couleur 1 : bac8e0 */
/* couleur 2 : 2a5298 */ 
/*--------------------------------------------------------------
1.0 Normalize
Styles based on normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

#infscr-loading {
  text-align: center;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

figcaption,
figure,
main {
  display: block;
}

figure {
  margin: 0;
}

hr {
  box-sizing: content-box;
  overflow: visible;
  border: 0;
  height: 1px;
  margin: 20px 0;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: inherit;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio,
video {
  display: inline-block;
}

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

img {
  display: block;
  border-style: none;
}

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

p,
button,
input,
optgroup,
select,
textarea {
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0; /* 3 */
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; 
}

[type="search"]:focus {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important; 
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details,
menu {
  display: block;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* Custom - Theme Specific */
body {
  margin: 0;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

img {
  height: auto;
}

img,
iframe,
embed {
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,
textarea,
select {
  font-family: 'Open Sans';
  outline: 0;
  -webkit-border-radius: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  line-height: normal;
  clear: both;
}


/*--------------------------------------------------------------
2.0 General Styles & Classes
--------------------------------------------------------------*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  outline: 0 !important;
}

.clear-fix:before,
.clear-fix:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear-fix:after {
  clear: both;
}

.cv-container {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 90; 
}

.cv-outer {
  display: table;
  width: 100%;
  height: 100%;
}

.cv-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.boxed-wrapper {
  margin: 0 auto;
}

#page-header.boxed-wrapper {
  padding: 0 !important;
}

.main-content {
  padding-top: 40px;
  padding-bottom: 40px;
}

/* WordPress Default Class */
.sticky {
  background: #f7f7f7;
  padding: 40px;
}

.sticky .related-posts {
  border: none;
  padding-bottom: 0;
}

.bypostauthor {

}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0 0, 0 0,0 0, 0 0);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  clip: auto !important;
  display: block;
  height: auto;
  left: 5px;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.alignnone {
  margin: 5px 20px 10px 0;
}

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 10px auto;
  clear: both;
}

.alignright {
  float:right;
  margin: 5px 0 20px 20px;
}

.alignleft {
  float: left;
  margin: 5px 20px 10px 0;
}

a img.alignright {
  float: right;
  margin: 5px 0 10px 20px;
}

a img.alignnone {
  margin: 5px 20px 10px 0;
}

a img.alignleft {
  float: left;
  margin: 5px 20px 10px 0;
}

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

.wp-caption {
  max-width: 100%;
  overflow: hidden;
}

.wp-caption-text{
  padding: 10px;
  text-align: center;
  font-size: 14px;
}

.wp-block-image figcaption {
  text-align: center;
  font-size: 14px;
}

.center-text {
  text-align: center;
}


/* Default Styles */
hr {
  border: 0;
  height: 1px;
  margin: 30px 0;
}

strong {
  font-weight: bold;
}

em,
cite,
address {
  font-style: italic;
}

code,
kbd,
tt,
var,
samp,
pre {
  font-family: monospace, monospace;
  font-size: 85%;
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.comment-text h1,
.comment-text h2,
.comment-text h3,
.comment-text h4,
.comment-text h5,
.comment-text h6 {
  margin-bottom: 10px;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 30px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 22px;
}

h6 {
  font-size: 20px;
}

p {
  margin-bottom: 15px;
}

blockquote {
  border-left-width: 3px;
  border-left-style: solid;
  padding-left: 15px;
}

blockquote p {
  font-family: 'Playfair Display';
  font-size: 19px;
  line-height: 30.7px;
  letter-spacing: 0.5px;
  opacity: 0.9;
}

blockquote a {
  font-style: italic;
}

.wp-block-pullquote blockquote {
  border-top-width: 2px;
  border-top-style: solid;
  padding-top: 10px;
  border-left: 0;
  padding-left: 0;
}

.post-content ul,
.woocommerce-product-details__short-description ul,
.woocommerce-Tabs-panel--description ul {
  padding-left: 20px;
  margin-bottom: 15px;
  list-style: disc;
}

.wp-block-gallery ul {
  padding-left: 0 !important;
}

.post-content ol,
.woocommerce-product-details__short-description ol,
.woocommerce-Tabs-panel--description ol {
  padding-left: 25px;
  margin-bottom: 15px;
  list-style: decimal;
}

table {
  margin-bottom: 15px;
}

table th {
  font-weight: bold;
}

table tr,
table th,
table td {
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  text-align: left;
}

dl dt {
  font-weight: bold;
}

abbr[title] {
  border-width: 1px;
  border-style: dotted;
  cursor: help;
}

big {
  font-size: 125%;
}

pre {
  border-width: 1px;
  border-style: solid;
  padding: 20px;
  white-space: pre-wrap; 
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

.post-password-form input[name="post_password"] {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
}

.post-password-form input[type="submit"] {
  padding: 12px;
  font-size: 14px;
  font-weight: bold;
  border: none;
  margin-top: 15px;
  cursor: pointer;
}

/*--------------------------------------------------------------
3.0 Top Bar
--------------------------------------------------------------*/

#top-bar {
  text-align: center;
  box-shadow: 0px 1px 5px rgba(0,0,0, 0.1);
}

#top-menu li {
  position: relative;
}

#top-menu > li {
  display: inline-block;
  list-style: none;
}

#top-menu li a {
  display: block;
  position: relative;
  padding: 0 5px;
  margin-left: 5px;
  text-align: center;
}

#top-menu > li a:hover {
  /*background-color: #2a5298;
  display: block;
  text-align: center;
  border: 0.5px solid #3498db;   
  outline: none;
  color: #F3EEEC;
  border-radius:  16px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
  /*box-shadow: 0 5px 15px rgba(145, 92, 182, .4);*/
  transition: 0.05s;
  /*background-image: url('https://scottyzen.sirv.com/Images/v/button.png');
  background-image: url('./assets/images/menu-glossy-button.png');
  background-size: 100% 100%;
  color: #27262c;
  animation: spring 300ms ease-out;
  text-shadow: 0 -1px 0 #ef816c;
	font-weight: bold;*/

  background: rgba(255, 255, 255, 0.26);
  /*border-radius: 24px;*/
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
  color: #000;
  font-weight:bold;

  
}

#top-menu li a:first-child {
  margin-left: 0;
}

#top-menu > li > a {
  display: block;
  text-decoration: none;
}

#top-menu > li:first-child > a {
  padding-left: 0px;
}

#top-menu > li:last-child > a {
  padding-right: 0px;
}

#top-menu ul ul {
  top: -1px;
  left: 100%;
}

#top-menu .sub-menu {
  display: none;
  position: absolute;
  z-index: 130;   
  width: 170px;
  text-align: left;
  border-style: solid;
  border-width: 1px;
}

#top-menu .sub-menu a {
  border-bottom-style: solid;
  border-bottom-width: 1px; 
}

#top-menu .sub-menu li :hover{
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.26);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(2.6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
}

#top-menu .sub-menu > li:last-of-type > a {
  border: none;
}

#top-menu .sub-menu li:first-child > .sub-menu {
  margin-top: -1px;
}

#top-menu .sub-menu > li > a {
  display: block;
  width: 100%;
  padding: 10px 15px;
  margin: 0;
  color: #2a5298;
  background-color: #bac8e0;
}

.top-bar-socials a {
  margin-left: 15px;
  text-align: center;    
  text-decoration: none;
}

.top-bar-socials a:first-child {
  margin-left: 0;
}

/*--------------------------------------------------------------
4.0 Page Header
--------------------------------------------------------------*/

.entry-header {
  position: relative;
  overflow: hidden;
}

.header-logo {
  text-align: center;
}

.header-logo a {
  display: block;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 100px;
  line-height: 1;
}

.header-logo a img {
  margin: 0 auto;
}

.site-description {
  display: inline-block;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.1;
}

.title-tagline-shown .header-logo a:not(.logo-img),
.title-tagline-shown .site-description {
  display: block;
}

.title-tagline-hidden .header-logo a:not(.logo-img),
.title-tagline-hidden .site-description {
  display: none;
}

.mini-logo a {
  display: block;
  position: relative;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  cursor: pointer;
}


/*--------------------------------------------------------------
5.0 Featured Slider
--------------------------------------------------------------*/

.featured-slider-area.boxed-wrapper {
  padding-top: 41px;
}

#featured-slider.boxed-wrapper img {
  width: 100%;
}

.slider-item {
  position: relative;
  display: none;
}

#featured-slider .slider-item:first-child {
  display: block;
}

#featured-slider.slick-initialized .slider-item {
  display: block;
}

#featured-slider.boxed-wrapper .slider-item-bg {
  height: 360px;
}

.main-container-flash, .main-content {
  margin: 5px;
  background-color: #fff;
}

.main-container-page {
  margin: 5px;
  background-color: #fff;
}

.flash-content p {
  margin-left: 5%;
  margin-right: 5%;
  text-align: justify;
  word-break: normal;
}
.flash-content {
  line-height: 20px;
}

.simple-page-content {
  line-height: 20px;
  padding-top: 20px;
  padding: 20px;
}
.simple-page-content p {
  margin-left: 5%;
  margin-right: 5%;
  text-align: justify;
  word-break: normal;
}
.simple-page-content ul, .single-event-content ul {
  margin-left: 6%;
}
.simple-page-content li, .single-event-content li {
  margin-left: 10px;
  list-style: square;
  text-align: justify;
  word-break: normal;
}
.simple-page-content h2, .single-event-content h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 5%;
  margin-right: 5%;
  font-weight: bold;
}
.has-text-align-center {
  text-align: center;
}
.flash-header, .page-title-header {
  background-color: #2a5298;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.flash-header h1, .page-title-header h1, .event-header h1 {
  font-size: 24px;
}
.flash-title, .page-title {
  color: #fff;
}

.flash-media img {
  margin: 0 auto;
  border-radius: 20px;
  max-width: 95%;
}

.flash-excerpt {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 26px;
  text-align: justify;
  word-break: normal;
  margin-left: 5%;
  margin-right: 5%;
}

/* event page */
.main-container-event {
  margin: 5px;
  background-color: #fff;
}

.event-content p {
  margin-left: 5%;
  margin-right: 5%;
  text-align: justify;
  word-break: normal;
}

.event-content {
  line-height: 20px;
}

.event-header {
  background-color: #2a5298;
  padding: 40px;
  padding: 40px;
  margin-bottom: 40px;
  text-align: center;
}
.event-header h1 {
  font-size: 24px;
}
.event-title {
  color: #fff;
}

.event-media img {
  margin: 0 auto;
  border-radius: 20px;
  max-width: 95%;
}

.event-excerpt {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 26px;
  text-align: justify;
  word-break: normal;
  margin-left: 5%;
  margin-right: 5%;
}

/* single page */
.post-header {
  background-color: #2a5298;
  padding: 40px;
  padding: 40px;
  margin-bottom: 40px;
  text-align: center;
}

.main-container-single {
  margin: 5px;
  background-color: #fff;
}

.post-content p, .post-content h2 {
  margin-left: 5%;
  margin-right: 5%;
  text-align: justify;
  word-break: normal;
  line-height: 20px;
  margin-top: 12px;
}

.post-header h1 {
  font-size: 24px;
  color: #fff;
}
.single-post-title {
  color: #fff;
}

.post-media img {
  margin: 0 auto;
  border-radius: 20px;
  max-width: 95%;
}

.post-excerpt {
  margin-top: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 26px;
  word-break: normal;
}


.slider-item-bg {
  height: 420px; /* Hauteur du slider de flash info */
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

[data-slick*="1"] .cv-container {
  visibility: hidden;
  opacity: 0.0001;
  -webkit-transition: all 650ms ease-in-out 0s;
  -moz-transition: all 650ms ease-in-out 0s;
  -o-transition: all 650ms ease-in-out 0s;
  transition: all 650ms ease-in-out 0s;
  transition-delay: .75s;
}

[data-slick*="1"] .slick-current .cv-container {
  visibility: inherit;
  opacity: 1;
}

.slider-info {
  display: inline-block;
  max-width: 1280px;
  padding: 40px 60px;
}

#featured-slider .prev-arrow,
#featured-slider .next-arrow {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1001;
  padding: 0 15px;
  margin-top: -13px;
  font-size: 42px;
  text-align: center;
  cursor: pointer;
}

#featured-slider .prev-arrow:hover,
#featured-slider .next-arrow:hover {
    opacity: 1;
}

#featured-slider .prev-arrow {
  left: 15px;
}

#featured-slider .next-arrow {
  right: 15px;
}

.post-slider .prev-arrow,
.post-slider .next-arrow {
  display: block;
  position: absolute;
  top: 50%;
  z-index: 1001;
  padding: 0 15px;
  margin-top: -21px;
  font-size: 42px;
  text-align: center;
  cursor: pointer;
}

.post-slider .prev-arrow:hover,
.post-slider .next-arrow:hover {
    opacity: 1;
}

.post-slider .prev-arrow {
  left: 15px;
}

.post-slider .next-arrow {
  right: 15px;
}

.slider-dots {
  display: block;
  position: absolute;
  left: 0;
  bottom: 13px;
  z-index: 1000;
  width: 100%;
  list-style: none;
  text-align: center;
}

.slider-dots li {
  display: inline-block;
  width: 13px;
  height: 13px;
  margin-right: 11px;
  border-style: solid;
  border-width: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  cursor: pointer;
}

.slider-dots li:last-child {
  margin-right: 0;
}

.slider-categories {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 16px;
}

.slider-title {
  font-size: 36px;
  line-height: 44px;
  letter-spacing: 1px;
  margin-bottom: 25px;
  color: inherit !important;
}

.slider-title a:hover {
  padding-bottom: 20px;
  transition-duration: 0.2s;
}

.slider-content {
  margin-bottom: 60px;
}

.slider-read-more a, .see-all-actus a {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 30px;
  cursor: pointer;
}

/*.actus-section {
  margin-top: 20px;
}*/

.slider-read-more a:hover, .see-all-actus a:hover {
  /* E.PETRUS : changer le background du bouton en savoir plus au survol */
  box-shadow: inset 1000px 0 0 0 #e0e0e0;
  background-color: #E41E1A;
}

.see-all-actus {
  padding: 150px 30px;
}

.slider-data {
  margin-bottom: 20px;
}



/*--------------------------------------------------------------
6.0 Main Navigation
--------------------------------------------------------------*/

.main-nav-sidebar {
  display: inline-block;
}

.main-nav-sidebar div {
  max-height: 60px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.main-nav-sidebar span {
  display: block;
  width: 17px;
  height: 2px;
  margin-bottom: 3px;
}

.main-nav-sidebar,
.main-nav-search,
.dark-mode-switcher {
  -webkit-user-select: none;
  user-select: none;
}

#main-nav {
  position: relative;
  z-index: 1100 !important;
  min-height: 30px;
  font-family: "serif";
  box-shadow: 0px 10px;
  background: linear-gradient(90deg, rgba(239,221,210,1) 0%, rgba(237,190,161,1) 35%, rgba(237,103,20,1) 100%);
  /*background: linear-gradient(90deg, rgba(239,221,210,1) 0%, rgba(235,170,110,1) 35%, rgba(246,50,62,1) 100%);*/
}

#main-nav > div {
  position: relative;
}

/* 5.1 Menu */
#main-menu {
  width: auto;
}

#main-menu li {
  position: relative;
}

#main-menu > li {
  display: inline-block;
  list-style: none;
}

#main-menu li a {
  display: block;
  position: relative;
  padding: 0 16px;
  margin-left: 5px;
}
/* E.PETRUS : Ajout effet 3D à l'item de menu */
#main-menu li a:hover {
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  /*background-color: wheat;*/
  background: rgb(245,222,179);
  background: linear-gradient(90deg, rgba(245,222,179,1) 0%, rgba(237,107,66,1) 50%, rgba(245,222,179,1) 100%);
  transform: perspective(500px);
  transform-style: preserve-3d;
}

#main-menu li a:first-child {
  margin-left: 0;
}

#main-menu > li > a {
  display: block;
  text-decoration: none;
}

#main-menu li:first-child a {
  padding-left: 0px;
}

#main-menu li:last-child a {
  padding-right: 0px;
}

#main-menu ul ul {
  top: 0;
  left: 100%;
}

#main-menu .sub-menu {
  display: none;
  position: absolute;
  z-index: 130;   
  width: 200px;
  text-align: left;
  border-style: solid;
  border-width: 1px; 
}

#main-menu .sub-menu a {
  border-bottom-style: solid;
  border-bottom-width: 1px; 
}

#main-menu .sub-menu > li:last-of-type > a {
  border: none;
}

#main-menu .sub-menu > li > a {
  display: block;
  width: 100%;
  padding: 10px 15px;
  margin: 0;
}

#main-menu li.menu-item-has-children > a:after {
  font-family: "FontAwesome";
  content: "\f107";
  margin-left: 10px;
  font-size: 15px;
}

#main-menu ul li.menu-item-has-children > a:after {
  font-family: "FontAwesome";
  content: "\f105";
  font-size: 14px;
  float: right;
}

#main-menu .sub-menu li:first-child > .sub-menu {
  margin-top: -1px;
}

/* Mobile Menu  */
.mobile-menu-container {
  display: none;
  clear: both;
}

.mobile-menu-btn {
  display: none;
  padding: 0 15px;
  font-size: 18px;
  line-height: 60px;
  cursor: pointer;
}

#mobile-menu {
  padding-bottom: 15px;
}

#mobile-menu li {
  position: relative;
  width: 100%;
  text-align: center;
}

#mobile-menu li.menu-item-has-children > a {
  display: inline-block;
  text-indent: 15px;
}

#mobile-menu li a {
  display: block;
  position: relative;
  z-index: 5;
}

#mobile-menu .sub-menu li {
  line-height: 30px !important;
}

#mobile-menu .sub-menu li .sub-menu-btn-icon {
  padding-top: 5px !important;
}

.sub-menu-btn {
  position: absolute;
  top: 0;
  left: 0;   
  width: 100%;
  height: 35px;
  padding: 0 10px;
  text-align: left;
  z-index: 1;
}

.sub-menu-btn-icon {
  display: inline-block;
  font-size: 13px;
  vertical-align: top;
  line-height: 19px;
  padding-top: 7px;
}

#main-menu .sub-menu > li .sub-menu-btn-icon {
  padding-top: 13px;
}

#mobile-menu .sub-menu > li .sub-menu-btn-icon {
  padding-top: 6px;
}

#mobile-menu .sub-menu {
  display: none;
}

/* 5.2 Icons */
.main-nav-search {
  position: relative;
  cursor: pointer;
  float: right;
}

.main-nav-search i {
  position: relative;
  z-index: 10;
}

.main-nav-search #searchform {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.main-nav-search #searchform i {
  display: none;
}

.main-nav-search label,
.main-nav-search #searchsubmit {
  display: none;
}

.main-nav-search div {
  line-height: 1;
}

.dark-mode-switcher {
  position: relative;
  z-index: 1;
  float: left;
  padding-top: 1px;
  font-size: 16px;
  line-height: 60px;
  margin-right: 18px;
  cursor: pointer;
}

.dark-mode-admin-notice {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-50%,-107%);
  background: #fff;
  width: 300px;
  font-size: 13px;
  line-height: 18px;
  padding: 20px;
  box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
  border-radius: 5px;
}

.dark-mode-switcher:hover .dark-mode-admin-notice {
  display: block;
}

/* 5.3 Search */
#main-nav #searchform {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
}

#main-nav #searchform input {
  width: 100%;
  padding: 0;
  border: 0;
  letter-spacing: 0.4px;
  font-weight: 600;
  text-align: center;
}

#main-nav #searchform,
#main-nav #searchform i,
#main-nav #searchform #searchsubmit,
.main-nav-search i:last-of-type {
  display: none;
}


/* 5.4 Sidebar Alt */
.main-nav-sidebar {
  cursor: pointer;
}

.sidebar-alt {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 1200;
  height: 100%;
  overflow-x: hidden;
  transition: left 500ms ease-out;
  -webkit-transition: left 500ms ease-out;
  -moz-transition: left 500ms ease-out;
  -o-transition: left 500ms ease-out;
  -ms-transition: left 500ms ease-out;
}

.sidebar-alt-close {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1150;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.sidebar-alt-close-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.admin-bar .sidebar-alt-close-btn {
  top: 40px;
}

.sidebar-alt-close-btn span {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 3px;
  cursor: pointer;
  margin-left: -9px;
}

.sidebar-alt-close-btn span:first-child {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sidebar-alt-close-btn span:last-child {
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.main-nav-socials {
  float: left;
  margin-right: 18px;
}

.main-nav-socials a {
  font-size: 14px;
  line-height: 60px;
  margin-left: 14px;
  text-align: center;
  text-decoration: none;
}

.main-nav-socials a:first-child {
  margin-left: 0;
}


/*--------------------------------------------------------------
7.0 Featured Links
--------------------------------------------------------------*/

#featured-links {
  padding-top: 20px;
}

#featured-links .boxed-wrapper {
  font-size: 0;
  text-align: center;
}

#featured-links .featured-link {
  position: relative;
  float: left;
}

#featured-links a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#featured-links .cv-outer {
  padding: 10px;
}

#featured-links h6 {
  display: inline-block;
  padding: 9px 20px;
  font-family: 'Open Sans';
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
}


/*--------------------------------------------------------------
8.0 Blog Grid
--------------------------------------------------------------*/

.main-container {
  float: center;
  width: 100%;
  overflow: hidden;
}

.main-container h3 {
  font-weight: bold;
  max-width: 90%;
  margin: 0 auto;
}
.main-container h2 {
  max-width: 90%;
  margin: 0 auto;
}
.main-page-container {
  background: rgba(255, 255, 255, 0.26);
  backdrop-filter: blur(8.4px);
  border: 1px solid rgba(42, 82, 152, 0.37);
  color: #000;
  border-color: #ffffff;
  margin-left: 150px;
  margin-right: 150px;
}

.sidebar-left {
  float: left;
}

.sidebar-right {
  float: right;
}

/*.post-media {
  position: relative;
  margin-bottom: 18px;
  margin: 0 auto;
}
 
.post-media > a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.post-media img {
  width: 80%;
  height: auto;
}

.post-excerpt{
  width: 80%;
  padding-top: 40px;
  padding-bottom: 40px;
  font-weight: bold;
  margin: 0 auto;
  line-height: 24px;
  text-indent: 3em;
  text-align: justify;
}*/

.ad-header {
  display: inline-block;
}

.ad-title {
  display: block;
}

.ad-media {
  display: inline-block;
  margin-top: 12px;
}

.ad-media img {
  border-radius: 20%;
}

.ad-text {
  display: inline;
  vertical-align: top;
  margin-left: 10px;
  margin-top: 12px;
  line-height: normal;
}

.ad-excerpt {
  font-weight: bold;
  display: block;
}

.ad-description{
  display: inline-flex;
  width: 100%;
}

.ad-message {
  display: block;
  margin-top: 20px;
}

.ad-content {
  /*width: 50%;*/
  display: inline-block;
}

.post-categories a {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.post-title,
.page-title {
  font-size: 40px;
  line-height: 44px;
  letter-spacing: 0.5px;
}


.post-title {
  margin-bottom: 13px;
}

.post-title-white h2{
  color: #ffffff;
  text-align: left;
}

.page-title {
  margin-bottom: 24px;
}

.post-title em,
.page-title em {
  font-weight: 600;
}

.post-meta {
  margin-bottom: 20px;
  font-style: italic;
}

.post-meta span.meta-sep:last-child {
  display: none;
}

.meta-sep {
  display: none;
}

.post-date + span.meta-sep,
.post-author + span.meta-sep {
  display: inline;
}

.post-content {
  margin: 0 auto;
  overflow: hidden;
  line-height: initial;
}

/*.post-content > p {
  text-align: justify;
  margin-left: 120px; 
  margin-right: 120px;
}*/

.post-content img {
  display: initial;
}

.comment-form-comment {
  margin-left: 120px; /* E.PETRUS : Largeur du contenu des articles */
  margin-right: 120px;
}

.post-content > p.has-text-align-left {
  text-align: left;
}


.post-content > p.has-text-align-right {
  text-align: right;
}


.post-content > p.has-text-align-center {
  text-align: center;
}

.read-more {
  margin: 25px 0 15px;
  text-align: center;
}

.read-more a {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

.post-footer {
  overflow: hidden;
  position: relative;
  text-align: center;
  padding: 20px 0;
  border-bottom: 1px solid;
}

.post-author {
  float: left;
  font-size: 14px;
  font-style: italic;
  letter-spacing: 0.5px;
  line-height: 30px;
}

.post-author a {
  display: inline-block;
  vertical-align: top;
}

.post-author a img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin-right: 3px;
}

.post-share {
  float: right;
  font-size: 14px;
}

.post-share a {
  margin-left: 16px;
  line-height: 30px;
}

.post-footer .post-comments {
  float: right;
  font-style: italic;
  line-height: 30px;
}

.post-comments {
  color: #fff;
}

.no-result-found {
  text-align: center;
  margin: 50px auto 100px;
}

.no-result-found h3 {
  font-family: 'Open Sans';
  font-size: 40px;
  margin-bottom: 20px;
  letter-spacing: 2px;
}

.no-result-found .widget_search {
  max-width: 480px;
  margin: 30px auto 0px;
}


/* 10.1 List layout  */
.blog-grid {
   padding-left: 0 !important; 
   list-style: none !important; 
}

[data-layout*="list"] .blog-grid > li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

[data-layout*="list"] .post-title {
  font-size: 32px;
  line-height: 38px;
}

[data-layout*="list"] .post-share {
  float: none;
}

[data-layout*="list"] .post-author {
  float: none;
  font-size: inherit;
  line-height: inherit;
  letter-spacing: inherit;
}

[data-layout*="list"] .post-author a {
  vertical-align: baseline;
}

[data-layout*="list"] .post-comments {
  float: none;
}

[data-layout*="list"] .post-media {
  margin-bottom: 0;
}

[data-layout*="list"] .post-categories {
  margin-bottom: 4px;
}

[data-layout*="list"] .post-meta {
  margin-bottom: 17px;
}

[data-layout*="list"] .read-more {
    margin: 10px 0 0;
}

[data-layout*="list"] .post-share {
    margin-top: 21px;
}

[data-layout*="list"] .post-footer {
  padding: 10px 0;
}

[data-layout*="list"] .related-posts {
  padding-bottom: 0;
  border-bottom: 0;
}

/* Category Description */
.category-description {
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  text-align: center;
  overflow-wrap: break-word;
  margin-bottom: 30px;
}

.category-description h4 {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.category-description p {
  display: inline-block;
  max-width: 700px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24.2px;
}



/*--------------------------------------------------------------
9.0 Post Formats
--------------------------------------------------------------*/
.post-media img,
.post-media iframe, 
.post-media embed {
  margin: 0 auto;
}

/*.post-media img {
  width: auto;
}*/

.post-media img + .entry-audio {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  padding: 10px;
}

.format-link .post-media .cv-container,
.format-quote .post-media .cv-container {
  display: none;
}

.format-link .post-media img + .cv-container,
.format-quote .post-media img + .cv-container {
  display: block;
}

.post-media .image-overlay {
  padding: 20px 18px;
}

.post-media .image-overlay p,
.post-media .image-overlay a {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}

.post-media .image-overlay span {
  text-align: right;
  font-style: italic;
  letter-spacing: 0.5px;
}

.single .post-media .image-overlay span {
  text-align: center;
}

.post-slide {
  position: relative;
}

.stacked-slide {
  margin-bottom: 15px;
}

.slide-caption {
  display: block;
  position: absolute;
  left: 15px;
  bottom: 15px;
  padding: 3px 15px;
  font-size: 13px;
}

.blog-post .slide-caption {
  display: none;
}



/*--------------------------------------------------------------
10.0 Blog Pagination
--------------------------------------------------------------*/

.blog-pagination {
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 0px 0 50px;
}

/* 10.1 Default */

.previous-page a,
.next-page a {
  font-weight: 600;
  text-transform: uppercase;
}

.page-content .blog-pagination.default .previous-page a,
.page-content .blog-pagination.default .next-page a {
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 2px;
  /*text-transform: uppercase;*/
}

.blog-pagination.default .previous-page {
  float: left;
}

.blog-pagination.default .next-page {
  float: right;
}

/* 10.2 Numeric */
.blog-pagination.numeric a,
.blog-pagination.numeric span {
  display: inline-block;
  padding: 14px 15px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 2px;
}

.blog-pagination.numeric .numeric-prev-page {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  margin-right: 0;
}

.blog-pagination.numeric .numeric-next-page {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 0;
  margin-right: 0;
}

/* 10.3 Load More / Infinite Scroll */
.blog-pagination.load-more a {
  display: inline-block;
  padding: 14px 15px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
}

.blog-pagination.infinite a {
  display: none;
}

#infscr-loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  z-index: 1300;
  font-size: 26px;
  text-transform: uppercase;
  list-style-position: 1px;
}

#infscr-loading img {
  display: none;
}

.infscr-loading-disabled #infscr-loading {
  display: none !important;
}



/*--------------------------------------------------------------
11.0 Blog Single
--------------------------------------------------------------*/

/* Tags */
.post-tags {
  text-align: left;
  margin-bottom: 18px;
}

.post-tags a {
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  padding: 0 12px;
  margin-right: 5px;
  border-width: 1px;
  border-style: solid;
}

/* Navigation */
.single-post .previous-post,
.single-post .next-post {
  display: none;
  position: fixed;
  top: 50%;
  margin-top: -37.5px;
  height: 75px;
  line-height: 75px;
}

.single-post .previous-post {
  right: 0;
}

.single-post .next-post {
  left: 0;
}

.single-post .previous-post i,
.single-post .next-post i {
  position: relative;
  z-index: 10;
  padding: 30px 10px;
}

.single-post .previous-post img,
.single-post .next-post img {
  position: absolute;
  z-index: 9;
  max-width: 75px;
  transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
}

.single-post .previous-post img {
  right: -100px;
}

.single-post .next-post img {
  left: -100px;
}

.single-post .previous-post:hover img {
  right: 25px;
}

.single-post .next-post:hover img {
  left: 25px;
}

/* Post Pagination */
.single-pagination {
  padding: 20px;
  text-align: center;
}

/* Post Author */
.author-description {
  margin-left: 5%;
  margin-top: 5%;
  padding-bottom: 5%;
}
.author-description a {
  width: 100px;
  aspect-ratio: 1;
}
.author-description h4, .author-description h5 {
  display: block;
  margin-left: 1%;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.author-avatar img {
  display: inline-block;
  width: 100px;
  aspect-ratio: 1/1;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  border-radius: 60px;
}
.publish-infos {
  display: inline-block;
  margin-left: 1%;
  vertical-align: middle;
}
.author-share a {
  font-size: 14px;
  margin-right: 10px;
}

.author-share a:last-child {
  margin: 0;
}

.author-description p {
  display: inline-block;
  max-width: 800px;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 24.2px;
}

/* Related Post */
.related-posts {
  padding: 27px 0 33px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.related-posts h3 {
  font-family: 'Open Sans';
  margin-bottom: 19px;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: 600;
  text-transform: uppercase;
}

.related-posts h4 {
  margin-top: 8px;
}

.related-posts h4 a {
  font-size: 18px;
  letter-spacing: 0.5px;
}

.related-post-date {
  font-size: 11px;
}

.related-posts section {
  float: left;
  width: calc((100% - (2 * 23px)) / 3 - 1px);
  width: -webkit-calc((100% - (2 * 23px)) / 3 - 1px);
}

.related-posts section {
  margin-right: 23px;  
}

.related-posts section:last-of-type {
  margin-right: 0 !important;
}

.wp-block-search {
  position: relative;
}

.wp-block-search label {
  display: none;
}

.wp-block-search input {
    width: 100%;
    padding: 12px;
    font-size: 14px;
    border-width: 1px;
    border-style: solid;
}

.wp-block-search button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  cursor: pointer;
  border: 0;
}


/*--------------------------------------------------------------
12.0 Comments
--------------------------------------------------------------*/

.comments-area {
  margin-top: 30px;
}

#reply-title,
#reply-title a,
.comment-title h2,
.comment-title {
  margin-bottom: 44px;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.comments-area .children {
  margin-left: 50px;
}

.entry-comments {
  overflow: hidden;
  padding: 0px 0 55px;
  margin-bottom: 40px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  font-size: 15px;
  line-height: 24.2px;
}

.comment-content {
  overflow: hidden;
}

.comment-avatar {
  float: left;
  margin-right: 17px;
}

.comment-avatar img {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.comment-author {
  font-family: 'Open Sans';
  font-size: 13px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-weight: 600;
}

.comment-date a:first-child:hover {
  text-decoration: underline;
}

.awaiting-moderation {
  font-style: italic;
}

.commentslist footer a:hover {
  text-decoration: underline;
}

.logged-in-as {
  margin-bottom: 12px;
}

.comment-meta {
  margin-bottom: 7px;
  font-size: 11px;
  line-height: 25px;
  text-transform: uppercase;
}

.comment-date {
  margin-right: 10px;
}

.comment-reply-link {
  font-size: 13px;
  font-weight: bold;
  float: right;
  margin-top: -27px;
}

.comment-notes {
  margin-bottom: 15px;
}

.comment-form {
  padding-top: 4px;
}

.comment-form label {
  display: block;
  margin-bottom: 3px;
  font-size: 15px;
}

.comments-area input,
.comments-area textarea {
  padding: 13px;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
}

.comment-form-author input,
.comment-form-email input, 
.comment-form-url input,
.comments-area textarea {
  margin-bottom: 10px;
}

.comment-form-author input,
.comment-form-email input, 
.comment-form-url input {
  width: 60% !important;
}

.comments-area textarea {
  width: 100% !important;

}

.comments-area textarea {
  height: 250px;
}

.comments-area #submit {
  display: block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: normal;
  text-transform: uppercase;
  cursor: pointer;
  border-color: #bac8e0;
  color: #2a5298;
  margin: auto;
  text-align: center;
  background-color: #bac8e0;
  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);
  margin-left: 20px;
  margin-right: 20px;
  /*border: none;
  width: auto;
  cursor: pointer;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;*/
  
}

.comments-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 50px;
}


/*--------------------------------------------------------------
13.0 Default Gallery
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 10px;
  overflow: hidden;
  list-style: none !important;
}

.gallery-caption,
.wp-caption-text {
  padding: 10px;
  border-width: 1px;
  border-style: solid;
  border-top: 0;
}

body:not(.elementor-page) .gallery-item {
  display: inline-block;
  vertical-align: top;
  padding: 0 !important;
  margin-right: 5px;
  margin-bottom: 5px; 
  text-align: center;
}

.gallery-columns-1 .gallery-item {
  float: none !important;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  width: -webkit-calc((100% - (5px * 1)) / 2 - 1px);
  width: calc((100% - (5px * 1)) / 2 - 1px);
}

.gallery-columns-3 .gallery-item {
  width: -webkit-calc((100% - (5px * 2)) / 3 - 1px);
  width: calc((100% - (5px * 2)) / 3 - 1px);
}

.gallery-columns-4 .gallery-item {
  width: -webkit-calc((100% - (5px * 3)) / 4 - 1px);
  width: calc((100% - (5px * 3)) / 4 - 1px);
}

.gallery-columns-5 .gallery-item {
  width: -webkit-calc((100% - (5px * 4)) / 5 - 1px);
  width: calc((100% - (5px * 4)) / 5 - 1px);
}

.gallery-columns-6 .gallery-item {
  width: -webkit-calc((100% - (5px * 5)) / 6 - 1px);
  width: calc((100% - (5px * 5)) / 6 - 1px);
}

.gallery-columns-7 .gallery-item {
  width: -webkit-calc((100% - (5px * 6)) / 7 - 1px);
  width: calc((100% - (5px * 6)) / 7 - 1px);
}

.gallery-columns-8 .gallery-item {
  width: -webkit-calc((100% - (5px * 7)) / 8 - 1px);
  width: calc((100% - (5px * 7)) / 8 - 1px);
}

.gallery-columns-9 .gallery-item {
  width: -webkit-calc((100% - (5px * 8)) / 9 - 1px);
  width: calc((100% - (5px * 8)) / 9 - 1px);
}


/*--------------------------------------------------------------
14.0 Widgets
--------------------------------------------------------------*/

.ashe-widget {
  margin-bottom: 40px;
  overflow: hidden;
}

.ashe-widget input[type="text"],
.ashe-widget input[type="email"],
.ashe-widget input[type="url"],
.ashe-widget input[type="password"],
.ashe-widget input[type="submit"],
.ashe-widget select,
.ashe-widget textarea {
  width: 100%;
  padding: 12px;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
}
.ashe-widget input[type="search"]{
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
}

#searchform {
  backdrop-filter: blur(1.6px);
  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);
}

.widget-title {
  position: relative;
  z-index: 0;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 12px;
  clear: both;
  overflow: hidden;
}

.widget-title h2 {
  display: inline-block;
  position: relative;  
  font-size: 16px;
  line-height: 29px;
  letter-spacing: 1.5px;
}

.widget-title h2:before,
.widget-title h2:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 1000px;
  height: 1px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.widget-title h2:before {
  right: 100%;
  margin-right: 15px;
}

.widget-title h2:after {
  left: 100%;
  margin-left: 15px;
}

.ashe-widget > ul li span,
.ashe-widget > ul li span a {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 700;
  color: inherit;
}

.widget_recent_entries ul li span {
   font-size: 12px;
}

.widget_recent_comments li,
.widget_meta li,
.widget_recent_comments li,
.widget_pages > ul > li,
.widget_archive li,
.widget_categories > ul > li,
.widget_recent_entries ul li {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  line-height: 45px;
}

.widget_nav_menu li {
  line-height: 45px;
}

.widget_pages .children > li a {
  display: block;
  border-top-style: dotted;
  border-top-width: 1px;
}

.widget_nav_menu li a {
  display: block;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.ashe-widget .sub-menu {
  padding-left: 10px;
}

.widget_rss img {
  display: inline-block;
}

/* Search */
.widget_search #searchform {
  position: relative;
  width: 80%;
  margin: auto;
}

.widget_search i,
.widget_search #searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
}

.widget_search #searchsubmit {
  width: auto !important;
  cursor: pointer;
  opacity: 0;
}

.widget_product_search input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px;
  width: auto !important;
  cursor: pointer;
}


/* Category */
.widget_categories ul li,
.widget_archive ul li {
  float: left;
  width: 100%;
  text-align: right;
}

.widget_categories ul li a,
.widget_archive ul li a {
  float: left;
  overflow: hidden;
}

.widget_categories .children li {
  padding-left: 10px;
  border-top-width: 1px;
  border-style: dotted; 
}

/* TagCloud */
.tagcloud a {
  display: inline-block;
  padding: 4px 13px;
  margin: 0 5px 7px 0;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 600;
  border-style: solid;
  border-width: 1px;
}

/* Calendar */
#wp-calendar {
  width: 100%;  
  border-width: 1px;
  border-style: solid;
}

#wp-calendar thead th {
  padding-bottom: 5px;
  font-size: 14px;
  text-align: center;
}

#wp-calendar caption {
  padding: 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
}

#wp-calendar tbody td a {
  display: block;
}

#wp-calendar tfoot #prev,
#wp-calendar tfoot #next {
  padding: 8px 5px;
}

#wp-calendar tfoot #prev a,
#wp-calendar tfoot #next a {
  color: inherit;
  font-size: 12px;
  text-decoration: none;
  text-transform: uppercase;
}

#wp-calendar tfoot #next {
  text-align: right;
}

#wp-calendar thead tr th {
  padding: 8px;
  text-align: center;
  font-weight: 700;
}

#wp-calendar tbody td {
  border-width: 1px;
  border-style: solid;
  font-size: 14px;
  text-align: center;
}

#wp-calendar tbody td a {
  text-decoration: none;
  font-weight: bold;
  font-size: 15px;
}

/* Social Widget */
.ashe_social_widget .social-icons {
  text-align: center;
}

.ashe_social_widget .social-icons a {
  margin-right: 8.5%;
  padding: 0 3px;
  line-height: 35px;
  font-size: 17px;
}

.ashe_social_widget .social-icons a:last-child {
  margin-right: 0;
}

/* Instagram Widget */
.ashe-instagram-widget {
  position: relative;
}

.instagram-title {
  position: absolute;
  z-index: 110;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.instagram-title h2 {
  font-family: 'Open Sans';
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: bold;
  line-height: 47px;
  padding: 0px 17px;
  text-align: center;
  text-transform: uppercase;
  background: #fff;
}

.jr-insta-slider {
  display: block;
}

.null-instagram-feed {
  display: inline-block;
  width: 100%;
}

.null-instagram-feed li a {
  float: left;
  overflow: hidden; 
}

.ashe-widget.null-instagram-feed li a {
  width: calc( 95% / 3 - 1px );
  width: -webkit-calc( 95% / 3 - 1px );
  margin-right: 2.5%; 
  margin-bottom:2.5%; 
}

.ashe-widget.null-instagram-feed li:nth-child(3n+0) a {
  margin-right: 0px;
}

.ashe-widget .meks-instagram-widget {
  margin: 0 auto !important;
}

.ashe-widget .meks-instagram-follow-link {
  margin-top: 13px;
  text-align: center;
}

.ashe-widget .meks-instagram-follow-link i {
  margin-right: 3px;
}

.ashe-instagram-widget #sbi_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ashe-widget #sb_instagram #sbi_images .sbi_item {
  width: 33.3% !important;
  padding-top: 0 !important;
  padding-bottom: 5px !important;
  padding-right: 2.5px !important;
  padding-left: 2.5px !important;
}

.ashe-instagram-widget #sbi_images .sbi_photo {
  height: auto !important;
}

.ashe-instagram-widget #sbi_images .sbi_photo img {
  display: block !important;
}

.ashe-widget #sbi_images .sbi_photo {
  /*height: auto !important;*/
}

.ashe-widget #sbi_images .sbi_photo img {
  display: block !important;
}


/* Featured Posts Widget */
.rpwwt-widget ul li {   
  padding-bottom: 15px;
  margin-bottom: 10px !important;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  overflow: hidden;
}

.rpwwt-widget ul li:last-child {
  margin: 0;
  padding: 0;
  border-bottom: none;
}

.rpwwt-post-title {
  display: block;
  margin-bottom: 2px;
  font-size: 15px;
}

.rpwwt-post-author,
.rpwwt-post-categories,
.rpwwt-post-date,
.rpwwt-post-comments-number {
  font-size: 13px;
  font-style: italic;
}

/* Facebook Widget */
.widget_fbw_id .loader {
    display: none !important;
}

/* MailPoet Widgets */
.widget_wysija_cont {
  padding: 40px 30px;
  background: #f7f7f7;
}

.widget_wysija {
  width: 100%;
}

.mc4wp-error {
  text-align: center;
  margin-top: 10px;
}

.formError .formErrorContent {
  width: 160px;
}

.widget_wysija label {
  margin-bottom: 10px;
}

.widget_wysija input[type="submit"] {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-top: 12px;
  border: none;
  cursor: pointer;
}

.widget_wysija input[name="wysija[user][firstname]"],
.widget_wysija input[name="wysija[user][lastname]"],
.widget_wysija input[name="wysija[user][email]"],
.widget_wysija select {
  margin-bottom: 10px; 
}

.widget_wysija_cont .updated,
.widget_wysija_cont .error,
.widget_wysija_cont .xdetailed-errors {
  font-family: 'Open Sans';
  padding: 9px;
}

/* Contact form 7 */
.wpcf7 {
  margin: 0 auto;
  margin-top: 50px;
  margin-bottom: 50px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="number"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 select,
.wpcf7 textarea {
  border: solid 1px #2a5298;
  padding: 13px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"] {
 width: 60%;
}

.wpcf7 input[type="number"] {
   width: 60px;
}

.wpcf7 input[type="tel"],
.wpcf7 input[type="date"] {
  width: 170px;
}

.wpcf7 textarea {
  width: 100%;
  height: 250px;
}

.wpcf7 label input,
.wpcf7 label select,
.wpcf7 label textarea {
  margin-top: 3px;
  font-weight: bold;
}

.wpcf7 input, 
.wpcf7 select, 
.wpcf7 textarea {
  border-radius: 0px;
}

.wpcf7 label,
.wpcf7-quiz-label {
  display: block;
}

.wpcf7 p {
  margin-bottom: 22px;
  text-align: center;
}

.wpcf7 [type="submit"] {
  padding: 13px;
  border: none;
  width: auto;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
}

.zoom-social_icons-list-span {
  font-family: "socicon" !important;
}


/*--------------------------------------------------------------
15.0 Page Footer
--------------------------------------------------------------*/

/* 11.1 Widgets */
.footer-widgets {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding: 60px 0 0px;
  overflow: hidden;
}

.footer-widgets > .ashe-widget {
  float: left;
}

.footer-widgets .widget-title {
  margin-bottom: 20px;
}

.credit {
  float: left;
  font-size: 13px;
  margin-left: 20px;
}

.footer-copyright {
  padding: 25px 0;
  overflow: hidden;
}

.footer-socials a {
  font-size: 13px;
  margin-right: 15px;
  letter-spacing: 1px;
}

.footer-socials a:last-child {
  margin: 0;
}

.footer-menu-container {
  float: right;
  font-size: 13px;
}

#footer-menu {
  float: left;
}

#footer-menu > li {
  display: inline-block;
  margin-right: 5px;
}

.footer-menu-container:after {
  content: '|';
  display: block;
  float: left;
  margin-right: 5px;
  margin-top: -1px;
}

.scrolltop {
  display: none;
  position: fixed;
  bottom: 65px;
  right: 80px;
  font-size: 30px;
  cursor: pointer;
  z-index: 20;
}

/* E.PETRUS - 26/03/2023 : Footer en forme de vagues */
.footer-bg {
  background-color: #7F1D1D;
  position: relative;
  margin-top: -18%; 
  overflow: hidden;
  z-index: 100;
  height: 300px;
  clip-path: polygon(0% 65%, 1% 64.95%, 2% 64.8%, 3% 64.6%, 4% 64.3%, 5% 63.9%, 6% 63.45%, 7% 62.9%, 8% 62.25%, 9% 61.55%, 10% 60.8%, 11% 59.95%, 12% 59.05%, 13% 58.1%, 14% 57.1%, 15% 56.05%, 16% 55%, 17% 53.9%, 18% 52.8%, 19% 51.65%, 20% 50.5%, 21% 49.35%, 22% 48.2%, 23% 47.05%, 24% 45.9%, 25% 44.8%, 26% 43.75%, 27% 42.75%, 28% 41.75%, 29% 40.8%, 30% 39.9%, 31% 39.1%, 32% 38.35%, 33% 37.65%, 34% 37.05%, 35% 36.5%, 36% 36.05%, 37% 35.65%, 38% 35.35%, 39% 35.15%, 40% 35.05%, 41% 35%, 42% 35.05%, 43% 35.2%, 44% 35.45%, 45% 35.75%, 46% 36.15%, 47% 36.65%, 48% 37.2%, 49% 37.85%, 50% 38.55%, 51% 39.35%, 52% 40.2%, 53% 41.1%, 54% 42.05%, 55% 43.05%, 56% 44.1%, 57% 45.15%, 58% 46.3%, 59% 47.4%, 60% 48.55%, 61% 49.7%, 62% 50.85%, 63% 52%, 64% 53.15%, 65% 54.25%, 66% 55.35%, 67% 56.4%, 68% 57.45%, 69% 58.4%, 70% 59.35%, 71% 60.2%, 72% 61.05%, 73% 61.8%, 74% 62.45%, 75% 63.05%, 76% 63.6%, 77% 64.05%, 78% 64.4%, 79% 64.7%, 80% 64.85%, 81% 65%, 82% 65%, 83% 64.9%, 84% 64.75%, 85% 64.5%, 86% 64.2%, 87% 63.75%, 88% 63.25%, 89% 62.7%, 90% 62.05%, 91% 61.3%, 92% 60.5%, 93% 59.65%, 94% 58.75%, 95% 57.8%, 96% 56.8%, 97% 55.75%, 98% 54.65%, 99% 53.55%, 100% 52.4%, 100% 100%, 0% 100%);
}

/*--------------------------------------------------------------
16.0 Typography
--------------------------------------------------------------*/

body {
  font-size: 15px;
  line-height: 40px;
}

/* Top Menu */
#top-menu li a {
  font-size: 12px;
  line-height: 50px;
  letter-spacing: 1px;
  font-weight: 600;
}

.top-bar-socials a {
  font-size: 13px;
  line-height: 50px;
}

#top-menu .sub-menu > li > a {
  font-size: 11px;
  line-height: 24px;
  letter-spacing: 0.5px;
}

#top-bar .mobile-menu-btn {
  float: left;
  line-height: 50px;
  padding: 0 5px 0;
}

/* Menu Fonts */ /* E.PETRUS (19/03/2022) : Customisation du menu */
#main-menu li a {
  font-size: 12px;/*15px;*/
  line-height: 40px; /*60px;*/
  letter-spacing: 0px; /*1px;*/
  font-weight: /*600*/600;
}

#main-menu .sub-menu > li > a {
  font-size: 12px;
  line-height: 26px;
  letter-spacing: 1px;
  font-weight: 400;
}

#mobile-menu li,
.mobile-menu-btn a {
  font-size: 15px;
  line-height: 35px;
  letter-spacing: 1px;
  font-weight: 600;
}

#mobile-menu .sub-menu > li {
  font-size: 13px;
  line-height: 30px;
  letter-spacing: 0.5px;
}

.main-nav-search,
#main-nav #s {
  font-size: 15px;
  line-height: 60px;
}

.main-nav-sidebar,
.mini-logo {
  height: 60px;
}

/* Headings Fonts */
.post-meta,
.ashe-widget > ul li span,
.ashe-widget > ul li span a,
#wp-calendar thead th,
#wp-calendar caption,
h1,
h2,
h3,
h4,
h5,
h6,
#reply-title,
#reply-title a {
  font-family: 'Playfair Display';
  font-weight: 400;
}

/* Body Text */
body,
.page-404 h2,
.comment-author {
  font-family: 'Open Sans';
  font-size: 15px;
  letter-spacing: 0px;
}

.copyright-info {
  font-size: 13px;
  margin-right: 20px;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
  font-size: 23px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  letter-spacing: 2px;
  font-size: 13px;
}

.upsells.products > h2,
.crosssells.products > h2,
.related.products > h2 {
  font-family: 'Open Sans';
  font-size: 14px;
}

.woocommerce div.product .woocommerce-tabs .panel > h2,
.woocommerce #reviews #comments h2,
.woocommerce .cart-collaterals .cross-sells > h2,
.woocommerce-page .cart-collaterals .cross-sells > h2,
.woocommerce .cart-collaterals .cart_totals > h2,
.woocommerce-page .cart-collaterals .cart_totals > h2,
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
#order_review_heading,
#customer_login h2,
.woocommerce-Address-title h3,
.woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-columns--addresses h3,
.upsells.products > h2,
.crosssells.products > h2,
.related.products > h2 {
  letter-spacing: 1.5px;
}

.woocommerce div.product .woocommerce-tabs .panel > h2,
.woocommerce #reviews #comments h2,
.woocommerce .cart-collaterals .cross-sells > h2,
.woocommerce-page .cart-collaterals .cross-sells > h2,
.woocommerce .cart-collaterals .cart_totals > h2,
.woocommerce-page .cart-collaterals .cart_totals > h2,
.woocommerce-billing-fields > h3,
.woocommerce-shipping-fields > h3,
#order_review_heading,
#customer_login h2,
.woocommerce-Address-title h3,
.woocommerce-order-details__title,
.woocommerce-customer-details h2,
.woocommerce-columns--addresses h3 {
  font-size: 16px;
}


/* Font Size 11px */
.woocommerce .page-content ul.products li.product .button,
.page-content .woocommerce ul.products li.product .button,
.woocommerce-Reviews .woocommerce-review__published-date {
  font-size: 11px;
}

.woocommerce-Reviews .woocommerce-review__author {
  font-size: 15px;
}

/* letter-spacing 2+ */
.woocommerce .page-content ul.products li.product .button,
.page-content .woocommerce ul.products li.product .button {
  letter-spacing: 2px;
}

/* Font Size 13px */
.woocommerce-result-count,
.woocommerce ul.products li.product .price,
.woocommerce .product_meta,
.woocommerce .product_list_widget .quantity,
.woocommerce .widget_products .amount,
.woocommerce .widget_price_filter .price_slider_amount,
.woocommerce .widget_recently_viewed_products .amount,
.woocommerce .widget_top_rated_products .amount,
.woocommerce .widget_recent_reviews .reviewer,
.woocommerce-Reviews .woocommerce-review__author {
  font-size: 13px;
}

.page-content .woocommerce input.button,
.page-content .woocommerce a.button,
.page-content .woocommerce a.button.alt,
.page-content .woocommerce button.button.alt,
.page-content .woocommerce input.button.alt,
.page-content .woocommerce #respond input#submit.alt,
.woocommerce .page-content .widget_price_filter .button,
.woocommerce .page-content .woocommerce-message .button,
.woocommerce .page-content a.button.alt,
.woocommerce .page-content button.button.alt,
.woocommerce .page-content #respond input#submit,
.woocommerce .page-content .woocommerce-message .button,
.woocommerce-page .page-content .woocommerce-message .button,
.woocommerce form .form-row .required {
  font-size: 14px;
  letter-spacing: 1px;
}

.woocommerce-pagination .page-numbers {
  letter-spacing: 2px;
}

.woocommerce-pagination a,
.woocommerce-pagination span {
  font-size: 11px;
} 



/*--------------------------------------------------------------
17.0 Pages
--------------------------------------------------------------*/

.search .page .post-date,
.search .page .post-author {
  display: none;
}

.page-404 {
  padding: 120px 40px;
  text-align: center;
}

.page-404 h2 {
  position: relative;
  text-transform: uppercase;
  font-size: 24px;
  margin: 0 0 60px;
  letter-spacing: 0.2em;
}

.page-404 h2:before {
  content: '404';
  position: absolute;
  top: 50%;
  left: 50%;  
  z-index: 1;
  font-size: 110px;
  line-height: 1;
  margin-top: -4px;
  opacity: 0.15;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.page-404 p {
  letter-spacing: 1.5px;
}

.page-404 p a {
  text-decoration: underline;
}


/*--------------------------------------------------------------
18.0 Preloader
--------------------------------------------------------------*/

.ashe-preloader-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
}

.ashe-preloader-wrap > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.loader {
  width: calc(100px - 24px);
  height: 50px;
  position: relative;
  animation: flippx 2s infinite linear;
}
.loader:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #FFF;
  transform-origin: -24px 50%;
  animation: spin 1s infinite linear;
}
.loader:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50% , -50%);
  background: #fff;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

@keyframes flippx {
  0%, 49% {
    transform: scaleX(1);
  }
  50%, 100% {
    transform: scaleX(-1);
  }
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
      

/*--------------------------------------------------------------
19.0 Gutenberg Styles
--------------------------------------------------------------*/

.wp-block-separator,
.wp-block-separator.is-style-default {
  width: 120px;
  margin: 0 auto;
}

.wp-block-separator.is-style-wide {
  width: 100%;
}

/*--------------------------------------------------------------
20.0 Logo banniere cliquable
--------------------------------------------------------------*/

.cv-outer img {
  height: auto;
  margin: 5% 5%;
  width: 15%;
  top:50%;
  filter: drop-shadow(5px 15px 4px #000000);
  cursor:pointer;
}

.cv-outer img:hover {
  height: auto;
  margin: 5% 5%;
  width: 15%;
  top:50%;
  filter: drop-shadow(0px 0px 0px #000000);
  cursor:pointer;

  cursor: default;
  transform: rotate(360deg);
  transition: all 0.3s ease-in-out 0s;
}

/*.cv-outer #logo-93 {
  height: auto;
  margin: 95% 95%;
  width: 20%;
  top:50%;
  filter: drop-shadow(5px 15px 4px #000000);
  cursor:pointer;
}*/

.fade {
  margin: 50px;
  padding: 50px;
  background-color: red;
  opacity: 0;
  width: 150px;
  height: 150px;
}

/*--------------------------------------------------------------
21.0 Loader custom (E.PETRUS)
--------------------------------------------------------------*/

.preloaderBg {
  position: fixed;
  z-index: 10; 
  top: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  text-align: center;
}

.preloader {
  margin: auto;
  background: url(https://habrastorage.org/getpro/habr/comment_images/8cf/deb/d58/8cfdebd58675bc96050d98524f8d051b.png) no-repeat center;
  background-size: 150px;
  width: 300px;
  height: 300px;
}


.preloader2 {
border: 5px solid #f3f3f3;
border-top: 5px solid #f00;
border-radius: 50%;
width: 250px;
height: 250px;
animation: spin 1s ease-in-out infinite ;
position: relative;
margin: auto;
top: -280px;
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

.alignwide {
  margin-left: -50px;
  margin-right: -50px;
}

.alignfull {
margin-left: calc(50% – 50vw);
  margin-right: calc(50% – 50vw);
  max-width: 100%;  /* Pour la scrollbar de Windows */
}



/*
  E.PETRUS : posts cards integration 
*/

.post-card-body h2 {
  /*margin: 0 0 18px 0;*/
  /*font-family: 'Arial', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0em;
  color: var(--title-color);
  transition: color 0.3s ease-out;
  text-transform: uppercase;
  text-align: left;

  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
          line-clamp: 2; 
  -webkit-box-orient: vertical;*/
}

.post-card-body h2 {
  /*margin: 0 0 18px 0;*/
  /*font-family: 'Arial', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0em;
  color: var(--title-color);
  transition: color 0.3s ease-out;
  text-transform: uppercase;
  text-align: left;

  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
          line-clamp: 2; 
  -webkit-box-orient: vertical;*/
}
.post-card {
  /*background-color: #EAF2F8;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0px 0px 0px;
  border: 1px solid rgba(42, 82, 152, 0.37);
  color: #2a5298;
  font-weight:bold;
  cursor: pointer;
  display: inline-grid;
  line-height: 20px;*/
  /*backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(8.4px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);*/
  /*-webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);*/
}

.post-flat-tag {
  width: auto;
  float: left;
  display: block;
  position: absolute;
  padding: 0 10px;
  border: 1px solid;
  font-size: 8px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 10;
  color: #2a5298;
  background-color: #fff;
  transition: transform 0.1s, box-shadow 0.1s;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  text-align: center;
}

.post-flat-tag a {
  color: #2a5298;
}

.paroisse-card {
  /*border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(8.4px);
  border: 1px solid rgba(42, 82, 152, 0.37);
  color: #fff;
  font-weight:bold;
  cursor: pointer;
  display: inline-grid;
  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);*/
}

.post-card a::after, .paroisse-card a::after {
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
  cursor: pointer;
  content: "";
}

/* basic article elements styling */
.paroisse-card-body h2 {
  /*margin: 0 0 18px 0;*/
  /*font-family: 'Arial', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0em;
  color: var(--title-color);
  transition: color 0.3s ease-out;
  text-transform: uppercase;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
          line-clamp: 2; 
  -webkit-box-orient: vertical;*/
}

/* Event cards styling */
.event-card-body h2, .post-card-body h2, .paroisse-card-body h2, .paroisse-card-item-body h2 {
  /*margin: 0 0 18px 0;*/
  font-family: 'Arial', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0em;
  color: var(--title-color);
  transition: color 0.3s ease-out;
  text-transform: uppercase;
  text-align: left;

  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
  -webkit-box-orient: vertical;
}
.event-card, .post-card, .paroisse-card {
  background-color: white;
  overflow: hidden;
  border: 1px solid rgba(42, 82, 152, 0.37);
  color: #2a5298;
  font-weight:bold;
  cursor: pointer;
  display: inline-grid;
  line-height: 20px;
  margin: 5%;
  backdrop-filter: blur(1.6px);
  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);
}

.paroisse-card-item {
  /*--img-scale: 1.2;
  --event-title-color: #fff;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  backdrop-filter: blur(1.6px);
  box-shadow: 0px 0px 0px;
  -webkit-box-shadow: 0px 0px 0px;
  border: 2px solid #fff;
  background-color: #2a5298;
  color: #fff;  
  transition: 1s;
  -webkit-transition: 1s;*/
  background-color: #2a5298;
  overflow: hidden;
  border: 1px solid rgba(42, 82, 152, 0.37);
  color: #2a5298;
  font-weight:bold;
  cursor: pointer;
  display: inline-grid;
  line-height: 20px;
  margin: 5%;
  backdrop-filter: blur(1.6px);
  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);
}
.paroisse-card-ville-div {
  display: inline-block;
}
.paroisse-card-item-code-postal {
  display: inline-block;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
}
.paroisse-card-item-ville {
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  color: #fff;
  font-weight: normal;
}
.paroisse-card-item-adresse {
  line-height: 18px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}
.paroisse-card-item a {
  color: wheat;
  font-weight: bold;
}

.event-card-title, .article-card-title, .paroisse-card-title {
  font-size: 12px;
}
.event-card-title a, .article-card-title a, .paroisse-card-title a {
  color: var(--event-title-color);
}
.paroisse-card-item-title {
  font-weight: bold;
  font-size: 14px;
  font-weight: bold;
  color: wheat;
  margin-bottom: 10px;
}
.event-flat-tag {
  width: auto;
  float: left;
  display: block;
  position: absolute;
  padding: 0 10px;
  border: 1px solid;
  font-size: 8px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 10;
  color: #2a5298;
  background-color: #fff;
  transition: transform 0.1s, box-shadow 0.1s;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  text-align: center;
  margin-top: 20px;
  margin-left: 20px;
}

.event-flat-tag a {
  color: #2a5298;
  
}

.event-figure {
  margin: 0;
  padding: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: #EAF2F8;
}

.event-figure img {
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(2.6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
}

.paroisse-card-item-figure {
  margin: 0;
  padding: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

/*.paroisse-card-item-figure img {
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(2.6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
}*/

.event-card-body, .post-card-body, .paroisse-card-body {
  margin-top: 5px;
  margin-left: 24px;
  margin-right: 24px;
  height: 120px;
}

.paroisse-card-item-body {
  margin-top: 10px;
  margin-left: 24px;
  margin-right: 24px;
  height: 180px;
}


/* en survolant le corps de la carte event, mettre en blanc les caractères */
.event-card-body:hover .children {
  color: #ccc
}

.event-card a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #2a5298;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.event-card a:focus {
  outline: 1px dotted #28666e;
  -webkit-box-shadow: -50px -50px 0px -30px rgba(0,0,0,0); 
  box-shadow: -50px -50px 0px -30px rgba(0,0,0,0);
}

.event-card a .icon {
  min-width: 24px;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  transform: translateX(var(--link-icon-translate));
  opacity: var(--link-icon-opacity);
  transition: all 0.3s;
}

/* using the has() relational pseudo selector to update our custom properties */
.event-card:has(:hover, :focus), .post-card:has(:hover, :focus), .paroisse-card:has(:hover, :focus) {
  --img-scale: 1.2;
  --event-title-color: #fff;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  backdrop-filter: blur(1.6px);
  box-shadow: 0px 0px 0px;
  -webkit-box-shadow: 0px 0px 0px;
  border: 2px solid #fff;
  background-color: #2a5298;
  color: #fff;
  transition: 1s;
  -webkit-transition: 1s;
}

.paroisse-card-item:has(:hover, :focus) {
  background-color: white;
  overflow: hidden;
  border: 2px solid rgba(42, 82, 152, 0.37);
  color: #2a5298;
  font-weight:bold;
  cursor: pointer;
  display: inline-grid;
  line-height: 20px;
  margin: 5%;
  backdrop-filter: blur(1.6px);
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.29); 
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.29);
  transition: 1s;
  -webkit-transition: 1s;
}
.paroisse-card-item-address-area {
  display: inline-block;
}
.paroisse-card-address-icon {
  display: inline-block;
  color: white;
  vertical-align: top;
}
.paroisse-card-address {
  display: inline-block;
}
.paroisse-card-item-infos {
  display: inline-block;
}
.paroisse-card-item-action {
  margin-top: 20px;
}
.paroisse-card-item-stats {
  float: right;
}
.paroisse-card-item-view-site {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid white;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}
.paroisse-card-item-articles-count, 
.paroisse-card-item-events-count, 
.paroisse-card-item-ads-count {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  text-align: right;
}


.event-card:has(:hover, :focus) + cta-event-detail, .post-card:has(:hover, :focus) + cta-event-detail, .paroisse-card:has(:hover, :focus) + cta-event-detail {
  --event-title-color: #fff;
  display: block;
  -webkit-box-shadow: -50px -50px 0px -30px rgba(0,0,0,0); 
  box-shadow: -50px -50px 0px -30px rgba(0,0,0,0);
}
.event-card:hover #evt-title a, .post-card:hover #actu-title a {
  color: #fff;
}
.paroisse-card-item:hover #paroisse-title, .paroisse-card-item:hover #paroisse-adresse, .paroisse-card-item:hover #paroisse-code-postal, .paroisse-card-item:hover #paroisse-ville, .paroisse-card-item:hover #paroisse-mini-site-cta a {
  color: #0B486B;
  transition: 1s;
  -webkit-transition: 1s;
}
.paroisse-card-item:hover #paroisse-mini-site-cta {
  border: 1px solid #0B486B;
}
.paroisse-card-item:hover #paroisse-mini-site-cta:hover {
  border: 2px solid wheat;
  background-color: #0B486B;
}
.paroisse-card-item:hover #paroisse-mini-site-cta a:hover {
  color: white;
}

.event-cards {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.paroisse-cards {
  width: 100%;
  display: flex;
  margin-top: 50px;
  justify-content: center;
  flex-wrap: wrap;
}


.pasto-article-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}
.pasto-article-card {
  border-radius: 20px;
  border: 2px solid #fff;
  background-color: rgba(255, 255, 255, 0.45);
  box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(15px);
  display: block;
  margin: 76px 76px;
  width: 572px;
  height: 572px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pasto-article-card:hover {
  background-color: #fff;
  -webkit-transition: all 0.5s;
  transition: all 0s;
  border: 0.5px dotted gray ;
  -webkit-box-shadow: 0px 0px 0px 0px #000000; 
  box-shadow: 0px 0px 0px 0px #000000;
  cursor: pointer;
}
.pasto-article-image {
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 50px;
  width: 350px;
  height: 350px;
}
.pasto-article-image img {
  border-radius: 10px;
  object-fit: contain;
  max-width:100%;
  max-height:100%;
}
.pasto-article-body {
  margin-top: 20px;
  margin-left: 50px;
  margin-right: 50px;
  display: inline-block;
}
.pasto-article-title {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}
.pasto-article-excerpt {
  margin-top: 10px;
  margin-bottom: 50px;
  color: black;
  font-size: 16px;
  font-style: italic;

  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
  -webkit-box-orient: vertical;
}

@media only screen and (min-width: 1200px) {
  .event-card, .post-card, .paroisse-card {
    width: 20%;
    aspect-ratio: 1;
  }
  .paroisse-card-item {
    width: 20%;
    margin: 5%;
  }
  
  .pasto-button-dark, .pasto-button-light {
    width: 40%;
    margin: auto;
  }
  .main-container {
    font-weight: bold;
  }
}

@media only screen and (max-width: 1200px){
  .event-card, .post-card, .paroisse-card {
    width: 80%;
    aspect-ratio: 1;
  }
  .event-card-title a, article-card-title a span {
    font-size: 1.5rem;
  }
  .pasto-button-dark, .pasto-button-light {
    margin-left: 20px;
    margin-right: 20px;
  }
  .post-excerpt {
    text-align: justify;
    word-break: normal;
    margin-left: 5%;
    margin-right: 5%;
  }
  .post-content h2 {
    margin-left: 5%;
    margin-right: 5%;
    line-height: 28px;
  }
  .comment-form p {
    margin-left: 5%;
    margin-right: 5%;
    line-height: 20px;
  }
  .footer-logo img {
    width: 30%;
    aspect-ratio: 1/1;
    margin: 0 auto;
  }
  
}
.footer-menu-container {
  display: none;
}
@media only screen and (max-width: 320px) {
  .actualites, 
  .discussions, .events {
    display: block;
    max-width: 1920px;
    margin-inline: auto;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 24px;
    text-align: center;
  }

}

/*@media screen and (max-width: 960px) {
  .post-card, .paroisse-card {
    container: card/inline-size;
  }
  .post-card-body p {
    display: none;
  }
}*/

.tag-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 3px 5px;
  font-size: 8px;
  background-image: linear-gradient(#c1353e, #c22b3a, #e42d49, #e32c3e);
  border-radius: 6px;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  color: #ffffff;
  z-index: 25;

  /*background: rgba(150, 90, 64, 0.26); 
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  border: 1px solid rgba(150, 90, 64, 0.23);*/
}

.chip{
	padding: 8px 10px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 12px;
	box-shadow: 0 2px 5px rgba(0,0,0,.25);
	margin: 0 10px;
	
	cursor: pointer;

  border-radius: 30px;
	justify-content: center;
	display: flex;
	align-items: center;
}

.post-figure {
  margin: 0;
  padding: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background-color: #EAF2F8;
}

.post-figure img {
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.26);
  /*border-radius: 16px;*/
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(2.6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
}

.post-card-body {
  /*margin-top: 10px;
  margin-left: 24px;
  margin-right: 24px;
  max-height: 85px;*/
}

.post-card a /*.paroisse-card a*/ {
  /*display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: #2a5298;*/
}

.post-card a:focus, .paroisse-card a::focus {
  /*outline: 1px dotted #28666e;
  -webkit-box-shadow: -50px -50px 0px -30px rgba(0,0,0,0); 
  box-shadow: -50px -50px 0px -30px rgba(0,0,0,0);*/
}

/*.post-card a .icon, .paroisse-card a .icon {
  /*min-width: 24px;
  width: 24px;
  height: 24px;
  margin-left: 5px;
  transform: translateX(var(--link-icon-translate));
  opacity: var(--link-icon-opacity);
  transition: all 0.3s;
}*/

/* using the has() relational pseudo selector to update our custom properties */
/*.post-card:has(:hover, :focus), .paroisse-card:has(:hover, :focus) {
  --img-scale: 1.2;
  --title-color: #28666e;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  
  backdrop-filter: blur(1.6px);
  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);
  background-color: #2a5298;
  color: #fff;
  transition: 1s;
  -webkit-transition: 1s;

}*/

/*.post-card:has(:hover, :focus) + cta-event-detail, .paroisse-card:has(:hover, :focus) + cta-event-detail {
  display: block;
  -webkit-box-shadow: -50px -50px 0px -30px rgba(0,0,0,0); 
  box-shadow: -50px -50px 0px -30px rgba(0,0,0,0);
}*/


/*
* Event cards
*/

.event-overlay{
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.event-overlay span {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 3.5px 5.5px;
  font-size: 12px;
  background-image: linear-gradient(#c1353e, #c22b3a, #e42d49, #e32c3e);
  box-shadow: 0 0 0.25px #e42d49,
    -0.5px -0.75px 1px rgb(241 249 255 / 15%) inset,
    -0.75px -1.5px 1.5px rgb(44 6 13 / 5%) inset, 0 -0.5px 0.75px 0.25px #c1353e,
    0 0.5px 0.75px 0.25px #e32c3e, 0 -0.75px 2px -0.75px #c1353e,
    0 0.75px 2px -0.75px #e32c3e, -0.5px -2px 3px 0.75px rgb(44 6 13 / 85%),
    -1.75px -2.5px 2.5px -0.25px rgb(150 90 64 / 35%),
    -0.75px -0.75px 0.625px 0.25px rgb(150 90 64 / 50%),
    -0.85px -0.35px 0.85px 0 rgb(201 149 135 / 55%),
    -1.25px -1.25px 1.65px 0 rgb(201 149 135 / 25%);
  border-radius: 4px;
  font-family: Roboto;
  color: #fff;
  z-index: 25;
  
}

.event-figure {
  margin: 0;
  padding: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.event-figure img {
  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(2.6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
}

.event-card img, .post-card img, .paroisse-card img, .paroisse-card-item img {
  width: 100%;
  transform-origin: center;
  transform: scale(var(--img-scale));
  transition: transform 0.4s ease-in-out;

  /* From https://css.glass */
  background: rgba(255, 255, 255, 0.26);
  /*border-radius: 16px;*/
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(2.6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
}

.event-title, .post-title, .paroisse-card-title {
  font-size: 0.8em;
  font-weight: bold;
  line-height:20px;
  text-align: left;
  overflow: hidden;
  font-family: "Lucida Sans Unicode", sans-serif;
}

.event-title a, .paroisse-card-title a {
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
          line-clamp: 2; 
  -webkit-box-orient: vertical;
}

.post-tag {
  font-size: 14px;
  font-weight: bold;
  line-height:20px;
  font-style: bold;
  text-align: left;
  color: #2a5298;
}

.post-tag a {
  z-index: 20;
}

.post-tag a:hover {
  color: #7F1D1D;
}

.event-date {
  /*display: inline-block;  */
  position: relative;
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}

.gg-calendar-today {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs,1));
  width: 18px;
  height: 18px;
  border: 2px solid;
  border-top: 4px solid;
  border-radius: 3px
}

.event-location {
  /*display: inline-block;  */
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}

.event-contact {
  /* display: inline-block;  */
  font-size: 10px;
  font-weight: normal;
  text-align: left;
}
/************************ 
Generic layout (demo looks)
**************************/

*,
*::before,
*::after {
  box-sizing: border-box;
}

/*body {
  margin: 0;
  padding: 48px 0;
  font-family: "Tahoma", sans-serif;
  font-size: 1.2rem;
  line-height: 1.6rem;
  background-image: linear-gradient(45deg, #7c9885, #b5b682);
  min-height: 100vh;
}*/

.actualites, 
.events,
.discussions {
  /*display: grid;
  max-width: 1920px;
  margin-inline: auto;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
  text-align: center;*/
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.paroisse-card-body {
  /*padding: 20px;*/
}


.paroisse-card-body p {
  /*overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
          line-clamp: 2; 
  -webkit-box-orient: vertical;
  line-height: normal;
  font-weight: normal;
  font-size: 0.8em;
  text-align: left;*/
}

.paroisse-post-description {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2a5298;
  color: #fff;
  visibility: visible;
  opacity: 0;
  z-index: 20;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 8px;
  transition: opacity .75s, visibility .75s;
}

.paroisse-post-description:hover {
  padding-top: 30px;
  padding-right: 20px;
  padding-left: 20px;
  visibility: visible;
  opacity: 0.7;
  z-index: 20;
  margin-top: 0px;
  margin-right: 0px;
  font-weight: normal;
  line-height: normal;
  font-size: 1em;
  text-align: center;
  border-radius: 8px;

  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8; 
          line-clamp: 8; 
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}

.article-card-title span {
  /*font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; 
  font-size: small;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3; 
          line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;*/
}

.article-card-title a span {
  /*min-height: 60px;*/
}

.paroisse-card-title h2, .post-card h2, .event-card h2 {
  font-weight: bold;
}



.paroisse-card-msg {
  z-index: 60;
  text-align: left;
  margin-top: 20px;
  margin-left: 20px;
}

.see-post {
  background:#ffffff;
  color: #000;
  font-size:0.7em;
  margin: 0px 60px;
  border-radius: 20px;
}

.paroisse-card:has(:hover, :focus){
  -webkit-box-shadow: -50px -50px 0px -30px rgba(0,0,0,0); 
  box-shadow: -50px -50px 0px -30px rgba(0,0,0,0);
}


@container card (min-width: 380px) {
  .post-card-wrapper, .paroisse-card-wrapper {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 16px;
  }
  .post-card-body, .paroisse-card-body {
    padding-left: 0;

    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);

    backdrop-filter: blur(15px);
  }
  .post-figure img {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .event-card-wrapper {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 16px;
  }

  .event-card-body, .post-card-body {
    padding-left: 0;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 20px;
    background-color: #fff;/*rgba(255, 255, 255, 0.45);*/
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15px);
  }
  /*.paroisse-card-item-body {
    padding-left: 0;
    border: 1px solid rgba(255, 255, 255, .25);
    border-radius: 20px;
    background-color: #fff;/*rgba(255, 255, 255, 0.45);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(15px);
    margin-top: 10px;
  }*/
  

}

.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0); 
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap; 
  width: 1px;
  margin-bottom: 1px;
  text-align: left;
}

/* Header des sections */
.section-title {
  margin-left: 20px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  font-size: 2em;
  text-shadow: 
    0 1px 0 #ccc, 
               0 2px 0 #c9c9c9,
               0 3px 0 #bbb,
               0 4px 0 #b9b9b9,
               0 5px 0 #aaa,
               0 6px 1px rgba(0,0,0,.1),
               0 0 5px rgba(0,0,0,.1),
               0 1px 3px rgba(0,0,0,.3),
               0 3px 5px rgba(0,0,0,.2),
               0 5px 10px rgba(0,0,0,.25),
               0 10px 10px rgba(0,0,0,.2),
               0 20px 20px rgba(0,0,0,.15);color:#000000;
}

/* Gestion de l'affichage de la carte des 18 lieux */

#hotspot-236 .hotspots-image-container, #hotspot-236 .leaflet-container {
  background: transparent;
  
}

hotspots-map-container leaflet-container leaflet-touch leaflet-retina leaflet-fade-anim{
  background: transparent;
  
}

body #hotspot-236 .leaflet-container,
body #hotspot-236 .hotspots-image-container {
	background: transparent;
}

/* Vagues de la page d'accueil */
.waves {
  position:relative;
  width: 100%;
  height:15vh;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:150px;
}

/* Animation */

.parallax > use {
  animation: move-forever 60s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:40px;
    min-height:40px;
  }
  /*.content {
    height:30vh;
  }
  h1 {
    font-size:24px;
  }*/
}


.site-web-title{
  height: 40px;
  vertical-align:middle;
  text-align: center;
}

/*.parallax-el {
  width: 100vw;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  transform-origin: center bottom;
  z-index: -1;
}*/

/**
*   E.PETRUS : Section headers custom
*
*/
.fancy-section-header {
  --b: 6px;   /* control the border thickness */
  --w: 120px;  /* control the width of the line*/
  --g: 5px;  /* control the gap */
  --c: #0B486B;
 
  width: fit-content;
  padding: 0 1em;
  line-height: 1.6em;
  border: 0.25px solid;
  color: #2a5298;
  background: 
    conic-gradient(from   45deg at left ,var(--c) 25%,#0000 0) 0,
    conic-gradient(from -135deg at right,var(--c) 25%,#0000 0) 100%;
  background-size: 51% 100%;
  background-origin: border-box;
  background-repeat: no-repeat;
  border-image: 
     linear-gradient(
       #0000      calc(50% - var(--b)/2),
       var(--c) 0 calc(50% + var(--b)/2),
       #0000    0) 
    1/0 var(--w)/calc(var(--w) + var(--g));
  margin-inline: auto;
}

.skewed {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #2c3e50;
  z-index: 0;
  transform: skewY(14deg);
  transform-origin: top right;
}

/* Series of <span>'s with colors that fade out */
/*.fading-divider {
  height: 18px;
  width: 100%;
}*/

/* span :nth-of-type(1) {*/
.fading-divider_1 {
  height: 18px;
  width: 100%;
  background-color: #4e70aa;
  box-shadow: 0 0 12px 2px #4e70aa; /* adds blur to smooth color transitions */
  margin-top: -2px; /* layers it on top of the previous <span> */
}

/* span :nth-of-type(2) { */
.fading-divider_2 {
  height: 18px;
  width: 100%;
  opacity: .8;
  background-color: #7892bf;
  box-shadow: 0 0 12px 2px #7892bf;
  margin-top: -2px;
}

/* span :nth-of-type(3) {*/
.fading-divider_3 {
  height: 18px;
  width: 100%;
  opacity: .6;
  background-color: #a2b4d4;
  box-shadow: inset 0 0 12px 2px #a2b4d4;
  margin-top: -2px;
}

.website-title {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  font-size: 2em;
  margin-top: 25px;
  z-index: 5;
  color: #ffffff;
  text-align: center;
}

/*------------------*/
/*  SKEW CLOCKWISE  */
/*------------------*/
.skew-fonce-clair{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #2a5298 49%, #bac8e0 50%);
  z-index: 20;
}

.skew-clair-fonce{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #bac8e0 49%, #2a5298 50%);
}

.darkblue-bg {
  /*background-color: rgb(42, 82, 152, 0.4);*/
  background-color: #2a5298;
  color: #fff;
}

.lightblue-bg {
  background-color: rgb(186, 200, 224, 0.2);
  color: #000;
}

.site-description {
  color: #bac8e0;
}

.pasto-button {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  /*margin-bottom: 30px;*/
  cursor: pointer;
  border-color: #2a5298;
  color: black;
  height: 42px;
  width: auto;

  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);
}

.pasto-button-dark {
  display: block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: normal;
  text-transform: uppercase;
  cursor: pointer;
  border-color: #bac8e0;
  color: #2a5298;
  margin: auto;
  text-align: center;
  background-color: #bac8e0;
  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);
  margin-left: 20px;
  margin-right: 20px;
}

.pasto-button-dark a{
  color: #2a5298;
}

.pasto-button-dark a:hover {
  color: #bac8e0;
}

.pasto-button-dark:hover {
  animation: hover 1.2s forwards;
  transition-duration: 1.2s;
  background-color:crimson;
  color: #2a5298;
}

.pasto-button-light {
  display: block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: normal;
  text-transform: uppercase;
  cursor: pointer;
  border-color: #bac8e0;
  color: #fff;
  text-align: center;
  background-color: #2a5298;
  -webkit-box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29); 
  box-shadow: 12px 22px 15px 0px rgba(0,0,0,0.29);
}

.pasto-button-light:hover {
  animation: hover 1.2s both;
  transition-duration: 1.2s;
  background-color:crimson;
  color: #2a5298;
}

@keyframes hover {
  from {
      box-shadow: inset 0 0 0 0.01px #2a5298;
      color: #fff;
  }
  to {
      box-shadow: inset 50em 0 0 0.01px #7892bf;
      color: #000;
  }
}

@keyframes leave {
  from {
      box-shadow: inset -8.79928em 0 0 0.01px #7892bf;
      color: #000;
  }
  to {
      box-shadow: inset 0 0 0 0.01px #2a5298;
      color: #fff;
  }
}

.actu-detail {
  margin-bottom: 10px;
}

.pasto-button:hover{
  transition-duration: 0.4s;
  background-color: #2a5298;
  color: white;
}

.interactive-map {
  margin: 0 50px 0;
}

.view-actu-detail {
  text-align: left;
}

.glass-effect {
  background: rgba(255, 255, 255, 0.26);
  border-radius: 24px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
  color: #2a5298;
  font-weight:bold;
}

.theme-dark-blue{
  color: #2a5298;
  font-size: 30px;
}

.theme-light-blue{
  color: #bac8e0;
  font-size: 30px;
}

.event-card-olds ol{
  display: grid;
}

.event-card-olds ol li{
  display: inline-flex;
  margin-bottom: 50px;
  border-radius: 16px;
  margin-left: 200px;
  margin-right: 200px;
  border-style: ridge;

  background: rgba(255, 255, 255, 0.26);
  border-radius: 24px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(6px);
  border: 3px solid rgba(255, 255, 255, 0.23);
  color: #2a5298;
  font-weight:bold;
  cursor: pointer;
  border-color: #ffffff;
}

.event-card-olds ol li:hover {
  /*box-shadow: rgba(0, 0, 0, 0.16) 30px 100px 100px 30px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;*/
  z-index: 0;
  transition: 1s;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0px 0px 0px #000000);
}

.event-card-olds a {
  margin-bottom: 20px;
}

.event-card-old :hover {
  z-index: 0px;
  /*box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  filter: drop-shadow(0px 0px 0px #000000);*/
}

.event-card-old a {
  text-transform: uppercase;
  color: #000;
  font-size: 1em;
}

.event-list-content {
  border: #000;
  border-radius: 16px;
  border-color: gray;
  margin-bottom: 20px;
  margin-top: 20px;
}

.event-list-image {
  float:left;
  margin-left: 20px;
  border-radius: 10%;
}

.event-list-image img {
  border-radius: 20px;
}

.event-list-title {
  display:inline;
  font-size: 22px;
  font-weight: bold;
}

.event-list-detail {
  display: inline-block;
  margin-left: 20px;
  font-size: 20px;
  /*line-height: 20px;*/
}

.event-list-date, .event-list-location, .event-list-contact {
  font-weight: normal;
}

.single-event-media {
  text-align: center;
}

.single-event-page {
  display: inline;
}

.single-event-header {
  display: block;
  text-align: center;
  font-size: 24px;
}

.single-event-title {
  display: block;
  text-align: center;
}

.single-event-content {
  text-align: left;
  margin-left: 200px;
  margin-right: 200px;
}

.single-event-date {
  float: inline-start;
}

.single-event-details {
  float: left;
}

.single-event-media span{
  display: block;
  font-size: 16px;
}

.single-event-media img{
  border-radius: 5%;
}

.single-event-page table {
  display: inline-block;
  font-size: 16px;
  border-collapse: collapse;
}

#tableDetails {
  border-collapse: collapse;
  display: inline-block;
  font-weight: bold;
  font-size: 20px;
}

table td {
  border-collapse: collapse;
  border: none;
}

table tr {
  border-collapse: collapse;
  border: none;
}

#cta-event-detail {
  display: none;
}

.actu-item {
  width: 100%;
  margin-top: 200px;
  margin-bottom: 200px;
}



.actu-media {
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  -webkit-backdrop-filter: blur(2.6px);
  border: 1px solid rgba(255, 255, 255, 0.23);
  margin-left: 120px;
  aspect-ratio: 1;
  overflow: hidden;
  width: 302px;
  height: 200px;
  transform-origin: center;
  transition: transform 0.4s ease-in-out;
}

.actu-media img {
  position: absolute;
  margin: auto;
  width: 100%;
  display: block;
  transform:scale(1.5);
  object-fit: cover;
  -o-object-fit: cover; 
}

.actu-header {
  display: inline-block;
  margin-left: 20px;
  font-size: 16px;
  height: 200px;
  max-width: 70%;
}

/* Gestion des écrans de moins de 1600px de largeur */
@media only screen and (min-width: 1200px) {
  .actu-media {
    float: left;
  }
  .actu-meta {
    text-align: left;
  }
  .pasto-read-more-actu {
    text-align: left;
  }
}
@media only screen and (max-width: 1600px) and (min-width: 1200px){
  .actu-media {
    margin-left: 10px;
  }
}

@media only screen and (max-width: 1200px){
  .actu-media img{
    text-align: center;
  }
  .actu-header {
    max-width: 100%;
  }
  .actu-title {
    text-align: center;
  }
  .actu-media {
    margin: auto;
    display: block;
  }
  .actu-meta {
    text-align: center;
  }
  .pasto-read-more-actu {
    text-align: center;
  }
}

@media only screen and (max-width: 375px){
  .actu-header {
    max-width: 100%;
    margin-left: 0px;
  }
  .actu-title {
    text-align: center;
  }
  .actu-media {
    margin: auto;
    display: block;
    width: 260px;
  }
}

.actu-title {
  /*text-align: center;
  font-size: 2em;*/
  color: #000;
  /*'Poppins', sans-serif;*/
}

.actu-title a {
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #000;
}

.actu-excerpt {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1; /* number of lines to show */
          line-clamp: 1; 
  -webkit-box-orient: vertical;
  overflow-wrap: break-word;
}
/*.actu-detail{
  display: inline-block;
  margin-left: 20px;
  font-size: 20px;
}*/

.actu-categories {
  text-align: center;
  color: #ffffff;
}

.glossy-button {
  display: inline-block;
  position: relative;
  background-color: #AAA;
  background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );
  font-size: 12px;
  font-family: sans-serif;
  font-weight: bold;
  color: white;
  padding: 10px 20px;
  text-shadow:
    0 0 15px hsla(0, 0%, 100%, 1), /* bloom */
    0 2px 4px hsla(0, 0%, 0%, 0.7); /* drop shadow */
  border: none;
  border-radius: 50px;
  margin: 10px;
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), /* top light */
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4), /* bottom shadow */
    /* multiple light sources yall */
    -8px 8px 5px hsla(0, 0%, 0%, 0.15), /* drop shadow 1 */
    5px 18px 10px hsla(0, 0%, 0%, 0.2); /* drop shadow 2 */
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.1s;
}
/* highlight */
.glossy-button:before {
  content: '';
  display: block;
  position: absolute;
  left: 20px;
  right: 20px;
  top: 5px;
  height: 14px;
  border-radius: 15px;
  color: #ffffff;
  background: linear-gradient(
    hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) );
}
.glossy-button--blue { background-color: #19F; }
.glossy-button--gold { background-color: #EA0; }
.glossy-button--green { background-color: #6C6; }
.glossy-button--red { background-color: #E21; }
.glossy-button:hover {
  transform: scale(1.05);
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), /* top light */
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4), /* bottom shadow */
    /* multiple light sources yall */
    -12px 12px 5px hsla(0, 0%, 0%, 0.15), /* drop shadow 1 */
    10px 25px 10px hsla(0, 0%, 0%, 0.2); /* drop shadow 2 */
}

/*.actu-meta {
  text-align: center;
}*/

.actu-meta span {
  color: #000;
}

.pasto-read-more {
  margin: 25px 0 15px;
  text-align: center;
}

.pasto-read-more a {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

.pasto-read-more a:hover {
  color: #ffffff;
  background-color: #2a5298;
  transition: transform 0.1s, box-shadow 0.1s;
}

.pasto-read-more-actu {
  margin: 25px 0 15px;
}

.pasto-read-more-actu a {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

.pasto-read-more-actu a:hover {
  color: #ffffff;
  background-color: #2a5298;
  transition: transform 0.1s, box-shadow 0.1s;
}

.tag-capsule {
  float:left;
  z-index: 35;
  position: absolute;
  padding: 0 12px;
  margin-right: 5px;
  z-index: 12px;

  display: block;
  /*background-color: #AAA;*/
  background-image: linear-gradient( /* chrome */
    hsla(0, 0%, 100%, 0.6), hsla(0, 0%, 100%, 0) 50%,
    hsla(0, 0%, 0%, 0.3) 50%, hsla(0, 0%, 100%, 0.2)
  );
  font-size: 9px;
  font-family: sans-serif;
  font-weight: normal;
  color: white;
  padding: 5px 5px;
  text-shadow:
    0 0 8px hsla(0, 0%, 100%, 1), /* bloom */
    0 2px 4px hsla(0, 0%, 0%, 0.7); /* drop shadow */
  border: none;
  border-radius: 50px;
  margin: 5px;
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), /* top light */
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4), /* bottom shadow */
    /* multiple light sources yall */
    -8px 8px 5px hsla(0, 0%, 0%, 0.15), /* drop shadow 1 */
    5px 18px 10px hsla(0, 0%, 0%, 0.2); /* drop shadow 2 */
  cursor: pointer;
  transition: transform 0.1s, box-shadow 0.1s;
}
/* highlight */
.tag-capsule:before {
  content: '';
  display: block;
  position: absolute;
  left: 10px;
  right: 10px;
  top: 0px;
  height: 7px;
  border-radius: 16px;
  color: #ffffff;
  background: linear-gradient(
    hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0) );
}
.tag-capsule--blue { background-color: #19F; }
.tag-capsule--gold { background-color: #EA0; }
.tag-capsule--green { background-color: #6C6; }
.tag-capsule--red { background-color: #E21; }
.tag-capsule:hover {
  transform: scale(1.05);
  box-shadow:
    inset 0 -5px 20px hsla(0, 0%, 0%, 0.4), /* top light */
    inset 0 5px 20px hsla(0, 0%, 100%, 0.4), /* bottom shadow */
    /* multiple light sources yall */
    -12px 12px 5px hsla(0, 0%, 0%, 0.15), /* drop shadow 1 */
    10px 25px 10px hsla(0, 0%, 0%, 0.2); /* drop shadow 2 */
}

.post-card-overlay {
  display:inline-block;
  position:relative;
  /*max-height: 85px;*/
}

.event-card-overlay {
  display:inline-block;
  position:relative;
  /*max-height: 85px;*/
}

.paroisse-card-item-overlay {
  display:inline-block;
  position:relative;
}

.card-overlay {
  display:inline-block;
  position:relative;
}

.flat-tag {
  width: auto;
  margin-top: 10px;
  margin-left: 10px;
  float: left;
  display: block;
  position: absolute;
  padding: 0 10px;
  border: 1px solid;
  font-size: 8px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 10;
  color: #2a5298;
  background-color: #fff;
  transition: transform 0.1s, box-shadow 0.1s;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  text-align: center;
}

.tags {
  /*-webkit-column-count: 5;
  -webkit-column-gap: 10px;
  column-count: 5;
  column-gap: 10px;*/
  display: grid;
}

.flat-tag-labels {
  width: 80px;
  position: relative;
  padding: 0 10px;
  border: 1px solid;
  font-size: 8px;
  line-height: 12px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
  cursor: pointer;
  z-index: 10;
  color: #2a5298;
  background-color: #fff;
  transition: transform 0.1s, box-shadow 0.1s;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  text-align: center;
}


.flat-tag a, .flat-tag-labels a {
  color: #0B486B;
}

.flat-tag-labels a:hover {
  color: rebeccapurple;
}

.slider {
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: auto;
  overflow-y: hidden;
  overflow-x: scroll;
  display: flex;
  align-items: stretch;
  scroll-snap-type: x mandatory;
}

.slider::-webkit-scrollbar {
  display: none;
}

.slider .slide {
  flex-shrink: 0;
  padding: 20px 0 20px 20px;
  scroll-snap-align: center;
}

.slider .slide:last-child {
  padding-right: 20px;
}

.slider .slide > div {
  background-color: #ffffff;
  border-radius: 10px;
  width: 300px;
  height: 300px;
  padding: 20px;
}


/* Section dividers */

.divider {								/* minor cosmetics */
  display: table; 
  font-size: 24px; 
  text-align: center; 
  width: 75%; 						/* divider width */
  margin: 40px auto;					/* spacing above/below */
}
.divider span { display: table-cell; position: relative; }
.divider span:first-child, .divider span:last-child {
  width: 50%;
  top: 13px;							/* adjust vertical align */
  -moz-background-size: 100% 2px; 	/* line width */
  background-size: 100% 2px; 			/* line width */
  background-position: 0 0, 0 100%;
  background-repeat: no-repeat;
}
.divider span:first-child {				/* color changes in here */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#000));
  background-image: -webkit-linear-gradient(180deg, transparent, #000);
  background-image: -moz-linear-gradient(180deg, transparent, #000);
  background-image: -o-linear-gradient(180deg, transparent, #000);
  background-image: linear-gradient(90deg, transparent, #000);
}
.divider span:nth-child(2) {
  color: #000; padding: 0px 5px; width: auto; white-space: nowrap;
}
.divider span:last-child {				/* color changes in here */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(transparent));
  background-image: -webkit-linear-gradient(180deg, #000, transparent);
  background-image: -moz-linear-gradient(180deg, #000, transparent);
  background-image: -o-linear-gradient(180deg, #000, transparent);
  background-image: linear-gradient(90deg, #000, transparent);
}

.our-values {
  display: inline;
}
.our-values-1{
  float: left;
}
.our-values-1, our-values-2, our-values-3, our-values-4 {
  display: inline;
  float: left;
}

/*
*   FEATURE BOXES
*/

.our-values {
  background-color: #2a5298;
}

.our-values-title {
  padding: 15px 5% 10px;
  text-align: center;
  color: #eee;
}

h2 {
  font-size: 1.8em;
}

.feature-column-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  background-color: #2a5298;
}

.feature-column {
  flex-grow: 1;
  flex-basis: 100%;
  background-color: #2a5298;
  color: #eee;
  text-align: center;
  font-size: 1em;
  padding: 2% 8%;
  margin-bottom: 1.3em;
}

.feature-title {
  /*padding: 15px 0 10px;*/
  color: #fff
  background-color: #2a5298;
  font-weight: bold;
  font-size: 1.7em;
  line-height: 45px;
}

.feature-image {
  /*padding: 15px 0 10px;*/
  color: #222;
  display: inline-block;
}

.feature-image img {
  border-radius: 50%;
}

.feature-content {
  background-color: #2a5298;
  font-size: 1em;
  line-height: normal;
  color: #fff;
}

.feature-image:hover {
  transform: rotate(360deg) scale(1.3);
  transition: .3s;
}

@media (min-width: 600px) {
  .feature-column {
    flex-basis: 50%;
    padding: 2% 6%;
  }
}

@media (min-width: 980px) {
  .feature-column {
    flex-basis: 20%;
    padding: 2%;
  }
}

.section-glass-header-dark {
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  margin-left: 60px;
  margin-right: 60px;
  font-size: 20px;
  top: 50%;
  -webkit-backdrop-filter: blur(6px);
  border: 4px solid rgba(255, 255, 255, 0.23);
  color: #fff;
  font-weight:bold;
  text-align: center;
}

.section-glass-header-light {
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  font-size: 20px;
  top: 50%;
  -webkit-backdrop-filter: blur(6px);
  border: 4px solid rgba(255, 255, 255, 0.23);
  color: #000;
  font-weight:bold;
  text-align: center;
  margin-left: 60px;
  margin-right: 60px;
}

.section-glass-header-darkblue {
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(2.6px);
  font-size: 20px;
  top: 50%;
  -webkit-backdrop-filter: blur(6px);
  border: 4px solid rgba(255, 255, 255, 0.23);
  color: #fff;
  font-weight:bold;
  text-align: center;
  margin-left: 5%;
  margin-right: 5%;
  background-color: #2a5298;
}

/*
* E.PETRUS : Animation des blocs
*/
.animated {
  background-image: url(/css/images/logo.png);
  background-repeat: no-repeat;
  background-position: left top;
  margin-bottom:60px;
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.sidebar-left-wrap {
  float: left;
  width: 307px;/*10%;*/
}

.sidebar-left-wrap li:hover {
  text-align: 20px;
  background-color: #0B486B;
  border-radius: 5px;
  transition: transform 0.1s, box-shadow 0.1s;
}

.main-ad-content {
  display: inline;
}

.main-ad-container {
  float: left;
  width: 70%;
}

.main-ad-container article {
  margin-left: 20%;
  margin-right: 20%;
}
.comments-area {
  margin-left: 5%;
  margin-right: 5%;
}
/*.article-item {
  margin-top: 50px;
  margin-bottom: 50px;
}*/
/*.sidebar-right-wrap {
  float: left;
  width: 10%;
}*/

.comment-form, .comment-form p, .comment-form input  {
  margin-left: 0px;
  margin-right: 0px;
}

.comment-form-author #author, .comment-form-email input, .comment-form-url input{
  margin-left: 0px;
  margin-right: 0px;
}

.comment {
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8.4px);
  -webkit-backdrop-filter: blur(8.4px);
  border: 1px solid rgba(42, 82, 152, 0.37);
  color: #000;
  font-weight:normal;
  border-color: #ffffff;

  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;

  text-align: left;

  --img-scale: 1.1;
  --title-color: #28666e;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.sidebar-left-wrap {
  /* Positionnement de la boite */
  margin-left: 50px;
  margin-top: 50px;

  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;


  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8.4px);
  -webkit-backdrop-filter: blur(8.4px);
  border: 1px solid rgba(42, 82, 152, 0.37);
  color: #000;
  font-weight:normal;
  border-color: #ffffff;

  text-align: left;

  --img-scale: 1.1;
  --title-color: #28666e;
  --link-icon-translate: 0;
  --link-icon-opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

#author, #email, #url, #comment {
  background: rgba(255, 255, 255, 0.26);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(8.4px);
  -webkit-backdrop-filter: blur(8.4px);
  border: 1px solid rgba(255, 255, 255, 0.37);
  color: #000;
  border-color: #ffffff;
}

.news-section {
  display: none;
}

/* Mise en valeur du mot INTERACTIVE de la carte des 18 lieux */
.section-glass-header-light span {
  color: green;
}

/* background de la page eglise single */
.articles-eglise{
  background: rgba(42, 82, 152, 0.26);
  backdrop-filter: blur(8.4px);
  border: 1px solid rgba(42, 82, 152, 0.37);
  color: #000;
  border-color: #ffffff;
  margin-left: 150px;
  margin-right: 150px;
}

.eglise-events {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.eglise-event {
  width: 20%;
  aspect-ratio: 1;
  border: 1px none #000000;
  margin: 50px;    
  background-color: #2a5298;
  color: #FFFFFF;
  -webkit-box-shadow: 10px 12px 15px -3px rgba(0,0,0,0.82); 
  box-shadow: 10px 12px 15px -3px rgba(0,0,0,0.82);
}
.eglise-event:hover {
  width: 20%;
  border: 2px solid #ffffff;
  margin: 50px;   
  transition-duration: 0.1s;
  background-color:#7892bf;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.82); 
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.82);
  cursor: pointer;
}
.eglise-event:hover #eglise-event-title{
  color: #2a5298;
}
.eglise-event-title {
  line-height: 20px;
}

.eglise-event-media {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  height: 250px;
  overflow: hidden;
}
.eglise-event img {
  width: 100%;
  transform-origin: center;
  transform: scale(var(--img-scale));
  transition: transform 0.4s ease-in-out;
}
.eglise-event-body {
  text-align: center;
  margin: 5%;
  font-weight: bold;
}
.eglise-event-header h2 {
  color: #fff;
}
.eglise-event-meta {
  line-height: 20px;
  margin: 5%;
}
.eglise-event-read-more {
  margin: 25px 0 15px;
}
.eglise-event-read-more a {
  display: inline-block;
  padding: 0 25px;
  border: 1px solid;
  font-size: 13px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}
.eglise-event-read-more a:hover {
  color: #ffffff;
  background-color: #2a5298;
  transition: transform 0.1s, box-shadow 0.1s;
}


/* Zone d'affichage du message vide */
.no-content-area{
  width: 100%;
  text-align: center;
}

.paroisse-presentation {
  background: rgba(255, 255, 255, 0.26);
  background-color: white;
  backdrop-filter: blur(8.4px);
  border: 0px solid rgba(42, 82, 152, 0.37);
  color: #000;
  border-color: #ffffff;
  margin-left: 5%;
  margin-right: 5%;
  padding-top: 50px;
}
h1, h2, h3, h4, h5, h6  {
  font-weight: bolder;
}
.paroisse-presentation h1 {
  font-size: 2em; /* 40px/16=2.5em */
  margin: .67em 0;
}
.paroisse-presentation h2 {
  font-size: 1.5em; /* 30px/16=1.875em */
  margin: .75em 0;
}
.paroisse-presentation h3 {
  font-size: 1.17em; 
  margin: .83em 0;
}
.paroisse-presentation h3 {
  font-size: 1em; 
  margin: .83em 0;
}
.paroisse-presentation h5 {
  font-size: .83em; 
  margin: 1.5em 0;
}
.paroisse-presentation h6 {
  font-size: .75em; 
  margin: 1.67em 0;
}
.paroisse-presentation p {
  font-size: 0.875em;
  color: #000;
}
.paroisse-presentation p a {
  font-size: 0.875em;
  color: #0B486B;
}
.paroisse-presentation p a:hover {
  font-size: 0.875em;
  text-decoration: underline;
  color: red;
}
.paroisse-presentation figcaption a {
  color: #000;
  font-style: italic;
  text-align: center;
}
.paroisse-presentation figure img {
  border-radius: 20px;
}
.paroisse-presentation figure strong {
  font-weight: bold;
  color: #000;
}
.paroisse-presentation figure {
  font-weight: normal;
  color: #000;
}


.paroisse-background {
  background-color: white;
  margin-left: 6%;
  margin-right: 6%;
}

.paroisse-presentation h2 {
  margin-left: 10px;
  color: #2a5298;
  font-style: bold;
  margin-top: 15px;
  margin-bottom: 15px;
}

.paroisse-presentation ul li {
  margin-left: 80px;
  margin-right: 80px;
  list-style: disc;
  line-height: normal;
}

.paroisse-presentation {
  line-height: normal;
}

.paroisse-presentation p, .page-presentation img, wp-block-media-text {
  margin-left: 120px;
  margin-right: 120px;
}

.paroisse-page-title {
  text-align: center;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 80px;

}

/* carte des actualités de la homepage */
/*.article-card-title h2{
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2; 
          line-clamp: 2; 
  -webkit-box-orient: vertical;

  color: #ffffff;
  text-align: center;

  text-transform: uppercase;
  font-weight: bold;

}
.see-article {
  background:#2a5298;
  font-size:0.7em;
  margin: 0px 60px;
  text-transform: uppercase;
  border-radius: 20px;
  display: none;
}

.article-card-title:hover + .see-article, .see-article:hover {
  display: block;
}*/

.single-post-title {
  font-size: 36px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

.main-content-single {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(2.4px);
  border: 0px solid rgba(42, 82, 152, 0.37);
  color: #000;
  border-color: #ffffff;
  margin-left: 250px;
  margin-right: 250px;
  margin-top: 50px;
  margin-bottom: 50px;
}

.main-content-event {
  background: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(2.4px);
  border: 0px solid rgba(42, 82, 152, 0.37);
  color: #000;
  border-color: #ffffff;
  margin-left: 250px;
  margin-right: 250px;
  margin-top: 50px;
  margin-bottom: 50px;
}

/* Design du formulaire de contact */
#contact-name, #contact-mail, #contact-message, #contact-object,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    color: black;
    border: 1px solid blue;
    border-radius: 20px;
    margin: 0 auto;
    text-align: center;
}

.wpcf7 form {
  margin: 0 auto;
  text-align: center;
  margin-right: 100px;
  margin-left: 100px;
}

.wpcf7 h2{
  text-align: center;
}

/*.post-card:hover { + .see-article, .see-article:hover{
  display: inline-block;
}*/

.no-content-message {
  width: 100%;
  text-align: center;
}

.footer-wrapper {
  margin-left: 20px;
  margin-right: 20px;
}