/*
Theme Name: One Page Express
Theme URI: https://onepageexpress.com
Author: ExtendThemes
Author URI: https://extendthemes.com
Description: One Page Express is a beautiful WordPress Theme that can be used to create a one page website in minutes by drag and drop. In comes with a predesigned home page and over 30 ready to use content sections that you can easily customize. It also has lots of customization options (video background, slideshow background, header content types, etc) that will help you create a beautiful, unique one page website in no time. One Page Express is responsive so it works on mobile devices out of the box. DEMO: https://onepageexpress.com/#demos
Version: 1.3.68
License: GNU General Public License version 3
License URI: http://www.opensource.org/licenses/gpl-license.php GPL v3.0 (or later)
Tags: one-column, right-sidebar, custom-header, custom-menu, custom-logo, full-width-template, theme-options, translation-ready, blog, featured-images, threaded-comments
Text Domain: one-page-express
Tested up to: 6.9
Requires PHP: 5.6

This theme, like WordPress, is licensed under the GPL.
*/

/* reset css */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
caption {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

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

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

select {
  -webkit-appearance: menulist;
  appearance: menulist;
  -moz-appearance: menulist;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
  color: #666666;
  font: normal normal 300 18px/130% "Source Sans Pro", sans-serif;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

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

caption,
th,
td {
  text-align: left;
  font-weight: normal;
}

.clear {
  clear: both;
}

div,
ul,
li,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  zoom: 1;
}

div:before,
article:before,
aside:before,
details:before,
figcaption:before,
figure:before,
footer:before,
header:before,
hgroup:before,
menu:before,
nav:before,
section:before,
div:after,
ul:after,
article:after,
aside:after,
details:after,
figcaption:after,
figure:after,
footer:after,
header:after,
hgroup:after,
menu:after,
nav:after,
section:after {
  content: "";
  display: table;
}

div:after,
article:after,
aside:after,
details:after,
figcaption:after,
figure:after,
footer:after,
header:after,
hgroup:after,
menu:after,
nav:after,
section:after {
  clear: both;
}

fieldset,
form,
dl,
dir,
menu {
  margin: 1.12em 0;
}

img {
  vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}

.typed-cursor {
  opacity: 1;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.footer p {
  color: #ffffff;
}

p {
  margin: 0 0 14px 0;
}

p.large_text {
  font-size: 1.11em;
  line-height: 150%;
  margin-bottom: 15px;
  color: #666666;
}

h1 {
  margin: 0 0 54px 0;
  color: #000000;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 600;
  line-height: 115%;
}

h2 {
  margin: 0 0 33px 0;
  color: #3d3d3d;

  font-size: 2.22em;
  font-weight: 300;
  line-height: 110%;
}

h3 {
  margin: 0 0 15px 0;
  color: #333333;

  font-size: 1.44em;
  font-weight: 600;
  line-height: 115%;
}

h4 {
  margin: 0 0 14px 0;
  color: #333333;

  font-size: 1.11em;
  font-weight: 600;
  line-height: 150%;
}

h5 {
  margin: 10px 0 15px 0;
  color: #333333;
  letter-spacing: 2px;

  font-size: 1em;
  font-weight: 600;
  line-height: 150%;
}

h6 {
  margin: 10px 0;
  color: #b5b5b5;
  text-transform: uppercase;
  letter-spacing: 3px;

  font-size: 1em;
  font-weight: 400;
  line-height: 100%;
}

a {
  color: #03a9f4;
  text-decoration: none;
  font-weight: 400;
}

a:hover {
  text-decoration: underline;
}

a:visited {
  color: #03a9f4;
}

ol,
ul {
  font: inherit;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 0px 40px;
}

p,
a {
  -webkit-font-smoothing: subpixel-antialiased;
}

li {
  font: inherit;
}

span {
  font-family: inherit;
}

blockquote {
  padding: 10px 20px 10px 20px;
  margin: 10px 0px 20px 0px;
  border-left: 5px solid #eee;
  font-style: italic;
}

dir,
menu,
dd {
  padding-left: 40px;
}

ol ul,
ul ol,
ul ul,
ol ol {
  margin-top: 0;
  margin-bottom: 0;
}

body img {
  max-width: 100%;
  height: auto;
}

/* =Forms
-------------------------------------------------------------- */

fieldset {
  border: none;
  padding: 0 0 8px 0;
  margin: 0;
}

input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"] {
  box-sizing: border-box;
  min-height: 2.40741rem;
  width: 100%;
  padding: 0.61728rem;
  margin-bottom: 0.61728rem;
  font-family: inherit;
  font-size: 16.2px;
  vertical-align: middle;
  border: 0.06173rem solid #ebe9eb;
  border-radius: 0.18519rem;
  outline: none;
  background-color: white;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus {
  border-color: #03a9f5;
}

input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="url"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled {
  background-color: #eee;
  cursor: not-allowed;
}

textarea {
  box-sizing: border-box;
  min-height: 2.40741rem;
  width: 100%;
  padding: 0.61728rem;
  margin-bottom: 0.61728rem;
  font-family: inherit;
  font-size: 16.2px;
  vertical-align: middle;
  border: 0.06173rem solid #ebe9eb;
  border-radius: 0.18519rem;
  outline: none;
  background-color: white;
  display: block;
  overflow: auto;
}

textarea:focus {
  border-color: #03a9f5;
}

textarea:disabled {
  background-color: #eee;
  cursor: not-allowed;
}

input[type="search"] {
  box-sizing: border-box;
  min-height: 2.40741rem;
  width: 100%;
  padding: 0.61728rem;
  margin-bottom: 0.61728rem;
  font-family: inherit;
  font-size: 16.2px;
  vertical-align: middle;
  border: 0.06173rem solid #ebe9eb;
  border-radius: 0.18519rem;
  outline: none;
  background-color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 0 0.24691rem;
}

input[type="search"]:focus {
  border-color: #03a9f5;
}

input[type="search"]:disabled {
  background-color: #eee;
  cursor: not-allowed;
}

form {
  position: relative;
  color: inherit;
}

form select {
  height: 2.40741rem;
  width: 100%;
  padding-left: 0.61728rem;
  margin-bottom: 0.61728rem;
  font-family: inherit;
  font-size: 16.2px;
  border: 0.06173rem solid #ebe9eb;
  border-radius: 0.18519rem;
  outline: none;
  background-color: white;
}

form select:focus {
  border-color: #03a9f5;
}

form select:disabled {
  background-color: #eee;
  cursor: not-allowed;
}

select[multiple] {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 0 0.61728rem;
  margin-bottom: 0.61728rem;
  font-family: inherit;
  font-size: 16.2px;
  border: 0.06173rem solid #ebe9eb;
  border-radius: 0.18519rem;
  outline: none;
  background-color: white;
}

select[multiple]:focus {
  border-color: #03a9f5;
}

select[multiple]:disabled {
  background-color: #eee;
  cursor: not-allowed;
}

/* =WordPress Core
-------------------------------------------------------------- */

.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

body {
  text-align: center;
}

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

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

.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}

.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}

.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}

.wp-caption p.wp-caption-text {
  font-size: 0.6em;
  line-height: 150%;
  margin: 0;
  padding: 0 4px 5px;
}

.post-list a.next-page-link {
  padding: 13px 25px;
  display: inline-block;
  text-decoration: none;
  background-color: #f0f0f0;
  font-size: 0.7em;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.post-list a.page-numbers {
  text-decoration: none;
  padding: 12px 15px;
  border-style: none;
  border-width: 0px;
  border-color: transparent;
  color: #666666;
  font-weight: 400;
  transition: all 0.4s linear 0s;
}

.post-list .prev-navigation a,
.post-list .next-navigation a {
  display: inline-block;
  margin: 10px 0 18px 0;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 20px;
  background-color: #03a9f4;
  border: 0 solid;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
  font-size: 0.6em;
  text-transform: uppercase;
  border-color: #03a8f4;
  border-width: 2px;
  letter-spacing: 1px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.4s linear 0s;
}

.post-list .prev-navigation a:hover,
.post-list .next-navigation a:hover {
  background-color: #03a9f4;
  color: #ffffff;
  transition: all 0.2s ease-out 0s;
  font-size: 0.6em;
  font-weight: 400;
  box-shadow: 0 14px 26px -12px rgba(156, 156, 156, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 156, 156, 0.2);
  -moz-box-shadow: 0 14px 26px -12px rgba(156, 156, 156, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 156, 156, 0.2);
  -webkit-box-shadow: 0 14px 26px -12px rgba(156, 156, 156, 0.42),
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 156, 156, 0.2);
}

.post-list span.current {
  text-align: center;
  width: 30px;
  height: 30px;
  display: inline-block;
  color: #ffffff;
  background-color: #03a9f4;
  border-radius: 100%;
  margin: 0 2px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  vertical-align: middle;
  line-height: 30px;
}

.post-list a.next-page-link:hover {
  background-color: #9bcb43;
  color: #ffffff;
}

span a.post-category:hover {
  color: #2186c4;
  text-decoration: underline;
}

.post-list-item-thumb img {
  width: 100%;
  height: auto;
}

.content {
  margin-top: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #ebebeb;
  min-height: 700px;
}

div#page {
  background-color: #ffffff;
  word-wrap: break-word;
}

.page-content {
  margin-top: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
  min-height: 700px;
}

h2.heading109 {
  text-align: center;
  margin-bottom: 10px;
}

.inner-header-description {
  text-align: center;
}

.prev-posts a {
  text-decoration: none;
  color: #2186c4;
}

.next-posts a {
  text-decoration: none;
  color: #2186c4;
}

.heading91 {
  text-align: left;
  font-size: 3.8em;
  line-height: 110%;
  margin-top: 110px;
}

.nav-previous a,
.nav-next a,
.button {
  display: inline-block;
  margin-bottom: 14px;
  color: #666666;
  text-decoration: none;
  padding: 12px 30px;
  background-color: #ffffff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s linear 0s;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  font-size: 0.66em;
  font-family: inherit;
  line-height: 130%;
  font-weight: 600;
  letter-spacing: 1px;
}

.header-content .button,
.nav-next a,
.nav-previous a {
  margin: 0 9px 14px 9px;
}

.nav-previous a:hover,
.nav-next a:hover,
.button:hover {
  box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px,
    rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px,
    rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px,
    rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px,
    rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px,
    rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px,
    rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
  outline: none;
  text-decoration: none;
}

.button.blue:hover,
.button.blue:active {
  background-color: #0299de;
}

.button.green:hover,
.button.green:active {
  background-color: #449c47;
}

.button.yellow:hover,
.button.yellow:active {
  background-color: #faba19;
}

.button.purple:hover,
.button.purple:active {
  background-color: #8c239f;
}

.nav-previous a:active,
.nav-next a:active,
.button:active {
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.13) inset;
  -moz-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.13) inset;
  -webkit-box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.13) inset;
  outline: none;
  text-decoration: none;
}

.nav-previous a:visited,
.nav-next a:visited,
.button:visited {
  text-decoration: none;
  color: initial;
}

.button.small {
  padding: 7px 20px;
  border-radius: 2px;
}

.button.big {
  padding: 18px 36px;
  font-size: 0.8em;
}

.button.dark-blue {
  background-color: rgb(33, 134, 196);
  color: #ffffff;
}

.button.blue {
  background-color: #03a9f4;
  color: #ffffff;
}

.button.green {
  background-color: #4caf50;
  color: #ffffff;
}

.button.yellow {
  background-color: #fbc02d;
  color: #ffffff;
}

.button.purple {
  background-color: #9c27b0;
  color: #ffffff;
}

.button.transparent {
  background-color: transparent;
  border: 2px solid #ffffff;
  color: #ffffff;
}

.button.transparent-dark {
  background-color: transparent;
  border: 2px solid #8a8a8a;
  color: #8a8a8a;
}

a.text-logo,
a.text-logo:hover {
  color: #ffffff;
  text-transform: none;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: left;
  text-decoration: none;
  display: block;
  font-weight: 600;
  font-size: 2.6em;
  line-height: 1;
  display: inline-block;
}

a.logo-link.dark,
a.custom-logo-link {
  color: #fff;
  font-weight: bold;
  font-size: 1.6em;
  display: inline-block;
  transition: all 0.3s linear;
}

img.logo.dark,
img.custom-logo {
  vertical-align: middle;
  max-height: 100%;
  width: auto;
}

a.logo-link.dark {
  opacity: 0;
  display: none;
}

.fixto-fixed a.logo-link.dark,
.coloured-nav a.logo-link.dark {
  opacity: 1;
  display: inline-block;
}

.fixto-fixed a.logo-link.dark + a.custom-logo-link,
.coloured-nav a.logo-link.dark + a.custom-logo-link {
  display: none;
}

/* Text meant only for screen readers. */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  margin-bottom: -1px;
}

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

.morphext > .animated {
  display: inline-block;
}

.gridContainer {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.header,
.header-homepage {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  color: #ffffff;
  z-index: 0;
  padding-top: 160px;
  padding-bottom: 160px;
}

.header-top.fixto-fixed {
  width: 100% !important;
}

.header:before,
.header-homepage:before {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -1;
  display: inline-block;
}

.header-separator-bottom {
  position: absolute;
  bottom: -1px;
  left: 0px;
  width: 100%;
}

.header-separator-reverse {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.header-separator svg {
  display: block;
  width: calc(100% + 1.3px);
}

.header-separator {
  position: absolute;
  width: 100%;
  max-width: 100%;
  bottom: -1px;
  overflow: hidden; /* because svg inside is a bit bigger to cover the entire separator correctly */
}

.svg-white-bg {
  fill: rgba(235, 235, 235, 0.15);
  opacity: 0.5;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.page .svg-white-bg {
  fill: rgba(255, 255, 255, 0.15);
  opacity: 0.5;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.header-description {
  min-height: 100px;
  text-align: center;
}

.header-description-left {
  padding-left: 15px;
  padding-right: 15px;
  min-height: 100px;
  margin-bottom: 15px;
}

.header-description-left img {
  box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px,
    rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px,
    rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
  -moz-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px,
    rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px,
    rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.419608) 0px 14px 26px -12px,
    rgba(0, 0, 0, 0.117647) 0px 4px 23px 0px,
    rgba(0, 0, 0, 0.2) 0px 8px 10px -5px;
}

.header-description-right {
  padding-left: 15px;
  padding-right: 15px;
  min-height: 100px;
  margin-bottom: 15px;
}

p.header-subtitle {
  color: #ffffff;
  font-weight: 300;
  font-size: 1.4em;
  text-align: inherit;
}

.color-overlay:before {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  position: absolute;
  z-index: -1;
  display: inline-block;
  content: "";
  /*SAFARI BUG*/
  -webkit-transform: translate3d(0, 0, -1px);
}

.header_title {
  margin: 40px auto;
}

.header-top {
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  align-items: center;
  width: 100%;
  position: absolute;
}

.header-top.boxed {
  padding-left: 0;
  padding-right: 0;
}

.navigation-wrapper {
  width: 100%;
  display: flex;
  align-items: center;
}

.bordered {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.navigation-wrapper.gridContainer {
  padding-left: 15px;
  padding-right: 15px;
}

.fixto-fixed .navigation-wrapper.bordered {
  border-bottom: none;
  padding-bottom: 0px;
}

.logo_col {
  text-align: left;
  width: 30%;
}

.featured-item {
  float: none;
  width: 100%;
  min-height: 100px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 15px;
}

img.image3 {
  width: 100%;
}

.header-wrapper {
  background-color: #ebebeb;
  position: relative;
}

.page .header-wrapper {
  background-color: #ffffff;
}

.featured-item-row {
  clear: both;
  min-height: 100px;
  background-color: #ffffff;
  text-align: center;
  box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}

.row_34 {
  margin-top: -10%;
  position: relative;
  z-index: 1;
  margin-bottom: 10%;
}

.row_47 {
  clear: both;
  min-height: 100px;
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
}

h3.heading10 {
  margin-top: 0px;
}

.main_menu_col {
  flex-grow: 1;
}

.row_345 {
  clear: both;
  min-height: 100px;
  padding: 15px;
  text-align: center;
  background-color: #ffffff;
  border-bottom: 0px solid #03a8f4;
}

.row_345 .button.small.blue {
  margin-top: 10px;
}

/* Supprime spécifiquement ce bouton bleu */
.button.small.blue{
    display: none !important;
}

.post-content-single {
  clear: both;
  min-height: 100px;
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding-top: 15px;
  margin-bottom: 30px;
  background-color: #ffffff;
}

.post-content-single img {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.post-content-single img.attachment-post-thumbnail {
  margin: auto;
  display: block;
  max-width: 650px !important;
  width: 100% !important;
  height: auto !important;
}

.post-content {
  border-bottom: 1px solid #cfcfcf;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  border-color: rgb(119, 119, 119) rgb(119, 119, 119) #03a8f4 rgb(119, 119, 119);
  border-style: none none solid none;
  border-width: 0 0 5px 0;
}

h1.heading98 {
  color: #ffffff;
  font-size: 3.3em;
  text-align: center;
}

h1.heading8 {
  font-weight: 600;
  font-size: 2.2em;
  color: #ffffff;
  margin-bottom: 25px;
}

.header-description-row {
  padding: 0px 15px 0px 15px;
  display: block;
}

.row_42 {
  margin-left: -15px;
  margin-right: -15px;
}

h1.logo {
  text-transform: none;
  font-weight: 400;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 3.3em;
}

.footer_left {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 5px;
  margin-top: 18px;
}

.footer_right {
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

h2.footer-logo {
  font-weight: 400;
  color: #ffffff;
  margin-top: 10px;
  margin-bottom: 15px;
}

.footer-copyright {
  text-align: center;
  margin-top: 27px;
}

.footer {
  background-color: #222222;
  border-top: 5px solid #03a8f4;
  min-height: 87px;
}

.footer a.custom-logo-link {
  height: 80px;
  line-height: 70px;
  display: inline-block;
}

.page-links span {
  padding-right: 5px;
  padding-left: 5px;
}

.page-links .page-links-title {
  padding-left: 0;
}

/* post css */

.post-item,
.post-list {
  min-height: 100px;
  margin-bottom: 80px;
  word-wrap: break-word;
}

.post-item {
  padding-left: 15px;
  padding-right: 15px;
}

.post-list-item {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
}

.post-content-inner {
  display: block;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
}

.fa.font-icon-25 {
  font-size: 1.1em;
  color: #2186c4;
  display: inline-block;
}

.blog-title {
  margin-top: 15px;
  font-weight: 400;
}

.blog-title a {
  text-decoration: none;
  color: #333333;
}

.blog-title a:hover {
  text-decoration: underline;
  color: #2186c4;
}

.navigation {
  margin-top: 30px;
}

.navigation.pagination {
  padding-left: 15px;
  padding-right: 15px;
}

.prev-navigation,
.next-navigation {
  width: auto;
  min-height: 10px;
  text-align: left;
  position: absolute;
}

.next-navigation {
  text-align: right;
  right: 0px;
}

.numbers-navigation {
  text-align: center;
  width: 40%;
  float: left;
  margin-top: 60px;
  width: 100%;
}

a.page-numbers:hover {
  transition: all 0.2s ease-out 0s;
  background-color: #ebebeb;
}

.prev-navigation a,
.next-navigation a {
  display: inline-block;
  padding: 12px 20px;
  background-color: #ebebeb;
  color: #333333;
  letter-spacing: 2px;
  text-decoration: none;
  font-weight: 600;
  /* font-size: 1em; */
  border-radius: 10px;
  transition: all 0.4s linear 0s;
}

.prev-navigation a:hover,
.next-navigation a:hover {
  background-color: #ff7f66;
  color: #ffffff;
  transition: all 0.2s ease-out 0s;
}

.fa.font-icon-post {
  font-size: 1.1em;
  color: #03a9f4;
  display: inline-block;
  margin-left: 10px;
  margin-right: 5px;
}

.post-header.single-post-header {
  text-align: center;
  margin: 10px 0px;
}

.post-header {
  min-height: 10px;
  color: #666666;
  font-weight: normal;
}

.post-header a {
  text-decoration: none;
  color: #03a9f4;
  font-weight: normal;
}

.post-header a:hover {
  text-decoration: underline;
}

/* sidebar css */

.sidebar {
  float: none;
  min-height: 200px;
  width: 100%;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: 0px;
  border-left-color: #e0e0e0;
}

.sidebar a {
  color: #333333;
  line-height: 150%;
  font-weight: 400;
  font-size: 1em;
  transition: all 0.4s linear 0s;
  text-decoration: none;
}

.sidebar a:visited {
  color: #0b679c;
}

.sidebar a:hover {
  color: #03a9f4;
  transition: all 0.2s ease-out 0s;
}

.sidebar .widget {
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  margin-bottom: 30px;
  border-radius: 3px;
  background-color: #ffffff;
}

.widget_search {
  padding: 15px;
}

.searchform #s {
  width: 100%;
  border-style: solid;
  padding-left: 20px;
  display: inline-block;
  min-height: 42px;
  border-width: 1px;
  border-color: #e0e0e0;
  color: #666;
  outline: 0;
  margin-top: 0;
  transition: all 0.4s linear 0s;
  text-transform: uppercase;
  float: left;
  margin-bottom: 10px;
  font-family: inherit;
}

#searchsubmit {
  display: block;
  color: #ffffff;
  width: 55px;
  min-height: 42px;
  background-color: #03a9f4;
  border-color: #03a8f4;
  border-style: solid;
  border-width: 1px;
  float: left;
  font-family: inherit;
}

hr {
  display: block;
  border: none;
  height: 1px;
  background-color: #e0e0e0;
  margin: 0px auto 10px auto;
  padding: 0px;
  width: 100%;
}

.blog-separator {
  background-color: #cccccc;
  margin-top: 10px;
  margin-bottom: 10px;
}

.widget .searchform {
  min-height: 44px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.widget .searchform #s:hover {
  border-color: #03a9f4;
}

.widget_block ul,
.widget > ul {
  padding-left: 0px;
  min-height: 30px;
  list-style: none;
  margin-bottom: 15px;
  margin-top: 0px;
  display: block;
}

.widget_block
  > .wp-block-group
  > .wp-block-group__inner-container
  > h1:first-child,
.widget_block
  > .wp-block-group
  > .wp-block-group__inner-container
  > h2:first-child,
.widget_block
  > .wp-block-group
  > .wp-block-group__inner-container
  > h3:first-child,
.widget_block
  > .wp-block-group
  > .wp-block-group__inner-container
  > h4:first-child,
.widget_block
  > .wp-block-group
  > .wp-block-group__inner-container
  > h5:first-child,
.widget_block
  > .wp-block-group
  > .wp-block-group__inner-container
  > h5:first-child,
.widget > .widgettitle {
  font-size: 1.2em;
  font-weight: 400;
  margin-bottom: 0px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgb(224, 224, 224);
  color: #333333;
  text-transform: uppercase;
  position: relative;
  padding-top: 15px;
  border-left-color: #03a8f4;
  border-radius: 3px;
  border-left-style: solid;
  border-left-width: 4px;
  padding-left: 20px;
}

.widget > ul > li {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #e0e0e0;
  font-weight: 300;

  font-size: 1em;
}

.widget > ul > li {
  font-weight: 300;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #e0e0e0;
}

.widget > ul > li {
  color: rgb(51, 51, 51);
  font-weight: 600;
  font-size: 0.9em;
  line-height: 130%;
  padding-top: 7px;
  padding-bottom: 7px;
}

.widget > ul > li a:active {
  color: #2186c4;
}

.widget > .textwidget {
  padding: 20px;
}

/*menu css*/

div#drop_mainmenu_container {
  z-index: 9999;
  vertical-align: top;
}

div#drop_mainmenu_container ul {
  list-style-type: none;
  list-style-position: outside;
  list-style-image: none;
  display: block;
}

div#drop_mainmenu_container ul.fm2_drop_mainmenu {
  display: none;
}

#drop_mainmenu {
  position: relative;
  text-align: right;
  margin: 0px;
  padding: 0px;
  display: block;
}

#drop_mainmenu ul {
  display: block;
}

#drop_mainmenu a:active,
#drop_mainmenu a:focus {
  outline-style: none;
}

#drop_mainmenu a {
  display: block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  line-height: 120%;
  text-transform: uppercase;
}

#drop_mainmenu li {
  position: relative;
}

#drop_mainmenu li > ul {
  display: none;
}

#drop_mainmenu li:hover a,
#drop_mainmenu li.hover a {
  transition: all 0.3s;
}

#drop_mainmenu > li > a {
  transition: all 0.3s;
  background: none left center repeat-x scroll transparent;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 35px 0;
  border-radius: 0px;
}

#drop_mainmenu > li > a {
  text-decoration: none;
  text-align: center;
  cursor: pointer;
  color: #ededed;
  text-transform: uppercase;
  font-weight: 400;

  font-size: 1em;
  letter-spacing: 3px;
}

#drop_mainmenu > li {
  padding: 0 0px 0px 0px;
  line-height: 100%;
  margin-left: 1.7%;
  margin-right: 1.7%;
  display: inline-block;
  height: auto;
}

#drop_mainmenu > li:hover > a,
#drop_mainmenu > li.hover > a {
  color: #ffffff;
  letter-spacing: 3px;
  text-shadow: 0px 0px 0px white;
}

#drop_mainmenu > li.current_page_item > a {
  background-color: transparent;
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: left center;
  background-image: none;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;
  text-shadow: 0px 0px 0px white;
}

#drop_mainmenu li > .ui-effects-wrapper {
  top: 58px;
  left: 0px;
}

#drop_mainmenu li ul {
  top: 50px;
  left: 0px;
}

#drop_mainmenu ul {
  width: auto;
  height: auto;
  padding: 7px 0px 7px 0px;
}

#drop_mainmenu ul li a {
  border: 0px;
  padding: 16px 18px;
  height: 100%;
  min-height: 0px;
  margin: 0;
  letter-spacing: 0px;
  text-align: left;
}

#drop_mainmenu ul li {
  min-width: 160px;
  padding: 0 0px 0px 0px;
  vertical-align: top;
  position: relative;
}

#drop_mainmenu ul li:hover > a,
#drop_mainmenu ul li.hover > a {
  background-color: #2176ff;
  border: 0 none transparent;
  letter-spacing: 0px;
}

#drop_mainmenu ul li ul {
  left: 100%;
  top: 0px;
  margin-top: 0px;
}

#drop_mainmenu > li[data-direction="right"] > ul > li ul {
  left: auto;
  right: 100%;
}

#drop_mainmenu > li ul {
  top: auto;
  border-bottom-width: 5px;
  border-bottom-color: #2176ff;
  border-bottom-style: solid;
  padding: 0px;
  position: absolute;
  background-color: #3f464c;
  z-index: 9999;
}

#drop_mainmenu ul li a,
#drop_mainmenu ul li a {
  color: #ffffff;
  font-weight: 400;
  font-size: 0.6em;
}

/************************* mobile menu ************************/

.fm2_drop_mainmenu_mobile-overlay {
  background: rgba(0, 0, 0, 0.7) none repeat top left scroll;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  display: inline;
  z-index: 10050;
  position: fixed !important;
}

.fm2_drop_mainmenu_mobile-overlay-hide {
  background: rgba(0, 0, 0, 0) none repeat top left scroll;
  display: none;
}

a#fm2_drop_mainmenu_mobile_button span.caption {
  text-transform: uppercase;
  background: url("assets/images/hamburger.png") 0px center no-repeat scroll
    transparent;
  background-position: left center;
  padding-left: 20px;
  color: #9bcb43;
  display: inline-block;
  min-height: 20px;
  font: normal normal 400 16px / normal Source Sans Pro, sans-serif;
}

a#fm2_drop_mainmenu_mobile_button span.down-arrow {
  display: none;
}

#fm2_drop_mainmenu_jq_menu_back {
  position: relative !important;
  top: 0px !important;
}

div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header {
  background: transparent url("assets/images/close_icon.png") no-repeat center
    center scroll;
  position: relative;
  width: 14px;
  height: 14px;
  float: right;
  text-align: center;
  font-size: 0.7em;
  z-index: 1;
  box-sizing: content-box;
  height: 60px;
  width: 50px;
}

div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header p font.caption:before {
  background: transparent url("assets/images/mini_menu.png") no-repeat -2px scroll;
  width: 18px;
  content: " ";
  height: 20px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 9px;
}

div#fm2_drop_mainmenu_jq_menu_back {
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  margin: 10px;
  top: 0px;
  left: 0px;
  background-color: #333333;
}

div#fm2_drop_mainmenu_jq_menu_back ul {
  margin-left: 20px;
  list-style-type: none;
  list-style-image: none;
  padding: 10px 0px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header {
  background: transparent none repeat top left scroll;
  position: relative;
  width: auto;
  display: block;
  text-align: center;
}

div#fm2_drop_mainmenu_jq_menu_back a {
  padding: 1em 0px 1em 0px;
  overflow: hidden;
  background-color: #3377ff;
  font-family: inherit;
  font-weight: bold;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header > a {
  /* margin-left: 10px; */
  /* margin-top: 14px; */
  display: inline-block;
  width: 50px;
  height: 60px;
  float: left;
  background-color: blue;
  padding-left: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent url("assets/images/mini_arrow_large.png") no-repeat
    center scroll;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header > a:hover,
div#fm2_drop_mainmenu_jq_menu_back div.menu-header > a.hover {
  background-color: lime;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p {
  margin: 0 0 0 0;
  color: #fff;
  /* text-indent: -40px; */
  padding: 0px;
  width: 100%;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p:hover,
div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p.hover {
  color: #ccf;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p a {
  background: transparent none repeat left top scroll;
  text-decoration: none;
  display: block;
  width: auto;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container > .menu {
  float: left;
  width: 100%;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  padding: 8px 0px;
  background-color: #f7f7f7;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li p {
  margin: 0 0 0 0;
  font-size: 0.8em;
  font-weight: 600;
  text-transform: uppercase;
  color: inherit;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a {
  background: transparent none repeat left top scroll;
  border-left: 0 none #000000;
  border-top: 0 none #000000;
  border-bottom: 0 none #000000;
  border-right: 0 none #000000;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-decoration: none;
  font-weight: bold;
  font-style: normal;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch,
div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf {
  margin: 0 5px 0 5px;
  display: inline-block;
  vertical-align: middle;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before {
  content: "+ ";
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before {
  content: "- ";
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a {
  width: auto;
  float: left;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a {
  padding: 0 9px 0 9px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a,
div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a span {
  color: white;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before,
div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before {
  width: 10px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before {
  background: transparent url("assets/images/mini_circle.png") no-repeat top
    left scroll;
  opacity: 0.5;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before {
  background: transparent url("assets/images/mini_arrow.png") no-repeat top left
    scroll;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before,
div#fm2_drop_mainmenu_jq_menu_back div.menu-container .leaf:before,
a#fm2_drop_mainmenu_mobile_button span.caption:before {
  content: " ";
  height: 1em;
  display: inline-block;
  vertical-align: middle;
  margin-right: 9px;
  background-position: center;
  min-height: 20px;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis,
div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p a {
  background-color: transparent;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p a {
  text-align: center;
  color: #ffffff;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header > a:hover,
div#fm2_drop_mainmenu_jq_menu_back div.menu-header > a.hover {
  background-color: transparent;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li {
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis a {
}

div#fm2_drop_mainmenu_jq_menu_back li a p,
div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a,
div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li a span,
div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p a {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-header > p a {
  height: 60px;
  display: block;
  width: calc(100% - 100px);
  margin: 0px;
  float: left;
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container ul li.ellipsis,
div#fm2_drop_mainmenu_jq_menu_back div.menu-header {
  background-color: transparent;
}

a#fm2_drop_mainmenu_mobile_button {
  margin-left: 0px;
  margin-right: 0px;
  border-width: 0px;
  border-style: none;
  border-color: transparent;
  color: #38afff;
  text-align: right;
  padding-left: 10px;
  font-weight: 700;
  font-family: inherit;
  font-size: 1em;
  border-radius: 0px;
  padding-right: 20px;
  padding: 1em 0px 1em 0px;
  position: relative;
  width: auto;
  text-decoration: none;
  min-width: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

div#fm2_drop_mainmenu_jq_menu_back div.main-menu-header p span.caption:before {
  background-image: url("assets/images/mini_menu.png");
}

div#fm2_drop_mainmenu_jq_menu_back div.menu-container .branch:before {
  background-image: url("assets/images/mini_arrow.png");
}

.nav-links {
  display: block;
  width: 100%;
  clear: both;
  position: relative;
}

.nav-previous a:before {
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 6px;
  content: "\f100";
}

.nav-next a:after {
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 6px;
  content: "\f101";
}

.nav-previous,
.nav-next {
  width: 50%;
  float: left;
  height: auto;
}

.nav-previous {
  text-align: left;
}

.nav-next {
  text-align: right;
}

/* comments css */

.comment-form .comment-respond .comment-form p input[type="text"],
.comment-form .comment-respond .comment-form p textarea {
  width: 100%;
  border-radius: 3px;
  border-color: #dbdbdb;
  border-style: solid;
  border-width: 1px;
  height: 50px;
  font-family: inherit;
}

.comment-form .comment-respond .comment-form p #comment {
  height: 200px;
}

#comments {
  font-size: 1em;
  margin-bottom: 50px;
}

.comment-form h3.comment-reply-title {
  font-size: 1.6em;
  font-weight: 400;
}

.comment-form .comment-respond .comment-form p label {
  display: inline-block;
  margin-bottom: 15px;
  font-size: 1em;
  margin-top: 15px;
  color: #666666;
}

.comment-form .comment-respond .comment-form p.form-submit #submit {
  display: inline-block;
  width: auto;
}

.commentlist .children {
  margin-top: 20px;
}

.commentlist > li.comment:after {
  content: "";
  display: table;
  clear: both;
}

.commentlist .avatar {
  height: 39px;
  left: 2.2em;
  top: 2.2em;
  width: 39px;
}

.comment cite,
.comment a {
  margin-left: 50px;
}

.commentlist li.comment .comment-body .comment-author {
  padding-left: 15px;
  padding-right: 15px;
}

.commentlist li.comment .comment-body .comment-meta {
  padding-left: 15px;
  padding-right: 15px;
  text-align: right;
  padding-top: 7px;
}

.commentlist,
.commentlist ul {
  list-style: none;
}

.commentlist {
  padding-left: 0px;
}

.comment cite.fn {
  margin-top: 7px;
  font-style: normal;
  font-weight: 600;
  font-size: 0.7em;
}

.navigation {
  margin-top: 30px;
}

.comment-body:after {
  content: "";
  display: table;
  clear: both;
}

.comment a {
  text-decoration: none;
  color: #666666;
  margin-left: 15px;
}

.comment a.comment-edit-link {
  color: #666666;
  margin-left: 10px;
  display: none;
}

div a.comment-edit-link:hover {
  color: #0099ff;
}

.commentlist li.comment .comment-body p {
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 52px;
  font-weight: 400;
  color: #666666;
  font-size: 1em;
}

.comment-body p {
  font-size: 0.7em;
  text-align: left;
}

.commentlist li.comment .comment-body {
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: transparent;
}

.comment a.comment-reply-link {
  padding: 10px 17px;
  background-color: #e6e6e6;
  min-width: 50px;
  margin-left: auto;
  color: #333333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
}

div a.comment-reply-link:hover {
  background-color: #ff7f66;
  color: #ffffff;

  font-weight: 600;
  text-transform: uppercase;
}

.comment a.url {
  color: #333333;
  font-weight: 600;
}

.commentlist li.comment.even {
  background-color: #f5f5f5;
}

.commentlist li.comment.odd {
  background-color: #ffffff;
}

.commentlist > li.comment {
  background: none;
  position: relative;
  width: auto;
  clear: both;
  font-size: 0.9em;
}

div .commentlist li {
  padding: 20px;
}

span.comments-number {
  font-size: 1.6em;
  font-weight: 400;
}

.comment-respond {
  font-weight: 400;
  font-size: 1em;
}

.comments-form {
  margin-top: 0px;
  font-size: 0.9em;
}

.comments-form a {
  color: #2186c4;
  text-decoration: none;
}

.comment-form label {
  display: block;
}

p.logged-in-as {
  font-weight: 400;
}

.post-comments .navigation .prev-posts a:hover,
.post-comments .navigation .next-posts a:hover {
  text-decoration: underline;
}

.comment-form .comment-respond .comment-form p.logged-in-as a:hover {
  text-decoration: underline;
}

.post-comments {
  clear: both;
  min-height: 100px;
  width: 100%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 3px;
  padding-top: 15px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: none;
}

.align-holder {
  width: 100%;
}

.header-buttons-wrapper {
  margin: 0px;
}

a#fm2_drop_mainmenu_mobile_button span.caption {
  min-height: 20px;
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 30px !important;
  line-height: 1em !important;
  text-rendering: auto;
  letter-spacing: 0px !important;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  -moz-osx-font-smoothing: grayscale;
  background: none;
  color: #ffffff;
  text-shadow: none;
  border: none;
  padding: 5px 0px 0px 0px !important;
}

a#fm2_drop_mainmenu_mobile_button span.caption:before {
  content: "\f0c9";
  height: 30px;
  display: inline-block;
  vertical-align: text-bottom;
  font-family: FontAwesome;
  text-shadow: none;
  text-align: center;
}

.header-top.coloured-nav {
  background: #ffffff;
}

.header-top.fixto-fixed {
  background-color: #ffffff;
  box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.33);
  min-height: 80px;
}

.header-top.fixto-fixed #drop_mainmenu > li > a,
.header-top.coloured-nav #drop_mainmenu > li > a,
.header-top.fixto-fixed .text-logo,
.header-top.coloured-nav .text-logo,
.header-top.fixto-fixed a#fm2_drop_mainmenu_mobile_button span.caption,
.header-top.coloured-nav a#fm2_drop_mainmenu_mobile_button span.caption {
  color: #000000;
}

.header-top.fixto-fixed #drop_mainmenu > li > a,
.header-top.coloured-nav #drop_mainmenu > li > a {
  padding: 30px 0px;
}

.header-top.fixto-fixed #drop_mainmenu > li > a:hover,
.header-top.fixto-nav #drop_mainmenu > li > a.hover,
.header-top.coloured-fixed #drop_mainmenu > li > a:hover,
.header-top.fixto-fixed #drop_mainmenu > li.current_page_item > a,
.header-top.coloured-fixed #drop_mainmenu > li.current_page_item > a,
.header-top.coloured-nav #drop_mainmenu > li > a.hover {
  text-shadow: 0px 0px 0px black;
}

@media only screen and (min-width: 768px) {
  body {
    text-align: left;
  }

  div#drop_mainmenu_container ul.fm2_drop_mainmenu {
    display: block;
  }

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

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

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

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

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

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

  body.logged-in.admin-bar {
    position: relative;
  }

  h1 {
    font-size: 3.4em;
  }

  h2 {
    font-size: 2.5em;
  }

  h3 {
    font-size: 1.6em;
  }

  p {
    line-height: 130%;
  }

  h1.heading8 {
    font-size: 3.3em;
  }

  .gridContainer {
    width: 90%;
    max-width: 1232px;
  }

  .gridContainer .row {
    margin-left: -15px;
    margin-right: -15px;
    clear: both;
  }

  .content {
    min-height: 398px;
  }

  .header {
    width: 100%;
  }

  .header-top {
    display: flex;
    position: fixed;
    transition: all 0.3s linear;
  }

  .featured-items {
    display: flex;
  }

  .featured-item {
    width: 33.333%;
    min-height: 200px;
    margin-bottom: 0;
  }

  .logo_col {
    margin-right: 15px;
  }

  .row_47 {
    min-height: 100px;
    width: 100%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 20px;
  }

  .image-on-left .header-description-row,
  .image-on-right .header-description-row,
  .media-on-left .header-description-row,
  .media-on-right .header-description-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
  }

  .header-description-row:before,
  .header-description-row:after {
    content: normal;
  }

  .header-description-left {
    display: block;
    vertical-align: middle;
    margin-bottom: 0px;
  }

  .header-description-right {
    display: block;
    vertical-align: middle;
    margin-bottom: 0px;
  }

  .image-on-right .header-description-left,
  .image-on-left .header-description-left {
    align-self: center;
  }

  .image-on-left .header-description-right,
  .image-on-right .header-description-right,
  .media-on-left .header-description-right,
  .media-on-right .header-description-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 1 1 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  }

  .image-on-left .header-content,
  .image-on-right .header-content,
  .media-on-left .header-content,
  .media-on-right .header-content {
    height: 100%;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -webkit-flexbox;
    display: -moz-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
  }

  .header-content-centered {
    margin-left: auto;
    margin-right: auto;
  }

  .header-content-right {
    margin-left: auto;
  }

  .header-buttons-wrapper {
    margin: 0px -9px 0px -9px;
    clear: both;
  }

  .footer_left {
    float: left;
    width: 66.6667%;
    padding-left: 15px;
    padding-right: 15px;
  }

  .footer_right {
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: right;
  }

  .post-list-item {
    width: 50%;
    float: left;
  }

  /* post css */
  .post-content-single {
    clear: both;
    min-height: 100px;
    width: 100%;
    float: left;
    padding: 30px;
  }

  .fa.font-icon-25 {
    margin-right: 10px;
  }

  .post-list,
  .post-item {
    float: left;
    width: 75%;
  }

  .post-list-large,
  .post-item-large {
    width: 100%;
  }

  .prev-navigation,
  .next-navigation {
    width: 20%;
    float: left;
    position: static;
  }

  .numbers-navigation {
    width: 60%;
    float: left;
    margin-top: 16px;
  }

  /* sidebar css */
  .sidebar {
    float: left;
    min-height: 700px;
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 0px;
  }

  .widget .widget_archive ul {
    min-height: 30px;
  }

  .widget > ul {
    list-style: none;
  }

  .searchform #s {
    min-height: 42px;
    border-style: solid;
    padding-left: 10px;
    margin-right: -56px;
    float: left;
  }

  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h1:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h2:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h3:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h4:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h5:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h5:first-child,
  .widget > .widgettitle {
    padding-left: 20px;
  }

  /* comments css */
  .post-comments {
    clear: both;
    min-height: 100px;
    width: 100%;
    float: left;
    padding: 30px;
  }

  .commentlist li.comment .comment-body .comment-author {
    width: 33.3333%;
  }

  .commentlist li.comment .comment-body .comment-meta {
    width: 66.6667%;
  }

  .commentlist li.comment .comment-body .reply {
    width: auto;
    min-height: 40px;
  }

  .comment cite.fn {
    margin-left: 10px;
  }

  .commentlist li.comment .comment-body {
    margin-left: -15px;
    width: 100%;
  }

  .commentlist li.comment.even {
  }
}

@media only screen and (min-width: 1024px) {
  .gridContainer {
    width: 80%;
  }

  h1.heading98 {
    font-size: 3.8em;
  }

  h1 {
    font-size: 3.8em;
  }

  h2 {
    font-size: 2.7em;
  }

  h3 {
    font-size: 2.2em;
  }

  p {
    line-height: 150%;
  }

  .widget > ul {
    list-style: none;
  }

  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h1:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h2:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h3:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h4:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h5:first-child,
  .widget_block
    > .wp-block-group
    > .wp-block-group__inner-container
    > h5:first-child,
  .widget > .widgettitle {
    padding-left: 20px;
    border-left-style: solid;
  }

  /* comments css */
  .comment-form .comment-respond .comment-form p.comment-notes,
  .comment-form .comment-respond .comment-form p.form-allowed-tags {
    display: none;
  }

  .comment-form .comment-respond .comment-form p label {
    display: block;
  }

  .post-content-single {
    clear: both;
    min-height: 100px;
    width: 100%;
    float: left;
    padding: 30px;
  }

  .post-list .navigation {
    clear: both;
  }

  .commentlist li.comment .comment-body .comment-author {
    width: 33.3333%;
    float: left;
    padding-left: 0px;
  }

  .commentlist li.comment .comment-body .comment-meta {
    width: 66.6667%;
    float: left;
    padding-right: 0px;
  }

  .commentlist li.comment .comment-body .reply {
    float: right;
    width: auto;
    min-height: 40px;
    clear: both;
  }

  .comment cite.fn {
    margin-left: 10px;
    display: inline-block;
  }

  .comment a.url {
    margin: 0px;
  }

  .comment a.comment-reply-link {
    margin-left: auto;
    display: inline-block;
    float: left;
  }

  .commentlist .avatar {
    display: inline-block;
  }

  .post-list a.next-page-link {
    padding-left: 25px;
    padding-right: 25px;
  }

  .commentlist li.comment .comment-body p {
    float: left;
    clear: both;
  }

  .commentlist li.comment .comment-body {
    margin-left: 0px;
    width: 100%;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}

div#block-2 label.wp-block-search__label {
  display: none;
}

.widget .wp-block-latest-posts {
  padding: 1em;
}

.widget_block ul,
.widget_block ol {
  padding: 1em;
}

.widget_search button.wp-block-search__button.has-icon {
  width: 38px;
  height: 38px;
  padding: 0px 7px;
  text-align: center;
}

.widget_search button.wp-block-search__button {
  display: block;
  color: #ffffff;
  width: 55px;
  background-color: #03a9f4;
  border-color: #03a8f4;
  border-style: solid;
  border-width: 1px;
  float: left;
  font-family: inherit;
  font-size: 13px;
  white-space: nowrap;
  height: 40px;
  line-height: 1;
  fill: currentColor;
}

.widget_search .wp-block-search__input{
  border: 1px solid #949494;
}

form:not(.submitting) .wpcf7-spinner:not(.extra-1) {
  display: none;
}
.wpforms-container {
  text-align: left;
}


/** wp6.9 fixes*/
.wp-block-accordion-panel {
  margin-top: 28px;
}
.has-fit-text.wp-block-heading,
p.has-fit-text {
  max-width: 800px;
  overflow: hidden;
}
h1.has-fit-text.wp-block-heading {
  line-height: 4rem
}
h2.has-fit-text.wp-block-heading {
  line-height: 3rem;
}

h3.has-fit-text.wp-block-heading {
  line-height: 2.25rem
}

h4.has-fit-text.wp-block-heading {
  line-height: 1.75rem;
}
h5.has-fit-text.wp-block-heading {
  line-height: 1.5rem
}
h6.has-fit-text.wp-block-heading {
  line-height: 1.25rem
}
p.has-fit-text.wp-block-paragraph {
  line-height: 1.5rem;
}
/*end*/

/* Masquer le texte original */
.footer-column-colored-1 .paragraph10 {
    font-size: 0 !important; /* masque le texte original */
    line-height: 0 !important;
}

/* Afficher le nouveau texte */
.footer-column-colored-1 .paragraph10::after {
    content: "Venez découvrir notre évolution, nos procédures, nos biens, notre travail et le marché de la location courte durée!";
    font-size: 16px !important; /* taille du texte */
    line-height: 1.4 !important; /* espacement des lignes */
    display: block;
    white-space: normal; /* permet au texte de se mettre sur plusieurs lignes */
    color: #FFFFFF !important; /* texte blanc */
}

/* Changer la couleur de fond de la case */
.footer-column-colored-1 {
    background-color: #3D3D3D !important;
    padding: 15px; /* optionnel : ajoute un peu d'espace autour du texte */
    border-radius: 8px; /* optionnel : coins arrondis */
}

/* Cache les liens vers sections si on n'est PAS sur l'accueil */
body:not(.home) .scroll-prestation,
body:not(.home) .scroll-solution,
body:not(.home) .scroll-team ,
body:not(.home) .scroll-contact {
  display: none !important;
}

/* ============================================================
   STYLE FORMULAIRE DE CONTACT (MJS CONCIERGERIE)
   Design : Glassmorphism / Dark Mode
   ============================================================ */

/* 1. LE CADRE DU FORMULAIRE (L'effet verre) */
.wpcf7 {
    background: rgba(20, 20, 20, 0.6) !important; 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 40px;
    max-width: 700px;
    margin: 0 auto;
}

/* 2. LES TITRES DES CHAMPS (LABELS) */
.wpcf7 label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 8px;
    display: block;
    opacity: 0.9;
}

/* 3. LES CHAMPS DE SAISIE (TEXTE, EMAIL, TEL, TEXTAREA) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 12px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: 0.3s;
}

/* ============================================================
   STYLE FORMULAIRE DE CONTACT (MJS CONCIERGERIE)
   Design : Glassmorphism / Dark Mode (Sans Image de Fond)
   ============================================================ */

/* 1. LE CADRE DU FORMULAIRE (L'effet verre) */
.wpcf7 {
    background: rgba(20, 20, 20, 0.6) !important; 
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
    padding: 40px;
    max-width: 700px;
    margin: 0 auto;
}

/* 2. LES TITRES DES CHAMPS (LABELS) */
.wpcf7 label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 8px;
    display: block;
    opacity: 0.9;
}

/* 3. LES CHAMPS DE SAISIE (TEXTE, EMAIL, TEL, TEXTAREA) */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 12px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: 0.3s;
}

/* 4. LE MENU DÉROULANT (SELECT) - Style harmonisé et correction texte coupé */
.wpcf7 select {
    background: rgba(255, 255, 255, 0.07) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    color: #fff !important;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    transition: 0.3s;

    /* Suppression de la flèche par défaut */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* Ajustement du texte pour qu'il ne soit pas coupé */
    font-size: 14px !important;
    line-height: 1.5 !important;
    padding: 10px 40px 10px 15px !important;
    height: auto !important;

    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
    background-size: 12px auto !important;
}

/* État Focus pour tous les champs */
.wpcf7 input:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: #ffffff !important;
}

/* Options à l'intérieur du Select (pour la lisibilité) */
.wpcf7 select option {
    background-color: #1a1a1a;
    color: #ffffff;
}

/* 5. LE BOUTON ENVOYER */
.wpcf7 input[type="submit"] {
    background-color: #ffffff;
    color: #000000;
    border: none;
    padding: 14px 40px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 15px;
    transition: all 0.3s ease;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wpcf7 input[type="submit"]:hover {
    background-color: #f0f0f0;
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* 6. TEXTAREA SPÉCIFIQUE */
.wpcf7 textarea {
    resize: none;
    height: 120px;
}

/* 7. NETTOYAGE DES STYLES DE THÈME (IMPORTANT) */
.contact-formcol, 
[data-content-shortcode*="contact-form-7"] {
    background-color: transparent !important;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 8. MESSAGES DE RÉPONSE (SUCCÈS / ERREUR) */
.wpcf7-response-output {
    border-radius: 8px !important;
    padding: 15px !important;
    margin-top: 20px !important;
    font-weight: 600 !important;
    text-align: center !important;
    background: rgba(0, 0, 0, 0.4) !important;
}

/* Couleurs spécifiques selon l'état */
.wpcf7.invalid .wpcf7-response-output, 
.wpcf7.failed .wpcf7-response-output {
    border: 2px solid rgba(230, 99, 99, 1) !important;
    color: #ff6b6b !important;
    background: rgba(230, 99, 99, 0.2) !important;
}

.wpcf7.sent .wpcf7-response-output {
    border: 2px solid rgba(99, 230, 134, 1) !important;
    color: #63e686 !important;
    background: rgba(99, 230, 134, 0.2) !important;
}

/* Petites erreurs sous les champs */
.wpcf7-not-valid-tip {
    color: #ff6b6b !important;
    font-size: 12px !important;
    font-weight: bold !important;
    margin-top: 5px !important;
}



/* ============================================================
   SECTION ÉQUIPE - FLIP CARD COMPLÈTE
   ============================================================ */

/* 0. NETTOYAGE COMPLET DES ANCIENS STYLES */
.team-colors-membercard {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    min-height: auto !important;
}

/* SUPPRIME L'ANCIEN ::before SUR .team-colors-membercard */
.team-colors-membercard::before {
    display: none !important;
    content: none !important;
}

.team-colors-background,
.team-colors-memberinfo {
    display: none !important;
}

/* 1. CONTENEUR FLIP - TRANSPARENT ET PERSPECTIVE 3D */
.team-colors-membercard.custom-flip-card {
    background: transparent !important;
    border: none !important;
    overflow: visible !important;
    position: relative !important;
    height: 500px !important;
    width: 100% !important;
    perspective: 1500px !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* FORCE LA SUPPRESSION DU ::before SUR LA VERSION FLIP */
.custom-flip-card::before {
    display: none !important;
    content: none !important;
}

/* 2. CARD-INNER QUI TOURNE */
.custom-flip-card .card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1);
    transform-style: preserve-3d;
    background: transparent !important;
}

.custom-flip-card.is-flipped .card-inner {
    transform: rotateY(180deg);
}

/* 3. LES FACES - C'EST ICI QU'ON MET LE FOND */
.custom-flip-card .card-face {
    position: absolute;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
    backface-visibility: hidden !important;
    -webkit-backface-visibility: hidden !important;
    border-radius: 30px !important;
    overflow: hidden !important;
    
    /* LE FOND D'IMAGE */
    background-color: #1a1a1a !important;
    background-image: url('https://mjsconciergerie.fr/wp-content/uploads/2026/02/bg_banniere_equipe.png') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4) !important;
    
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 4. LE FILTRE SOMBRE - UNIQUEMENT SUR LES FACES */
.custom-flip-card .card-face::before {
    content: "" !important;
    position: absolute !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.92) 100%) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    z-index: 1 !important;
}

/* 5. CONTENT WRAPPER */
.custom-flip-card .content-wrapper {
    position: relative;
    z-index: 2;
    text-align: center;
    padding: 40px 30px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/* 6. ORIENTATION DES FACES */
.custom-flip-card .card-front { 
    transform: rotateY(0deg); 
}

.custom-flip-card .card-back { 
    transform: rotateY(180deg); 
}

/* 7. PHOTO DE PROFIL */
.custom-flip-card .team-colors-memberimg {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50% !important;
    border: 4px solid rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.5) !important;
    margin: 0 auto 25px auto !important;
    display: block !important;
    object-fit: cover !important;
}

/* 8. NOM (CAPSULE GRISE) */
.custom-flip-card .team-colors-membername {
    background: rgba(128, 128, 128, 0.7) !important;
    color: white !important;
    padding: 10px 25px !important;
    border-radius: 15px !important;
    display: inline-block !important;
    margin: 0 0 20px 0 !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important;
}

/* 9. DESCRIPTIONS (CAPSULES GRISES) - TAILLE AUGMENTÉE */
.custom-flip-card .desc-courte, 
.custom-flip-card .desc-longue {
    background: rgba(128, 128, 128, 0.5) !important;
    color: white !important;
    padding: 18px 24px !important; /* Padding augmenté pour plus d'espace */
    border-radius: 20px !important;
    font-size: 19px !important; /* 15px → 18px */
    line-height: 1.7 !important; /* 1.6 → 1.7 pour plus d'aération */
    margin: 10px auto !important;
    max-width: 90%;
    text-shadow: 0 1px 2px rgba(0,0,0,0.3) !important;
    font-weight: 500 !important; /* Ajout du poids pour plus de présence */
}

/* 10. SÉPARATEUR */
.separator-custom {
    width: 40px;
    height: 3px;
    background: #ffffff;
    margin: 15px auto;
    border-radius: 2px;
}

/* 11. NETTOYAGE DES COLONNES AUSSI */
.team-colors-membercol {
    background: transparent !important;
    padding: 15px !important;
}

/* ============================================================
   CORRECTIF MOBILE POUR LES CARTES ÉQUIPE
   ============================================================ */

@media (max-width: 767px) {

    /* 1. Réduction de la hauteur de la carte si nécessaire */
    .team-colors-membercard.custom-flip-card {
        height: 480px !important; /* On gagne un peu de compacité */
    }

    /* 2. Réduction de la photo pour libérer de l'espace vertical */
    .custom-flip-card .team-colors-memberimg {
        width: 100px !important;
        height: 100px !important;
        margin: 0 auto 15px auto !important;
    }

    /* 3. Ajustement du nom */
    .custom-flip-card .team-colors-membername {
        font-size: 20px !important;
        padding: 8px 20px !important;
        margin-bottom: 10px !important;
    }

    /* 4. LE TEXTE : Réduction de taille et gestion du débordement */
    .custom-flip-card .desc-courte, 
    .custom-flip-card .desc-longue {
        font-size: 14px !important; /* Passage de 19px à 14px sur mobile */
        line-height: 1.5 !important;
        padding: 12px 15px !important;
        max-width: 95% !important;
        margin: 5px auto !important;
        
        /* Sécurité : si le texte est trop long, on permet de scroller dans la capsule */
        max-height: 280px; 
        overflow-y: auto; 
    }

    /* 5. Réduction du padding global du wrapper */
    .custom-flip-card .content-wrapper {
        padding: 20px 15px !important;
    }

    /* 6. Optionnel : masquer le séparateur sur mobile pour gagner de la place */
    .separator-custom {
        margin: 10px auto !important;
    }
}

/* Ajustement pour les très petits écrans (iPhone SE, etc.) */
@media (max-width: 380px) {
    .custom-flip-card .desc-longue {
        font-size: 13px !important;
    }
    .custom-flip-card .team-colors-memberimg {
        width: 80px !important;
        height: 80px !important;
    }
}

/* ============================================================
   BLOG REDESIGN - CSS CUSTOM PROPERTIES (DESIGN TOKENS)
   ============================================================ */

:root {
    /* Colors - Wood/Earth Tones */
    --color-primary: #A0826D;
    --color-primary-dark: #6B4423;
    --color-primary-light: #D4C5B9;
    --color-bg-dark: #e6dbc4;
    --color-bg-card: rgba(255, 252, 245, 0.95);
    --color-bg-card-subtle: rgba(245, 241, 232, 0.8);
    --color-bg-input: rgba(160, 130, 109, 0.08);
    --color-text: #2C2418;
    --color-text-muted: rgba(44, 36, 24, 0.7);
    --color-text-dim: rgba(44, 36, 24, 0.5);
    --color-text-subtle: rgba(44, 36, 24, 0.35);
    --color-border: rgba(160, 130, 109, 0.2);
    --color-border-hover: rgba(160, 130, 109, 0.35);
    --color-shadow: rgba(0, 0, 0, 0.4);
    
    /* Spacing (8px base) */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-base: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    --spacing-grid-gap: 35px;
    --spacing-card-padding: 24px;
    --spacing-card-title-margin: 15px 0;
    --spacing-section: 24px;
    
    /* Typography */
    --font-body: "Source Sans Pro", sans-serif;
    --font-display: "Playfair Display", serif;
    --fs-body: 16px;
    --fs-body-small: 14px;
    --fs-body-tiny: 12px;
    --fs-heading-small: 1.2em;
    --fs-heading-medium: 1.5em;
    --fs-heading-large: 1.8em;
    --fs-heading-xl: 2em;
    --fs-heading-2xl: 2.5em;
    --lh-tight: 1.2;
    --lh-base: 1.5;
    --lh-relaxed: 1.75;
    --lh-loose: 1.8;
    --fw-light: 300;
    --fw-normal: 400;
    --fw-semibold: 600;
    --fw-bold: 700;
    --fw-black: 900;
    
    /* Borders & Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-pill: 50px;
    --border-width-thin: 1px;
    --border-width-thick: 2px;
    
    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.15);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 8px 32px rgba(31, 38, 135, 0.37);
    --shadow-xl: 0 12px 48px rgba(31, 38, 135, 0.5);
    --shadow-glass: 0 8px 32px 0 rgba(107, 68, 35, 0.15);
    
    /* Transitions */
    --transition-fast: 0.15s ease-out;
    --transition-smooth: 0.3s ease-out;
    --transition-gentle: 0.5s ease-out;
}

/* Responsive adjustments for tablets */
@media (min-width: 768px) {
    :root {
        --fs-heading-medium: 1.5em;
        --fs-heading-xl: 2em;
        --spacing-card-padding: 28px;
    }
}

/* Responsive adjustments for desktop */
@media (min-width: 1024px) {
    :root {
        --fs-heading-2xl: 2.5em;
        --spacing-card-padding: 32px;
        --spacing-grid-gap: 40px;
    }
}

/* ============================================================
   PAGE BLOG - STYLE COCOONING SOMBRE
   ============================================================ */

/* FOND GÉNÉRAL DU BLOG */
body.blog #page-content.content,
body.archive #page-content.content,
body.search #page-content.content,
body.single #page-content.content {
    background-color: #8b6f55 !important;
    background-image: 
        /* Detailed leaf pattern with veins - light leaves on dark background */
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cdefs%3E%3Cg id='leaf'%3E%3Cpath d='M0,-25 Q8,-20 10,-10 Q12,0 10,10 Q8,20 0,28 Q-8,20 -10,10 Q-12,0 -10,-10 Q-8,-20 0,-25 Z' fill='none' stroke='%23DCC8A8' stroke-width='1.2' opacity='0.28'/%3E%3Cline x1='0' y1='-25' x2='0' y2='28' stroke='%23DCC8A8' stroke-width='1' opacity='0.28'/%3E%3Cpath d='M0,-15 Q6,-12 9,-8' fill='none' stroke='%23DCC8A8' stroke-width='0.6' opacity='0.24'/%3E%3Cpath d='M0,-15 Q-6,-12 -9,-8' fill='none' stroke='%23DCC8A8' stroke-width='0.6' opacity='0.24'/%3E%3Cpath d='M0,-5 Q7,-2 10,3' fill='none' stroke='%23DCC8A8' stroke-width='0.6' opacity='0.24'/%3E%3Cpath d='M0,-5 Q-7,-2 -10,3' fill='none' stroke='%23DCC8A8' stroke-width='0.6' opacity='0.24'/%3E%3Cpath d='M0,5 Q7,8 9,13' fill='none' stroke='%23DCC8A8' stroke-width='0.6' opacity='0.24'/%3E%3Cpath d='M0,5 Q-7,8 -9,13' fill='none' stroke='%23DCC8A8' stroke-width='0.6' opacity='0.24'/%3E%3Cpath d='M0,15 Q6,18 8,22' fill='none' stroke='%23DCC8A8' stroke-width='0.6' opacity='0.24'/%3E%3Cpath d='M0,15 Q-6,18 -8,22' fill='none' stroke='%23DCC8A8' stroke-width='0.6' opacity='0.24'/%3E%3C/g%3E%3Cpattern id='leaves' x='0' y='0' width='400' height='400' patternUnits='userSpaceOnUse'%3E%3Cuse href='%23leaf' transform='translate(60,40) rotate(25) scale(1.2)'/%3E%3Cuse href='%23leaf' transform='translate(150,50) rotate(-15) scale(1)'/%3E%3Cuse href='%23leaf' transform='translate(240,45) rotate(40) scale(1.3)'/%3E%3Cuse href='%23leaf' transform='translate(330,55) rotate(-30) scale(1.1)'/%3E%3Cuse href='%23leaf' transform='translate(50,110) rotate(10) scale(1.2)'/%3E%3Cuse href='%23leaf' transform='translate(140,100) rotate(-25) scale(1.4)'/%3E%3Cuse href='%23leaf' transform='translate(230,115) rotate(35) scale(1)'/%3E%3Cuse href='%23leaf' transform='translate(320,105) rotate(-5) scale(1.2)'/%3E%3Cuse href='%23leaf' transform='translate(70,170) rotate(20) scale(1.1)'/%3E%3Cuse href='%23leaf' transform='translate(160,180) rotate(-20) scale(1.3)'/%3E%3Cuse href='%23leaf' transform='translate(250,165) rotate(45) scale(1)'/%3E%3Cuse href='%23leaf' transform='translate(340,190) rotate(-35) scale(1.2)'/%3E%3Cuse href='%23leaf' transform='translate(30,240) rotate(15) scale(1.1)'/%3E%3Cuse href='%23leaf' transform='translate(110,250) rotate(-10) scale(1.2)'/%3E%3Cuse href='%23leaf' transform='translate(180,245) rotate(30) scale(1)'/%3E%3Cuse href='%23leaf' transform='translate(270,260) rotate(25) scale(1.1)'/%3E%3Cuse href='%23leaf' transform='translate(350,250) rotate(-20) scale(1.2)'/%3E%3Cuse href='%23leaf' transform='translate(90,310) rotate(10) scale(1.3)'/%3E%3Cuse href='%23leaf' transform='translate(200,315) rotate(-15) scale(1)'/%3E%3Cuse href='%23leaf' transform='translate(310,305) rotate(35) scale(1.2)'/%3E%3Cuse href='%23leaf' transform='translate(40,360) rotate(20) scale(1.1)'/%3E%3Cuse href='%23leaf' transform='translate(150,365) rotate(-25) scale(1)'/%3E%3Cuse href='%23leaf' transform='translate(260,355) rotate(15) scale(1.2)'/%3E%3C/pattern%3E%3C/defs%3E%3Crect width='400' height='400' fill='url(%23leaves)'/%3E%3C/svg%3E"),
        /* Subtle radial gradient overlay */
        radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.15), transparent 60%),
        /* Dark warm gradient */
        linear-gradient(90deg, #99795c 0%, #ac8968 40%, #99795c 70%, #ac8968 100%) !important;
    background-size: 400px 400px, 100% 100%, 100% 100% !important;
    background-position: 0 0, center, 0 0 !important;
    background-attachment: scroll !important;
    padding-top: 60px !important;
    padding-bottom: 80px !important;
    min-height: 100vh !important;
    position: relative !important;
}

/* Add animated subtle background effect */
body.blog #page-content.content::before,
body.archive #page-content.content::before,
body.search #page-content.content::before,
body.single #page-content.content::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(168, 133, 112, 0.06) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(139, 109, 85, 0.04) 0%, transparent 50%) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

/* Ensure content is above background */
body.blog #page-content.content > .gridContainer,
body.archive #page-content.content > .gridContainer,
body.search #page-content.content > .gridContainer,
body.single #page-content.content > .gridContainer {
    position: relative !important;
    z-index: 1 !important;
    max-width: 1600px !important;
    width: 95% !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
body.blog .header,
body.archive .header,
body.search .header,
body.single .header {
    background-color: #0d0d0d !important;
    background-image: url('https://mjsconciergerie.fr/wp-content/uploads/2026/02/bg_blog.svg') !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

body.blog .header h1.heading8,
body.archive .header h1.heading8,
body.search .header h1.heading8,
body.single .header h1.heading8 {
    color: var(--color-text) !important;
    font-size: 2.8em !important;
    font-weight: var(--fw-black) !important;
    letter-spacing: 2px !important;
    text-shadow: 0 4px 12px rgba(0,0,0,0.6) !important;
    display: none !important;
}

body.blog .inner-header-description,
body.archive .inner-header-description,
body.search .inner-header-description {
    position: relative !important;
}

body.blog .inner-header-description::after,
body.archive .inner-header-description::after,
body.search .inner-header-description::after {
    content: "" !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 60px !important;
    height: 3px !important;
    background: linear-gradient(to right, transparent, var(--color-primary), transparent) !important;
    box-shadow: 0 0 12px var(--color-primary) !important;
}

/* CONTENEUR DES ARTICLES (avec Masonry) */
body.blog .post-list-c,
body.archive .post-list-c,
body.search .post-list-c {
    padding: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    position: static !important;
}

/* Remove clearfix pseudo-elements so they don't occupy grid cells */
body.blog .post-list-c::before,
body.blog .post-list-c::after,
body.archive .post-list-c::before,
body.archive .post-list-c::after,
body.search .post-list-c::before,
body.search .post-list-c::after {
    display: none !important;
    content: none !important;
}

/* CHAQUE CARTE D'ARTICLE */
body.blog .post-list-item,
body.archive .post-list-item,
body.search .post-list-item {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

/* Responsive: 1 col mobile, 2 col tablet */
@media (max-width: 767px) {
    body.blog .post-list-c,
    body.archive .post-list-c,
    body.search .post-list-c {
        grid-template-columns: 1fr !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    body.blog .post-list-c,
    body.archive .post-list-c,
    body.search .post-list-c {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* WRAPPER ARTICLE - height 100% pour uniformité */
body.blog .post-list-item .blog-post,
body.archive .post-list-item .blog-post,
body.search .post-list-item .blog-post {
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

/* CARTE D'ARTICLE GLASSMORPHIQUE */
body.blog .post-list-item .blog-post .post-content,
body.archive .post-list-item .blog-post .post-content,
body.search .post-list-item .blog-post .post-content {
    background: rgba(255, 252, 245, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(160, 130, 109, 0.2) !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 32px 0 rgba(107, 68, 35, 0.15) !important;
    transition: transform 0.3s ease-out, box-shadow 0.3s ease-out, border-color 0.3s ease-out !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-width: 1px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    border-style: solid !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateZ(0) !important;
}

body.blog .post-list-item .blog-post .post-content:hover,
body.archive .post-list-item .blog-post .post-content:hover,
body.search .post-list-item .blog-post .post-content:hover {
    transform: translateY(-8px) translateZ(0) !important;
    box-shadow: 0 15px 50px 0 rgba(107, 68, 35, 0.25) !important;
    border-color: rgba(160, 130, 109, 0.35) !important;
    will-change: transform !important;
}

/* IMAGE DE L'ARTICLE */
body.blog .post-list-item-thumb,
body.archive .post-list-item-thumb,
body.search .post-list-item-thumb {
    display: block !important;
    overflow: hidden !important;
    border-radius: var(--radius-xl) var(--radius-xl) 0 0 !important;
    max-height: 180px !important;
}

body.blog .post-list-item-thumb img,
body.archive .post-list-item-thumb img,
body.search .post-list-item-thumb img {
    width: 100% !important;
    height: 180px !important;
    object-fit: cover !important;
    display: block !important;
    transition: transform 0.4s ease-out !important;
    transform: translateZ(0) !important;
}

body.blog .post-content:hover .post-list-item-thumb img,
body.archive .post-content:hover .post-list-item-thumb img,
body.search .post-content:hover .post-list-item-thumb img {
    transform: scale(1.08) translateZ(0) !important;
    will-change: transform !important;
}

/* ZONE TEXTE SOUS L'IMAGE */
body.blog .row_345,
body.archive .row_345,
body.search .row_345 {
    background: transparent !important;
    padding: 18px 20px 20px 20px !important;
    text-align: left !important;
    box-shadow: none !important;
    border: none !important;
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
}

/* TITRE DE L'ARTICLE - PLAYFAIR DISPLAY */
body.blog .post-list-item .blog-post .blog-title,
body.archive .post-list-item .blog-post .blog-title,
body.search .post-list-item .blog-post .blog-title {
    font-family: "Playfair Display", serif !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 0 12px 0 !important;
    min-height: 2.6em !important;
}

body.blog .post-list-item .blog-post .blog-title a,
body.archive .post-list-item .blog-post .blog-title a,
body.search .post-list-item .blog-post .blog-title a {
    color: #2C2418 !important;
    text-decoration: none !important;
    transition: color 0.3s ease-out !important;
}

body.blog .post-list-item .blog-post .blog-title a:hover,
body.archive .post-list-item .blog-post .blog-title a:hover,
body.search .post-list-item .blog-post .blog-title a:hover {
    color: #6B4423 !important;
    text-decoration: none !important;
}

/* EXTRAIT ET BOUTON "LIRE LA SUITE" */
body.blog .post-list-item .blog-post .row_345 p,
body.archive .post-list-item .blog-post .row_345 p,
body.search .post-list-item .blog-post .row_345 p {
    color: rgba(44, 36, 24, 0.7) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    margin-bottom: 12px !important;
    flex-shrink: 0 !important;
}

/* BOUTON LIRE LA SUITE */
body.blog .post-list-item .blog-post .blog-read-more,
body.archive .post-list-item .blog-post .blog-read-more,
body.search .post-list-item .blog-post .blog-read-more {
    display: inline-block !important;
    padding: 8px 20px !important;
    background: linear-gradient(135deg, #A0826D, #6B4423) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    transition: background 0.3s ease-out, transform 0.3s ease-out, box-shadow 0.3s ease-out !important;
    margin-bottom: 14px !important;
    margin-top: auto !important;
    transform: translateZ(0) !important;
}

body.blog .post-list-item .blog-post .blog-read-more:hover,
body.archive .post-list-item .blog-post .blog-read-more:hover,
body.search .post-list-item .blog-post .blog-read-more:hover {
    background: linear-gradient(135deg, #6B4423, #5D4E37) !important;
    transform: translateX(4px) translateZ(0) !important;
    box-shadow: 0 4px 12px rgba(160, 130, 109, 0.4) !important;
    will-change: transform !important;
}

/* SÉPARATEUR */
body.blog .blog-separator,
body.archive .blog-separator,
body.search .blog-separator {
    background-color: rgba(160, 130, 109, 0.25) !important;
    margin: 10px 0 8px 0 !important;
}

/* MÉTA (auteur, date, commentaires) */
body.blog .post-header,
body.archive .post-header,
body.search .post-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    color: rgba(44, 36, 24, 0.6) !important;
    font-size: 11px !important;
    letter-spacing: 0.5px !important;
}

body.blog .post-header a,
body.archive .post-header a,
body.search .post-header a {
    color: rgba(44, 36, 24, 0.7) !important;
    font-weight: var(--fw-normal) !important;
    transition: color var(--transition-smooth) !important;
}

body.blog .post-header a:hover,
body.archive .post-header a:hover,
body.search .post-header a:hover {
    color: var(--color-text) !important;
    text-decoration: none !important;
}

body.blog .font-icon-post,
body.archive .font-icon-post,
body.search .font-icon-post {
    color: var(--color-text-subtle) !important;
    transition: color var(--transition-smooth) !important;
}

body.blog .post-header:hover .font-icon-post,
body.archive .post-header:hover .font-icon-post,
body.search .post-header:hover .font-icon-post {
    color: var(--color-text-muted) !important;
}

/* PAGINATION */
body.blog .navigation-c,
body.archive .navigation-c,
body.search .navigation-c {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: var(--spacing-base) !important;
    text-align: center !important;
    margin-top: 40px !important;
    flex-wrap: wrap !important;
}

body.blog .pagination,
body.archive .pagination,
body.search .pagination {
    display: flex !important;
    align-items: center !important;
    gap: var(--spacing-sm) !important;
}

body.blog .post-list span.current,
body.archive .post-list span.current,
body.search .post-list span.current {
    background-color: var(--color-primary) !important;
    color: var(--color-text) !important;
    box-shadow: 0 0 16px rgba(160, 130, 109, 0.4) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: var(--fw-bold) !important;
}

body.blog .post-list a.page-numbers,
body.archive .post-list a.page-numbers,
body.search .post-list a.page-numbers {
    background: rgba(255, 255, 255, 0.08) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    border-radius: var(--radius-xl) !important;
    padding: 10px 16px !important;
    color: var(--color-text-muted) !important;
    transition: background 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out !important;
    text-decoration: none !important;
    transform: translateZ(0) !important;
}

body.blog .post-list a.page-numbers:hover,
body.archive .post-list a.page-numbers:hover,
body.search .post-list a.page-numbers:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: var(--color-text) !important;
    transform: translateY(-2px) translateZ(0) !important;
    will-change: transform !important;
}

body.blog .prev-navigation a,
body.archive .prev-navigation a,
body.blog .next-navigation a,
body.archive .next-navigation a {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--color-text) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    border-radius: var(--radius-xl) !important;
    padding: 14px 24px !important;
    font-size: var(--fs-body-tiny) !important;
    font-weight: var(--fw-semibold) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    transition: background-color 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out, box-shadow 0.3s ease-out !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transform: translateZ(0) !important;
}

body.blog .prev-navigation a:hover,
body.archive .prev-navigation a:hover,
body.blog .next-navigation a:hover,
body.archive .next-navigation a:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
    color: var(--color-text) !important;
    box-shadow: 0 5px 20px rgba(255,255,255,0.15) !important;
    transform: translateY(-2px) translateZ(0) !important;
    will-change: transform !important;
}

/* SIDEBAR BLOG - WIDGETS GLASSMORPHIQUES */
body.blog .sidebar .widget,
body.archive .sidebar .widget,
body.search .sidebar .widget,
body.single .sidebar .widget {
    background: rgba(255, 252, 245, 0.95) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(160, 130, 109, 0.2) !important;
    border-top: 2px solid #A0826D !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 16px rgba(107, 68, 35, 0.12) !important;
    color: rgba(44, 36, 24, 0.7) !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
}

body.blog .sidebar .widgettitle,
body.archive .sidebar .widgettitle,
body.search .sidebar .widgettitle,
body.single .sidebar .widgettitle,
body.blog .sidebar .wp-block-group h2:first-child,
body.single .sidebar .wp-block-group h2:first-child {
    color: #2C2418 !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
    border-bottom: 1px solid rgba(160, 130, 109, 0.2) !important;
    border-left: none !important;
}

body.blog .sidebar a,
body.archive .sidebar a,
body.search .sidebar a,
body.single .sidebar a {
    color: rgba(44, 36, 24, 0.7) !important;
    transition: color 0.3s ease-out !important;
    text-decoration: none !important;
}

body.blog .sidebar a:hover,
body.archive .sidebar a:hover,
body.search .sidebar a:hover,
body.single .sidebar a:hover {
    color: #6B4423 !important;
}

body.blog .sidebar .widget > ul > li,
body.archive .sidebar .widget > ul > li,
body.single .sidebar .widget > ul > li {
    border-bottom-color: rgba(160, 130, 109, 0.15) !important;
    color: rgba(44, 36, 24, 0.7) !important;
}

body.blog .sidebar .widget_search,
body.archive .sidebar .widget_search,
body.single .sidebar .widget_search {
    padding: var(--spacing-lg) !important;
}

body.blog .sidebar .searchform #s,
body.archive .sidebar .searchform #s,
body.single .sidebar .searchform #s {
    background: var(--color-bg-input) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    color: var(--color-text) !important;
    border-radius: var(--radius-sm) !important;
    padding: var(--spacing-base) var(--spacing-md) !important;
    transition: border-color var(--transition-smooth) !important;
}

body.blog .sidebar .searchform #s::placeholder {
    color: var(--color-text-dim) !important;
}

body.blog .sidebar .searchform #s:focus,
body.archive .sidebar .searchform #s:focus,
body.single .sidebar .searchform #s:focus {
    border-color: var(--color-primary) !important;
    outline: none !important;
    box-shadow: 0 0 12px rgba(160, 130, 109, 0.4) !important;
}

/* ============================================================
   PAGE ARTICLE UNIQUE (SINGLE POST) - STYLE SOMBRE
   ============================================================ */

body.single .post-content-single {
    background: var(--color-bg-card) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    border-radius: var(--radius-xl) !important;
    box-shadow: var(--shadow-glass) !important;
    padding: 40px 35px !important;
    color: rgba(44, 36, 24, 0.85) !important;
}

body.single .post-content-single h2.heading109 {
    color: var(--color-text) !important;
    font-family: var(--font-display) !important;
    font-weight: var(--fw-bold) !important;
    font-size: var(--fs-heading-2xl) !important;
    line-height: var(--lh-tight) !important;
    margin-bottom: var(--spacing-lg) !important;
}

body.single .post-header.single-post-header {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: var(--spacing-lg) !important;
    color: rgba(44, 36, 24, 0.6) !important;
    font-size: var(--fs-body-small) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    margin-bottom: var(--spacing-xl) !important;
    padding: var(--spacing-md) var(--spacing-xl) !important;
    background: var(--color-bg-input) !important;
    border-radius: 30px !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
}

body.single .post-header.single-post-header a {
    color: #A0826D !important;
    transition: color var(--transition-smooth) !important;
    text-decoration: none !important;
}

body.single .post-header.single-post-header a:hover {
    color: #6B4423 !important;
    text-decoration: underline !important;
}

body.single .font-icon-post {
    color: var(--color-text-dim) !important;
}

body.single .post-content-inner {
    border-bottom-color: var(--color-border) !important;
    color: rgba(0, 0, 0, 0.85) !important;
    line-height: var(--lh-loose) !important;
    padding-bottom: var(--spacing-xl) !important;
    margin-bottom: var(--spacing-xl) !important;
}

body.single .post-content-inner p {
    color: rgba(0, 0, 0, 0.85) !important;
    font-size: var(--fs-body) !important;
    line-height: var(--lh-loose) !important;
    margin: var(--spacing-lg) 0 !important;
    letter-spacing: 0.3px !important;
}

body.single .post-content-inner h1,
body.single .post-content-inner h2,
body.single .post-content-inner h3,
body.single .post-content-inner h4,
body.single .post-content-inner h5,
body.single .post-content-inner h6 {
    color: var(--color-text) !important;
    font-family: var(--font-display) !important;
    font-weight: var(--fw-bold) !important;
    margin: var(--spacing-xl) 0 var(--spacing-md) 0 !important;
}

body.single .post-content-inner h3 {
    font-size: 1.75em !important;
}

body.single .post-content-inner h4 {
    font-size: 1.4em !important;
}

body.single .post-content-inner h5 {
    font-size: var(--fs-heading-small) !important;
}

body.single .post-content-inner h6 {
    font-size: 1em !important;
}

body.single .post-content-inner blockquote {
    border-left: 4px solid var(--color-primary) !important;
    padding-left: var(--spacing-lg) !important;
    padding: var(--spacing-md) var(--spacing-lg) !important;
    margin: var(--spacing-lg) 0 !important;
    font-style: italic !important;
    color: var(--color-text-muted) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: var(--radius-sm) !important;
}

body.single .post-content-inner ul,
body.single .post-content-inner ol {
    margin: var(--spacing-md) 0 !important;
    padding-left: var(--spacing-xl) !important;
}

body.single .post-content-inner li {
    margin: var(--spacing-sm) 0 !important;
    color: rgba(0, 0, 0, 0.85) !important;
}

body.single .post-content-inner code {
    font-family: 'Courier New', monospace !important;
    font-size: var(--fs-body-small) !important;
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: var(--radius-sm) !important;
    padding: 3px 8px !important;
    color: rgba(0, 0, 0, 0.9) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
}

body.single .post-content-inner pre {
    background: rgba(0, 0, 0, 0.3) !important;
    border-radius: var(--radius-sm) !important;
    padding: var(--spacing-md) var(--spacing-lg) !important;
    overflow-x: auto !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    margin: var(--spacing-lg) 0 !important;
}

body.single .post-content-inner pre code {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
}

body.single .post-content-inner a {
    color: var(--color-primary-light) !important;
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
    transition: color 0.3s ease-out, text-decoration-thickness 0.3s ease-out, text-underline-offset 0.3s ease-out !important;
}

body.single .post-content-inner a:hover {
    color: var(--color-text) !important;
    text-decoration-thickness: 2px !important;
    text-underline-offset: 6px !important;
}

body.single .post-content-inner img {
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-md) !important;
    margin: var(--spacing-lg) auto !important;
    display: block !important;
    max-width: 650px !important;
    width: 100% !important;
    height: auto !important;
}

/* PDF Embeds - Full display without cropping */
body.single .post-content-inner iframe,
body.single .post-content-inner embed,
body.single .post-content-inner object[type*="pdf"] {
    border: none !important;
    width: 100% !important;
    min-height: 800px !important;
    height: auto !important;
    display: block !important;
    margin: var(--spacing-lg) auto !important;
    box-shadow: var(--shadow-md) !important;
    border-radius: var(--radius-md) !important;
}

/* WordPress File/PDF Block */
body.single .wp-block-file,
body.single .wp-block-embed {
    border: none !important;
}

body.single .wp-block-file__embed,
body.single .wp-block-file iframe {
    border: none !important;
    width: 100% !important;
    min-height: 800px !important;
}

/* PDF.js Plugin Specific */
body.single .pdfjs-wrapper,
body.single .wp-block-pdfjsblock-pdfjs-embed {
    border: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: var(--spacing-lg) 0 !important;
}

body.single .pdfjs-wrapper iframe,
body.single .wp-block-pdfjsblock-pdfjs-embed iframe {
    border: none !important;
    width: 100% !important;
    height: 800px !important;
    min-height: 800px !important;
    display: block !important;
}

body.single .post-content-single .fa-tags {
    color: var(--color-text-dim) !important;
}

body.single .post-content-single p a {
    color: rgba(255, 255, 255, 0.9) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    padding: 8px 16px !important;
    border-radius: var(--radius-xl) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    font-size: var(--fs-body-tiny) !important;
    font-weight: var(--fw-semibold) !important;
    transition: background 0.3s ease-out, color 0.3s ease-out, transform 0.3s ease-out !important;
    text-decoration: none !important;
    margin: 2px !important;
    display: inline-block !important;
    transform: translateZ(0) !important;
}

body.single .post-content-single p a:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: var(--color-text) !important;
    transform: translateY(-2px) translateZ(0) !important;
    will-change: transform !important;
}

/* Navigation article suivant/précédent */
body.single .nav-links {
    display: flex !important;
    gap: 16px !important;
    justify-content: center !important;
    margin: var(--spacing-2xl) 0 !important;
}

body.single .nav-links::before,
body.single .nav-links::after {
    display: none !important;
    content: none !important;
}

body.single .nav-previous,
body.single .nav-next {
    display: block !important;
    width: 220px !important;
    float: none !important;
}

body.single .nav-previous a,
body.single .nav-next a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: var(--color-bg-card-subtle) !important;
    color: var(--color-text) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    padding: 14px 20px !important;
    height: 56px !important;
    box-sizing: border-box !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    box-shadow: none !important;
    transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, transform 0.3s ease-out !important;
    text-decoration: none !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    transform: translateZ(0) !important;
}

body.single .nav-previous a .post-title,
body.single .nav-next a .post-title {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 140px !important;
    display: inline-block !important;
}

body.single .nav-previous a:hover,
body.single .nav-next a:hover {
    background-color: var(--color-bg-card) !important;
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-4px) translateZ(0) !important;
    will-change: transform !important;
}

/* Commentaires */
body.single .comments-area {
    color: var(--color-text-muted) !important;
    margin-top: var(--spacing-2xl) !important;
}

body.single .comments-area h2,
body.single .comments-area h3 {
    color: var(--color-text) !important;
    font-family: var(--font-display) !important;
    font-weight: var(--fw-bold) !important;
    font-size: var(--fs-heading-large) !important;
    margin-bottom: var(--spacing-xl) !important;
}

body.single .commentlist {
    list-style: none !important;
    padding: 0 !important;
}

body.single .comment {
    background: var(--color-bg-card-subtle) !important;
    border-radius: var(--radius-md) !important;
    padding: var(--spacing-lg) !important;
    margin: var(--spacing-md) 0 !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    border-left: 3px solid var(--color-primary) !important;
}

body.single .comment-author {
    font-weight: var(--fw-bold) !important;
    color: var(--color-text) !important;
}

body.single .comment-metadata {
    font-size: var(--fs-body-tiny) !important;
    color: var(--color-text-dim) !important;
}

body.single .comment-body p {
    color: rgba(44, 36, 24, 0.85) !important;
    line-height: var(--lh-relaxed) !important;
}

body.single .comment-reply-link {
    background: var(--color-bg-input) !important;
    border: var(--border-width-thin) solid var(--color-border-hover) !important;
    border-radius: var(--radius-xl) !important;
    padding: 8px 16px !important;
    font-size: var(--fs-body-tiny) !important;
    color: var(--color-text) !important;
    text-decoration: none !important;
    transition: background 0.3s ease-out, transform 0.3s ease-out !important;
    transform: translateZ(0) !important;
}

body.single .comment-reply-link:hover {
    background: rgba(160, 130, 109, 0.15) !important;
    transform: translateX(2px) translateZ(0) !important;
    will-change: transform !important;
}

body.single .comment-respond {
    background: var(--color-bg-card-subtle) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    border-radius: var(--radius-lg) !important;
    padding: var(--spacing-xl) !important;
    margin-top: var(--spacing-xl) !important;
}

body.single .comment-respond h3 {
    font-family: var(--font-display) !important;
}

body.single .comment-respond label {
    color: var(--color-text-muted) !important;
    font-size: var(--fs-body-small) !important;
    font-weight: var(--fw-semibold) !important;
    margin-bottom: var(--spacing-sm) !important;
    display: block !important;
}

body.single .comment-respond input[type="text"],
body.single .comment-respond input[type="email"],
body.single .comment-respond input[type="url"],
body.single .comment-respond textarea {
    background: var(--color-bg-input) !important;
    border: var(--border-width-thin) solid var(--color-border) !important;
    color: var(--color-text) !important;
    border-radius: var(--radius-sm) !important;
    padding: var(--spacing-base) var(--spacing-md) !important;
    font-size: var(--fs-body-small) !important;
    width: 100% !important;
    transition: border-color var(--transition-smooth), background var(--transition-smooth) !important;
}

body.single .comment-respond input::placeholder,
body.single .comment-respond textarea::placeholder {
    color: var(--color-text-dim) !important;
}

body.single .comment-respond input:focus,
body.single .comment-respond textarea:focus {
    border-color: var(--color-primary) !important;
    background: rgba(160, 130, 109, 0.12) !important;
    outline: none !important;
    box-shadow: 0 0 12px rgba(160, 130, 109, 0.4) !important;
}

body.single .comment-respond input[type="submit"] {
    background: var(--color-primary) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    padding: 12px 28px !important;
    font-weight: var(--fw-semibold) !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    font-size: var(--fs-body-tiny) !important;
    cursor: pointer !important;
    transition: all var(--transition-smooth) !important;
}

body.single .comment-respond input[type="submit"]:hover {
    background: var(--color-primary-dark) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 0 16px rgba(160, 130, 109, 0.5) !important;
}

/* PAGE "RIEN TROUVÉ" */
body.blog .post-content-single,
body.archive .post-content-single,
body.search .post-content-single {
    background: var(--color-bg-card) !important;
    border: 1px solid rgba(160, 130, 109, 0.2) !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px rgba(107, 68, 35, 0.15) !important;
    color: rgba(44, 36, 24, 0.85) !important;
}

body.blog .post-content-single h1,
body.search .post-content-single h1 {
    color: #2C2418 !important;
}

/* ============================================================
   RESPONSIVE DESIGN & ACCESSIBILITY
   ============================================================ */

/* MOBILE (≤767px) */
@media (max-width: 767px) {
    :root {
        --fs-heading-2xl: 1.5em;
        --fs-heading-xl: 1.3em;
        --fs-heading-large: 1.3em;
        --fs-heading-medium: 1.2em;
        --spacing-card-padding: 20px;
        --spacing-grid-gap: 20px;
    }
    
    body.blog .post-list-c,
    body.archive .post-list-c,
    body.search .post-list-c {
        gap: 20px !important;
        padding: 0 5px !important;
    }
    
    body.blog .row_345,
    body.archive .row_345,
    body.search .row_345 {
        padding: 15px !important;
    }
    
    body.single .post-content-single {
        padding: var(--spacing-lg) var(--spacing-md) !important;
    }
    
    body.single .post-content-single h2.heading109 {
        font-size: var(--fs-heading-2xl) !important;
    }
    
    body.single .post-content-inner p {
        font-size: 15px !important;
    }
    
    body.single .nav-links {
        flex-direction: column !important;
        align-items: flex-end !important;
        gap: var(--spacing-md) !important;
    }
    
    body.blog .navigation-c,
    body.archive .navigation-c,
    body.search .navigation-c {
        flex-direction: column !important;
        gap: var(--spacing-md) !important;
    }
    
    body.blog .prev-navigation a,
    body.archive .prev-navigation a,
    body.blog .next-navigation a,
    body.archive .next-navigation a {
        width: 100% !important;
        text-align: center !important;
    }
    
    body.blog .post-list-item,
    body.archive .post-list-item,
    body.search .post-list-item {
        animation: none !important;
        opacity: 1 !important;
    }
    
    body.single .comment {
        padding: var(--spacing-md) !important;
    }
    
    /* PDF embeds on mobile - adjust height */
    body.single .post-content-inner iframe,
    body.single .post-content-inner embed,
    body.single .post-content-inner object[type*="pdf"],
    body.single .wp-block-file iframe,
    body.single .pdfjs-wrapper iframe,
    body.single .wp-block-pdfjsblock-pdfjs-embed iframe {
        min-height: 500px !important;
        height: 500px !important;
    }
}

/* TABLET (768px - 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
    :root {
        --fs-heading-2xl: 2em;
    }
    
    body.single .post-content-single h2.heading109 {
        font-size: var(--fs-heading-xl) !important;
    }
}

/* ACCESSIBILITY: Focus States */
*:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
.blog-read-more:focus-visible,
.back-to-blog-btn:focus-visible,
body.blog .post-list a.page-numbers:focus-visible,
body.archive .post-list a.page-numbers:focus-visible {
    outline: 2px solid var(--color-primary) !important;
    outline-offset: 2px !important;
}

/* ACCESSIBILITY: Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
    
    body.blog .post-list-item,
    body.archive .post-list-item,
    body.search .post-list-item {
        animation: none !important;
        opacity: 1 !important;
    }
}

/* ============================================================
   POLISH & REFINEMENTS
   ============================================================ */

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth !important;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }
}

/* Custom scrollbar for blog pages */
body.blog ::-webkit-scrollbar,
body.archive ::-webkit-scrollbar,
body.search ::-webkit-scrollbar,
body.single ::-webkit-scrollbar {
    width: 10px !important;
}

body.blog ::-webkit-scrollbar-track,
body.archive ::-webkit-scrollbar-track,
body.search ::-webkit-scrollbar-track,
body.single ::-webkit-scrollbar-track {
    background: rgba(160, 130, 109, 0.08) !important;
}

body.blog ::-webkit-scrollbar-thumb,
body.archive ::-webkit-scrollbar-thumb,
body.search ::-webkit-scrollbar-thumb,
body.single ::-webkit-scrollbar-thumb {
    background: rgba(160, 130, 109, 0.5) !important;
    border-radius: 5px !important;
}

body.blog ::-webkit-scrollbar-thumb:hover,
body.archive ::-webkit-scrollbar-thumb:hover,
body.search ::-webkit-scrollbar-thumb:hover,
body.single ::-webkit-scrollbar-thumb:hover {
    background: rgba(160, 130, 109, 0.7) !important;
}

/* Firefox scrollbar */
body.blog *,
body.archive *,
body.search *,
body.single * {
    scrollbar-color: rgba(160, 130, 109, 0.5) rgba(160, 130, 109, 0.08) !important;
    scrollbar-width: thin !important;
}

/* Text selection */
body.blog ::selection,
body.archive ::selection,
body.search ::selection,
body.single ::selection {
    background-color: var(--color-primary) !important;
    color: var(--color-text) !important;
}

body.blog ::-moz-selection,
body.archive ::-moz-selection,
body.search ::-moz-selection,
body.single ::-moz-selection {
    background-color: var(--color-primary) !important;
    color: var(--color-text) !important;
}

/* Enhanced link styling in prose */
body.single .post-content-inner a:not(.button) {
    position: relative !important;
}

/* Image hover effects in content */
body.single .post-content-inner img {
    transition: all 0.4s ease-out !important;
}

body.single .post-content-inner img:hover {
    filter: brightness(1.05) !important;
    box-shadow: 0 12px 40px rgba(160, 130, 109, 0.3) !important;
}

/* Skeleton loading animation for post cards (optional) */
@keyframes shimmer {
    0% {
        background-position: -1000px 0;
    }
    100% {
        background-position: 1000px 0;
    }
}

/* ENLEVER LE FOND GRIS DE L'ANCIENNE SIDEBAR */
body.blog .sidebar,
body.archive .sidebar,
body.single .sidebar {
    border-left: none !important;
    width: 20% !important;
}

/* POST LIST - prendre plus de place */
body.blog .post-list,
body.archive .post-list,
body.search .post-list {
    width: 80% !important;
}

/* FOOTER BLOG (même style sombre) */
body.blog .footer,
body.archive .footer,
body.single .footer {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

body.blog .svg-white-bg,
body.archive .svg-white-bg,
body.single .svg-white-bg,
body.search .svg-white-bg {
    fill: #e6dcc5 !important;
}

/* BOUTON RETOUR AU BLOG - POSITIONNÉ AU DESSUS */
.post-item {
    position: relative !important; /* Indispensable pour que le bouton se place par rapport à ce bloc */
}

.back-to-blog-btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: var(--spacing-sm) !important;
    background: rgba(255, 255, 255, 0.2) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: var(--color-text) !important;
    padding: 12px 24px !important;
    border-radius: var(--radius-pill) !important;
    border: var(--border-width-thin) solid rgba(255, 255, 255, 0.3) !important;
    font-size: var(--fs-body-small) !important;
    font-weight: var(--fw-semibold) !important;
    letter-spacing: 0.5px !important;
    text-decoration: none !important;
    transition: all var(--transition-smooth) !important;
    box-shadow: 0 5px 15px rgba(255,255,255,0.15) !important;
    
    /* Changements ici pour la position */
    position: absolute !important;
    top: -65px; /* Ajustez cette valeur (ex: -50px ou -70px) pour le monter/descendre sur l'image */
    left: 0 !important;
    margin-bottom: 0 !important; /* Supprime l'espace inutile en dessous */
    width: fit-content !important;
    z-index: 10 !important;
}

.back-to-blog-btn:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    border-color: rgba(255, 255, 255, 0.4) !important;
    box-shadow: 0 8px 20px rgba(255,255,255,0.25) !important;
    transform: translateX(-4px) !important;
    text-decoration: none !important;
}

.back-to-blog-btn i {
    font-size: 16px !important;
    transition: transform var(--transition-smooth) !important;
}

.back-to-blog-btn:hover i {
    transform: translateX(-4px) !important;
}

/* Correction pour remonter le titre de l'article */
.post-content-single {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* RESPONSIF MOBILE */
@media (max-width: 768px) {
    .back-to-blog-btn {
        top: 20px !important;
        left: 20px !important;
        padding: 10px 18px !important;
        font-size: 12px !important;
    }
}

/* BOUTON LIRE LA SUITE */
.blog-read-more {
    display: inline-block !important;
    color: var(--color-text) !important;
    font-size: var(--fs-body-tiny) !important;
    font-weight: var(--fw-semibold) !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border: var(--border-width-thin) solid var(--color-border-hover) !important;
    padding: 12px 28px !important;
    border-radius: var(--radius-pill) !important;
    margin-top: var(--spacing-sm) !important;
    margin-bottom: var(--spacing-md) !important;
    transition: all var(--transition-smooth) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
}

.blog-read-more::after {
    content: "" !important;
    display: inline-block !important;
    transition: transform var(--transition-smooth) !important;
}

.blog-read-more:hover {
    background: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    color: var(--color-text) !important;
    text-decoration: none !important;
    box-shadow: 0 5px 15px rgba(255,255,255,0.15) !important;
    transform: translateX(3px) !important;
}

.blog-read-more:hover::after {
    transform: translateX(4px) !important;
}

/* SUPPRIMER LE SHADOW PAR DÉFAUT SUR LE POST LIST */
body.blog .post-list,
body.archive .post-list,
body.search .post-list {
    box-shadow: none !important;
}

body.blog .featured-item-row,
body.archive .featured-item-row {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* ============================================================
   OVERRIDE MASONRY - FORCE CSS GRID LAYOUT
   ============================================================ */

/* Override Masonry's JavaScript-applied inline styles */
body.blog .post-list-c[style],
body.archive .post-list-c[style],
body.search .post-list-c[style] {
    height: auto !important;
    position: static !important;
    display: grid !important;
}

body.blog .post-list-item[style],
body.archive .post-list-item[style],
body.search .post-list-item[style] {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
}

/* ============================================================
   EXCLUSIF PAGE NETTOYAGE 
   ============================================================ */
   
/* Ciblage spécifique de l'en-tête sur la page Nettoyage */
.header.color-overlay {
    background-image: url("https://mjsconciergerie.fr/wp-content/uploads/2026/02/bg_nettoyage.png") !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* Cache le titre H1 pour le SEO sans l'effacer du code */
.page-id-1180 .header-description-row h1.heading8 {
    position: absolute !important;
    left: -9999px !important;
    visibility: hidden !important;
    display: none !important; 
}
   
/* Style Badge pour le titre principal */
.page-id-1180 h1.wp-block-heading {
    background: rgba(255, 255, 255, 0.2); /* Blanc très léger */
    border: 2px solid #ffffff;           /* Contour blanc pur */
    display: inline-block;               /* Pour que le cadre s'adapte au texte */
    padding: 15px 40px;
    border-radius: 50px;                 /* Bords très arrondis */
    color: #ffffff !important;           /* Texte en blanc */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1.4rem;
    margin: 40px auto;                   /* Centre le badge */
    display: table;                      /* Astuce pour centrer un inline-block */
}

/* 1. Couleur de fond de la page */
.page-id-1180 #page-content {
    background-color: #b7a388 !important;
}

/* 2. PREMIÈRE BOX (Ponctualité, Devis, Éco) - Arrondi normal et centré */
.page-id-1180 .wp-block-columns:first-of-type {
    background: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50px !important; /* Arrondi uniforme partout */
    padding: 50px 40px !important;
    margin-bottom: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* Centrage forcé des colonnes et textes à l'intérieur de la première box */
.page-id-1180 .wp-block-columns:first-of-type .wp-block-column {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* 3. AUTRES SECTIONS (Services) - Garde le motif asymétrique */
.page-id-1180 .wp-block-columns:not(:first-of-type) {
    background: #fdfaf7; 
    border-radius: 150px 40px 150px 40px; 
    padding: 40px 60px;
    margin-bottom: 40px !important;
}

/* Alternance des arrondis pour les services uniquement */
.page-id-1180 .wp-block-columns:not(:first-of-type):nth-of-type(even) {
    border-radius: 40px 150px 40px 150px;
}

/* 4. Badges de titres (Entretien, Vitres, etc.) */
.page-id-1180 .wp-block-column h3 {
    background: #b7a388;
    color: white;
    display: inline-block;
    padding: 8px 30px;
    border-radius: 25px;
    font-size: 1.1rem;
    margin-bottom: 15px;
}

/* 5. Images SANS CROP */
.page-id-1180 .wp-block-image img {
    border-radius: 60px 60px 0 60px;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important; /* L'image entière est visible */
}

/* Style spécifique pour les petites icônes du haut (pas d'arrondi bizarre) */
.page-id-1180 .wp-block-columns:first-of-type .wp-block-image img {
    border-radius: 0 !important;
    margin-bottom: 15px;
}

/* Masquer le logo spécifique (ID 296) sur la page Nettoyage */
.page-id-1180 .wp-image-296 {
    display: none !important;
}