@charset "UTF-8";


/* josefin-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/josefin-sans-v34-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* josefin-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Josefin Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/josefin-sans-v34-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

@font-face {
  font-display: swap;
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/josefin-sans-v34-latin-regular.woff2') format('woff2');
}

body, 
h1, h2, h3, h4, h5, h6, 
p, a, span, input, button, 
.sp-megamenu-parent > li > a {
  font-family: 'Josefin Sans', sans-serif !important;
}

body, 
p, span, input {
  font-size:17px;
}


.form-control {
  display: block;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}


.sp-megamenu-wrapper {
  text-align: center;
}
.sp-megamenu-parent {
  list-style: none;
  padding: 10px 0 0 0;
  margin: 0;
  z-index: 99;
  display: inline-block;
  position: relative;
}
.sp-megamenu-parent >li {
  display: inline-block;
  position: relative;
  padding: 0;
  text-align: left;
}
.sp-megamenu-parent >li.menu-justify {
  position: static;
}
.sp-megamenu-parent >li >a,
.sp-megamenu-parent >li >span {
  display: inline-block;
  padding: 0 15px;
  line-height: 60px;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: .4px;
  color: #000;
  position: relative;
  margin: 0;
}
.sp-megamenu-parent >li >a:before,
.sp-megamenu-parent >li >span:before {
  content: '';
  position: absolute;
  width: 0;
  height: 1px;
  background: #6DA2D6;
  top: 55px;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.sp-megamenu-parent > li.sp-has-child > a::after, 
.sp-megamenu-parent > li.sp-has-child > span::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 6px;
    margin-bottom: 6px;
    vertical-align: middle;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg); /* Crée un chevron vers le bas */
}

.sp-megamenu-parent >li.active>a:before,
.sp-megamenu-parent >li:hover>a:before {
  width: 75%;
}
.sp-megamenu-parent .sp-module {
  padding: 10px;
}
.sp-megamenu-parent .sp-mega-group {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-mega-group .sp-mega-group-child {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown {
  margin: 0;
  position: absolute;
  z-index: 10;
  display: none;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  padding: 20px 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {
  list-style: none;
  padding: 0;
  margin: 0;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a:after {
    font-family: inherit !important;
    content: " ›" !important;
    float: right;
    font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown.sp-menu-center {
  margin-left: 45px;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
  top: 100%;
}

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-full {
  left: auto;
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-left {
  right: 0;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub {
  top: 0;
  left: 100%;
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-sub .sp-dropdown-inner {
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
  display: block;
  padding: 0 20px;
  position: relative;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
  display: block;
  padding: 10px;
  cursor: pointer;
  font-size: 16px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a.sp-group-title,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span.sp-group-title {
  text-transform: uppercase;
  font-weight: bold;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {
  color: #fff;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a:hover {
  color: #fff;
}
.sp-megamenu-parent .sp-dropdown-mega >.row {
  margin-top: 30px;
}
.sp-megamenu-parent .sp-dropdown-mega >.row:first-child {
  margin-top: 0;
}
.sp-megamenu-parent .sp-has-child:hover >.sp-dropdown {
  display: block;
}
.sp-megamenu-parent.menu-fade .sp-has-child:hover >.sp-dropdown {
  -webkit-animation: spMenuFadeIn 400ms;
  animation: spMenuFadeIn 400ms;
}
.sp-megamenu-parent.menu-zoom .sp-has-child:hover >.sp-dropdown {
  -webkit-animation: spMenuZoom 400ms;
  animation: spMenuZoom 400ms;
}
#offcanvas-toggler {
  float: right;
  line-height: 60px;
  margin-left: 15px;
  font-size: 20px;
}
#offcanvas-toggler >i {
  -webkit-transition: color 400ms, background-color 400ms;
  -o-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
#offcanvas-toggler >i:hover {
  color: #fff;
}
.off-canvas-menu-init {
  overflow-x: hidden;
  position: relative;
}
body.offcanvas {
  visibility: visible;
}
body.offcanvas .offcanvas-overlay {
  visibility: visible;
  opacity: 1;
}
.offcanvas-overlay {
  background: rgba(0,0,0,0.2);
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
  visibility: hidden;
  -webkit-transition: .5s;
  transition: .5s;
}
.body-wrapper {
  position: relative;
  -webkit-transition: .5s;
  transition: .5s;
  right: 0;
  backface-visibility: hidden;
}
.close-offcanvas {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 1;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  line-height: .5;
  text-align: center;
  font-size: 24px;
  color: #fff;
  padding-top: 3px;
}
.offcanvas-menu {
  width: 320px;
  height: 100%;
  background-color: rgb(16 10 9);
  color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  -webkit-transform: translateX(320px);
  transform: translateX(320px);
  visibility: hidden;
  overflow: inherit;
  -webkit-transition: .5s;
  transition: .5s;
  z-index: 10000;
}
.offcanvas-menu .offcanvas-inner .sp-module {
  margin-top: 20px;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  margin-bottom: 50px;
}
.offcanvas-menu .offcanvas-inner .sp-module:after {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module.off-canvas-menu {
  padding: 0;
}
.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li {
  border: 0;
  position: relative;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  overflow: hidden;
  line-height: 3em;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
  -webkit-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;

  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 500;
  line-height: 28px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li:hover a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li:focus a {
  background: rgba(0,0,0,0.15);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:focus {
  background: rgba(0,0,0,0.15);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:focus > a {
  background: rgba(0,0,0,0.15) !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:focus {
  background: rgba(0,0,0,0.15) !important;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0px 20px;
  cursor: pointer;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .open-icon {
  display: none;
  font-size: 24px;
  color: #5a98ce;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler .close-icon {
  display: inline;
  font-size: 24px;
  color: #5a98ce;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .open-icon {
  display: inline;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li .offcanvas-menu-toggler.collapsed .close-icon {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li >a:after {
  display: none;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
  background: rgb(76 43 19 / 20%);
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul >li > a {
  padding-left: 0px;
}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
  margin-top: 0;
  padding: 30px 30px 0px 15px;
}
.offcanvas-menu .offcanvas-inner .search {
  margin-top: 25px;
}
.offcanvas-menu .offcanvas-inner .search input {
  width: 100%;
  background: transparent;
  border-color: #5f5f5f;
  color: #fff;
}
.offcanvas {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}
.offcanvas .body-wrapper {
  right: 0;
  -webkit-transform: translateX(-320px);
  transform: translateX(-320px);
}
.offcanvas .body-wrapper:after {
  width: 100%;
  height: 100%;
  right: 0;
}
.offcanvas .offcanvas-menu {
  visibility: visible;
  z-index: 9999;
  right: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.offcanvas .offcanvas-menu ul.nav-child li {
  padding-left: 10px;
}
.menu .nav-child.small {
  font-size: inherit;
}
.sp-megamenu-parent.menu-fade-up .sp-has-child:hover >.sp-dropdown {
  -webkit-animation: spMenuFadeInUp 400ms;
  animation: spMenuFadeInUp 400ms;
}
.sp-megamenu-parent.menu-rotate .sp-has-child:hover >.sp-dropdown {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
.sp-megamenu-parent.menu-slide-down .sp-has-child:hover >.sp-dropdown-main {
  opacity: 1;
  visibility: visible;
  top: 80px;
}
.sp-megamenu-parent.menu-slide-down .sp-has-child >.sp-dropdown-main .sp-has-child:hover .sp-dropdown {
  top: 0;
  visibility: visible;
  opacity: 1;
  right: -240px;
  left: auto;
}
.menu-slide-down .sp-has-child >.sp-dropdown {
  top: 60px;
  opacity: 0;
  visibility: hidden;
  display: block;
  transition: all 500ms ease;
}
.menu-slide-down .sp-has-child >.sp-dropdown.sp-dropdown-mega {
  left: auto;
  right: 0;
}
.menu-rotate .sp-has-child {
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
.menu-rotate .sp-has-child >.sp-dropdown {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: rotateX(-70deg);
  transform: rotateX(-70deg);
  -webkit-transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s;
  transition: transform 0.4s ease 0s, opacity 0.2s ease 0s, visibility 0.2s ease 0s;
  opacity: 0;
  visibility: hidden;
  display: block;
}
.menu-rotate .sp-has-child >.sp-dropdown.sp-dropdown-mega {
  left: auto;
  right: 0;
}
.menu-drop-in .sp-has-child .sp-dropdown-inner {
  background: transparent none repeat scroll 0 0;
  box-shadow: none;
  padding: 0;
}
.menu-drop-in .sp-has-child .sp-dropdown-items {
  margin: 0;
  padding: 0;
  perspective: 1000px;
}
.menu-drop-in .sp-has-child .sp-menu-item {
  -webkit-transform: translate(0,100px);
  transform: translate(0,100px);
  opacity: 0;
  padding: 0 20px !important;
}
.menu-drop-in .sp-has-child .sp-menu-item:first-child {
  padding-top: 20px !important;
}
.menu-drop-in .sp-has-child .sp-menu-item:last-child {
  padding-bottom: 20px !important;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: dropup;
  animation-name: dropup;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(1) {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(2) {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(3) {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(4) {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(5) {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(6) {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(7) {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:nth-child(8) {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.menu-drop-in .sp-has-child:hover .sp-menu-item:last-child {
  box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2);
}
.menu-drop-in .sp-has-child.menu-justify:hover .sp-dropdown {
  -webkit-animation: spMenuFadeInUp 500ms;
  animation: spMenuFadeInUp 500ms;
}
.menu-drop-in .sp-has-child.menu-justify .sp-dropdown-inner {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  padding: 20px !important;
}
.menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item {
  padding: 0 !important;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 0;
  animation-iteration-count: 0;
  -webkit-animation-name: none;
  animation-name: none;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.menu-drop-in .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child {
  box-shadow: none;
}
@keyframes dropup {
  0% {
    opacity: 0;
    transform: translate(0,100px);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}
@-webkit-keyframes dropup {
  0% {
    opacity: 0;
    transform: translate(0,100px);
  }
  100% {
    opacity: 1;
    transform: translate(0,0);
  }
}
.menu-twist .sp-has-child .sp-dropdown-inner {
  background: transparent none repeat scroll 0 0;
  box-shadow: none;
  padding: 0;
}
.menu-twist .sp-has-child .sp-dropdown-items {
  margin: 0;
  padding: 0;
}
.menu-twist .sp-has-child .sp-menu-item {
  -webkit-transform: rotateY(90deg);
  transform: rotateY(90deg);
  padding: 0 20px !important;
  background: #fff;
}
.menu-twist .sp-has-child .sp-menu-item:first-child {
  padding-top: 20px !important;
}
.menu-twist .sp-has-child .sp-menu-item:last-child {
  padding-bottom: 20px !important;
}
.menu-twist .sp-has-child:hover .sp-menu-item {
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: twist;
  animation-name: twist;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(1) {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(2) {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(3) {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(4) {
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(5) {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(6) {
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(7) {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:nth-child(8) {
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}
.menu-twist .sp-has-child:hover .sp-menu-item:last-child {
  box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2);
}
.menu-twist .sp-has-child.menu-justify:hover .sp-dropdown {
  -webkit-animation: spMenuFadeInUp 500ms;
  animation: spMenuFadeInUp 500ms;
}
.menu-twist .sp-has-child.menu-justify .sp-dropdown-inner {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 3px 5px 0 rgba(0,0,0,0.2);
  padding: 20px !important;
}
.menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item {
  padding: 0 !important;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-fill-mode: none;
  animation-fill-mode: none;
  -webkit-animation-iteration-count: 0;
  animation-iteration-count: 0;
  -webkit-animation-name: none;
  animation-name: none;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
.menu-twist .sp-has-child.menu-justify .sp-mega-group .sp-menu-item:last-child {
  box-shadow: none;
}
@keyframes twist {
  0% {
    opacity: 0;
    transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    transform: rotateY(0);
  }
}
@-webkit-keyframes twist {
  0% {
    opacity: 0;
    -webkit-transform: rotateY(90deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: rotateY(0);
  }
}
@-webkit-keyframes spMenuFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes spMenuFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes spMenuZoom {
  0% {
    opacity: 0;
    -webkit-transform: scale(.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes spMenuZoom {
  0% {
    opacity: 0;
    transform: scale(.8);
    -webkit-transform: scale(.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@-webkit-keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
  }
}
@keyframes spMenuFadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0,30px,0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.slide-top-menu .offcanvas-menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.slide-top-menu .body-wrapper {
  right: 0;
}
.slide-top-menu .offcanvas-overlay {
  visibility: visible;
  opacity: 1;
}
.slide-top-menu .offcanvas-menu {
  right: 0;
  background-color: #000000;
  visibility: visible;
}
.full-screen .offcanvas-menu {
  right: -100%;
  width: 100%;
  transform: translateX(0);
  background-color: rgba(0,0,0,0.9);
  transition: all 600ms ease;
}
.full-screen .offcanvas-menu .offcanvas-inner {
  margin: 0 auto;
  text-align: center;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module {
  margin-bottom: 0;
  margin-top: 80px;
  padding-bottom: 0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul {
  background: transparent;
  height: auto;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li {
  overflow: inherit;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color: #fff;
  display: inline-block;
  font-size: 28px;
  padding: 20px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:before {
  display: none;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover,
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus {
  background: transparent;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
  left: auto;
  right: auto;
  font-size: 28px;
  padding: 20px 10px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
  display: block;
  padding: 0 20px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
  font-size: 16px;
  padding: 5px 20px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler {
  padding: 6px 10px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a,
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a {
  background: transparent;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
  padding-bottom: 75px;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module .search {
  max-width: 300px;
  margin: 25px auto 0;
}
.full-screen .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: 28px;
}
.full-screen .offcanvas-menu .close-offcanvas {
  font-size: 20px;
  height: 35px;
  line-height: 1;
  right: 30px;
  top: 25px;
  width: 35px;
  padding-top: 6px;
}
.full-screen-off-canvas.ltr .offcanvas-menu {
  visibility: visible;
  z-index: 9999;
  width: 100%;
  right: 0;
}
.full-screen-ftop .offcanvas-menu {
  right: 0;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  background-color: rgba(0,0,0,0.9);
  transition: all 500ms ease;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner {
  margin: 0 auto;
  text-align: center;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module {
  margin-bottom: 0;
  margin-top: 80px;
  padding-bottom: 0;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul {
  background: transparent;
  height: auto;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul >li {
  opacity: 0;
  -webkit-transform: translate3d(0px,-80px,0px);
  transform: translate3d(0px,-80px,0px);
  -webkit-transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
  transition: transform 0.5s ease 0s, opacity 0.5s ease 0s;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li {
  overflow: inherit;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a {
  color: #fff;
  display: inline-block;
  font-size: 28px;
  padding: 20px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:before {
  display: none;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li a:focus {
  background: transparent;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li .offcanvas-menu-toggler {
  left: auto;
  right: auto;
  font-size: 28px;
  padding: 20px 10px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li {
  display: block;
  padding: 0 20px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li a {
  font-size: 16px;
  padding: 5px 20px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li ul li .offcanvas-menu-toggler {
  padding: 6px 10px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:hover a,
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul li:focus a {
  background: transparent;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module ul.nav.menu {
  padding-bottom: 75px;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .search {
  max-width: 300px;
  margin: 25px auto 0;
}
.full-screen-ftop .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
  font-size: 28px;
}
.full-screen-ftop .offcanvas-menu .close-offcanvas {
  font-size: 20px;
  height: 35px;
  line-height: 1;
  right: 30px;
  top: 25px;
  width: 35px;
  padding-top: 6px;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu {
  visibility: visible;
  z-index: 9999;
  width: 100%;
  right: 0;
  opacity: 1;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module {
  margin-top: 80px;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul {
  background: transparent;
  height: auto;
}
.full-screen-off-canvas-ftop.ltr .offcanvas-menu .sp-module ul >li {
  opacity: 1;
  -webkit-transform: translate3d(0px,0px,0px);
  transform: translate3d(0px,0px,0px);
}
.new-look .offcanvas-menu {
  background-color: #2b2f3b;
}
.new-look .offcanvas-menu .sp-module ul >li >a {
  padding-left: 28px;
}
.new-look .offcanvas-menu .sp-module ul >li >a:before {
  display: none;
}
.new-look .offcanvas-menu .sp-module ul >li:hover a,
.new-look .offcanvas-menu .sp-module ul >li:focus a,
.new-look .offcanvas-menu .sp-module ul >li.active a {
  background: #22b8f0;
}
.new-look .offcanvas-menu .sp-module ul >li ul li a {
  background-color: #2b2f3b !important;
}
.new-look .offcanvas-menu .sp-module ul >li ul li a:hover,
.new-look .offcanvas-menu .sp-module ul >li ul li a:focus {
  color: #22b8f0;
}
.new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler {
  top: 6px;
  padding: 18px 25px;
}
.new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler i {
  display: none !important;
}
.new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler:before {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 8px;
  left: auto;
  position: absolute;
  right: 25px;
  top: 14px;
  width: 2px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler:after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: auto;
  position: absolute;
  right: 22px;
  top: 17px;
  width: 8px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler.collapsed:before {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.new-look .offcanvas-menu .sp-module ul >li .offcanvas-menu-toggler.collapsed:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.new-look-off-canvas .offcanvas-overlay {
  visibility: visible;
  opacity: 1;
}
.new-look-off-canvas.ltr .offcanvas-menu {
  visibility: visible;
  right: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@-moz-document url-prefix() {
  .offcanvas-menu {
    right: -320px;
    transform: translateX(0px);
  }
}
a {
  -webkit-transition: color 400ms, background-color 400ms;
  transition: color 400ms, background-color 400ms;
}
body {
  line-height: 26px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
label {
  font-weight: normal;
}
legend {
  padding-bottom: 10px;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
.btn,
.sppb-btn {
  -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
  -o-transition: color 400ms, background-color 400ms, border-color 400ms;
  transition: color 400ms, background-color 400ms, border-color 400ms;
}
.btn.btn-success,
.btn.sppb-btn-success,
.sppb-btn.btn-success,
.sppb-btn.sppb-btn-success {

    font-size: 15px;
    color: #fff;
    letter-spacing: 0.5px;

    border: 0;
    text-transform: uppercase;
    background: #184d81!important;
    border: 1px solid #548ABF;
	border-radius:unset!important;
}

button.btn.btn-success {
    font-family: "Josefin Sans";
    padding: 10px;
    float: right;
    text-transform: uppercase;
    line-height: 1;
}

.btn.btn-success:hover,
.btn.btn-success:focus,
.btn.sppb-btn-success:hover,
.btn.sppb-btn-success:focus,
.sppb-btn.btn-success:hover,
.sppb-btn.btn-success:focus,
.sppb-btn.sppb-btn-success:hover,
.sppb-btn.sppb-btn-success:focus {
  background: #548ABF!important;
	border-radius:unset!important;
}
.btn.sppb-btn-default,
.btn.btn-default,
.sppb-btn.sppb-btn-default,
.sppb-btn.btn-default {

  padding: 17px 35px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 1;
}
.btn.sppb-btn-primary,
.btn.btn-primary,
.sppb-btn.sppb-btn-primary,
.sppb-btn.btn-primary {
  border-radius: 0px;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 1.5px;
  font-weight: 700;
  padding: 16px 23px;
  border: 0;
  text-transform: uppercase;
}
.btn.sppb-btn-primary:hover,
.btn.sppb-btn-primary:focus,
.btn.btn-primary:hover,
.btn.btn-primary:focus,
.sppb-btn.sppb-btn-primary:hover,
.sppb-btn.sppb-btn-primary:focus,
.sppb-btn.btn-primary:hover,
.sppb-btn.btn-primary:focus {
  background: #000;
}
.btn.btn-info,
.btn.sppb-btn-info,
.sppb-btn.btn-info,
.sppb-btn.sppb-btn-info {
  border: 2px solid #ffffff;
  font-size: 12px;
  color: #ffffff;
  letter-spacing: 1.5px;
  font-weight: 700;
  border-radius: 0;
  background: transparent;
  padding: 18px 34px;
  text-transform: uppercase;
  line-height: 1;
}
.btn.btn-link,
.btn.sppb-btn-link,
.sppb-btn.btn-link,
.sppb-btn.sppb-btn-link {
  font-size: 14px;
  color: #ffffff;
  padding: 0;
  position: relative;
}
.btn.btn-link:after,
.btn.sppb-btn-link:after,
.sppb-btn.btn-link:after,
.sppb-btn.sppb-btn-link:after {
  content: "\f178";
  font-family: FontAwesome;
  font-size: 14px;
  display: inline-block;
  position: relative;
  top: 2px;
}
body.layout-edit-iframe .btn-link:after,
body.layout-edit-iframe .sppb-btn-link:after {
  display: none;
}
.offline-inner {
  margin-top: 100px;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: block;
  height: 34px;
  padding: 6px 12px;
	width: 100%;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
select::-moz-placeholder,
textarea::-moz-placeholder,
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="datetime"]::-moz-placeholder,
input[type="datetime-local"]::-moz-placeholder,
input[type="date"]::-moz-placeholder,
input[type="month"]::-moz-placeholder,
input[type="time"]::-moz-placeholder,
input[type="week"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
input[type="url"]::-moz-placeholder,
input[type="search"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="color"]::-moz-placeholder,
.uneditable-input::-moz-placeholder {
  color: #999;
  opacity: 1;
}
select:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="time"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="color"]:-ms-input-placeholder,
.uneditable-input:-ms-input-placeholder {
  color: #999;
}
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="time"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="color"]::-webkit-input-placeholder,
.uneditable-input::-webkit-input-placeholder {
  color: #999;
}
select[disabled],
select[readonly],
fieldset[disabled] select,
textarea[disabled],
textarea[readonly],
fieldset[disabled] textarea,
input[type="text"][disabled],
input[type="text"][readonly],
fieldset[disabled] input[type="text"],
input[type="password"][disabled],
input[type="password"][readonly],
fieldset[disabled] input[type="password"],
input[type="datetime"][disabled],
input[type="datetime"][readonly],
fieldset[disabled] input[type="datetime"],
input[type="datetime-local"][disabled],
input[type="datetime-local"][readonly],
fieldset[disabled] input[type="datetime-local"],
input[type="date"][disabled],
input[type="date"][readonly],
fieldset[disabled] input[type="date"],
input[type="month"][disabled],
input[type="month"][readonly],
fieldset[disabled] input[type="month"],
input[type="time"][disabled],
input[type="time"][readonly],
fieldset[disabled] input[type="time"],
input[type="week"][disabled],
input[type="week"][readonly],
fieldset[disabled] input[type="week"],
input[type="number"][disabled],
input[type="number"][readonly],
fieldset[disabled] input[type="number"],
input[type="email"][disabled],
input[type="email"][readonly],
fieldset[disabled] input[type="email"],
input[type="url"][disabled],
input[type="url"][readonly],
fieldset[disabled] input[type="url"],
input[type="search"][disabled],
input[type="search"][readonly],
fieldset[disabled] input[type="search"],
input[type="tel"][disabled],
input[type="tel"][readonly],
fieldset[disabled] input[type="tel"],
input[type="color"][disabled],
input[type="color"][readonly],
fieldset[disabled] input[type="color"],
.uneditable-input[disabled],
.uneditable-input[readonly],
fieldset[disabled] .uneditable-input {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textareaselect,
textareatextarea,
textareainput[type="text"],
textareainput[type="password"],
textareainput[type="datetime"],
textareainput[type="datetime-local"],
textareainput[type="date"],
textareainput[type="month"],
textareainput[type="time"],
textareainput[type="week"],
textareainput[type="number"],
textareainput[type="email"],
textareainput[type="url"],
textareainput[type="search"],
textareainput[type="tel"],
textareainput[type="color"],
textarea.uneditable-input {
  height: auto;
}
.group-control select,
.group-control textarea,
.group-control input[type="text"],
.group-control input[type="password"],
.group-control input[type="datetime"],
.group-control input[type="datetime-local"],
.group-control input[type="date"],
.group-control input[type="month"],
.group-control input[type="time"],
.group-control input[type="week"],
.group-control input[type="number"],
.group-control input[type="email"],
.group-control input[type="url"],
.group-control input[type="search"],
.group-control input[type="tel"],
.group-control input[type="color"],
.group-control .uneditable-input {
  width: 100%;
}
.scrollup {
  width: 40px;
  height: 40px;
  position: fixed;
  bottom: 62px;
  right: 100px;
  display: none;
  z-index: 999;
  border: 1px solid #ddd;
  background-color: rgba(255,255,255,0.4);
}
.scrollup:hover {
  background-color: #c4c4c4;
}
.scrollup:before {
  content: " \f106";
  font-family: "FontAwesome";
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 3px;
  width: 40px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 25px;
  font-weight: 700;
  color: #000;
}
.layout-edit-iframe .mod-languages .chzn-container {
  display: none;
}
.sp-select {
  position: relative;
  cursor: pointer;
  display: inline-block;
  text-transform: capitalize;
}
.sp-select .sp-select-result {
  padding: 26px 12px 0 0;
  text-align: left;
  position: relative;
}
.sp-select .sp-select-result:before {
  content: "\f0ac";
  font-family: FontAwesome;
  font-size: 12px;
  color: #c2c2c2;
  display: inline-block;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.sp-select .sp-select-result span,
.sp-select .sp-select-result i {
  color: #c2c2c2;
  font-size: 12px;
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}
.sp-select .sp-select-result:hover span,
.sp-select .sp-select-result:hover i,
.sp-select .sp-select-result:focus span,
.sp-select .sp-select-result:focus i {
  color: #251201;
}
.sp-select .sp-select-result:hover:before,
.sp-select .sp-select-result:focus:before {
  color: #251201;
}
.sp-select ul {
  display: none;
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  right: 10px;
  max-width: 360px;
  background: #fff;
  z-index: 9999;
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.sp-select ul > li {
  text-align: center;
  display: block;
  height: auto;
  line-height: normal;
  padding: 2px 15px;
  margin: 0 !important;
  font-size: 12px;
  margin: 0;
  cursor: pointer;
}
.sp-select .sp-select-dropdown {
  max-height: 320px;
  overflow-y: auto;
  overflow-x: hidden;
}
.section-custom-title {
  margin-bottom: 45px;
}
.section-custom-title .sppb-addon-title {
  color: #000;
  margin-top: 60px;
}
.section-custom-title .sppb-addon-content {
  font-weight: 300;
  font-size: 18px;
  color: #949494;
  letter-spacing: -1px;
}

ul.social-icons {
  list-style: none;
  padding: 0;
  margin: -5px;
  display: inline-block;
  line-height: 90px;
}
ul.social-icons > li {
  display: inline-block;
  margin: 5px 7px;
}
ul.social-icons > li a {
  color: #999999;
}
.sp-module-content .mod-languages ul.lang-inline {
  margin: 0;
  padding: 0;
}
.sp-module-content .mod-languages ul.lang-inline li {
  border: none;
  display: inline-block;
  margin: 0 5px 0 0;
}
.sp-module-content .mod-languages ul.lang-inline li a {
  padding: 0 !important;
}
.sp-module-content .mod-languages ul.lang-inline li > a:before {
  display: none;
}
.sp-contact-info {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}
.sp-contact-info li {
  display: inline-block;
  margin: 0 10px;
  font-size: 90%;
}
.sp-contact-info li i {
  margin: 0 3px;
}
.modal {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.sticky-wrapper {
  position: relative;
  z-index: 99;
}

#sp-header .logo {
  display: inline-block;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  margin: 0;
padding: 10px 0 0 0;
}
#sp-header .logo a {
  font-size: 24px;
  line-height: 60px;
  margin: 0;
  padding: 0;
  display: table-cell;
}
#sp-header .logo p {
  margin: 5px 0 0;
}
#sp-header.menu-fixed {
  position: fixed;
  z-index: 600;
  box-shadow: 0 3px 3px rgba(0,0,0,0.05);
}
#sp-header ul.social-icons {
  margin: 0;
  line-height: 30px;
  padding: 25px 5px;
}
#sp-header ul.social-icons li {
  margin: 0 12px 0 0;
}
#sp-header ul.social-icons li a {
  font-size: 12px;
  color: #c2c2c2;
}
#sp-header ul.social-icons li a:hover,
#sp-header ul.social-icons li a:focus {
  color: #000;
}
.sticky-wrapper.is-sticky {
  position: relative;
  z-index: 999;
}
.icon-top-wrapper {
  height: auto;
  line-height: 90px;
  margin: 0;
  width: 15px;
  position: relative;
  z-index: 9999;
  margin-left: 20px;
  margin-right: 25px;
}
.icon-top-wrapper i {
  cursor: pointer;
  font-size: 14px;
  color: #c4c4c4;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.icon-top-wrapper i.search-close-icon {
  font-size: 16px;
  color: #fff;
  z-index: 9999;
  position: relative;
}
.icon-top-wrapper .search-close-icon {
  display: none;
}
.top-search-input-wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1000;
  display: none;
  -webkit-animation: searchZoomIn 0.4s;
  animation: searchZoomIn 0.4s;
}
.top-search-input-wrap .top-search-overlay {
  position: absolute;
  background: rgba(0,0,0,0.85);
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
}
.top-search-input-wrap form {
  width: 100%;
}
.top-search-input-wrap .search-wrap {
  width: 100%;
}
.top-search-input-wrap .search-wrap .search.travelia-top-search {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.top-search-input-wrap .search-wrap .search.travelia-top-search input {
  background: transparent;
  border-radius: 3px;
  border-width: 0;
  height: 60px;
  box-shadow: none;
  padding: 10px 20px;
  width: 100%;
  border: 1.5px solid #fff;
  color: #fff;
  font-size: 16px;
}
.top-search-input-wrap .search-wrap .search.travelia-top-search input:focus {
  outline: 0;
  box-shadow: none;
}
.top-search-input-wrap .search-wrap .search.travelia-top-search .sp_search_input:after {
  content: "\f002";
  font-size: 20px;
  color: rgba(255,255,255,0.9);
  font-family: fontawesome;
  position: absolute;
  right: 15px;
  pointer-events: none;
  line-height: 60px;
  top: 0;
}


.header-content-wrap {
  border-bottom: 1px solid rgba(216,216,216,0.3);
}
.sticky-header .header-content-wrap {
  border-bottom: 0;
}


.search .btn-toolbar {
  margin-bottom: 20px;
  display: flex;
  align-items: flex-end;
}
.search .btn-toolbar s span.icon-search {
  margin: 0;
}
.search .btn-toolbar button {
  color: #fff;
}
@media (max-width: 329px) {
  .search .btn-toolbar button {
    margin-top: 5px;
  }
}
.search .phrases .phrases-box .controls label {
  display: inline-block;
  margin: 0 20px 20px;
}
.search .phrases .ordering-box {
  margin-bottom: 15px;
}
.search .only label {
  display: inline-block;
  margin: 0 20px 20px;
  z-index: 1;
}
.search .search-results dt.result-title {
  margin-top: 40px;
}
.search .search-results dt,
.search .search-results dd {
  margin: 5px 0;
}
.filter-search .chzn-container-single .chzn-single {
  height: 34px;
  line-height: 34px;
}
.form-search .finder label {
  display: block;
}
.form-search .finder .input-medium {
  width: 60%;
  border-radius: 4px;
}
.finder .word input {
  display: inline-block;
}
.finder .search-results.list-striped li {
  padding: 20px 0;
}

.subscribe-form {
  text-align: center;
  padding-top: 30px;
}
.subscribe-form .sppb-addon-title {
  color: #000;
}
.subscribe-form .acymailing_introtext {
  margin: 22px 0 38px !important;
}
.subscribe-form .acymailing_form {
  width: 620px;
  margin: 0 auto !important;
  position: relative;
}
.subscribe-form .acymailing_form .fieldacyemail {
  margin-bottom: 0;
}
.subscribe-form .acymailing_form .fieldacyemail input {
  background: #ffffff;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.09);
  height: 60px;
  width: 100% !important;
  border: 0;
  padding: 0 50px 0 25px;
  margin: 0 auto;
  border-radius: 0;
}
.subscribe-form .acymailing_form .acysubbuttons {
  margin-bottom: 0;
  position: absolute;
  left: auto;
  right: 12px;
  top: 15px;
}
.subscribe-form .acymailing_form .acysubbuttons:before {
  content: "\f003";
  font-family: FontAwesome;
  font-size: 24px;
  position: absolute;
  top: 2px;
  left: 4px;
}
.subscribe-form .acymailing_form .acysubbuttons input {
  padding: 0;
  width: 35px;
  height: 30px;
  opacity: 0;
}
.timeline-panel.left-part .details img {
  float: right;
  margin-left: 20px;
  margin-right: 0;
}

.contact-page-form .sppb-addon-text-block {
  padding-left: 80px;
}
.contact-page-form .sppb-addon-text-block .sppb-addon-title {
  color: #000;
  margin-bottom: 25px;
}
.contact-page-form .sppb-addon-text-block a {
  display: block;
  color: #979797;
  margin: 10px 0;
}
.gallery-with-bg-section .sppb-title-subheading {
  color: #fff;
  font-size: 14px !important;
}
.gallery-with-bg-section .speasyimagegallery-albums {
  margin-left: 75px;
  margin-right: 75px;
}
.gallery-with-bg-section .speasyimagegallery-albums .speasyimagegallery-album > div::before {
  display: none;
}
#sp-page-builder .gallery-with-bg-section .sppb-section-title {
  margin-bottom: 55px;
}
.com-speasyimagegallery #sp-main-body {
  padding-top: 75px;
}
.com-speasyimagegallery .page-header {
  margin-top: 0;
}
.com-speasyimagegallery .page-header h1 {
  font-size: 32px;
  color: #000;
  margin: 0;
}
.speasyimagegallery-album-description p {
  line-height: 24px;
}
.view-article #sp-main-body,
.view-category #sp-main-body {

  padding-bottom: 80px;
}
.view-article #sp-main-body .sp-module .sp-module-title,
.view-category #sp-main-body .sp-module .sp-module-title {
  font-size: 28px;
  letter-spacing: -1px;
  text-transform: none;
}
.view-article .popular-travel-story,
.view-category .popular-travel-story {
  box-shadow: none;
}
.view-article .popular-travel-story.sp-module,
.view-category .popular-travel-story.sp-module {
  margin-top: 35px;
}
.view-article .popular-travel-story .latestnews > div,
.view-category .popular-travel-story .latestnews > div {
  padding: 15px 35px 15px 0;
  margin-bottom: 0;
}
.view-article .popular-travel-story .latestnews .article-list-img,
.view-category .popular-travel-story .latestnews .article-list-img {
  width: 102px;
}
.view-article .popular-travel-story .latestnews .travelia-travel-story,
.view-category .popular-travel-story .latestnews .travelia-travel-story {
  width: 68%;
  padding-left: 15px;
}
.view-article .travelia-tag-cloud,
.view-category .travelia-tag-cloud {
  box-shadow: none;
}
.view-article .travelia-tag-cloud.sp-module,
.view-category .travelia-tag-cloud.sp-module {
  margin-top: 35px;
}
.view-article .travelia-tag-cloud ul,
.view-category .travelia-tag-cloud ul {
  padding-left: 0;
}
.view-article .travelia-tag-cloud ul li,
.view-category .travelia-tag-cloud ul li {
  border: 0;
}
.view-article .travelia-tag-cloud ul li a,
.view-category .travelia-tag-cloud ul li a {
  padding: 5px 15px;
}
.view-article .travelia-tag-cloud ul li a:before,
.view-category .travelia-tag-cloud ul li a:before {
  display: none;
}
.view-article .pagination,
.view-category .pagination {
  text-align: center;
  display: table;
  margin-top: 30px;
  width: 100%;
}
.view-article .pagination li,
.view-category .pagination li {
  display: inline-block;
}
.view-article .pagination li:nth-child(1),
.view-category .pagination li:nth-child(1) {
  float: left;
}
.view-article .pagination li:nth-child(1) a,
.view-category .pagination li:nth-child(1) a {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 18px;
  margin-left: 0;
  margin-right: 12px;
}
.view-article .pagination li:nth-child(1) a:hover,
.view-category .pagination li:nth-child(1) a:hover {
  color: #000;
  background: transparent;
}
.view-article .pagination li:nth-child(2),
.view-category .pagination li:nth-child(2) {
  float: left;
}
.view-article .pagination li:nth-child(2) a,
.view-category .pagination li:nth-child(2) a {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 18px;
}
.view-article .pagination li:nth-child(2) a:hover,
.view-category .pagination li:nth-child(2) a:hover {
  color: #000;
  background: transparent;
}
.view-article .pagination li.next,
.view-category .pagination li.next {
  float: right;
}
.view-article .pagination li.next a,
.view-category .pagination li.next a {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 18px;
  position: relative;
  right: 22px;
}
.view-article .pagination li.next a:hover,
.view-category .pagination li.next a:hover {
  color: #000;
  background: transparent;
}
.view-article .pagination li.next + li,
.view-category .pagination li.next + li {
  float: right;
}
.view-article .pagination li.next + li a,
.view-category .pagination li.next + li a {
  width: auto;
  height: auto;
  border-radius: 0;
  background: transparent;
  font-size: 18px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
  left: 15px;
}
.view-article .pagination li.next + li a:hover,
.view-category .pagination li.next + li a:hover {
  color: #000;
  background: transparent;
}
.view-article .pagination li.active,
.view-category .pagination li.active {
  float: none;
}
.view-article .pagination li.active a,
.view-category .pagination li.active a {
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  margin: 0 5px;
  display: block;
}
.view-article .pagination li.active a:hover,
.view-article .pagination li.active a:focus,
.view-category .pagination li.active a:hover,
.view-category .pagination li.active a:focus {
  color: #fff;
}
.view-article .pagination li.active + li,
.view-category .pagination li.active + li {
  float: none;
}
.view-article .pagination li.active + li a,
.view-category .pagination li.active + li a {
  color: #c8c8c8;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-size: 14px;
  margin: 0 5px;
}
.view-article .pagination li.active + li a:hover,
.view-article .pagination li.active + li a:focus,
.view-category .pagination li.active + li a:hover,
.view-category .pagination li.active + li a:focus {
  color: #fff;
}
.view-article .pagination li a,
.view-category .pagination li a {
  border: 0;
  padding: 0;
  border-radius: 50%;
  font-size: 14px;
  color: #c8c8c8;
  letter-spacing: -0.58px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 0 5px;
  display: block;
}
.view-article .pagination li a:hover,
.view-article .pagination li a:focus,
.view-category .pagination li a:hover,
.view-category .pagination li a:focus {
  color: #fff;
}
.items-leading .item .intro-image a {
  display: block;
}
.items-leading .item .intro-image a img {
  width: 100%;
}
.article-info {
  margin: 0 -8px 0;
  display: inline-block;
  line-height: 12px;
}
.article-info > dd {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1.11px;
  text-transform: uppercase;
  position: relative;
  margin: 0 8px;
}
.article-info > dd:after {
  content: "";
  height: 8px;
  width: 1px;
  position: absolute;
  right: -9px;
  top: 2px;
}
.article-info > dd.createdby {
  display: none;
}
.article-info > dd > i {
  display: inline-block;
  margin-right: 3px;
}
.article-info > dd.category-name {
  display: none;
}
.article-info > dd.category-name:after {
  display: none;
}
.article-info > dd.category-name a {
  font-size: 12px;
  color: #050505;
  font-weight: 500;
  padding: 5px 14px;
  background: #fff;
  line-height: 1;
}
.article-info > dd.category-name a:hover {
  color: #fff;
}
.view-category #sp-main-body,
.view-article #sp-main-body {
  padding-bottom: 0px;
}
.view-category #sp-main-body div.tags,
.view-article #sp-main-body div.tags {
  padding: 0 5px;
}
.view-category #sp-main-body #sp-page-builder .sppb-row-container,
.view-article #sp-main-body #sp-page-builder .sppb-row-container {
  padding: 0;
}
.view-article #sp-page-title {
  display: none;
}
.view-article #sp-right .sp-module:first-child,
.view-article #sp-left .sp-module:first-child {
  margin-top: 0;
}
.view-article div.tags a.label {
  font-size: 14px;
}
.view-article .article-info > dd.createdby {
  display: inline-block;
}
article.item {
  display: table;
  width: 100%;
  margin-bottom: 25px;
}
article.item .hits {
  display: none;
}
article.item .entry-image a {
  overflow: hidden;
  display: block;
}
article.item .entry-image a img {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
}
article.item:hover .entry-image a img {
  -webkit-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: scale(1.08) rotate(3deg);
  transform: scale(1.08) rotate(3deg);
}
article.item-page .entry-header h2 {

  margin-bottom: 12px;
  font-size: 32px;
  letter-spacing: -1px;
}
article.item-page .article-info {
  margin-bottom: 25px;
}
article.item-page .article-info > dd {
  font-size: 14px;
}
article.item-page .article-info > dd:after {
  top: 2px;
}
article.item-page .article-info > dd.category-name {
  margin: 0 8px;
  width: auto;
  position: relative;
  top: 0;
  left: 0;
}
article.item-page .article-info > dd.category-name a {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}
article.item-page .article-info > dd.category-name a:hover,
article.item-page .article-info > dd.category-name a:focus {
  background: #fff;
}
article.item-page .article-info > dd.category-name:after {
  display: block;
}
article.item-page .hits {
  display: inline-block;
}
article.item-page .entry-image,
article.item-page .entry-gallery,
article.item-page .entry-video,
article.item-page .entry-audio,
article.item-page .entry-link {
  margin-bottom: 30px;
}
article.item-page .pager.pagenav {
  margin: 60px 0;
  padding-left: 0;
  display: flex;
  justify-content: space-between;
}
article.item-page .pager.pagenav li {
  list-style: none;
}
article.item-page .pager.pagenav li a {
  color: #fff;
  text-transform: uppercase;
  border-radius: 3px;
  border: 0;
  padding: 7px 30px;
  font-weight: 600;
}
article.item-page .pager.pagenav li a .icon-chevron-left {
  display: none;
}
article.item-page .pager.pagenav li a .icon-chevron-right {
  display: none;
}
article.item-page .pager.pagenav li a:hover,
article.item-page .pager.pagenav li a:focus {
  background: #000;
}
article.item-page .helix-social-share {
  float: left;
  margin-bottom: 50px;
}
article.item-page .helix-social-share .helix-social-share-icon ul li a {
  width: auto;
  height: auto;
  border-radius: 3px;
  color: #000;
  padding: 10px 20px;
  line-height: 1;
  text-transform: uppercase;
  font-size: 12px;
}
article.item-page .helix-social-share .helix-social-share-icon ul li a span {
  display: inline-block;
  margin-left: 15px;
}
article.item-page .helix-social-share .helix-social-share-icon ul li a.facebook {
  background: #3b5998;
  color: #fff;
}
article.item-page .helix-social-share .helix-social-share-icon ul li a.twitter {
  color: #fff;
  background: #1da1f2;
}
article.item-page .helix-social-share .helix-social-share-icon ul li a.gplus {
  background: #dd4b39;
  color: #fff;
}
article.item-page .helix-social-share .helix-social-share-icon ul li a.pinterest {
  color: #fff;
  background: #bd081c;
}
article.item-page .helix-social-share .helix-social-share-icon ul li a.instagram {
  color: #fff;
  background: #c13584;
}
article .readmore a.btn.btn-link {
  color: #000;
}
.sppb-addon-thumb-gallery .flexslider .flex-direction-nav li a {
  font-size: 18px;
  color: #e1e1e1;
  opacity: 0.31;
  background: #000000;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.03);
  height: 35px;
  width: 22px;
  line-height: 1.9;
}
.sppb-addon-thumb-gallery .flexslider .flex-direction-nav li a:before {
  font-size: 18px;
}
.sppb-addon-thumb-gallery #carousel .slides {
  margin-left: 22px;
}
.sppb-addon-thumb-gallery #carousel .slides li {
  opacity: 1;
}
.sppb-addon-thumb-gallery #carousel .slides li:after {
  display: none;
}
div.tags {
  display: inline-block;
}
div.tags a.label {
  display: inline-block;
  font-size: 12px;
  letter-spacing: 1.11px;
  text-transform: uppercase;
  position: relative;
  margin: 0 8px;
  background: #fff;
}
div.tags a.label:hover,
div.tags a.label:focus {
  background: #fff;
}
div.tags > span {
  text-transform: uppercase;
  letter-spacing: 2px;
}
.sppb-addon-blockquote .sppb-blockquote {
  padding: 0;
  margin: 80px 0 40px;
  border: 0;
  position: relative;
}
.sppb-addon-blockquote .sppb-blockquote:before {
  content: "\f10e";
  font-family: FontAwesome;
  font-size: 18px;
  position: absolute;
  left: 0;
  top: -28px;
}
.sppb-addon-blockquote .sppb-blockquote p {
  font-size: 24px;
  letter-spacing: -1px;
  line-height: 1.333;
}
.sppb-addon-blockquote .sppb-blockquote p span {
  font-weight: 700;
  position: relative;
}
.sppb-addon-blockquote .sppb-blockquote p span:before {
  content: "-";
  display: inline-block;
  padding: 0 5px 0 3px;
}
.content_rating,
.content_rating + form {
  display: none;
}
.voting-symbol {
  unicode-bidi: bidi-override;
  direction: rtl;
  font-size: 14px;
  display: inline-block;
}
.voting-symbol span.star {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  display: inline-block;
}
.voting-symbol span.star.active:before {
  content: "\f005";
}
.voting-symbol span.star:before {
  content: "\f006";
  padding-right: 5px;
}
.sp-rating span.star:hover:before,
.sp-rating span.star:hover ~ span.star:before {
  content: "\f005";
  cursor: pointer;
}
.post_rating {
  margin-bottom: 20px;
}
.post_rating .ajax-loader,
.post_rating .voting-result {
  display: none;
}
.post-format {
  position: absolute;
  top: -110px;
  left: 15px;
  display: block;
  width: 48px;
  height: 48px;
  font-size: 24px;
  line-height: 48px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
}
.entry-image dl {
  display: none;
}
.entry-image,
.entry-gallery,
.entry-video,
.entry-audio,
.entry-link {
  margin-bottom: 22px;
}
.entry-status,
.entry-quote {
  margin-bottom: 50px;
}
.entry-header {
  position: relative;
  margin-bottom: 13px;
}
.entry-header h2 {
  margin-top: 5px;
  margin-bottom: 0;
  line-height: 1.333;
  font-size: 24px;
  font-weight: 400;
  letter-spacing: -1px;
}
.entry-header h2 a {
  opacity: 0.76;
  color: #000;
}
.entry-link {
  padding: 100px 50px;
  position: relative;
  z-index: 1;
}
.entry-link a h4 {
  margin: 0;
  font-size: 36px;
  color: #fff;
}
.entry-link a h4:hover {
  color: rgba(255,255,255,0.85);
}
.entry-link:before {
  position: absolute;
  left: -60px;
  font-size: 300px;
  content: "\f0c1";
  font-family: FontAwesome;
  transform: rotate(90deg);
  top: -75px;
  color: rgba(255,255,255,0.15);
  z-index: -1;
}
.entry-quote {
  position: relative;
  padding: 80px 50px;
  color: rgba(255,255,255,0.9);
}
.entry-quote:before {
  position: absolute;
  left: -40px;
  font-size: 300px;
  content: "\f10e";
  font-family: FontAwesome;
  transform: rotate(15deg);
  top: -75px;
  color: rgba(255,255,255,0.15);
}
.entry-quote blockquote small {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
}
.entry-quote blockquote {
  padding: 0;
  margin: 0;
  font-size: 16px;
  border: none;
}
.carousel-left,
.carousel-right {
  position: absolute;
  top: 50%;
  font-size: 24px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  margin-top: -18px;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.5);
  border-radius: 4px;
  -webkit-transition: 400ms;
  transition: 400ms;
}
.carousel-left:hover,
.carousel-right:hover {
  color: #fff;
}
.carousel-left:focus,
.carousel-right:focus {
  color: #fff;
}
.carousel-left {
  left: 10px;
}
.carousel-right {
  right: 10px;
}
.newsfeed-category .category {
  list-style: none;
  padding: 0;
  margin: 0;
}
.newsfeed-category .category li {
  padding: 5px 0;
}
.newsfeed-category #filter-search {
  margin: 10px 0;
}
.category-module,
.categories-module,
.archive-module,
.latestnews,
.newsflash-horiz,
.mostread,
.form-links,
.list-striped {
  list-style: none;
  padding: 0;
  margin: 0;
}
.category-module li,
.categories-module li,
.archive-module li,
.latestnews li,
.newsflash-horiz li,
.mostread li,
.form-links li,
.list-striped li {
  padding: 2px 0;
}
.category-module li h4,
.categories-module li h4,
.archive-module li h4,
.latestnews li h4,
.newsflash-horiz li h4,
.mostread li h4,
.form-links li h4,
.list-striped li h4 {
  margin: 5px 0;
}

.article-footer-top {
  display: table;
  clear: both;
  width: 100%;
}
.article-footer-top .post_rating {
  float: left;
}
.helix-social-share {
  float: right;
}
.helix-social-share .helix-social-share-icon ul {
  padding: 0;
  list-style: none;
  margin: 0;
}
.helix-social-share .helix-social-share-icon ul li {
  margin-right: 7px;
  display: inline-block;
}
.helix-social-share .helix-social-share-icon ul li div {
  display: block;
}
.helix-social-share .helix-social-share-icon ul li div a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 50%;
  height: 30px;
  padding-top: 4px;
  text-align: center;
  width: 30px;
  display: inline-block;
}
.helix-social-share .helix-social-share-icon ul li div a:hover,
.helix-social-share .helix-social-share-icon ul li div a:focus {
  color: #fff;
}
#sp-blog-bottom .container {
  position: relative;
}
#sp-blog-bottom .container:before {
  content: "";
  position: absolute;
  left: 15px;
  right: 15px;
  height: 1px;
  background: #d8d8d8;
  top: -52px;
  width: 97.5%;
}
.com-tags .mod-languages .chzn-container {
  display: none;
}
.com-tags #sp-main-body {
  position: relative;
  z-index: 2;
}
.com-tags #adminForm .btn-group label {
  font-weight: 700;
  color: #000;
  display: block;
  background: transparent;
  font-size: 20px;
  margin-bottom: 15px;
}
.com-tags #adminForm .btn-group input {
  display: inline-block;
  border-radius: 0;
}
.com-tags #adminForm .btn-group button {
  display: inline-block;
  float: none;
  color: #fff;
  border-radius: 0;
  padding: 8px 12px;
  line-height: 1;
  margin-left: 5px;
  font-size: 14px;
}
.com-tags #adminForm .btn-group button span {
  margin-right: 0;
}
.com-tags #adminForm .btn-group button:last-child {
  background: #d9534f;
}
.com-tags #adminForm .btn-group button:last-child span {
  font-size: 12px;
}
.com-tags #adminForm .btn-group .chzn-container-single .chzn-single {
  border-radius: 0;
}
.travelia-blogv2 .entry-image {
  float: left;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
}
.travelia-blogv2 .entry-image dl {
  display: block;
  position: absolute;
  z-index: 1;
  right: 0;
  margin: 0;
  top: 20px;
}
.travelia-blogv2 .entry-image dl dd {
  left: 0;
  top: 0;
  width: auto;
  position: relative;
}
.travelia-blogv2 .entry-image dl dd a {
  font-size: 12px;
  color: #050505;
  font-weight: 500;
  padding: 6px 14px;
  background: #fff;
  line-height: 1;
}
.travelia-blogv2 .entry-header .category-name {
  display: none;
}
.travelia-blogv2 .post-content-wrap {
  float: left;
  width: 47%;
  margin-left: 30px;
  margin-top: 20px;
}
.travelia-blogv2.view-category .pagination {
  margin-top: 40px;
}
.travelia-blogv2.view-category #sp-main-body {
  padding-bottom: 105px;
}
.travelia-blogv2 .sppb-addon-blockquote .sppb-blockquote {
  margin: 80px 0 10px;
}
.travelia-blogv2 .sppb-addon-blockquote .sppb-blockquote .qoutation {
  color: #232323;
}
.travelia-blogv2 .sppb-addon-blockquote .sppb-blockquote .qoutation span {
  font-size: 16px;
  font-weight: 500;
  padding: 0;
  margin-top: 30px;
  display: block;
}
.travelia-blogv2 .sppb-addon-blockquote .sppb-blockquote .qoutation span:before {
  display: none;
}
.travelia-blogv2 .sppb-addon-blockquote .sppb-blockquote .qoutation span small {
  color: #b2b2b2;
  font-size: 12px;
}
.travelia-blogv2 .sppb-addon-blockquote .sppb-blockquote .qoutation span small:before {
  display: none;
}
.travelia-blogv2 article.item {
  margin-bottom: 30px;
}
.travelia-blogv2.view-article #sp-main-body {
  padding-bottom: 60px;
}
.travelia-blogv2.view-article #sp-component {
  width: 100%;
}
.travelia-blogv2.view-article #sp-left,
.travelia-blogv2.view-article #sp-right {
  display: none;
}
.travelia-blogv2.view-article .entry-header {
  width: 66.666%;
  margin: 0 auto;
}
.travelia-blogv2.view-article .entry-header .category-name {
  display: inline-block;
}
.travelia-blogv2.view-article .article-body {
  display: table;
  width: 100%;
}
.travelia-blogv2.view-article .pagination {
  margin-top: 40px;
}
.travelia-blogv2.view-article .pager.pagenav {
  margin: 60px auto;
  width: 66.666%;
}
.travelia-blogv2.view-article .helix-social-share {
  margin-left: 190px;
}
.travelia-blogv2.view-article article.item-page .article-info {
  margin-bottom: 40px;
}
#sp-bottom {
  position: relative;
}
#sp-bottom:before {
  content: "";
  background: url(../images/bottom-before-img.png) no-repeat scroll center center / cover;
  height: 200px;
  width: 100%;
  position: absolute;
  left: 0;
  top: -196px;
  z-index: -1;
}
#sp-bottom .sp-module .sp-module-title {
  text-transform: none;
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 35px;
}
#sp-bottom ul.nav.menu {
  flex-direction: column;
}
#sp-bottom ul.nav.menu li {
  padding: 0;
  border: 0;
}
#sp-bottom ul.nav.menu li a {
  color: #fff;
  padding: 10px 0;
  line-height: 1;
  font-size: 14px;
}
#sp-bottom ul.nav.menu li a:hover,
#sp-bottom ul.nav.menu li a:focus {
  background: transparent;
  color: rgba(255,255,255,0.7);
}
#sp-bottom ul.nav.menu li a:before {
  display: none;
}
#sp-bottom2 {
  margin-top: 10px;
}
#sp-bottom2 .sp-module.bottom-menu:nth-child(2) {
  margin-left: 95px;
}
#sp-bottom3 {
  margin-top: 10px;
}
#sp-bottom3 .sppb-addon-social-media .social-media-text-wrap {
  text-align: left;
}
#sp-bottom3 .sppb-addon-social-media .social-media-text-wrap a {
  font-size: 12px;
  display: inline-block;
  color: #fff;
  margin-right: 15px;
}
#sp-bottom3 .sppb-addon-social-media .social-media-text-wrap a:hover {
  color: rgba(255,255,255,0.7);
}
#sp-footer {
  color: #ebdec2;
  text-align: center;
  padding: 20px 0;
  border-top: 2px solid #817768;
}
#sp-footer a {
  color: rgba(255,255,255,0.9);
}
#sp-footer a:hover {
  color: #fff;
}
#sp-footer-wrapper ul {
  display: inline-block;
}
#sp-footer-wrapper ul.nav {
  display: inline-block;
  list-style: none;
  padding: 0;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li {
  display: inline-block;
  margin: 0 5px;
}
#sp-footer-wrapper ul.nav li a {
  display: block;
}
#sp-footer-wrapper ul.nav li a:hover {
  background: none;
}
#sp-footer-wrapper .helix-framework {
  display: inline-block;
}
#sp-footer-wrapper .helix-framework .helix-logo {
  display: block;
  width: 130px;
  height: 40px;
  text-indent: -9999px;
  background: url(../images/helix-logo-white.png) no-repeat 0 0;
}
#sp-footer-wrapper .copyright {
  display: block;
}
.sp-comingsoon {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.sp-comingsoon body {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.sp-comingsoon .sp-comingsoon-wrap {
  height: 100%;
  position: relative;
  display: table;
  width: 100%;
}
.sp-comingsoon .sp-comingsoon-wrap:before {
  content: "";
  background: url(../images/bottom-before-img.png) no-repeat scroll center center / cover;
  height: 200px;
  width: 100%;
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
}
.sp-comingsoon .sp-comingsoon-wrap .container {
  height: 100%;
  display: table;
}
.sp-comingsoon .sp-comingsoon-wrap .container div.text-center {
  display: table-cell;
  vertical-align: middle;
}
.sp-comingsoon #sp-comingsoon {
  padding: 100px 0;
}
.sp-comingsoon .sp-comingsoon-wrap.has-background {
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.sp-comingsoon .sp-comingsoon-countdown {
  display: table;
  width: 100%;
  margin: 95px 0 45px;
  font-family: Arvo, sans-serif;
}
.sp-comingsoon .sp-comingsoon-countdown .days,
.sp-comingsoon .sp-comingsoon-countdown .hours,
.sp-comingsoon .sp-comingsoon-countdown .minutes,
.sp-comingsoon .sp-comingsoon-countdown .seconds {
  margin: 0;
  float: left;
  width: 25%;
}
.sp-comingsoon .sp-comingsoon-countdown .days span.number,
.sp-comingsoon .sp-comingsoon-countdown .hours span.number,
.sp-comingsoon .sp-comingsoon-countdown .minutes span.number,
.sp-comingsoon .sp-comingsoon-countdown .seconds span.number {
  width: 100%;
  font-size: 72px;
  color: #251201;
  letter-spacing: -1px;
  line-height: 1;
}
.sp-comingsoon .sp-comingsoon-countdown .days span.string,
.sp-comingsoon .sp-comingsoon-countdown .hours span.string,
.sp-comingsoon .sp-comingsoon-countdown .minutes span.string,
.sp-comingsoon .sp-comingsoon-countdown .seconds span.string {
  font-size: 24px;
  color: #000000;
  letter-spacing: -1px;
  display: block;
  text-transform: uppercase;
}
.sp-comingsoon .comingsoon-page-logo {
  text-align: center;
}
.sp-comingsoon .comingsoon-page-logo img {
  display: inline-block;
}
.sp-comingsoon .comingsoon-page-logo .sp-retina-logo {
  display: none;
}
.sp-comingsoon .sp-position-comingsoon .sp-module-title {
  font-family: Arvo, sans-serif;
  font-size: 32px;
  color: #000000;
  letter-spacing: -0.1px;
}
.sp-comingsoon .sp-position-comingsoon .subscribe-form .acymailing_introtext {
  margin-bottom: 43px !important;
}
.sp-comingsoon .social-icons li {
  display: inline-block;
  margin: 0 15px;
}
.sp-comingsoon .social-icons li a {
  font-size: 24px;
  -webkit-transition: color 400ms;
  transition: color 400ms;
}
.sp-comingsoon .social-icons li a:hover {
  color: #fff;
}
.error-page {
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.error-page body {
  width: 100%;
  height: 100%;
  min-height: 100%;
  font-family: Arvo, sans-serif;
}
.error-page .error-page-inner {
  position: relative;
  height: 100%;
  min-height: 100%;
  width: 100%;
  display: table;
  text-align: center;
}
.error-page .error-page-inner:before {
  content: "";
  background: url(../images/bottom-before-img.png) no-repeat scroll center center / cover;
  height: 200px;
  width: 100%;
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  z-index: -1;
}
.error-page .error-page-inner.has-background {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.error-page .error-page-inner .error-logo-wrap {
  text-align: center;
  margin-bottom: 90px;
display: none;
}
.error-page .error-page-inner .error-logo-wrap img {
  display: inline-block;
}
.error-page .error-page-inner > div {
  display: table-cell;
  vertical-align: middle;
}
.error-page .fa-exclamation-triangle {
  font-size: 64px;
  line-height: 1;
  margin-bottom: 10px;
}
.error-page .error-code {
  font-weight: normal;
  font-size: 72px;
  line-height: 1;
  color: #3d505c;
  letter-spacing: -1px;
  margin: 0 0 5px 0;
  padding-top: 250px;
}
.error-page .error-message {
    font-size: 30px;
    color: #3d505c;
    line-height: 1;
    font-weight: 700;
}
.sp-social-share ul {
  display: block;
  padding: 0;
  margin: 20px -5px 0;
}
.sp-social-share ul li {
  display: inline-block;
  font-size: 24px;
  margin: 0 5px;
}
.dl-horizontal dt {
  text-align: left;
}
.page-header {
  padding-bottom: 15px;
}
table.category {
  width: 100%;
}
table.category thead > tr,
table.category tbody > tr {
  border: 1px solid #f2f2f2;
}
table.category thead > tr th,
table.category thead > tr td,
table.category tbody > tr th,
table.category tbody > tr td {
  padding: 10px;
}
.contact-form .form-actions {
  background: none;
  border: none;
}
@media print {
  .visible-print {
    display: inherit !important;
  }
  .hidden-print {
    display: none !important;
  }
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
  background: #2d2d2d;
  border-radius: 2px;
  color: #fff;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.sp-pre-loader {
  background: #f5f5f5;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}
.sp-pre-loader .sp-loader-clock {
  border: 3px solid #333333;
  border-radius: 60px;
  bottom: 0;
  height: 80px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
}
.sp-pre-loader .sp-loader-clock:after {
  content: "";
  position: absolute;
  background-color: #333333;
  top: 2px;
  left: 48%;
  height: 38px;
  width: 4px;
  border-radius: 5px;
  -webkit-transform-origin: 50% 97%;
  transform-origin: 50% 97%;
  -webkit-animation: grdAiguille 2s linear infinite;
  animation: grdAiguille 2s linear infinite;
}
.sp-pre-loader .sp-loader-clock:before {
  content: "";
  position: absolute;
  background-color: #333333;
  top: 6px;
  left: 48%;
  height: 35px;
  width: 4px;
  border-radius: 5px;
  -webkit-transform-origin: 50% 94%;
  transform-origin: 50% 94%;
  -webkit-animation: ptAiguille 12s linear infinite;
  animation: ptAiguille 12s linear infinite;
}
.sp-pre-loader .sp-loader-circle {
  position: absolute;
  height: 80px;
  width: 80px;
  border-radius: 80px;
  border: 3px solid rgba(51,51,51,0.7);
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: loader1 3s linear infinite;
  animation: loader1 3s linear infinite;
}
.sp-pre-loader .sp-loader-circle:after {
  content: "";
  position: absolute;
  top: -5px;
  left: 20px;
  width: 11px;
  height: 11px;
  border-radius: 10px;
  background-color: #333333;
}
.sp-pre-loader .sp-loader-bubble-loop {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  border-radius: 12px;
  background-color: #333333;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-animation: loader6 1s ease-in-out infinite;
  animation: loader6 1s ease-in-out infinite;
}
.sp-pre-loader .sp-loader-bubble-loop:before {
  content: "";
  position: absolute;
  background-color: rgba(51,51,51,0.5);
  top: 0px;
  left: -25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}
.sp-pre-loader .sp-loader-bubble-loop:after {
  content: "";
  position: absolute;
  background-color: rgba(51,51,51,0.5);
  top: 0px;
  left: 25px;
  height: 12px;
  width: 12px;
  border-radius: 12px;
}
.sp-pre-loader .circle-two {
  bottom: 0;
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}
.sp-pre-loader .circle-two > span,
.sp-pre-loader .circle-two > span:before,
.sp-pre-loader .circle-two > span:after {
  content: "";
  display: block;
  border-radius: 50%;
  border: 2px solid #333333;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.sp-pre-loader .circle-two > span {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-left-color: transparent;
  -webkit-animation: effect-2 2s infinite linear;
  -moz-animation: effect-2 2s infinite linear;
  -ms-animation: effect-2 2s infinite linear;
  -o-animation: effect-2 2s infinite linear;
  animation: effect-2 2s infinite linear;
}
.sp-pre-loader .circle-two > span:before {
  width: 75%;
  height: 75%;
  border-right-color: transparent;
}
.sp-pre-loader .circle-two > span:after {
  width: 50%;
  height: 50%;
  border-bottom-color: transparent;
}
.sp-pre-loader .wave-two-wrap {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 50%;
  width: 90px;
}
.sp-pre-loader .wave-two {
  margin: 0;
  list-style: none;
  width: 90px;
  position: relative;
  padding: 0;
  height: 10px;
}
.sp-pre-loader .wave-two li {
  position: absolute;
  width: 2px;
  height: 0;
  background-color: #333333;
  bottom: 0;
}
.sp-pre-loader .wave-two li:nth-child(1) {
  left: 0;
  -webkit-animation: sequence1 1s ease infinite 0;
  animation: sequence1 1s ease infinite 0;
}
.sp-pre-loader .wave-two li:nth-child(2) {
  left: 15px;
  -webkit-animation: sequence2 1s ease infinite 0.1s;
  animation: sequence2 1s ease infinite 0.1s;
}
.sp-pre-loader .wave-two li:nth-child(3) {
  left: 30px;
  -webkit-animation: sequence1 1s ease-in-out infinite 0.2s;
  animation: sequence1 1s ease-in-out infinite 0.2s;
}
.sp-pre-loader .wave-two li:nth-child(4) {
  left: 45px;
  -webkit-animation: sequence2 1s ease-in infinite 0.3s;
  animation: sequence2 1s ease-in infinite 0.3s;
}
.sp-pre-loader .wave-two li:nth-child(5) {
  left: 60px;
  -webkit-animation: sequence1 1s ease-in-out infinite 0.4s;
  animation: sequence1 1s ease-in-out infinite 0.4s;
}
.sp-pre-loader .wave-two li:nth-child(6) {
  left: 75px;
  -webkit-animation: sequence2 1s ease infinite 0.5s;
  animation: sequence2 1s ease infinite 0.5s;
}
.sp-pre-loader .sp-loader-audio-wave {
  width: 3em;
  height: 2em;
  background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
  background-repeat: no-repeat;
  background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  animation: audioWave 1.5s linear infinite;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.sp-pre-loader .sp-loader-with-logo {
  top: 0;
  left: 0;
  width: 100%;
  height: 105px;
  right: 0;
  bottom: 0;
  margin: auto;
  text-align: center;
  position: absolute;
}
.sp-pre-loader .sp-loader-with-logo .logo {
  display: inline-block;
  width: auto;
}
.sp-pre-loader .sp-loader-with-logo .line {
  background: #333333;
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  top: auto;
}
@-webkit-keyframes grdAiguille {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes grdAiguille {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes ptAiguille {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes ptAiguille {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader1 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes loader1 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes loader6 {
  0% {
    -webkit-transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  100% {
    -webkit-transform: rotate(180deg);
  }
}
@keyframes loader6 {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes rotate-360 {
  from {
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes audioWave {
  25% {
    background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  }
  37.5% {
    background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em;
  }
  50% {
    background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em, 0.5em 0.25em;
  }
  62.5% {
    background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em, 0.5em 0.25em;
  }
  75% {
    background: linear-gradient(#333333,#333333) 0 50%, linear-gradient(#333333,#333333) 0.625em 50%, linear-gradient(#333333,#333333) 1.25em 50%, linear-gradient(#333333,#333333) 1.875em 50%, linear-gradient(#333333,#333333) 2.5em 50%;
    background-repeat: no-repeat;
    background-size: 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 0.25em, 0.5em 2em;
  }
}
@-webkit-keyframes effect-2 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes effect-2 {
  from {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes sequence1 {
  0% {
    height: 10px;
  }
  50% {
    height: 50px;
  }
  100% {
    height: 10px;
  }
}
@keyframes sequence2 {
  0% {
    height: 20px;
  }
  50% {
    height: 65px;
  }
  100% {
    height: 20px;
  }
}
@keyframes rot1 {
  100% {
    transform: skew(-10deg) translateX(50px) rotate(405deg);
  }
}
@-webkit-keyframes rot1 {
  100% {
    -webkit-transform: skew(-10deg) translateX(50px) rotate(405deg);
  }
}
@keyframes rot2 {
  100% {
    transform: skew(-10deg) rotate(525deg);
  }
}
@-webkit-keyframes rot2 {
  100% {
    -webkit-transform: skew(-10deg) rotate(525deg);
  }
}
@keyframes rot3 {
  100% {
    transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg);
  }
}
@-webkit-keyframes rot3 {
  100% {
    -webkit-transform: skew(-10deg) translateX(20px) translateY(-50px) rotate(645deg);
  }
}
@keyframes width {
  10% {
    width: 10%;
  }
  20% {
    width: 20%;
  }
  30% {
    width: 30%;
  }
  40% {
    width: 40%;
  }
  50% {
    width: 50%;
  }
  60% {
    width: 60%;
  }
  70% {
    width: 70%;
  }
  80% {
    width: 80%;
  }
  90% {
    width: 90%;
  }
  100% {
    width: 100%;
  }
}
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .scrollup {
    bottom: 25px;
    right: 25px;
  }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
  ul.social-icons {
    margin: 0;
    width: 100%;
    text-align: center;
  }
  ul.social-icons > li {
    margin: 5px;
  }
  .sp-contact-info {
    display: table;
    float: none;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  .sp-contact-info li {
    margin: 0 5px;
    font-size: 89%;
  }
  .sppb-animated .sppb-addon-cta .sppb-cta-title {
    font-size: 28px !important;
    line-height: 40px !important;
  }
  .sppb-animated .sppb-addon-cta .sppb-btn-lg {
    font-size: 16px;
  }
  .scrollup {
    bottom: 25px;
    right: 25px;
  }
  .form-horizontal .control-label {
    width: 100%;
    text-align: left;
  }
  .form-horizontal .controls {
    margin: 0;
    width: 100%;
  }
  .form-horizontal .controls input,
  .form-horizontal .controls textarea {
    width: 100%;
  }
  .form-horizontal .controls textarea {
    height: 131px;
  }
}
@media screen and (min-width: 550px) and (max-width: 767px) {
  .sp-contact-info li {
    margin: 0 5px;
    font-size: 90%;
  }
}
.layout-edit .mod-languages .chzn-container {
  display: none;
}
.sppb-article-info-wrap {
  display: flex;
  flex-direction: column;
	    margin: 10px;
}
.tag-category > .pagination {
  display: block;
  margin-top: 15px;
}
.pagination .counter {
  margin-top: 15px;
}
.pagination .pagination {
  margin: 15px 0px;
}
.filters.btn-toolbar .btn-group + .btn-group {
  margin-top: 10px;
}
body[dir="rtl"] .subscribe-form .acymailing_form .acysubbuttons {
  left: 10px;
  right: auto;
}
body[dir="rtl"] .subscribe-form .acymailing_form .fieldacyemail input {
  padding-right: 10px;
}
@media (max-width: 479px) {
  .filters #filter-search {
    width: 190px;
  }
}
.view-article article .icons .btn-group {
  z-index: 2;
}
.readmore_dot {
  display: none;
}
body.view-article.travelia-blogv2 .article-body .sp-page-builder {
  max-width: 740px;
  margin: 0 auto;
}
.view-form .edit a.modal.btn {
  display: contents;
}
.view-form .edit .media-preview.add-on {
  height: 34px;
}
.travelia-email {
  width: 56%;
  margin: 0 auto;
}
.travelia-email .sppb-addon-content form.sppb-addon-form-builder-form {
  flex-wrap: inherit;
  position: relative;
}
.travelia-email .sppb-addon-content form.sppb-addon-form-builder-form .sppb-form-group {
  padding: 0;
  margin: 0;
}
.travelia-email .sppb-addon-content form.sppb-addon-form-builder-form .sppb-form-group .sppb-form-control {
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.09);
  padding: 25px;
}
.travelia-email .sppb-addon-content form.sppb-addon-form-builder-form .sppb-form-builder-btn {
  width: inherit;
  display: flex;
  position: absolute;
  right: 20px;
  top: 20px;
}
.travelia-email .sppb-addon-content form.sppb-addon-form-builder-form .sppb-form-builder-btn button {
  background: transparent;
  color: #251201;
  padding: 0;
  font-size: 26px;
  display: flex;
  align-items: center;
}
.modal-backdrop.fade.show {
  position: relative !important;
}
.view-search form#searchForm .input-group input {
  padding: 24px 20px;
}
.view-search .input-mini {
  width: 65px;
}
.view-category .article-list .item .article-list-img-wrap {
  position: relative;
  margin-bottom: 20px;
}
.view-category .article-list .item .article-list-img-wrap > div {
  margin: 0;
}
.view-category .article-list .item .article-list-img-wrap dl.article-info {
  position: absolute;
  left: 15px;
  bottom: 6px;
}
.view-category .article-list .item .article-list-img-wrap dl.article-info dd {
  display: none;
}
.view-category .article-list .item .article-list-img-wrap dl.article-info dd.category-name {
  display: block;
}
.view-category.travelia-blogv2 .article-list-img-wrap {
  margin-bottom: 0 !important;
}
.view-category.travelia-blogv2 .post-content-wrap {
  margin-top: 0;
}
.view-category.travelia-blogv2 article.item {
  display: flex;
}
.view-category.travelia-blogv2 article.item .article-list-img-wrap {
  width: auto;
}
.view-category.travelia-blogv2 article.item .article-list-img-wrap dl.article-info {
  top: 30px;
  z-index: 1;
  right: 0;
  left: auto;
}
.view-article.travelia-blogv2 #sp-page-builder .sppb-col-md-12 {
  max-width: 66%;
  margin: 0 auto;
}
.offcanvas-inner ul.nav {
  flex-direction: column;
}
.view-form.layout-edit ul.joomla-tabs li a {
  padding: .5rem .7rem;
}
.view-form.layout-edit .btn-toolbar div.ms-2 button {
  padding: 12px 10px;
}
.view-search ul.search-results li div.result-url {
  display: none;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
.hide {
  display: none;
}
.badge.badge-info {
 background: #234c80;
    padding: 4px 4px;
    border-radius: 2px;
}
.btn:not([class*="btn-"]) {
  color: #fff!important;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn:not([class*="btn-"]):hover {
  color: #fff!important;
  background-color: #5c636a;
  border-color: #565e64;
}
.control-group {
  margin-bottom: 16px;
}

.dl-horizontal dt {
  float: left;
  width: 160px;
  overflow: hidden;
  clear: left;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dl-horizontal dt img {
  display: inline-block;
}
@media (max-width: 767px) {
  .dl-horizontal dt {
    float: none;
    width: auto;
    clear: none;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
.input-prepend,
.input-append {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-prepend > input[type="text"],
.input-prepend > input[type="password"],
.input-prepend > input[type="datetime"],
.input-prepend > input[type="datetime-local"],
.input-prepend > input[type="date"],
.input-prepend > input[type="month"],
.input-prepend > input[type="time"],
.input-prepend > input[type="week"],
.input-prepend > input[type="number"],
.input-prepend > input[type="email"],
.input-prepend > input[type="url"],
.input-prepend > input[type="search"],
.input-prepend > input[type="tel"],
.input-prepend > input[type="color"],
.input-append > input[type="text"],
.input-append > input[type="password"],
.input-append > input[type="datetime"],
.input-append > input[type="datetime-local"],
.input-append > input[type="date"],
.input-append > input[type="month"],
.input-append > input[type="time"],
.input-append > input[type="week"],
.input-append > input[type="number"],
.input-append > input[type="email"],
.input-append > input[type="url"],
.input-append > input[type="search"],
.input-append > input[type="tel"],
.input-append > input[type="color"] {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-prepend .add-on,
.input-append .add-on {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-prepend > :not(:first-child):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),
.input-append > :not(:first-child):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-prepend > :not(:last-child),
.input-append > :not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.radio:not(.btn-group),
.checkbox:not(.btn-group) {
  display: inline-block;
  margin: 0 16px 16px 0px;
}
.radio:not(.btn-group) input[type="radio"],
.radio:not(.btn-group) input[type="checkbox"],
.checkbox:not(.btn-group) input[type="radio"],
.checkbox:not(.btn-group) input[type="checkbox"] {
  margin-top: 2px;
  margin-right: 8px;
}
.accordion {
  margin-bottom: 20px;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.accordion-group .accordion-body {
  padding: 0;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
}
.accordion-toggle {
  cursor: pointer;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
.well {
  min-height: 20px;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  border-radius: 0;
}
a.modal {
  position: initial !important;
  top: auto !important;
  left: auto !important;
  display: inline-block !important;
  width: auto !important;
  height: auto !important;
}
@media only screen and (max-width: 1199px) {
  .sp-megamenu-parent > li > a,
  .sp-megamenu-parent > li > span {
    padding: 0 10px;
  }
  #offcanvas-toggler {
    margin-left: 0;
  }
  .dynamic-banner-section {
    padding: 30px 0px 80px 0px !important;
  }
  .dynamic-banner-section .sppb-addon-text-block .sppb-addon-title .travelia-title {
    font-size: 80px;
  }
  .sppb-section.home-2-intro-section {
    padding-top: 70px !important;
  }
  .sppb-addon-articles h3 a {
    font-size: 20px;
  }
  div.sppb-addon-articles-slider .sppb-addon-article .sppb-article-details {
    width: 62%;
  }
  .variation-unique-about-traveller .sppb-addon-text-block .sppb-addon-title {
    font-size: 24px !important;
    line-height: 1 !important;
  }
  .variation-unique-about-traveller .sppb-addon-text-block .sppb-addon-title span {
    font-size: 20px;
  }
  .popular-travel-story .sppb-addon-module .sppb-addon-title {
    font-size: 20px !important;
    margin: 25px 0 5px 20px;
  }
  .popular-travel-story .latestnews > div {
    padding: 20px 20px 15px;
  }
  .popular-travel-story .latestnews .travelia-travel-story {
    width: 68%;
  }
  .travelia-tag-cloud .sppb-addon-title {
    margin: 25px 0 20px 20px;
  }

  .subscribe-form {
    padding-top: 0;
  }
  .view-article .popular-travel-story .latestnews .travelia-travel-story,
  .view-category .popular-travel-story .latestnews .travelia-travel-story {
    width: 60%;
    padding-left: 15px;
  }
  .travelia-blogv2 .entry-image {
    margin-bottom: 0;
    width: 45%;
  }
  .travelia-blogv2 .post-content-wrap {
    width: 50%;
    margin-left: 30px;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .top-search-input-wrap .search-wrap .search.travelia-top-search {
    width: 85%;
  }
  .travelia-blogv2.view-article .entry-image {
    width: 100%;
  }
}
@media only screen and (max-width: 991px) {
  .padding-top-60 {
    padding-top: 60px !important;
  }
  .padding-bottom-30 {
    padding-bottom: 30px !important;
  }
  .home-short-intro .sppb-addon-text-block .sppb-addon-title {
    font-size: 24px !important;
    line-height: 28px !important;
  }
  .home-short-intro .sppb-addon-text-block .sppb-addon-title span {
    font-size: 18px;
  }
  .sppb-section.home-as-seen-section {
    margin-bottom: 130px !important;
  }
  .sppb-section.home-as-seen-section .sppb-carousel .sppb-carousel-indicators {
    bottom: -50px;
  }
  .home-as-seen-section .sppb-carousel .sppb-carousel-inner {
    text-align: center;
  }
  .home-as-seen-section .sppb-carousel .sppb-carousel-inner .sppb-item .sppb-carousel-pro-text img {
    width: 30%;
    height: 30px;
    display: inline-block;
    float: none;
  }
  .travelia-home-top-section .sppb-addon-single-image.sppb-text-center {
    text-align: left;
  }
  .home-travel-adivice .sppb-addon-feature .sppb-feature-box-title {
    font-size: 24px !important;
    line-height: 24px !important;
  }
  .sppb-title-subheading br {
    display: none;
  }
  h3 {
    font-size: 28px !important;
  }
  .mod-speasyimagegallery .speasyimagegallery-album > div > a::before {
    width: 50px;
    height: 50px;
    font-size: 48px;
  }
  .sppb-section.top-right-bottom,
  .sppb-section.top-right-top {
    float: left;
    width: 50%;
  }
  .sppb-section.top-right-bottom .sppb-column .sppb-column-addons >div {
    padding-top: 0 !important;
  }
  .homepage-dynamic .sppb-section.home-as-seen-section {
    margin-bottom: 50px !important;
  }
  .homepage-dynamic .sppb-addon-articles h3 a {
    font-size: 16px;
  }
  div.sppb-addon-articles-slider .sppb-addon-article .sppb-img-wrapper {
    float: left;
    width: 35%;
    height: auto;
  }
  div.sppb-addon-articles-slider .sppb-addon-article .sppb-article-details {
    width: 65%;
    padding-left: 10px;
    padding-top: 0;
  }
  div.sppb-addon-articles-slider .sppb-addon-article .sppb-article-details .article-title {
    font-size: 14px !important;
  }
  .contact-page-form .sppb-addon-text-block {
    padding-left: 0;
    margin-top: 30px;
  }
  .contact-page-form {
    padding-bottom: 60px !important;
    padding-top: 0 !important;
  }
  .entry-header h2 {
    font-size: 20px;
  }
  .article-info > dd {
    display: block;
  }
  .view-article .popular-travel-story .latestnews .travelia-travel-story,
  .view-category .popular-travel-story .latestnews .travelia-travel-story {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .view-article .article-info > dd {
    display: inline-block;
  }
  .view-article .popular-travel-story .latestnews .article-list-img,
  .view-category .popular-travel-story .latestnews .article-list-img {
    width: 100%;
  }
  .travelia-blogv2 .post-content-wrap {
    margin-left: 20px;
  }
  .travelia-blogv2 .article-info > dd {
    display: inline-block;
  }
  .article-body .sppb-addon-single-image {
    margin: 15px 0;
  }
  .view-article.travelia-blogv2 article.item-page .entry-header {
    width: 81%;
  }
  .view-article.travelia-blogv2 article.item-page .entry-header h2 {
    font-size: 28px;
  }
  .view-article.travelia-blogv2 .helix-social-share {
    margin-left: 120px;
  }
  .view-article.travelia-blogv2 .article-body .sppb-col-md-12 {
    width: 81%;
  }
  .promo-banner .bannergroup .banneritem a {
    display: block;
  }
  .promo-banner .bannergroup .banneritem a img {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #sp-top1 {
    padding-left: 0;
  }
  .sppb-section.home-short-intro {
    margin: -100px 10px 0 !important;
  }
  .animated-number-border .sppb-col-md-4:nth-child(2) {
    border-right: 0;
    border-left: 0;
    margin: 20px 0;
  }
  .sppb-addon-articles h3 a {
    font-size: 20px !important;
  }
  .sppb-addon-articles .sppb-col-sm-4 {
    width: 50%;
    float: left;
  }
  .home-travel-adivice {
    padding-bottom: 50px !important;
  }
  .home-travel-adivice .sppb-addon-feature {
    margin-bottom: 25px;
  }
  .home-travel-adivice .sppb-addon-feature .sppb-img-container img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  .home-travel-adivice.section-border-bottom .sppb-row-container::after {
    bottom: -50px;
  }
  .speasyimagegallery-row .speasyimagegallery-album {
    padding: 20px !important;
  }
  .subscribe-form .acymailing_form {
    width: 85%;
  }
  #sp-bottom3 {
    clear: both;
    margin-top: 30px;
  }
  .home-2-banner-section .sppb-addon-title {
    line-height: 1 !important;
    font-size: 50px !important;
  }
  .home-2-banner-section .sppb-addon-title .travelia-title {
    font-size: 50px !important;
    line-height: 1.2 !important;
  }
  .home-2-intro-section .sppb-addon-text-block {
    padding-top: 30px;
  }
  .home-2-intro-section .home-as-seen-section .sppb-addon-text-block {
    padding-top: 0px;
  }
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title small {
    font-size: 40px;
  }
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title .clip-text {
    font-size: 30px;
    padding: 2px 20px;
  }
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title .clip-text-bg {
    bottom: 5px;
  }
  div.sppb-addon-articles-slider .sppb-addon-article .sppb-article-details {
    width: 100%;
    padding-left: 0;
    padding-top: 5px;
  }
  .sppb-slider-wrapper .customNavigation a.sppbSlidePrev {
    left: -15px;
  }
  .sppb-slider-wrapper .customNavigation a.sppbSlideNext {
    right: -15px;
  }
  .homepage-unique .sppb-addon-articles .sppb-col-sm-6 {
    width: 50%;
    float: left;
  }

  .popular-travel-story .latestnews .travelia-travel-story {
    width: 80%;
  }
  div.sppb-addon-articles-slider .sppb-addon-article .sppb-img-wrapper {
    width: 100%;
    height: auto;
  }
  .about-page-intro-details .intro-details-video {
    padding: 110px 0 120px;
  }
  .sppb-addon-gmap-canvas {
    height: 315px !important;
  }
  .section-custom-title .sppb-addon-title {
    margin-top: 40px;
  }
  .sp-comingsoon .sp-comingsoon-countdown .days span.number,
  .sp-comingsoon .sp-comingsoon-countdown .hours span.number,
  .sp-comingsoon .sp-comingsoon-countdown .minutes span.number,
  .sp-comingsoon .sp-comingsoon-countdown .seconds span.number {
    font-size: 50px;
  }
  .sp-comingsoon .sp-comingsoon-countdown .days span.string,
  .sp-comingsoon .sp-comingsoon-countdown .hours span.string,
  .sp-comingsoon .sp-comingsoon-countdown .minutes span.string,
  .sp-comingsoon .sp-comingsoon-countdown .seconds span.string {
    font-size: 20px;
  }
  .blog .items-row .col-sm-6 {
    float: left;
    width: 50%;
  }
  .view-article .popular-travel-story .latestnews .travelia-travel-story,
  .view-category .popular-travel-story .latestnews .travelia-travel-story {
    width: 80%;
    padding-left: 15px;
    margin-top: 0;
  }
  .view-article .popular-travel-story .latestnews .article-list-img,
  .view-category .popular-travel-story .latestnews .article-list-img {
    width: 20%;
  }
  .sppb-addon-thumb-gallery #carousel .slides {
    margin-left: 0;
  }
  #sp-right {
    clear: left;
  }
  #sp-left {
    clear: right;
  }
  article.item-page .pager.pagenav {
    margin: 40px 0 50px;
  }
  .view-article.travelia-blogv2 article.item-page .entry-header h2 {
    font-size: 24px;
  }
  .view-article.travelia-blogv2 .helix-social-share {
    margin-left: 95px;
  }
  .gallery-with-bg-section .speasyimagegallery-albums {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 599px) {
  #sp-bottom2 .sp-module.bottom-menu:nth-child(2) {
    margin-left: 10px;
    margin-top: 60px;
  }
  #sp-menu {
    width: 16.66666667%;
  }
  #sp-top2 {
    width: 26%;
  }
  #sp-top1 {
    padding-left: 10px;
  }
  .sppb-section.home-as-seen-section {
    margin-bottom: 85px !important;
  }
  #sp-bottom1 .sppb-addon-text-block br:last-of-type {
    display: none;
  }
  #sp-bottom3.col-xs-6 {
    width: 100%;
  }
  .top-right-top {
    padding-right: 15px !important;
  }
  .top-right-bottom {
    padding-left: 15px !important;
  }
  .homepage-dynamic #sp-top2 {
    width: 25%;
    padding-left: 0;
  }
  .homepage-dynamic #sp-menu {
    width: 100%;
  }
  .homepage-unique .sppb-addon-articles h3 a {
    font-size: 16px !important;
  }
  .view-article .popular-travel-story .latestnews .travelia-travel-story,
  .view-category .popular-travel-story .latestnews .travelia-travel-story {
    width: 75%;
  }
  article.item-page .article-info > dd {
    font-size: 12px;
  }
  .view-article div.tags a.label {
    font-size: 12px;
  }
  .view-article #sp-main-body,
  .view-category #sp-main-body {
    padding-top: 0;
  }
  .view-article.travelia-blogv2 article.item-page .entry-header {
    width: 100%;
  }
  .view-article.travelia-blogv2 article.item-page .entry-header h2 {
    font-size: 20px;
  }
  .view-article.travelia-blogv2 .article-body .sppb-col-md-12 {
    width: 100%;
  }
  .view-article.travelia-blogv2 .pager.pagenav {
    width: 100%;
  }
  .view-article.travelia-blogv2 .helix-social-share {
    margin-left: 0;
  }
  body.rtl #sp-bottom2 div.sp-module.bottom-menu:nth-child(2) {
    margin-left: 0;
    margin-right: 30px;
  }
}
@media only screen and (max-width: 479px) {
  #sp-top1 {
    width: 38%;
  }
  #sp-top2 {
    width: 41%;
  }
  #sp-menu {
    width: 16.66666667%;
  }
  h3 {
    font-size: 24px !important;
  }
  .sppb-col-xs-6 {
    max-width: 100%;
    flex: 0 0 100%;
  }
  .sppb-addon-articles .sppb-col-sm-4 {
    width: 100%;
    float: left;
  }
  #sp-page-builder .sppb-section-title.sppb-text-center .sppb-title-subheading {
    max-width: 100%;
  }
  .speasyimagegallery-albums .speasyimagegallery-row .speasyimagegallery-col-xs-6 {
    width: 100%;
  }
  #sp-bottom1 {
    width: 100%;
  }
  #sp-bottom1 .sppb-addon-text-block br {
    display: none;
  }
  #sp-bottom2 {
    margin-top: 35px;
    width: 100%;
  }
  .sppb-section.top-right-top {
    padding-right: 0px !important;
    width: 100%;
  }
  .sppb-section.top-right-bottom {
    padding-left: 0px !important;
    width: 100%;
  }
  .homepage-dynamic #sp-top1 {
    width: 100%;
  }
  .homepage-dynamic #sp-logo {
    margin-top: 20px;
    width: 100%;
  }
  .homepage-dynamic #sp-top2 {
    width: 100%;
    padding-left: 15px;
    text-align: center;
    margin-top: 15px;
  }
  body.homepage-unique #sp-top1 {
    width: 100%;
  }
  body.homepage-unique #sp-logo {
    margin-top: 20px;
    width: 100%;
  }
  body.homepage-unique #sp-top2 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  body.homepage-unique #sp-menu {
    width: 100%;
  }
  body.homepage-unique #sp-top-bar {
    padding: 0px 0 10px;
  }
  .homepage-unique .sppb-addon-articles .sppb-col-sm-6 {
    width: 100%;
  }
  .popular-travel-story .latestnews .travelia-travel-story {
    width: 65%;
    padding-left: 10px;
    margin-top: 0;
  }
  .popular-travel-story .latestnews .article-list-img {
    width: 35%;
  }
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-bg {
    height: 380px;
  }
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {
    line-height: 1;
    margin-bottom: 15px;
    font-size: 30px;
  }
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title small {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title .clip-text {
    font-size: 20px;
  }
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title .clip-text-bg {
    bottom: 0;
  }
  .about-page-intro-details {
    margin-top: -10px !important;
  }
  .about-page-intro-details .sppb-addon-text-block {
    padding: 0 10px;
  }
  .about-page-intro-details div.subheading-text {
    padding: 30px 10px 30px;
  }
  .about-page-intro-details .intro-details-video {
    padding: 80px 0 80px;
  }
  .about-page-intro-details .sppb-addon-social-media {
    margin: 40px 0 0px;
  }
  .about-page-intro-details .sppb-addon-social-media a {
    margin-bottom: 20px;
  }
  .section-custom-title {
    margin-bottom: 30px;
  }
  .sp-comingsoon .sp-comingsoon-countdown .days span.number,
  .sp-comingsoon .sp-comingsoon-countdown .hours span.number,
  .sp-comingsoon .sp-comingsoon-countdown .minutes span.number,
  .sp-comingsoon .sp-comingsoon-countdown .seconds span.number {
    font-size: 30px;
  }
  .sp-comingsoon .sp-comingsoon-countdown .days span.string,
  .sp-comingsoon .sp-comingsoon-countdown .hours span.string,
  .sp-comingsoon .sp-comingsoon-countdown .minutes span.string,
  .sp-comingsoon .sp-comingsoon-countdown .seconds span.string {
    font-size: 14px;
  }
  .error-page .error-code {
    font-size: 50px;
  }
  .error-page .error-page-inner .error-logo-wrap {
    margin-bottom: 50px;
    display: none !important;
  }
  .error-page .error-message {
    margin-bottom: 40px;
  }
  .blog .items-row .col-sm-6 {
    float: left;
    width: 100%;
  }
  .view-article .popular-travel-story .latestnews .travelia-travel-story,
  .view-category .popular-travel-story .latestnews .travelia-travel-story {
    width: 60%;
  }
  #sp-blog-bottom .container::before {
    width: 90.5%;
  }
  article.item-page .entry-header h2 {
    margin-top: 10px;
    margin-bottom: 12px;
    font-size: 24px;
  }
  article.item-page .article-info {
    margin-bottom: 20px;
  }
  div.tags {
    display: none;
  }
  .article-info > dd:last-of-type::after {
    display: none;
  }
  .sppb-addon-thumb-gallery #carousel .flex-direction-nav li.flex-nav-prev a {
    bottom: -2px;
    left: 0 !important;
  }
  .sppb-addon-thumb-gallery #carousel .flex-direction-nav li.flex-nav-next a {
    bottom: -2px;
    right: 0 !important;
  }
  .sppb-addon-blockquote .sppb-blockquote {
    margin: 60px 0 30px;
  }
  .helix-social-share .helix-social-share-icon ul li {
    margin-bottom: 10px;
  }
  article.item-page .helix-social-share {
    margin-bottom: 35px;
  }
  .view-article .popular-travel-story .latestnews .article-list-img,
  .view-category .popular-travel-story .latestnews .article-list-img {
    width: 40%;
  }
  .travelia-blogv2 .entry-image {
    margin-bottom: 20px;
    width: 100%;
  }
  .travelia-blogv2 .post-content-wrap {
    margin-left: 0;
    width: 100%;
    margin-bottom: 0;
  }
  .travelia-blogv2.view-article #sp-main-body,
  .travelia-blogv2.view-category #sp-main-body {
    padding-top: 20px;
  }
  .travelia-blogv2.view-article .pagination,
  .travelia-blogv2.view-category .pagination {
    margin-top: 0;
  }
  .sp-page-title {
    padding: 40px 0 0;
  }
  article.item {
    display: table;
    width: 100%;
  }
  .top-search-input-wrap .search-wrap .search.travelia-top-search {
    top: 57%;
  }
  body.rtl .home-as-seen-section .sppb-carousel .sppb-carousel-inner .sppb-item .sppb-carousel-pro-text {
    text-align: right;
    margin-right: -15px;
  }
  body.rtl.view-article .popular-travel-story .latestnews > div,
  body.rtl.view-category .popular-travel-story .latestnews > div {
    padding-right: 0;
  }
  .about-page-intro-details {
    padding: 36px 0 170px;
  }
}
@media only screen and (max-width: 992px) {
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {
    margin-top: 0;
    margin-bottom: 22px;
    position: relative;
    z-index: 2;
    height: 198px;
    color: #fff;
  }
}
@media only screen and (max-width: 768px) {
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {
    margin-top: 0;
    margin-bottom: 22px;
    position: relative;
    z-index: 2;
    height: 100px;
    color: #fff;
  }
}
@media only screen and (max-width: 500px) {
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title {
    margin-top: 0;
    margin-bottom: 22px;
    position: relative;
    z-index: 2;
    height: 95px;
    color: #fff;
  }
}
@media only screen and (max-width: 768px) {
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title small {
    font-size: 30px;
  }
}
@media only screen and (max-width: 500px) {
  .sppb-slider-wrapper .sppb-slideshow-fullwidth-item-text .sppb-fullwidth-title small {
    font-size: 25px;
  }
}

.btn.btn-primary.btn-block.f90-logout-button {
	background: #820000;
	padding:5px;
}

.btn.btn-primary.btn-block.f90-logout-button a{
	background: #4c0707;
	padding:5px;
}

.customdeco {
	float:right;
}

.register-switch, .login-switch {
    z-index: 1005;
}

a:hover {
    color: #548ABF!important;
}

.sp-module ul >li >a:hover {
    color: #548ABF!important;
	text-decoration:underline!important;
}

.sp-module ul >li >a {
	
}

.btn:not([class*="btn-"]) {
    color: #ebdec2;
    background-color: #184d81;
    border-color: #548ABF;
border-radius: unset!important;
}

.btn:not([class*="btn-"]):hover {
    color: #ebdec2;
    background-color: #548ABF;
    border-color: #184d81;
border-radius: unset!important;
}

a {
    color: #6DA2D6!important;
}



#sp-header a{
    color: #ebdec2!important;
	text-decoration:none;
}

#sp-header a:hover{
    color: #548ABF!important;
	text-decoration:none;
}

.btn {
line-height:1!important;
}

.moncompte {
margin-top:0!important;
float:right;
margin-right:20px;
}

.sppb-carousel-inner>.sppb-item>a>img, .sppb-carousel-inner>.sppb-item>img, .sppb-img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}

.sp-megamenu-wrapper {
    text-align: right;
}

.com-users .reg-login-form-wrap {
    background: transparent;
    position: relative;
    padding: 0;
}

.sp-page-title {
    padding-top: 15%;
}

#sp-page-title {
    background-size: 100% auto !important;
}

.sp-page-title h2 {
    padding: 0;
    color: #ebdec2;
    line-height: 1;
    font-size: 58px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 5px 5px 5px rgb(0 0 0 / 30%);
}

@media only screen and (max-width: 800px) {
.sp-page-title h2 {
    padding: 0;
    color: #ebdec2;
    line-height: 1;
    font-size: 30px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 5px 5px 5px rgb(0 0 0 / 30%);
}
}

.header-content-wrap {
    border-bottom: none;
}
.view-article #sp-page-title {
    display: inherit;
}

.divider {
    padding-right: 6px;
}

.itemBackToTop {
	display: none;
}

.products-toolbar .orderby-displaynumber {
    background-color: transparent;
    padding: 0;

}

.field-entry.carte {
height: 80vh;
}

div#sp-breadcrumb {
    padding: 15px;
    font-size: 14px;
}

.sp-page-title .breadcrumb > li {
display: none;
}

.item-field.ct3 {
	position: absolute;
    z-index: 99;
    padding: 11px;
    background: #211008;
    width: auto;
    height: auto;
    font-size: 15px;
    border-top: 1px solid #80715c;
    border-right: 1px solid #80715c;
    margin-top: -66px;
}

.item-field.ct7::before {
    content: "\f017";
    font-family: "Font Awesome 5 Free";
    font-size: 20px;
    padding: 5px;
}

.item-field.ct7 {
float: right;
    padding-right: 15px;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    right: 0;

}

.item-field.ct3::before {
    content: "\f554";
    font-family: "Font Awesome 5 free";
    font-size: 14px;
    padding-right: 10px;
    font-weight: 900;
}

.item-field.ct4::before {
    content: "\f3c5";
    font-family: "Font Awesome 5 free";
    font-size: 20px;
    padding: 5px;
    font-weight: 900;
}

.item-field.ct4 {
    float: left;
    padding-left: 8px;
    font-size: 15px;
    position: absolute;
    bottom: 0;
    left: 0;
}

dt.filter-options-title {
    overflow: hidden;
}

.item-field.ct8 {
    display: none;
}

dt.filter-options-title:after {
    content: "";
    display: inline-block;
    height: 1em;
    vertical-align: bottom;
    width: 100%;
    margin-right: -100%;
    margin-left: 40px;
    border-top: 1px solid #80715c;
}

.btn.btn-default {
    background: #660202;
    padding: 10px 10px;
    color: #ebdec2;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    border: 1px solid #b80000;
}

.btn.btn-default:hover {
    background: #b80303!important;
}

.products-toolbar .toolbar-sorter .action {
    background-color: transparent;
	height: auto;
}

.products-toolbar .toolbar-sorter .action.sort-asc .fa-long-arrow-up:before {
    content: "\f175";
	font-family: FontAwesome;
}

.products-toolbar span {
    vertical-align: inherit;
}



dd.field-entry.distance:before {
    content: "\f554";
    font-family: "Font Awesome 5 free";
    padding: 5px;
    font-weight: 900;
    color: #548ABF;
}

dd.field-entry.arrondissement:before {
    content: "\f3c5";
    font-family: "Font Awesome 5 free";
    padding: 5px;
    font-weight: 900;
    color: #548ABF;
}

dd.field-entry.duree:before {
    content: "\f017";
    font-family: "Font Awesome 5 free";
    padding: 5px;
    color: #548ABF;
}


article.item.item-page > dl.fields-container {
	display:flex;
	    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #548ABF;
    margin-bottom: 50px;
    font-size: 28px;
}

@media only screen and (max-width: 800px) {
article.item.item-page > dl.fields-container {
    font-size: 18px;

	}
}


span.field-label {
    display: none;
}

article.item.item-page > dl.fields-container > dd.field-entry.carte {
    display: none;
}

dd.field-entry.distance {
    padding: 10px;
}

dd.field-entry.duree {
    padding: 10px;
}

dd.field-entry.arrondissement {
    padding: 10px;
}

.sst-content {
    display: none;
    /* padding: 6px 12px; */
    background: none!important;
    border: none!important;
    /* margin-top: -1px; */
    margin-bottom: 0;
}

.sst-title.sstt-1.active {
    display: none;
}

.sst-title {
    background-color: #184d81;
    float: left;
	    color: #fff;
    border: 1px solid #548ABF;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-right: 0;
    cursor: pointer;
    padding: 9px 16px;
    transition: 0.3s;
	border-radius: 999px;
}

.sst-outer {
    overflow: hidden;
    margin-top: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sst-title:hover {
    background-color: #548ABF;
    color: #ebdec2;
}

spoiler {
    color: #82bdf7;
    padding-left: 5%;
	font-style: italic;
}

@media print
{    
    #sp-header, #sp-header *
    {
        display: none !important;
    }
}

@media print
{    
    #sp-bottom, #sp-bottom *
    {
        display: none !important;
    }
}

@media print
{    
    .sp-module.cartebalade, .sp-module.cartebalade *
    {
        display: none !important;
    }
}

@media print
{    
    .sst-outer, .sst-outer *
    {
        display: none !important;
    }
}

@media print
{    
    spoiler, spoiler *
    {
        filter: blur(0px)!important;
    }
}

#easybook .easy_contact {
display:none;
}

#easybook .easy_top_right {

    display: flex;
	align-items: flex-start;
}



#easybook .easy_big {
    font-size: 20px;
    vertical-align: middle;
}

#easybook .easy_small {
    font-size: 13px;
    vertical-align: middle;
    padding-left: 10px;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    align-items: center;
    justify-content: center;
}

#easybook ul.pagination {
    font-size: 20px;
    text-align: center !important;
}

.page-item.active .page-link {
    z-index: 3;
color: #ebdec2!important;
    background-color: transparent!important;
    border-color: #ebdec2!important;
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: transparent;
    border: 1px solid #6DA2D6;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.page-link:hover {
    z-index: 2;
    color: #184d81!important;
    background-color: transparent;
    border-color: #184d81;
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}




a.btn.btn-primary:focus {
    background-color: #241202;
    border-color: #241202;
    box-shadow: none;
}

button.btn.btn-primary {
    background: #184d81 !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 1px solid #548ABF;
}
input {
    font-weight: 700;
}
textarea {
    font-weight: 700;
}
select {
    font-weight: 700;
}

.form-builder-checkbox-item input:checked+label::before, .form-builder-radio-item input:checked+label::before, .sppb-addon-form-builder .sppb-form-check-input:checked+label::before {
    background: #5884b6;
}

input#search-searchword {
    font-weight: 700;
}

span.highlight {
    background: #234c80;
    padding: 4px 4px;
    border-radius: 2px;
}

textarea#comment {
    height: 200px;
}

textarea#comment_1 {
    height: 200px;
}

.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span {
    position: relative;
}

.sp-megamenu-parent > li > a:before,
.sp-megamenu-parent > li > span:before {
    content: '';
    position: absolute;
    height: 1px;
    background: #6DA2D6;
    bottom: -5px; 
    left: 50%;
    width: 0;
    transform: translateX(-50%);
    transition: width .3s ease;
}

.sp-megamenu-parent > li.active > a:before,
.sp-megamenu-parent > li:hover > a:before,
.sp-megamenu-parent > li:hover > span:before {
    width: 100%;
}

.form-actions {
    padding: 20px 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    border-top: none !important;
}


.btn.btn-primary {
    background: #184d81;
    padding: 20px 20px;
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1;
    border: 1px solid #548ABF;
	letter-spacing: 1.5px;
	border-radius: 0px;
    	font-size: 12px;
box-shadow: 0 0 0 0 #FFFFFF;
}

.btn.btn-primary:hover {
background: #548ABF;
border-color: #000000;
}

a.btn.btn-primary:focus {
background: #548ABF;
border-color: #000000;
    box-shadow: none;
}

#eb-categories .eb-category, #eb-events .eb-event {
    margin: 0 0 50px 0px;
}

.eb-box-heading {
    color: #6DA2D6;
    font-weight: 700;
    margin: 0;
}

h3.eb-heading {
    color: #6188bc;
}

h1.eb-page-heading {

    font-size: clamp(28px, 3vw, 35px);
}

h1.eb-page-title {
    color: #6188bc;
        font-size: clamp(28px, 3vw, 35px);
}

.eb-box-heading {
    border-radius: 0;
    color: #333;
    font-weight: 700;
    padding: 0;
    margin: 0;
    background: 0;
    border: 0;
}

.eb-box-heading h2, .eb-box-heading h3 {
    margin: 0;
     font-size: clamp(20px, 3vw, 35px);
}

#eb-categories .eb-description, #eb-event-page .eb-description, #eb-events .eb-description {
    background: 0;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    margin: 0;
}

tr.eb-event-property {
    border: none !important;
}

td.eb-event-property-value {
    font-family: Josefin Sans, sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: #ebdec2 !important;
    text-decoration: none !important;
}

td.eb-event-property-label {
    font-family: Josefin Sans, sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: #ebdec2 !important;
    text-decoration: none !important;
}

.eb-form-heading {
    background: none repeat scroll 0 0 #201815;
    border: 1px solid #807769;
    color: #5b89bd;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 10px;
    background-image: url(/images/fond7.webp);
    background-repeat: repeat-x;
    background-size: cover;
    background-attachment: scroll;
    background-position: 50% 100%;
}

#eb-message #adminForm .control-group,
#eb-message #adminForm .eb-field-value {
    display: flex;
    align-items: flex-start;
}

#eb-message #adminForm .control-label {
    flex: 0 0 30%;
}

#eb-message #adminForm .controls {
    flex: 0 0 70%;
    min-width: 0;
}

@media (max-width: 768px) {
    #eb-message #adminForm .control-group,
    #eb-message #adminForm .eb-field-value {
        flex-direction: column;
    }

    #eb-message #adminForm .control-label,
    #eb-message #adminForm .controls {
        flex: 0 0 100%;
        width: 100%;
    }
}

#eb-message .form-horizontal .controls {
    margin-left: 0 !important;
}

.eb-notice-message {
    font-size: 130%;
    font-weight: 700;
    margin-top: 8px;
    color: #32cd00 !important;
}

#eb-upcoming-events-page-default table {
    width: 100% !important;

}

@media (max-width: 768px) {

    #eb-upcoming-events-page-default .row-fluid {
        display: flex;
        flex-direction: column;
    }

    #eb-upcoming-events-page-default .span7,
    #eb-upcoming-events-page-default .span5 {
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
    }
}

@media (max-width: 768px) {

    #eb-upcoming-events-page-default table {
        width: 100% !important;
    }

    #eb-upcoming-events-page-default table,
    #eb-upcoming-events-page-default tbody,
    #eb-upcoming-events-page-default tr,
    #eb-upcoming-events-page-default td {
        display: block;
        width: 100%;
    }

    #eb-upcoming-events-page-default tr {
        margin-bottom: 10px;
        border-bottom: 1px solid #ddd;
    }

    #eb-upcoming-events-page-default td {
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
    }
}

@media (max-width: 768px) {
    #eb-upcoming-events-page-default td[style*="width"] {
        width: auto !important;
    }
}





:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     14px;
}
 
}
.pnl-wrap{ max-width: 980px; margin: 0 auto; }
 
/* ---------- BOUTON "SIGNER LE LIVRE D'OR" ---------- */
 
.sign{
  text-align: right;
  margin-bottom: 26px;
}
.sign strong{ font-weight: normal; }
.sign a.sign{ text-decoration: none; display:inline-block; }
 
.sign button.btn.btn-success{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
  padding: 11px 26px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .18s ease;
}
.sign button.btn.btn-success:hover{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
  transform: translateY(-1px);
}
.sign .icon-new{ display: none; } /* icône par défaut du plugin retirée, cohérent avec les CTA de la page balades */
 
/* ---------- INTRO ---------- */
 
.easy_intro{
  font-size: 16px;
  line-height: 1.7;
  max-width: 680px;
  margin-bottom: 40px;
}
 
/* ---------- LISTE D'ENTRÉES ---------- */
 
.easy_entries{
  display: flex;
  flex-direction: column;
  gap: 26px;
}
 
/* neutralise les <p class="clear"> qui servaient d'espaceurs manuels dans l'ancien balisage */
.easy_entries p.clear{ margin:0; height:0; display:none; }
 
/* ---------- CARTE D'AVIS ---------- */
 
.easy_frame{
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 28px 32px 26px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);
  overflow: hidden;
}
.easy_frame::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
}
 
.easy_top{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 14px;
height: auto !important;
}
 
.easy_top .clear{ display:none; } /* le clearfix historique n'est plus nécessaire en flex */
 
.easy_top_left{ display:flex; flex-direction: column; gap: 4px; }
 
.easy_big{
  font-size: 19px;
  font-weight: 600;
  color: var(--pnl-blue);
  letter-spacing: .2px;
}
.easy_big::before{
  content: "\2736 ";
  color: var(--pnl-gold);
  font-size: 14px;
}
 
.easy_small{
font-weight: 400 !important;
    font-size: 13px !important;
    color: var(--pnl-ink-muted);
    letter-spacing: .2px;
padding-left: 0px!important;
}
 
/* Badge de catégorie ("Balade et rallye"), généré par le petit script fourni à côté */
.pnl-tag{
  display:inline-block;
  margin-left: 8px;
  padding: 2px 10px;
  background: rgba(207,159,63,0.16);
  color: var(--pnl-gold);
  border: 1px solid rgba(207,159,63,0.4);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .3px;
  text-transform: uppercase;
  vertical-align: middle;
}
 
.easy_top_right{
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
}
 
.easy_top_right img[alt*="Star"]{
  width: 14px;
  height: 14px;
  margin: 0 1px;
  vertical-align: middle;
}
 
.easy_top_right_admin{
  display: flex;
  align-items: center;
  gap: 6px;
  margin-left: 14px;
  padding-left: 14px;
  border-left: 1px solid var(--pnl-card-line);
}
.easy_top_right_admin a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 7px;
  background: rgba(255,255,255,0.04);
  transition: background .15s ease;
}
.easy_top_right_admin a:hover{
  background: rgba(207,159,63,0.18);
}
.easy_top_right_admin img{
  width: 13px;
  height: 13px;
  opacity: .85;
}
 
/* ---------- CONTENU DE L'AVIS ---------- */
 
.easy_content{
  font-size: 15px;
  line-height: 1.75;
  margin-top: 6px;
}
 
/* ---------- CONTACT (icône email) ---------- */
 
.easy_contact{
  margin: 6px 0 2px;
}
.easy_contact a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(207,159,63,0.14);
}
.easy_contact img{
  width: 12px;
  height: 12px;
}
 
/* ---------- PAGINATION ---------- */
 
 @media (min-width: 992px) {
    .col-lg-6 {
        flex: 0 0 auto;
        width: 100%;
    }
}

strong.easy_pagination{
  display: block;
  text-align: center;
  color: var(--pnl-ink-muted);
  font-size: 13px;
  letter-spacing: .3px;
  margin: 36px 0 16px;
}
 
div.easy_pagination{
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
 
ul.pagination{
  list-style: none;
  display: flex;
  gap: 6px;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
}
 
a.page-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--pnl-card-line);
  color: var(--pnl-ink-muted);
  font-size: 13px;
  text-decoration: none;
  transition: all .15s ease;
}
a.page-link:hover{
  background: rgba(127,176,217,0.14);
  color: #dfd4ba !important;
  border-color: var(--pnl-blue-deep);
}
li.page-item.active a.page-link{
  background: var(--pnl-blue-deep);
  border-color: var(--pnl-blue-deep);
  color: #fff;
  font-weight: 700;
}
 
/* ---------- RESPONSIVE ---------- */
 
@media (max-width: 640px){
  .easy_frame{ padding: 22px 20px 20px; }
  .easy_top{ flex-direction: column; align-items: flex-start; gap: 10px; }
  .easy_top_right{ align-self: flex-start; }
  .sign{ text-align: center; }
}


:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     14px;
}
 
body.pnl-preview{
  margin:0;
  padding:48px 24px;
  background: radial-gradient(ellipse at top, #241a15 0%, #150f0c 60%, #0e0a08 100%);
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}
.pnl-wrap{ max-width: 780px; margin: 0 auto; }
 
/* ---------- BOUTON "SIGNER LE LIVRE D'OR" ---------- */
 
#phocaguestbook #pgb-toggle-form{
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
  padding: 11px 26px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .18s ease;
      margin: 0 auto 30px;
    width: fit-content;
}
#phocaguestbook #pgb-toggle-form:hover{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
  transform: translateY(-1px);
}
 
/* ---------- FORMULAIRE "POSER UN MESSAGE" ---------- */
 
#phocaguestbook #pgb-form.well{
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);

  margin-bottom: 34px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);
  overflow: hidden;
}
#phocaguestbook #pgb-form.well::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
}
 
#phocaguestbook #pgb-form h4{
  color: var(--pnl-blue);
  font-size: 19px;
  font-weight: 600;
  margin: 0 0 24px;
  letter-spacing: .2px;
}
#phocaguestbook #pgb-form h4::before{
  content: "\2736 ";
  color: var(--pnl-gold);
  font-size: 15px;
  margin-right:10px;
}
 
#phocaguestbook .control-group{ margin-bottom: 20px; }
 
#phocaguestbook .control-label label{
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-weight: 600;
}
#phocaguestbook .star{ color: var(--pnl-gold); }
 
#phocaguestbook .form-control{
  width: 100%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--pnl-card-line);
  border-radius: 8px;
  padding: 11px 14px;
  color: var(--pnl-ink);
  font-size: 14px;
  font-family: inherit;
  transition: border-color .15s ease, background .15s ease;
}
#phocaguestbook .form-control::placeholder{ color: var(--pnl-ink-muted); opacity: .6; }
#phocaguestbook .form-control:focus{
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
}
#phocaguestbook textarea.form-control{ min-height: 150px; resize: vertical; }
 
#phocaguestbook .pgb-captcha-in{ margin: 0 0 10px; }
#phocaguestbook .pgb-captcha-in img{
  border-radius: 6px;
  border: 1px solid var(--pnl-card-line);
  display: block;
}
 
#phocaguestbook .ph-privacy-box{
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
#phocaguestbook .ph-privacy-checkbox{ padding-top: 2px; }
#phocaguestbook input[type="checkbox"]{
  width: 16px;
  height: 16px;
  accent-color: var(--pnl-gold);
}
#phocaguestbook .ph-privacy-text p{
  margin: 10px 0 0 0 ;
  font-size: 13px;
  line-height: 1.6;
  color: var(--pnl-ink-muted);
}
 
#phocaguestbook hr.hr-condensed{
  border: none;
  border-top: 1px solid var(--pnl-card-line);
  margin: 22px 0;
}

#phocaguestbook .btn-toolbar {
    justify-content: center;
}

#phocaguestbook .btn-group {
    float: none;
}

#phocaguestbook .pgb-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

#phocaguestbook .pgb-btn-primary{
  display: inline-flex;
  align-items: center;
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
  padding: 11px 30px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .18s ease;
}
#phocaguestbook .pgb-btn-primary:hover{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
  transform: translateY(-1px);
}
 
/* ---------- CARTES D'AVIS ---------- */
 
#phocaguestbook .pgwell{
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 28px 32px 24px;
  margin-bottom: 24px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);
  overflow: hidden;
}
#phocaguestbook .pgwell::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
}
 
#phocaguestbook .pgtitle{
  color: var(--pnl-blue);
  font-size: 19px;
  font-weight: 600;
  letter-spacing: .2px;
}
#phocaguestbook .pgtitle::before{
  content: "\2736 ";
  color: var(--pnl-gold);
  font-size: 14px;
  margin-right:10px;
}
 
#phocaguestbook .pgblockquote{
  margin: 0;
  border: none;
  padding: 0;
}
 
#phocaguestbook .pgb-content-inside{
  color: #ebdec2;
  font-size: 16px;
  line-height: 1.75;
  white-space: pre-line; /* préserve les retours à la ligne du texte d'origine */
margin: 0 auto 30px;

}
 
#phocaguestbook .pgblockquote hr.pgb_border{
  border: none;
  border-top: 1px solid var(--pnl-card-line);
  margin: 16px 0 10px;
}
 
#phocaguestbook .pgb_thi_font{
  display: block;
  text-align: right;
  color: var(--pnl-ink-muted);
  font-size: 12.5px;
  letter-spacing: .3px;
}
 
/* ---------- PAGINATION ---------- */
 
.pagination{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px;
  padding: 0;
  margin: 34px 0 6px;
}
.page-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--pnl-card-line);
  color: var(--pnl-ink-muted);
  font-size: 13px;
  text-decoration: none;
  transition: all .15s ease;
}
a.page-link:hover{
  background: rgba(127,176,217,0.14);
  color: var(--pnl-blue);
  border-color: var(--pnl-blue-deep);
}
.page-item.active .page-link{
  background: var(--pnl-blue-deep);
  border-color: var(--pnl-blue-deep);
  color: #fff;
  font-weight: 700;
}
.page-item.disabled .page-link{
  opacity: .3;
  cursor: default;
      color: inherit;
    pointer-events: inherit;
    background-color: inherit;
    border-color: inherit;
}

.page-item.disabled .page-link:hover{
 color: inherit!important;
}
 
.pagecounter{
  display: block;
  text-align: center;
  color: var(--pnl-ink-muted);
  font-size: 13px;
  margin-top: 4px;
}

/* Focus générique — filet de sécurité pour tout ce que :focus-visible
   ne couvrirait pas (mêmes couleurs que les autres états) */
.page-link:focus{
  background: rgba(127,176,217,0.14);
  color: #dfd4ba;
  border-color: var(--pnl-blue-deep);
  outline: 2px solid var(--pnl-blue);
  outline-offset: 2px;
}

/* La page active garde son style même si elle reçoit le focus */
li.page-item.active .page-link:focus{
  background: var(--pnl-blue-deep);
  border-color: var(--pnl-blue-deep);
  color: #fff;
  outline: none;
}
 
#phocaguestbook .pg-pagination-bottom{ display: none; }
 
#phocaguestbook a[href*="phocaguestbook"]{
  color: var(--pnl-ink-muted);
  opacity: .5;
  font-size: 11px;
  text-decoration: none;
}
 
/* ---------- RESPONSIVE ---------- */
 
@media (max-width: 640px){
  #phocaguestbook #pgb-form.well{ padding: 24px 20px; }
  #phocaguestbook .pgwell{ padding: 22px 20px 20px; }
}

#phocaguestbook div[style*="text-align: right"]{
  display: none !important;
}

.sp-megamenu-parent .sp-menu-item > a > img {
    display: none;
}


#phocaguestbook .control-group {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 20px;
}

#phocaguestbook .control-label {
    flex: 0 0 160px;
    text-align: right;
    padding-top: 5px;
}

#phocaguestbook .controls {
    flex: 1;
    min-width: 0;
}

@media (max-width: 767px) {

    #phocaguestbook .control-group {
        display: block;
    }

    #phocaguestbook .control-label {
        text-align: left;
        padding-top: 0;
        margin-bottom: 8px;
    }

}

.form-horizontal .controls {
    margin-left: 0px;
}



:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     14px;
}
 
body.pnl-preview{
  margin:0;
  padding:48px 24px;
  background: radial-gradient(ellipse at top, #241a15 0%, #150f0c 60%, #0e0a08 100%);
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}
.pnl-wrap{ max-width: 720px; margin: 0 auto; }
 



 
/* ---------- CARTE FORMULAIRE ---------- */
 
#cf_1 .cf-form-wrap{
  position: relative;
  background: var(--pnl-card-bg) !important;
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 32px 34px 30px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);
  overflow: hidden;
}
#cf_1 .cf-form-wrap::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
}
 


 
/* ---------- LABELS ---------- */
 
#cf_1 .cf-control-label{ margin-bottom: 7px; }
#cf_1 .cf-label{
  display: block;
  font-size: 16px;
  letter-spacing: .6px;

}
#cf_1 .cf-required-label{
  color: var(--pnl-gold);
  margin-left: 2px;
}
 
/* ---------- CHAMPS ---------- */
 
#cf_1 .cf-input{
  width: 100%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--pnl-card-line);
  border-radius: 8px;
  padding: 11px 14px;
  color: var(--pnl-ink);
  font-size: 14px;
  font-family: inherit;
  transition: border-color .15s ease, background .15s ease;
}
#cf_1 .cf-input::placeholder{ color: var(--pnl-ink-muted); opacity: .55; }
#cf_1 .cf-input:focus{
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
}
#cf_1 textarea.cf-input{ min-height: 150px; resize: vertical; }
 

/* ---------- BOUTON D'ENVOI ---------- */
 
#cf_1 .cf-text-center{ text-align: center; margin-top: 6px; }
 
#cf_1 .cf-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  padding: 12px 32px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .18s ease;
}
#cf_1 .cf-btn:hover{
background: var(--pnl-blue);
    border-color: var(--pnl-blue);
    transform: translateY(-1px);
}
 
#cf_1 .cf-spinner-container{ display: inline-flex; }
#cf_1 .cf-spinner{ display: inline-flex; gap: 3px; }
#cf_1 .cf-spinner .bounce1,
#cf_1 .cf-spinner .bounce2,
#cf_1 .cf-spinner .bounce3{
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  animation: pnl-bounce 1.4s infinite ease-in-out both;
}
#cf_1 .cf-spinner .bounce1{ animation-delay: -0.32s; }
#cf_1 .cf-spinner .bounce2{ animation-delay: -0.16s; }
@keyframes pnl-bounce{
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}
 
/* ---------- CHAMP ANTI-SPAM (honeypot) ---------- */
/* Ce champ doit rester invisible pour les vrais visiteurs : c'est un
   piège à robots. On le sort de l'écran plutôt que display:none, qui
   est parfois ignoré par les bots. Ne pas rendre ce champ visible. */
#cf_1 .cf-field-hp{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
 
input {
    font-weight: normal;
    letter-spacing: 0.2px;
}
input:focus {
    font-weight: normal;
    letter-spacing: 0.2px;
}

textarea {
    font-weight: normal;
    letter-spacing: 0.2px;
}


/* MASSHEAD */
.seph-masshead {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: clamp(220px, 25vw, 400px);
}


/* Image de fond */
.seph-masshead-background {
    position: absolute;
    inset: 0;

    background-repeat: no-repeat;

    /*
     * Image 1920x450 :
     * on privilégie la hauteur pour éviter le zoom
     */
    background-size: auto 100%;

    background-position: center center;

    z-index: -1;

    background-attachment: scroll;
}



/* Contenu titre + date */
.seph-masshead-content {
    position: absolute;

    left: 0;
    right: 0;

    bottom: clamp(15px, 3vw, 25px);

    width: 100%;

    padding: 0 20px;

    box-sizing: border-box;

    text-align: center;
}



/* Titre */
.seph-masshead-content h1 {

    margin: 0 0 10px 0;

    padding: 0;

    font-family: Josefin Sans, sans-serif;

    color: #ebdec2;

    font-size: clamp(26px, 4vw, 58px);

    font-weight: normal;

    line-height: 1.1;

    text-align: center;

    text-transform: uppercase;

    text-shadow: 5px 5px 5px rgb(0 0 0 / 30%);

    overflow-wrap: break-word;

    word-break: break-word;
}



/* Date */
.seph-masshead-date {

    margin-top: 5px;

    color: #ebdec2;

    font-family: Josefin Sans, sans-serif;

    font-size: clamp(14px, 1.5vw, 18px);

    line-height: 1.2;

    text-align: center;

    text-shadow: 3px 3px 4px rgb(0 0 0 / 40%);
}



/* Grand écran */
@media (min-width: 1200px) {

    .seph-masshead-background {

        /*
         * Sur desktop on remplit la largeur,
         * mais on garde un positionnement stable.
         */
        background-size: cover;

        background-position: center center;

    }

}



/* Tablettes */
@media (max-width: 1199px) {

    .seph-masshead {

        height: 300px;

    }


    .seph-masshead-background {

        background-size: auto 100%;
background-size: cover;
        background-position: center center;

    }


    .seph-masshead-content {

        bottom: 20px;

    }

}



/* Mobiles */
@media (max-width: 600px) {

    .seph-masshead {

        height: 140px;

    }


    .seph-masshead-background {

        background-size: auto 100%;
background-size: cover;
        background-position: center center;

    }


    .seph-masshead-content {

        bottom: 10px;

        padding: 0 15px;

    }


    .seph-masshead-content h1 {

        font-size: clamp(20px, 6vw, 30px);

        line-height: 1.05;

    }


    .seph-masshead-date {

        font-size: 14px;

    }

}






.alert-warning {
    color: #ffffff;
    background-color: #8b0e0e;
    border-color: #ff1313 !important;
}

.alert-info {
    color: #ffffff;
    background-color: #8b0e0e;
    border-color: #ff1313 !important;
}

.alert-success {
    color: #fff;
    background-color: #389300;
    border-color: #10ff00;
}

.alert {
    position: relative;

    margin-bottom: 1rem;

    border-radius: .25rem;
}

.convertforms.cf-success .cf-response {
    display: block;
    color: #fff!important;
    background-color: #389300!important;
    border-color: #10ff00!important;
}

.convertforms.cf-error .cf-response {
    display: block;
    color: #ffffff;
    background-color: #8b0e0e;
    border-color: #ff1313 !important;
}

.convertforms .cf-response {
    color: #fff;
    margin-bottom: 20px;
    padding: 10px 15px;
    width: 100%;
    border-radius: var(--input-border-radius);
    display: none;
    text-align: center;
    position: relative;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}


@media (min-width: 992px) {

    /* LEFT vide : on supprime la colonne et le component prend 12 */
    .row:has(#sp-left .left-5:empty) #sp-left {
        display: none;
    }

    .row:has(#sp-left .left-5:empty) #sp-component {
        flex: 0 0 100%;
        max-width: 100%;
    }


    /* RIGHT vide : on supprime la colonne et le component prend 12 */
    .row:has(#sp-right .right-5:empty) #sp-right {
        display: none;
    }

    .row:has(#sp-right .right-5:empty) #sp-component {
        flex: 0 0 100%;
        max-width: 100%;
    }


    /* LEFT présent : component = 7 */
    .row:has(#sp-left .left-5:not(:empty)) #sp-component.compo-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }


    /* RIGHT présent : component = 7 */
    .row:has(#sp-right .right-5:not(:empty)) #sp-component.compo-7 {
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

}

#cf_2 .cf-fields {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0;
}

/* Bloc tarifs */
#cf_2 .cf-fields > .cf-control-group:first-child {
    grid-column: 1;
    grid-row: 1 / span 20;
    width: 100%;
}

/* Tous les autres champs */
#cf_2 .cf-fields > .cf-control-group:not(:first-child) {
    width: auto;
}

/* Les champs sur 2 tiers prennent les 2 colonnes de droite */
#cf_2 .cf-fields > .cf-two-thirds {
    grid-column: 2 / span 2;
}

/* Les champs sur 1 tiers prennent une seule colonne */
#cf_2 .cf-fields > .cf-one-third:not(:first-child) {
    grid-column: auto;
}

@media (max-width: 767px) {

    #cf_2 .cf-fields {
        display: block;
    }

    #cf_2 .cf-fields > .cf-control-group,
    #cf_2 .cf-fields > .cf-one-third,
    #cf_2 .cf-fields > .cf-two-thirds {
        width: 100%;
        grid-column: auto;
        grid-row: auto;
    }

}





:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     14px;
}
 
body.pnl-preview{
  margin:0;
  padding:48px 24px;
  background: radial-gradient(ellipse at top, #241a15 0%, #150f0c 60%, #0e0a08 100%);
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
}
.pnl-wrap{ max-width: 900px; margin: 0 auto; }
 
/* ---------- CARTE FORMULAIRE ---------- */
 
#cf_2 .cf-form-wrap{
  position: relative;
  background: var(--pnl-card-bg) !important;
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 32px 34px 30px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);
  overflow: hidden;
}
#cf_2 .cf-form-wrap::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
}
 
 
/* ---------- LABELS ---------- */
 
#cf_2 .cf-label{
    display: block;
    font-size: 16px;
    letter-spacing: .6px;
}
#cf_2 .cf-required-label{
  color: var(--pnl-gold);
  margin-left: 2px;
}
 
/* ---------- CHAMPS (texte, email, tel, textarea, select) ---------- */
 
#cf_2 .cf-input{

    box-sizing: border-box;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid var(--pnl-card-line);
    border-radius: 8px;
    padding: 11px 14px;
    color: var(--pnl-ink);
    font-size: 14px;
    font-family: inherit;
    transition: border-color .15s ease, background .15s ease;
}
#cf_2 .cf-input::placeholder{ color: var(--pnl-ink-muted); opacity: .55; }
#cf_2 .cf-input:focus{
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
}
 
/* Menu déroulant : même traitement que les autres champs, pas de flèche
   personnalisée pour rester simple et sans risque de conflit */
#cf_2 select.cf-input option{
  background: #1c1611;
  color: var(--pnl-ink);
}
 
/* ---------- BOUTONS RADIO (durée) ---------- */
/* Reste natif, juste la couleur de sélection */

#cf_2 .cf-radio-group input[type="radio"]{
  accent-color: var(--pnl-blue);
}


 
/* ---------- BOUTON D'ENVOI ---------- */
 
#cf_2 .cf-btn{
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
  border-radius: 999px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  transition: all .18s ease;
}
#cf_2 .cf-btn:hover{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
}
 
#cf_2 .cf-spinner .bounce1,
#cf_2 .cf-spinner .bounce2,
#cf_2 .cf-spinner .bounce3{
  background: #fff;
  border-radius: 50%;
  animation: pnl-bounce 1.4s infinite ease-in-out both;
}
#cf_2 .cf-spinner .bounce1{ animation-delay: -0.32s; }
#cf_2 .cf-spinner .bounce2{ animation-delay: -0.16s; }
@keyframes pnl-bounce{
  0%, 80%, 100% { transform: scale(0); }
  40% { transform: scale(1); }
}
 
/* ---------- CHAMP ANTI-SPAM (honeypot) ---------- */
 
#cf_2 .cf-field-hp{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.cf-control-group.cf-two-thirds {
    padding-top: 25px;
}

.cf-control-group.cf-one-third {
    padding-top: 25px;
}

#cf_2 .cf-fields > .cf-control-group:first-child li {
    line-height: 1.8;
}

.offcanvas-inner .nav.menu li a img {
    display: none;
}



#sp-organisation-devenements .orgaevents {
    width: 29%;
    margin-left: 16%;
}

#sp-organisation-devenements #mod-custom123 {
    width: 100%;
    text-align: center;
}

#sp-organisation-devenements #mod-custom123 img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991px) {

    #sp-organisation-devenements .orgaevents {
        width: 90%;
        margin: 0 auto;
    }

}

@media (max-width: 991px) {

    #sp-organisation-devenements {
        position: relative;
        background-attachment: scroll;
    }

    #sp-organisation-devenements::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.3);
        z-index: 0;
    }

    #sp-organisation-devenements > * {
        position: relative;
        z-index: 1;
    }

}

@media (max-width: 991px) {

    #sp-newsletter .newsletter {
        width: 90%;
        margin: 0 auto;
    }

}

@media (max-width: 991px) {

    #sp-footer1 .footer {
        width: 90%;
        margin: 0 auto;
    }

}

#sp-newsletter {
    padding: 75px 0;
}

#sp-newsletter .newsletter {
   
    max-width: 700px;
    margin: 0 auto;
}

#sp-newsletter #mod-custom124 {
    width: 100%;
    text-align: center;
}

#sp-newsletter #mod-custom124 img {
    max-width: 100%;
    height: auto;
}

@media (max-width: 991px) {

    #sp-newsletter .newsletter {
        width: 90%;
        max-width: none;
    }

}


body.itemid-101 .homepage-hide {
    display: none;
}


:root{
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     14px;
 
  /* Highlight <mark> : bleu parisien assombri + texte clair demandé */
  --pnl-mark-bg:    #16304a;
  --pnl-mark-text:  #ebdec2;
}
 
body.pnl-preview{
  margin:0;
  padding:48px 24px;
  background: radial-gradient(ellipse at top, #241a15 0%, #150f0c 60%, #0e0a08 100%);
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #efe8da; /* couleur par défaut du site, non modifiée par ce skin */
}
.pnl-wrap{ max-width: 820px; margin: 0 auto; }
 
/* ---------- CARTE FORMULAIRE ---------- */
 
#search-form{
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 28px 32px 26px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);
  overflow: hidden;
  margin-bottom: 34px;
}
#search-form::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
}
 
#search-form fieldset{ border: none; padding: 0; margin: 0; }
#search-form .form-inline{ display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
 
#search-form label:not(.visually-hidden){
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-weight: 600;

}
 
/* ---------- CHAMP + BOUTONS : même hauteur, alignement corrigé ---------- */
 
#search-form .input-group{
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
}
 
#search-form .form-control{
  height: 42px;
  box-sizing: border-box;
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--pnl-card-line);
  border-radius: 8px;
  color: #efe8da;
  font-size: 14px;
  font-family: inherit;
  padding: 0 14px;
  transition: border-color .15s ease, background .15s ease;
}
#search-form .form-control:focus{
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
  box-shadow: none;
}
 
/* Boutons recalibrés sur la même hauteur que le champ, texte bien centré */
#search-form .btn{
  height: 42px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 18px;
  border-radius: 8px;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .3px;
  line-height: 1;
  white-space: nowrap;
  transition: all .18s ease;
  cursor: pointer;
}
#search-form .btn [class^="icon-"]{
  font-size: 13px;
  line-height: 1;
}
 
#search-form .btn-primary{
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
}
#search-form .btn-primary:hover,
#search-form .btn-primary:focus{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
  color: #fff;
}
 
#search-form .btn-secondary{
  background: transparent;
  color: var(--pnl-blue);
  border: 1px solid var(--pnl-blue-deep);
}
#search-form .btn-secondary:hover,
#search-form .btn-secondary:focus{
  background: rgba(127,176,217,0.12);
  color: var(--pnl-blue);
  border-color: var(--pnl-blue);
}
 
/* ---------- FILTRES AVANCÉS : Type / Langue / Auteur masqués ---------- */
 
#search-form .control-group:has(#tax-type),
#search-form .control-group:has(#tax-language),
#search-form .control-group:has(#tax-author){
  display: none;
}
 
#search-form .control-group {
    margin-top: 18px;
    padding: 0 20px 20px 20px;
}
 
#search-form .control-group{ margin-top: 18px; }
#search-form .control-label{ margin-bottom: 7px; }
#search-form .control-label label{
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-weight: 600;

}
 
#search-form .form-select{
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--pnl-card-line);
  border-radius: 8px;
  color: #efe8da;
  font-size: 14px;
  font-family: inherit;

}
#search-form .form-select:focus{
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
  box-shadow: none;
}
#search-form .form-select option{
  background: #1c1611;
  color: #efe8da;
}
 
 #search-form .btn-secondary .icon-search-plus{
  display: inline-block;
  width: 13px;
  height: 13px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 2a8 8 0 105.29 14.71l4.5 4.5 1.42-1.42-4.5-4.5A8 8 0 0010 2zm0 2a6 6 0 110 12A6 6 0 0110 4zm-1 3v2H7v2h2v2h2v-2h2V9h-2V7H9z'/></svg>") no-repeat center / contain;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M10 2a8 8 0 105.29 14.71l4.5 4.5 1.42-1.42-4.5-4.5A8 8 0 0010 2zm0 2a6 6 0 110 12A6 6 0 0110 4zm-1 3v2H7v2h2v2h2v-2h2V9h-2V7H9z'/></svg>") no-repeat center / contain;
}
/* ---------- RÉSULTATS DE RECHERCHE ---------- */
 
#search-result-list{
  list-style: none;
  padding: 0;
  margin: 0;
}
 
/* Séparateur entre résultats : filet fin au lieu du séparateur par défaut */
.result__item{
  padding: 20px 0;
  border-bottom: 1px solid var(--pnl-card-line);
}

.result__item + .result__item {
    border-top: none;
padding: 20px 0;
margin-top: 0;
}

.result__taxonomy-item + .result__taxonomy-item:before {
    content: "";
    padding-inline-end: 0;
}
.result__item:last-child{ border-bottom: none;}
 
.result__title{ margin: 0 0 6px; }
/* Couleur du lien de titre non touchée : hérite du style du site */
 
.result__description{
  margin: 0 0 10px;
  /* couleur non modifiée, uniquement l'espacement */
}
 
/* ---------- SURLIGNAGE DES TERMES RECHERCHÉS (<mark>) ---------- */
 
mark[data-markjs="true"]{
background: rgba(207, 159, 99, 0.25);
    color: var(--pnl-gold);
    padding: 1px 4px;
    border-radius: 3px;
    font-weight: 600;
}
 
/* ---------- TAXONOMIE : Type et Auteur retirés, Catégorie reskinée ---------- */
 
.result__taxonomy{
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0;
  margin: 10px 0 0;
}
 
li.result__taxonomy-item.result__taxonomy--Type {
    display: none;
}

li.result__taxonomy-item.result__taxonomy--Author {
    display: none;
}
 
li.result__taxonomy-item.result__taxonomy--Category{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 12px;
  background: rgba(207,159,63,0.14);
  border: 1px solid rgba(207,159,63,0.4);
  border-radius: 999px;
  font-size: 14px;
  color: var(--pnl-gold);
}
li.result__taxonomy-item.result__taxonomy--Categoryspan{
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .3px;
  font-size: 10.5px;
  color: var(--pnl-gold);
  opacity: .8;
}
/* mark à l'intérieur du badge catégorie : on garde la lisibilité du badge */
li.result__taxonomy-item.result__taxonomy--Category mark[data-markjs="true"]{
  background: transparent;
  color: inherit;
  padding: 0;
}
 
/* ---------- COMPTEUR DE RÉSULTATS ---------- */
 
.com-finder__counter{
  text-align: center;
  font-size: 13px;
  margin-top: 26px;
  opacity: .75;
}
 
/* ---------- PAGINATION ---------- */
 
.pagination{
  list-style: none;
  display: flex;
  gap: 6px;
  padding: 0;
  margin: 20px 0 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
 
/* Corrige le doublon de <li> vides généré par Joomla */
.pagination li.page-item:not(:has(.page-link)){
  display: none;
}
 
.page-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  height: 34px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--pnl-card-line);
  color: #b3a998;
  font-size: 13px;
  text-decoration: none;
  transition: all .15s ease;
}
.page-link .fa{ font-size: 11px; }
 
a.page-link:visited{ color: #b3a998; }
 
a.page-link:hover{
  background: rgba(127,176,217,0.14);
  color: #dfd4ba !important;
  border-color: var(--pnl-blue-deep);
}
 
.page-link:focus{
  background: rgba(127,176,217,0.14);
  color: #dfd4ba;
  border-color: var(--pnl-blue-deep);
  outline: 2px solid var(--pnl-blue);
  outline-offset: 2px;
}
a.page-link:focus-visible{
  outline: 2px solid var(--pnl-blue);
  outline-offset: 2px;
}
a.page-link:active{
  background: rgba(127,176,217,0.22);
  border-color: var(--pnl-blue);
}
 
li.page-item.active .page-link{
  background: var(--pnl-blue-deep);
  border-color: var(--pnl-blue-deep);
  color: #fff;
  font-weight: 700;
}
li.page-item.active .page-link:hover,
li.page-item.active .page-link:focus{
  background: var(--pnl-blue-deep);
  border-color: var(--pnl-blue-deep);
  color: #fff !important;
  outline: none;
}
 
li.page-item.disabled .page-link{
  opacity: .35;
  cursor: default;
  pointer-events: none;
}



/* balades orga */

/* ===================================================================
   HABILLAGE "BALADES GUIDÉES" — Paris le nez en l'air (à jour)
   =================================================================== */

:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-warn:       #d9784f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     14px;
}

/* ---------- CARTE ÉVÉNEMENT ---------- */

.eb-event{
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 34px 34px 26px;
  margin-bottom: 32px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);
  overflow: hidden;
}

.eb-event::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
  display:block;
}

/* En-tête passe en Flexbox pour juxtaposer Titre et Ticket proprement */
.eb-box-heading{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 18px;
  padding-right: 0;
}

.eb-event-title{
  flex: 1; /* Le titre prend tout l'espace disponible */
  font-size: 30px;
  font-weight: 600;
  color: var(--pnl-blue);
  margin: 0;
  letter-spacing: .2px;
}
.eb-event-title::before{
  content: "\2736 ";
  color: var(--pnl-gold);
  font-size: 20px;
  vertical-align: middle;
}

/* Badge "Complet" — généré par le script */
.pnl-complet-badge{
  display: inline-block;
  margin-left: 12px;
  padding: 3px 12px;
  background: rgba(217,120,79,0.15);
  color: var(--pnl-warn);
  border: 1px solid rgba(217,120,79,0.4);
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  vertical-align: middle;
}

/* ---------- TICKET DE DATE (Bloc physique autonome) ---------- */

.pnl-ticket{
  position: relative;
  display: block;
  flex-shrink: 0; /* Ne se déforme jamais */
  width: 108px;
  text-align: center;
  padding: 10px 6px 8px;
  background: linear-gradient(180deg, #2a2019, #1c1611);
  border: 1px dashed rgba(207,159,63,0.55);
  border-radius: 8px;
  transform: rotate(3deg);
  box-shadow: 0 10px 20px -8px rgba(0,0,0,0.7);
  box-sizing: border-box;
}
.pnl-ticket::before,
.pnl-ticket::after{
  content:"";
  position:absolute;
  width:12px; height:12px;
  background: #150f0c;
  border-radius:50%;
  top:50%; transform:translateY(-50%);
}
.pnl-ticket::before{ left:-6px; }
.pnl-ticket::after{ right:-6px; }
.pnl-ticket .pnl-jour{
  display:block;
  font-size: 22px;
  font-weight: 700;
  color: var(--pnl-gold);
  line-height:1;
}
.pnl-ticket .pnl-mois{
  display:block;
  font-size: 11px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--pnl-ink-muted);
  margin-top: 4px;
}

/* ---------- DESCRIPTION ---------- */

.eb-description-details{
  line-height: 1.7;
}
.eb-description-details p{ margin:0; }

/* ---------- TABLEAU D'INFOS -> LISTE ÉPURÉE ---------- */

.eb-event-properties-table table{
  width:100%;
  border-collapse: collapse;
  background: transparent !important;
}
.eb-event-properties-table tr{ background: transparent !important; }
.eb-event-properties-table td{
  border: none !important;
  border-bottom: 1px solid var(--pnl-card-line) !important;
  padding: 9px 0 !important;
  background: transparent !important;
}
.eb-event-properties-table tr:last-child td{ border-bottom: none !important; }

.eb-event-property-label{
  color: var(--pnl-ink-muted);
  font-size: 13.5px;
  white-space: nowrap;
}
.eb-event-property-value{
  color: var(--pnl-ink);
  font-weight: 600;
  text-align: right;
  font-size: 14.5px;
}

.eb-event-duration{
  display: inline-block;
  margin-left: 6px;
  padding: 2px 8px;
  background: rgba(127,176,217,0.12);
  border: 1px solid rgba(127,176,217,0.3);
  border-radius: 999px;
  font-weight: 600;
  color: var(--pnl-blue);
  white-space: nowrap;
}

/* Jauge EN LIGNE — remplace le nombre seul dans la cellule "disponible" */
.pnl-jauge-inline{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.pnl-jauge-barre{
  flex: 1;
  max-width: 80%;
  height: 5px;
  border-radius: 3px;
  background: rgba(239,232,218,0.12);
  overflow: hidden;
}
.pnl-jauge-remplie{
  height:100%;
  border-radius: 3px;
  background: linear-gradient(90deg, var(--pnl-blue-deep), var(--pnl-blue));
}
.eb-event-full .pnl-jauge-remplie{
  background: linear-gradient(90deg, #b85a35, var(--pnl-warn));
}
.pnl-jauge-value{
  white-space: nowrap;
  font-weight: 600;
  color: var(--pnl-ink);
}

/* ---------- BOUTONS ---------- */

.eb-taskbar ul{
  list-style:none;
  display:flex;
  gap: 14px;
  padding: 22px 0 0;
  margin: 22px 0 0;
  border-top: 1px solid var(--pnl-card-line);
  flex-wrap: wrap;
}
.eb-taskbar li{ margin:0; }

.eb-register-button.btn{
  display:inline-block;
  padding: 11px 26px;
  border-radius: 999px;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  text-decoration:none;
  transition: all .18s ease;
  border: 1px solid transparent;
}

.eb-individual-registration-button{
  background: var(--pnl-blue-deep)!important;
  border-color: var(--pnl-blue-deep)!important;
  color: #fff!important;
}
.eb-individual-registration-button:hover{
  background: var(--pnl-blue)!important;
  border-color: var(--pnl-blue)!important;
  transform: translateY(-1px)!important;
}
.eb-group-registration-button{
  background: transparent!important;
  border-color: var(--pnl-blue-deep)!important;
  color: var(--pnl-blue)!important;
}
.eb-group-registration-button:hover{
  background: rgba(127,176,217,0.12)!important;
  transform: translateY(-1px)!important;
}

.eb-join-waiting-list-individual-button{
  background: var(--pnl-warn)!important;
  border-color: var(--pnl-warn)!important;
  color: #fff!important;
}
.eb-join-waiting-list-individual-button:hover{
  background: #e8916a!important;
  border-color: #e8916a!important;
  transform: translateY(-1px)!important;
}
.eb-join-waiting-list-group-button{
  background: transparent!important;
  border-color: var(--pnl-warn)!important;
  color: var(--pnl-warn)!important;
}
.eb-join-waiting-list-group-button:hover{
  background: rgba(217,120,79,0.12)!important;
  transform: translateY(-1px)!important;
}

/* ===================================================================
   RESPONSIVE — AJUSTEMENTS TÉLÉPHONES & TABLETTES (< 992px)
   =================================================================== */

@media (max-width: 991px) {
  /* Passage des colonnes Bootstrap à 100% */
  .eb-description-details,
  .eb-event-properties-table {
    width: 100% !important;
    float: none !important;
  }

  .eb-event-properties-table {
    margin-top: 20px;
  }

  .eb-event-title {
    font-size: 24px;
  }

  /* Ajustement échelle du ticket sur écran intermédiaire */
  .pnl-ticket {
    transform: scale(0.9) rotate(3deg);
    transform-origin: top right;
  }
}

@media (max-width: 768px) {
  .eb-event {
    padding: 22px 16px 18px;
  }

  /* Masque le ticket de date sur mobile */
  .pnl-ticket {
    display: none !important;
  }

  /* Sur smartphone, le titre prend 100% de la largeur */
  .eb-box-heading {
    margin-bottom: 14px;
  }

  .eb-event-title {
    font-size: 20px;
  }

  .pnl-complet-badge {
    display: inline-block;
    margin-top: 6px;
    margin-left: 0;
  }

  .pnl-jauge-barre {
    display: none;
  }

  /* Boutons plein écran */
  .eb-taskbar ul {
    flex-direction: column;
    gap: 10px;
    padding-top: 16px;
    margin-top: 16px;
  }

  .eb-taskbar li {
    width: 100%;
  }

  .eb-register-button.btn {
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    padding: 12px 14px;
    font-size: 12.5px;
  }

  .eb-event-property-label {
    font-size: 12.5px;
  }

  .eb-event-property-value {
    font-size: 13.5px;
  }

  .eb-event-duration {
    display: block;
    margin-left: 0;
    margin-top: 4px;
    text-align: right;
  }
}




:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-warn:       #d9784f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     14px;
}
 
 
/* ---------- CARTE ---------- */
 
#eb-individual-registration-page{
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 34px 36px 32px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);

}
#eb-individual-registration-page::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
}
 
/* ---------- TITRE ---------- */
 
.eb-page-heading{
  font-size: 26px;
  font-weight: 600;
  color: var(--pnl-blue);
  margin: 0 0 18px;
  letter-spacing: .2px;
}
.eb-page-heading::before{
  content: "\2736 ";
  color: var(--pnl-gold);
  font-size: 18px;
}
 
/* ---------- MESSAGE D'INFO (bandeau "complet / liste d'attente") ---------- */
 
.eb-message{
    background: rgb(46 36 14 / 10%);
    border: 1px solid rgb(96 70 18 / 35%);
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 30px;
}
.eb-message p{
  margin: 0;

}
/* "Balade 1" en gras garde sa couleur par défaut, non retouchée */
 
/* ---------- CHAMPS DU FORMULAIRE ---------- */
/* Ne touche pas à .row/.form-row : c'est la grille Bootstrap native */
 
.form-row{ margin-bottom: 18px; }
 
.form-control-label label,
.form-control-label{
  display: block;
  margin-bottom: 3px;

}
.star{ margin-left: 2px; }
 
.form-control{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  box-sizing: border-box !important;
  background: rgba(255,255,255,0.045) !important;
  background-image: none !important;
  border: 1px solid var(--pnl-card-line) !important;
  border-radius: 8px !important;
  padding: 11px 14px !important;
  font-size: 14px !important;
  font-family: inherit !important;
  box-shadow: none !important;
  transition: border-color .15s ease, background .15s ease !important;
}
.form-control:hover{
  background: rgba(255,255,255,0.06) !important;
  border-color: rgba(239,232,218,0.22) !important;
  box-shadow: none !important;
}
.form-control:focus{
	color: inherit;
  outline: none !important;
  border-color: var(--pnl-blue-deep) !important;
  background: rgba(255,255,255,0.07) !important;
  box-shadow: none !important;
}
.form-control:active{
  border-color: var(--pnl-blue-deep) !important;
  background: rgba(255,255,255,0.07) !important;
  box-shadow: none !important;
}
textarea.form-control{
  min-height: 130px !important;
  height: auto !important;
  resize: vertical !important;
}
 
/* ---------- CONDITIONS GÉNÉRALES ---------- */
 
.eb-terms-and-conditions-container .form-control-label{
  margin-bottom: 10px;
}
label.checkbox{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 14px;
  line-height: 1.6;
  cursor: pointer;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 0;
}
label.checkbox input[type="checkbox"]{
  width: 17px;
  height: 17px;
  margin-top: 2px;
  accent-color: var(--pnl-gold);
  flex-shrink: 0;
}
label.checkbox a{
  color: var(--pnl-blue);
  text-decoration: underline;
  text-underline-offset: 2px;
}
label.checkbox a:hover{ color: var(--pnl-gold); }
 
/* ---------- BOUTON D'ENVOI ---------- */
 
.form-actions{
  display: flex;
  align-items: center;
  gap: 14px;
  margin-top: 26px;
  padding-top: 22px;
  border-top: 1px solid var(--pnl-card-line);
}
 
#btn-submit.btn{
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
  border-radius: 999px;
  padding: 12px 34px;
  font-size: 13.5px;
  font-weight: 700;
  letter-spacing: .4px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .18s ease;
}
#btn-submit.btn:hover{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
  transform: translateY(-1px);
}
 
#ajax-loading-animation{
  width: 22px;
  height: 22px;
}
 
/* ---------- CHAMP ANTI-SPAM (honeypot EventBooking) ---------- */
 
.eb-invisible-to-visitors{
  position: absolute !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}




select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    width: 100%;
    font-size: 14px;
    line-height: 1.428571429;
    color: inherit;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input:focus:invalid, textarea:focus:invalid, select:focus:invalid {
    color: #ff221e;
    font-weight: 800;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #66afe9;
	    color: inherit;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: inherit;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.formError .formErrorContent {
    width: 100%;
    background: #a11010;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 14px;
    border: 2px solid #ed0808;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}

h3.eb-heading {
    color: #6188bc;
    font-size: 30px;
}





.btn.btn-primary {
    background: #2d587a;
    color: #fff;
    border: 1px solid #61a9e3;
    border-radius: 999px;
    padding: 12px 34px;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .18s ease;
}

.btn.btn-primary:hover{
    background: var(--pnl-blue);
    border-color: var(--pnl-blue);
    transform: translateY(-1px);
}

button.cf-btn.cf-width-auto {
    background: #184d81 !important;
    color: #fff !important;
    text-transform: uppercase;
    border: 1px solid #548ABF;
}


.btn.btn-secondary{
    background: var(--pnl-blue-deep);
    color: #fff!important;
    border: 1px solid var(--pnl-blue-deep);
    border-radius: 999px;
    padding: 12px 34px;
    font-size: 13.5px;
    font-weight: 700;
    letter-spacing: .4px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .18s ease;
}

.btn.btn-secondary:hover{
    background: var(--pnl-blue);
    border-color: var(--pnl-blue);
    transform: translateY(-1px);
}


.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background:
        linear-gradient(rgba(37, 18, 1, 0.88), rgba(37, 18, 1, 0.88)),
        url("/images/design/fond.webp") center center / cover no-repeat;
    box-shadow: 0 8px 25px rgba(0,0,0,.45);
    padding: 0;
    border: 1px solid rgba(210, 170, 100, .25);
    border-radius: 4px;
}

.sp-dropdown.sp-dropdown-main.sp-menu-right {
    width: max-content!important;
}



.acym_module_form input {
    cursor: pointer;
    background-color: #1d1916!important;
    color: rgb(235, 222, 194);
    border: none;
    border-width: 2px;
    border-color: #897854;
    border-style: solid;
    border-radius: 0px;
}


input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #df332d;
    background-color: #1d1916;
    color: rgb(235, 222, 194);
    border: none;
    border-width: 2px;
    border-color: #897854;
    border-style: solid;
    border-radius: 0px;
    border: 1px solid #9d261d !important;
}

div.acym_module_success {
    color: #130;
    background-color: #dfc;
    padding: 1em !important;
    z-index: 10;
    margin-bottom: 10px;
    text-align: center;
}


/* ==============================
   AcyMailing - Formulaire newsletter
   ============================== */


/* Conteneur général */
.acym_module,
.acym_fulldiv,
.acym_module_form {
    width: 100%;
}

.acym_module_form {
    display: flex;
    flex-direction: column;
    align-items: center;
}


/* Bloc des champs */
.acym_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 15px;
    width: 100%;
}


/* Champs Nom + Email */
.acym_form .onefield {
    margin: 10px 0;
    position: relative;
    width: 330px;
    max-width: 100%;
}


/* Correction AcyMailing */
.acym_module_form input {
    cursor: pointer;
    max-width: none;
}


/* Champs texte */
.acym_form input[type="text"],
.acym_form input[type="email"] {
    width: 330px;
    max-width: 100%;
    box-sizing: border-box;
    min-height: 48px;
    padding: 14px 15px;
}


/* Checkbox + texte */
.acym_form .fieldacyterms {
    width: 100%;
    text-align: center;
}

.acym_form .fieldacyterms label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    line-height: 1.5;
}


/* Checkbox */
.acym_form .fieldacyterms input[type="checkbox"] {
    width: auto;
    max-width: none;
    min-height: auto;
    margin: 0;
}


/* Bouton */
.acysubbuttons {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 10px;
}


/* Messages d'erreur AcyMailing */
.onefield .acym__field__error__block {
    position: absolute;
    width: 170px;
    background-color: #fff;
    padding: 5px 10px;
    border: 1px solid #333;
    border-radius: 3px;
    z-index: 1000;
}


/* ==============================
   Mobile
   ============================== */

@media (max-width: 700px) {

    .acym_module_form {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }


    .acym_form {
        width: 100%;
        gap: 10px;
    }


    .acym_form .onefield {
        width: 100%;
        max-width: 100%;
    }


    .acym_form input[type="text"],
    .acym_form input[type="email"] {
        width: 100%;
        max-width: 100%;
    }


    .acym_form .fieldacyterms {
        font-size: 14px;
    }

}

.sp-module.formulaire{
	margin-top:0;
}


/* ACTUALITÉS */

#smart-content-filter-146 > .scf-tabs.scf-tabs--tabs {
    display: none;
}

#smart-content-filter-146 > .scf-actions {
    display: none;
}


/* PAGE BALADES */





:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     10px;
}
 
 
.pnl-section-title{
  color: var(--pnl-ink);
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 18px;
}
 
/* ---------- SÉPARATEUR FLEUR DE LYS ---------- */
 
.pnl-divider{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 34px;
}
.pnl-divider-line{
  flex: 1 1 auto;
  max-width: 240px;
  height: 1px;
  background: var(--pnl-blue);
  opacity: .45;
}
.pnl-divider-icon{
  width: 22px;
  height: auto;
  opacity: .9;
  flex-shrink: 0;
}
 
/* ---------- CARTE ARTICLE ---------- */
 
.scf-card{
  position: relative;
  border-radius: var(--pnl-radius);
  overflow: hidden;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.scf-card:hover{
  transform: translateY(-2px);
  border: 1px solid #e4d8bc;
  box-shadow: 0 0 15px rgba(228, 216, 188, 0.8);
}
 
/* ---------- IMAGE ---------- */
 
.scf-card__image--overlay{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
}
.scf-card__image--overlay img{
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: cover !important;
  display: block !important;
  order: 1 !important;
  position: static !important;
}
 
/* Pas de voile sombre sur la photo dans ce design */
.scf-card__image-shade{
  display: none !important;
}
 
/* ---------- BADGE DATE, chevauche le bas de l'image ---------- */
 
.scf-card__image-content{
  order: 2 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  padding: 22px 18px 4px !important;
  text-align: center !important;
}
 
.scf-card__meta{
  position: absolute !important;
  top: -14px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}
.scf-card__meta time{
  display: inline-block !important;
  background: #150f0c !important;
  border: 1px solid var(--pnl-card-line) !important;
  color: var(--pnl-gold) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  border-radius: 4px !important;
}
 
/* ---------- TITRE, sous l'image, centré ---------- */
/* position:static forcé : le thème le met probablement en absolute par défaut */
 
.scf-card__title--overlay{
  position: static !important;
  display: block !important;
  margin: 0 !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: var(--pnl-blue) !important;
}
 
/* ---------- CORPS DE LA CARTE ---------- */
 
.scf-card__body{
  padding: 6px 20px 22px;
}
 
.scf-card__intro{
  margin: 0;
  color: inherit;
  font-size: 16px;
  line-height: inherit;
  text-align: left;
}
 
/* ---------- LIEN "TOUTES LES ACTUALITÉS" ---------- */
 
.pnl-actu-footer{
  display: flex;
  justify-content: flex-end;
  margin-top: 28px;
}
.pnl-actu-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
  border-radius: 6px;
  padding: 11px 22px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .18s ease;
}
.pnl-actu-link:hover{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
}
.pnl-actu-link::before{
  content: "›";
  font-size: 15px;
  line-height: 1;
}
 





#smart-content-filter-146 article.scf-card.scf-card--overlay {
    border: 1px solid #66412f;
    background-image: url('/images/design/fond.webp');
}

#sp-position2 .sp-module:has(#smart-content-filter-146) > .sp-module-title {
    font-size: 32px;
}

.scf-card__image {
    display: block;
    position: relative;
    aspect-ratio: var(--scf-image-ratio);
    overflow: hidden;
    background: inherit;
}

.scf-card__title.scf-card__title--overlay, .scf-card__title.scf-card__title--overlay span {
    color: rgb(109, 162, 214) !important;
font-size:20px;
}

#smart-content-filter-146 article.scf-card.scf-card--overlay:hover {

    border: 1px solid #e4d8bc;
    box-shadow: 0 0 15px rgba(228, 216, 188, 0.8);

}





:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     10px;
}
 
.pnl-section-title{
  color: var(--pnl-ink);
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 18px;
}
 
/* ---------- SÉPARATEUR FLEUR DE LYS ---------- */
 
.pnl-divider{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin: 0 0 34px;
}
.pnl-divider-line{
  flex: 1 1 auto;
  max-width: 240px;
  height: 1px;
  background: var(--pnl-blue);
  opacity: .45;
}
.pnl-divider-icon{
  width: 22px;
  height: auto;
  opacity: .9;
  flex-shrink: 0;
}
 
/* ---------- CARTE ARTICLE ---------- */
 
.scf-card{
  position: relative;
  border-radius: var(--pnl-radius);
  overflow: hidden;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
}
.scf-card:hover{
  transform: translateY(-2px);
  border: 1px solid #e4d8bc;
  box-shadow: 0 0 15px rgba(228, 216, 188, 0.8);
}
 
/* ---------- IMAGE ---------- */
 
.scf-card__image--overlay{
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  text-decoration: none !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
}
.scf-card__image--overlay img{
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 6 / 3 !important;
  object-fit: cover !important;
  display: block !important;
  order: 1 !important;
  position: static !important;
  border-radius: var(--pnl-radius) var(--pnl-radius) 0 0 !important;
  transition: transform .4s ease !important;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
 
.scf-card:hover .scf-card__image--overlay img{
  transform: scale(1.08) !important;
}
 
/* Pas de voile sombre sur la photo dans ce design */
.scf-card__image-shade{
  display: none !important;
}
 
/* ---------- BADGE DATE, chevauche le bas de l'image ---------- */
 
.scf-card__image-content{
  order: 2 !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 22px 18px 4px !important;
  text-align: center !important;
}
 
.scf-card__meta{
  position: absolute !important;
  top: -14px !important;
  left: 16px !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
}
.scf-card__meta time{
  display: inline-block !important;
  background: #150f0c !important;
  border: 1px solid var(--pnl-card-line) !important;
  color: var(--pnl-gold) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: .8px !important;
  text-transform: uppercase !important;
  padding: 5px 10px !important;
  border-radius: 4px !important;
}
 
/* ---------- TITRE, sous l'image, centré ---------- */
/* position:static forcé : le thème le met probablement en absolute par défaut */
 
.scf-card__title--overlay{
  position: static !important;
  display: block !important;
  margin: 0 !important;
  min-height: 52px !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  color: var(--pnl-blue) !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
}
 
/* ---------- CORPS DE LA CARTE ---------- */
 
.scf-card__body{
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  padding: 6px 20px 22px;
}
 

 
/* ---------- LIEN "TOUTES LES ACTUALITÉS" ---------- */
 
.pnl-actu-footer{
  display: flex;
  justify-content: flex-end;
  margin-top: 28px;
}
.pnl-actu-link{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
  border-radius: 6px;
  padding: 11px 22px;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: .5px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all .18s ease;
}
.pnl-actu-link:hover{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
}
.pnl-actu-link::before{
  content: "›";
  font-size: 15px;
  line-height: 1;
}
 
/* ==================================================
   1. MODULE PAGE D'ACCUEIL (#smart-content-filter-146)
   - PC : 4 articles sur 1 ligne
   - Tablette : 2x2 (2 par ligne)
   - Mobile : 2 max (1 par ligne)
   ================================================== */

/* Grand écran (PC) : 4 colonnes */
#smart-content-filter-146 .scf-grid {
    grid-template-columns: repeat(4, 1fr) !important;
}

/* Tablette (601px à 1200px) : 2 colonnes (2x2) */
@media (max-width: 1200px) and (min-width: 601px) {
    #smart-content-filter-146 .scf-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Mobile (<= 600px) : 1 colonne + Masquage à partir du 3e article */
@media (max-width: 600px) {
    #smart-content-filter-146 .scf-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Ne masque QUE dans le module d'accueil */
    #smart-content-filter-146 .scf-card:nth-child(n+3) {
        display: none !important;
    }
}


/* ==================================================
   2. MODULE CATALOGUE / AUTRE MENU (#smart-content-filter-141)
   - PC : 4 par ligne
   - Tablette : 2 par ligne
   - Mobile : 1 par ligne (tous visibles / scroll / infinite load)
   ================================================== */

/* PC : 4 par ligne par défaut */
#smart-content-filter-141 .scf-grid {
    grid-template-columns: repeat(4, 1fr) !important;
}


/* Tablette (601px à 1200px) : 3 par ligne */
@media (max-width: 1700px) and (min-width: 1401px) {
    #smart-content-filter-141 .scf-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Tablette (601px à 1200px) : 2 par ligne */
@media (max-width: 1400px) and (min-width: 601px) {
    #smart-content-filter-141 .scf-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}



/* Mobile (<= 600px) : 1 par ligne (tous les articles affichés) */
@media (max-width: 600px) {
    #smart-content-filter-141 .scf-grid {
        grid-template-columns: 1fr !important;
    }
}





.scf-card__meta time {
    font-size: 13px !important;
    font-weight: 600 !important;
    border: 1px solid rgba(200, 157, 64, 0.5) !important;
}




.sp-module.lystop {
    transform: translateY(90px);
}

@media (width: 768px){
.sp-module.lystop {
    transform: translateY(90px);
}
}

@media (max-width: 767px){
.sp-module.lystop {
    transform: translateY(115px);
}
}

@media (max-width: 600px){
.sp-module.lystop {
    display:none;
}
}

.sp-module:has(#smart-content-filter-146) {
    margin-top: 0 !important;
}

#smart-content-filter-141 .scf-tabs.scf-tabs--tabs{
  display: none;
}

div#smart-content-filter-141 {
    padding: 0 15px;
}







:root{
  --pnl-ink:        #efe8da;
  --pnl-ink-muted:  #b3a998;
  --pnl-blue:       #7fb0d9;
  --pnl-blue-deep:  #3d6d94;
  --pnl-gold:       #cf9f3f;
  --pnl-card-bg:    rgba(255,255,255,0.035);
  --pnl-card-line:  rgba(239,232,218,0.14);
  --pnl-radius:     14px;
}
 
body.pnl-preview{
  margin:0;
  padding:48px 24px;
  background: radial-gradient(ellipse at top, #241a15 0%, #150f0c 60%, #0e0a08 100%);
  font-family: -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--pnl-ink);
}
.pnl-wrap{ max-width: 1160px; margin: 0 auto; }
 
/* ===================================================================
   LAYOUT — CSS Grid, pas flexbox
   -------------------------------------------------------------------
   #smart-content-filter-141 a en réalité une dizaine d'enfants directs
   (toolbar-wrap, tabs, subtabs, count, status, grid, actions, lightbox,
   le bouton toggle mobile...). Avec flexbox, TOUS ces éléments
   deviennent des colonnes côte à côte, d'où le bug du "count" coincé
   entre les filtres et la grille. Avec Grid, on assigne explicitement
   chaque élément à sa colonne : les filtres en colonne 1, tout le
   reste en colonne 2, empilé automatiquement dans l'ordre du DOM.
   =================================================================== */
 
#smart-content-filter-141{
  display: grid;
  grid-template-columns: minmax(220px, 25%) 1fr;
  gap: 28px;
  align-items: start;
}
 
/* Colonne 1 : le panneau de filtres, occupe toute la hauteur */
#smart-content-filter-141 > .scf-toolbar-wrap{
  grid-column: 1;
  grid-row: 1 / span 20;
}
 
/* Colonne 2 : tout le reste, empilé dans l'ordre naturel du DOM */
#smart-content-filter-141 > .scf-tabs,
#smart-content-filter-141 > .scf-subtabs,
#smart-content-filter-141 > .scf-count,
#smart-content-filter-141 > .scf-status,
#smart-content-filter-141 > .scf-grid,
#smart-content-filter-141 > .scf-actions,
#smart-content-filter-141 > .scf-lightbox{
  grid-column: 2;
}
 
/* Le bouton toggle mobile prend toute la largeur (visible en mobile seulement) */
#smart-content-filter-141 > .pnl-filters-toggle{
  grid-column: 1 / -1;
}
 
/* ===================================================================
   CARTE DU PANNEAU DE FILTRES
   =================================================================== */
 
#smart-content-filter-141 .scf-toolbar-wrap{
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 26px 24px;
  overflow: visible;
}

#smart-content-filter-141 .scf-toolbar-wrap::before{
  content:"";
  position:absolute; top:0; left:0; right:0; height:2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity:.55;
}
 
#smart-content-filter-141 .scf-toolbar{
    grid-template-columns: none;
}
 
/* ===================================================================
   CONTRÔLES GÉNÉRIQUES (label + champ)
   =================================================================== */
 
#smart-content-filter-141 .scf-control{
  display: block;
  margin-bottom: 22px;
}
#smart-content-filter-141 .scf-control > span{
    display: block;
    margin-bottom: 8px;
    font-size: inherit;
    text-transform: uppercase;
    letter-spacing: .6px;
    font-weight: 600;
    color: #6f99ca;
}
 
#smart-content-filter-141 input[type="search"],
#smart-content-filter-141 select{
  width: 100%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--pnl-card-line);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: inherit;
  color: var(--pnl-ink);
  transition: border-color .15s ease, background .15s ease;
}
#smart-content-filter-141 input[type="search"]::placeholder{
  color: var(--pnl-ink-muted);
  opacity: .55;
}
#smart-content-filter-141 input[type="search"]:hover,
#smart-content-filter-141 select:hover{
  background: rgba(255,255,255,0.06);
  border-color: rgba(239,232,218,0.22);
}
#smart-content-filter-141 input[type="search"]:focus,
#smart-content-filter-141 select:focus{
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
}
#smart-content-filter-141 select{
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--pnl-gold) 50%), linear-gradient(135deg, var(--pnl-gold) 50%, transparent 50%);
  background-position: calc(100% - 18px) center, calc(100% - 13px) center;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 32px;
  cursor: pointer;
}
#smart-content-filter-141 select option{
  background: #1c1611;
  color: var(--pnl-ink);
}
 
/* ===================================================================
   MENU DÉROULANT MULTI-SÉLECTION (Arrondissement)
   =================================================================== */
 
#smart-content-filter-141 .scf-multiselect{
  position: relative;
}
 
#smart-content-filter-141 .scf-multiselect__toggle{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--pnl-card-line);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--pnl-ink);
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}
#smart-content-filter-141 .scf-multiselect__toggle:hover{
  background: rgba(255,255,255,0.06);
  border-color: rgba(239,232,218,0.22);
}
#smart-content-filter-141 .scf-multiselect__toggle:focus,
#smart-content-filter-141 .scf-multiselect__toggle[aria-expanded="true"]{
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
}
 
#smart-content-filter-141 .scf-multiselect__caret{
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--pnl-gold);
  border-bottom: 2px solid var(--pnl-gold);
  transform: rotate(45deg);
  transition: transform .15s ease;
  flex-shrink: 0;
  margin-left: 10px;
}
#smart-content-filter-141 .scf-multiselect__toggle[aria-expanded="true"] .scf-multiselect__caret{
  transform: rotate(-135deg);
}
 
#smart-content-filter-141 .scf-multiselect__panel{
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #1c1611;
  border: 1px solid var(--pnl-card-line);
  border-radius: 10px;
  box-shadow: 0 18px 40px -18px rgba(0,0,0,0.75);
  max-height: 260px;
  overflow-y: auto;
  padding: 8px;
}
#smart-content-filter-141 .scf-multiselect__options{
  list-style: none;
  margin: 0;
  padding: 0;
}
#smart-content-filter-141 .scf-multiselect__option label{
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px 8px;
  border-radius: 6px;
  cursor: pointer;
    font-size: 17px;
    color: #ebdec2;
}
#smart-content-filter-141 .scf-multiselect__option label:hover{
  background: rgba(255,255,255,0.05);
}
#smart-content-filter-141 .scf-multiselect__option input[type="checkbox"]{
  width: 15px;
  height: 15px;
  accent-color: var(--pnl-gold);
  flex-shrink: 0;
}
#smart-content-filter-141 .scf-multiselect__count{
  margin-left: auto;
font-size: 17px;
    color: #ebdec2;
}
 
/* ===================================================================
   SLIDERS DOUBLES (Durée / Distance)
   Le point bloquant : les <input type="range"> natifs gardent leur
   piste système par défaut, qui recouvre entièrement le design custom
   en dessous. appearance:none + transparence règle ça.
   =================================================================== */
 
#smart-content-filter-141 .scf-control--range{
  margin-bottom: 26px;
}
 
#smart-content-filter-141 .scf-dual-range__labels{
  display: flex;
  justify-content: space-between;
    font-size: 17px;
    color: #ebdec2;
  margin-bottom: 10px;
}
 
#smart-content-filter-141 .scf-dual-range__slider{
  position: relative;
  height: 22px;
}
 
#smart-content-filter-141 .scf-dual-range__track{
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 4px;
  transform: translateY(-50%);
  background: var(--pnl-card-line);
  border-radius: 999px;
}
 
#smart-content-filter-141 .scf-dual-range__fill{
  position: absolute;
  top: 50%;
  height: 4px;
  transform: translateY(-50%);
  background: linear-gradient(90deg, var(--pnl-blue-deep), var(--pnl-blue));
  border-radius: 999px;
  /* left/width restent pilotés par le script du composant, ne pas y toucher */
}
 
/* Les deux <input type="range"> empilés : piste rendue invisible,
   seul le curseur (thumb) reste visible et cliquable */
#smart-content-filter-141 .scf-dual-range__input{
  -webkit-appearance: none;
  appearance: none;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 22px;
  margin: 0;
  transform: translateY(-50%);
  background: transparent;
  pointer-events: none; /* seul le curseur redevient cliquable, voir plus bas */
  border: none;
}
 
/* Piste native totalement neutralisée (Chrome/Edge/Safari) */
#smart-content-filter-141 .scf-dual-range__input::-webkit-slider-runnable-track{
  background: transparent;
  border: none;
  height: 22px;
}
/* Piste native neutralisée (Firefox) */
#smart-content-filter-141 .scf-dual-range__input::-moz-range-track{
  background: transparent;
  border: none;
  height: 22px;
}
#smart-content-filter-141 .scf-dual-range__input::-moz-range-progress{
  background: transparent;
}
 
/* Curseur (thumb) — Chrome/Edge/Safari */
#smart-content-filter-141 .scf-dual-range__input::-webkit-slider-thumb{
  -webkit-appearance: none;
  appearance: none;
  pointer-events: auto;
  width: 17px;
  height: 17px;
  margin-top: 0;
  border-radius: 50%;
  background: var(--pnl-gold);
  border: 2px solid #150f0c;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  cursor: pointer;
}
/* Curseur (thumb) — Firefox */
#smart-content-filter-141 .scf-dual-range__input::-moz-range-thumb{
  pointer-events: auto;
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background: var(--pnl-gold);
  border: 2px solid #150f0c;
  box-shadow: 0 2px 6px rgba(0,0,0,0.4);
  cursor: pointer;
}
 
/* ===================================================================
   ONGLETS DE CATÉGORIE (All / Balades...)
   =================================================================== */
 
#smart-content-filter-141 .scf-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 18px;
}
#smart-content-filter-141 .scf-tab{
  background: transparent;
  border: 1px solid var(--pnl-card-line);
  color: var(--pnl-ink-muted);
  padding: 8px 18px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all .18s ease;
}
#smart-content-filter-141 .scf-tab:hover{
  border-color: var(--pnl-blue-deep);
  color: var(--pnl-blue);
}
#smart-content-filter-141 .scf-tab.is-active{
  background: var(--pnl-blue-deep);
  border-color: var(--pnl-blue-deep);
  color: #fff;
}
 
/* ===================================================================
   COMPTEUR ET STATUT
   =================================================================== */
 
#smart-content-filter-141 .scf-count{
  color: var(--pnl-ink-muted);

}
#smart-content-filter-141 .scf-status{
  color: var(--pnl-ink-muted);
  font-size: 13px;
}
#smart-content-filter-141 .scf-status:empty{
  display: none;
}
 

/* ===================================================================
   CARTES BALADES (.scf-card) — même style que les cartes actualités
   =================================================================== */
 
#smart-content-filter-141 .scf-card{
  position: relative;
  background: var(--pnl-card-bg);
border: 1px solid rgb(239 232 218 / 30%);
  border-radius: var(--pnl-radius);
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s;
  background: url(/../images/design/fond.webp);
}
#smart-content-filter-141 .scf-card:hover{
  transform: translateY(-2px);
  border: 1px solid #e4d8bc;
  box-shadow: 0 0 15px rgba(228, 216, 188, 0.8);
}
 
#smart-content-filter-141 .scf-card__image{
  display: block;
  position: relative;
}
#smart-content-filter-141 .scf-card__image img{
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  display: block;
  border-radius: var(--pnl-radius) var(--pnl-radius) 0 0;
  transition: transform .4s ease;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}
#smart-content-filter-141 .scf-card:hover .scf-card__image img{
  transform: translateZ(0) scale(1.08);
}
 
#smart-content-filter-141 .scf-card__body{
  padding: 18px 20px 20px;
}
 
#smart-content-filter-141 .scf-card__title{
  margin: 0 0 14px;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.35;
  text-align: center;
}
#smart-content-filter-141 .scf-card__title a{
  color: var(--pnl-blue);
  text-decoration: none;
}
#smart-content-filter-141 .scf-card__title a:hover{
  color: var(--pnl-gold);
}
 
/* Custom fields regroupés en badges par le script (voir <script> plus
   bas), plutôt qu'en liste de lignes brutes sous l'image */
#smart-content-filter-141 .scf-card__fields{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: auto 0 0;
  padding: 0;
}
 
#smart-content-filter-141 .pnl-field-pill{
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: .4px;
}
#smart-content-filter-141 .pnl-field-pill strong{
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12.5px;
}
#smart-content-filter-141 .pnl-field-pill--info{
  background: rgba(127,176,217,0.12);
  border: 1px solid rgba(127,176,217,0.3);
  color: var(--pnl-blue);
}
#smart-content-filter-141 .pnl-field-pill--tag{
  background: rgba(207,159,63,0.14);
  border: 1px solid rgba(207,159,63,0.4);
  color: var(--pnl-gold);
}
 
/* Grille des cartes */
#smart-content-filter-141 .scf-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
 
#smart-content-filter-141 .scf-reset{
  align-self: flex-start;
  background: transparent;
  border: 1px solid var(--pnl-card-line);
  color: var(--pnl-ink-muted);
  border-radius: 999px;
  padding: 9px 22px;
  font-size: 12.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  cursor: pointer;
  transition: all .18s ease;
  margin-top: 4px;
}
#smart-content-filter-141 .scf-reset:hover{
  border-color: var(--pnl-blue-deep);
  color: var(--pnl-blue);
}
 
/* ===================================================================
   BOUTON "AFFICHER / MASQUER LES FILTRES" (mobile uniquement)
   Inséré automatiquement par le script — invisible sur desktop/tablette
   =================================================================== */
 
#smart-content-filter-141 .pnl-filters-toggle{
  display: none;
  width: 100%;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: var(--pnl-blue-deep);
  color: #fff;
  border: 1px solid var(--pnl-blue-deep);
  border-radius: 8px;
  padding: 13px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .4px;
  cursor: pointer;
  margin-bottom: 18px;
  transition: all .18s ease;
}
#smart-content-filter-141 .pnl-filters-toggle:hover{
  background: var(--pnl-blue);
  border-color: var(--pnl-blue);
}
 
/* ===================================================================
   RESPONSIVE
   - Desktop et tablette : colonne de filtres à 25%, inchangé
   - Mobile (<=768px) : filtres empilés au-dessus, cachés derrière le
     bouton toggle par défaut
   =================================================================== */
 
@media (max-width: 900px){
  #smart-content-filter-141{
    grid-template-columns: 1fr;
    padding: 0 4px; /* évite que les bordures soient collées au bord de l'écran */
    box-sizing: border-box;
  }
  #smart-content-filter-141 > .scf-toolbar-wrap{
    grid-column: 1;
    grid-row: auto;
    max-width: 100%;
    width: 100%;
    display: none;
  }
  #smart-content-filter-141 > .scf-toolbar-wrap.pnl-filters-open{
    display: block;
  }
  #smart-content-filter-141 > .scf-tabs,
  #smart-content-filter-141 > .scf-subtabs,
  #smart-content-filter-141 > .scf-count,
  #smart-content-filter-141 > .scf-status,
  #smart-content-filter-141 > .scf-grid,
  #smart-content-filter-141 > .scf-actions,
  #smart-content-filter-141 > .scf-lightbox{
    grid-column: 1;
  }
  #smart-content-filter-141 .pnl-filters-toggle{
    display: flex;
  }
}




.smart-content-filter--sticky-toolbar .scf-sticky-controls {
    position: sticky;
    top: 0;
    z-index: 25;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding: 0.5rem 0 0.65rem;
    background:inherit;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-bottom: 1px solid 
color-mix(in srgb, var(--scf-border) 55%, transparent);
}


/* --- 1. DEBLOCAGE OVERFLOW --- */
/* Empêche les conteneurs parents de bloquer le comportement sticky */
#smart-content-filter-141,
.scf-wrapper,
.scf-container {
  overflow: visible !important;
}

/* --- 2. VERSION MOBILE (< 768px) --- */
/* Desactive totalement le sticky sur mobile */
@media (max-width: 900px) {
  #smart-content-filter-141 .scf-toolbar-wrap,
  #smart-content-filter-141 .scf-toolbar-wrap.pnl-filters-open {
    position: static !important;
    top: auto !important;
  }
}

/* --- 3. TABLETTE ET ORDINATEUR (>= 768px) --- */
/* Active le sticky a partir des tablettes */
@media (min-width: 901px) {
  #smart-content-filter-141 {
    align-items: start !important;
  }

  #smart-content-filter-141 .scf-toolbar-wrap,
  #smart-content-filter-141 .scf-toolbar-wrap.pnl-filters-open {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 20px !important;
    z-index: 100;
    height: fit-content;

    overflow-y: auto;
  }
}

/* ===================================================================
   BOUTON "LOAD MORE" — inutile en scroll infini, mais on ne le
   supprime pas du flux : ton module s'en sert probablement comme
   sentinelle pour détecter le scroll (IntersectionObserver). Le
   masquer avec display:none pourrait casser le chargement infini.
   On le rend juste invisible tout en gardant sa présence dans la page.
   =================================================================== */
 
#smart-content-filter-141 .scf-actions {
  /* On le rend invisible mais "physiquement" présent pour le scroll mobile */
  opacity: 0;
  visibility: hidden; /* Préférable à pointer-events: none pour les observers */
  height: 20px;       /* Donne une vraie zone de détection au script */
  margin: 0 !important;
  padding: 0 !important;
  clear: both;
}

/* S'assurer que le bouton à l'intérieur ne gêne pas le layout */
#smart-content-filter-141 .scf-actions .scf-load-more {
  display: block;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  #smart-content-filter-141 .scf-actions {
    /* Force la détection 100px AVANT que l'utilisateur n'arrive tout en bas */
    margin-top: -100px !important; 
    height: 120px;
  }
}

@media (max-width: 767px) {
  /* On force le conteneur à être bien présent dans le flux de la page */
  #smart-content-filter-141 .scf-actions {
    display: block !important;
    height: 50px !important;
    margin-top: -150px !important; /* Anticipe le scroll mobile */
    position: relative !important;
    z-index: 1 !important;
    opacity: 0.01 !important; /* Presque invisible mais perçu comme affiché par le JS */
    pointer-events: auto !important;
  }

  /* On annule le masquage natif du bouton 'hidden' pour le JS */
  #smart-content-filter-141 .scf-actions .scf-load-more[hidden] {
    display: block !important;
    visibility: visible !important;
  }
}
/* ✅ BONNE PRATIQUE MOBILE */
@media (max-width: 767px) {
  #smart-content-filter-141 .scf-grid {
    grid-template-rows: none !important; /* Laisse le nombre de lignes libre */
    grid-auto-rows: auto !important;
  }
}

/* Déblocage de la hauteur du conteneur de cartes sur Mobile */
@media (max-width: 767px) {
  #smart-content-filter-141,
  #smart-content-filter-141 .scf-grid,
  #smart-content-filter-141 .scf-cards,
  #smart-content-filter-141 .scf-content {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
}

/* --- DEBLOCAGE AFFICHAGE MOBILE --- */
@media (max-width: 767px) {
  /* 1. Force la visibilité de toutes les cartes de la grille */
  .smart-content-filter .scf-grid > *,
  .smart-content-filter .scf-card,
  .smart-content-filter [class*="col-"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  /* 2. Supprime toute restriction de hauteur sur le conteneur */
  .smart-content-filter,
  .smart-content-filter .scf-grid,
  .smart-content-filter .scf-items {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
  }
}


/* Option 1 : Annuler les marges négatives sur le header et le titre de page */
#sp-header .row,
#sp-page-title .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* Option 2 : Si d'autres sections posent problème, tu peux aussi cibler le body entier */
body {
  max-width: 100vw;
}

/* 1. Correction globale pour tous les .row hors container */
section > .row,
header > .row,
footer > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 2. Empêche le wrapper global de pousser hors de l'écran sans bloquer le sticky */
.body-wrapper, 
.body-innerwrapper {
  max-width: 100%;
}


/* Suppression des espaces latéraux pour la bannière plein écran */
#sp-page-title .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#sp-page-title [class*="col-"] {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media (max-width: 767px) {
  #sp-position2 .sp-module:has(#smart-content-filter-146) > .sp-module-title {
    margin-top: 40px;
  }
}

.scf-empty {
    grid-column: 1 / -1;
    margin: 0;
    color: #ff0000;
}

/* Ajouter " h" après la durée */
[data-scf-field-key="field_duree"] [data-scf-range-min-label]::after,
[data-scf-field-key="field_duree"] [data-scf-range-max-label]::after {
    content: " h";
}

/* Ajouter " km" après la distance */
[data-scf-field-key="field_distance"] [data-scf-range-min-label]::after,
[data-scf-field-key="field_distance"] [data-scf-range-max-label]::after {
    content: " km";
}

/* Cas particulier pour le 1 -> 1er */
.scf-multiselect__option:has(input[value="1"]) .scf-multiselect__label::after {
    content: "er";
}

/* Cas général pour tous les autres nombres -> 2ème, 3ème, etc. */
.scf-multiselect__option:has(input[value]:not([value="1"])) .scf-multiselect__label::after {
    content: "ème";
}

/* Pour le 1 */
.scf-multiselect__option input[value="1"] + .scf-multiselect__label::after {
    content: "er";
}

/* Pour tous les autres */
.scf-multiselect__option input[value]:not([value="1"]) + .scf-multiselect__label::after {
    content: "ème";
}

/* Style de base pour les icônes */
.scf-control > span::before {
    content: "";
    display: inline-block;
    width: 1.2em;
    height: 1.2em;
    margin-right: 0.4em;
    vertical-align: -0.15em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* 1. Recherche (Loupe) */
.scf-control:has(input[type="search"]) > span::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236DA2D6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>');
}

/* 2. Arrondissement (Pin de localisation) */
.scf-control[data-scf-field-key="field_arrdt"] > span::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236DA2D6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"/><circle cx="12" cy="10" r="3"/></svg>');
}
/* 3. Durée en heures (Horloge) */
.scf-control:has([data-scf-field-key="field_duree"]) > span::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236DA2D6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>');
}
/* 4. Distance en km (empreintes de pas) */
.scf-control:has([data-scf-field-key="field_distance"]) > span::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%236DA2D6"><ellipse cx="7" cy="16" rx="3" ry="5" transform="rotate(-20 7 16)"/><ellipse cx="17" cy="8" rx="3" ry="5" transform="rotate(20 17 8)"/></svg>');
}

/* 5. Trier (Icône de tri) */
.scf-control:has(select[data-scf-sort]) > span::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%236DA2D6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="11" y1="5" x2="21" y2="5"/><line x1="11" y1="12" x2="18" y2="12"/><line x1="11" y1="19" x2="15" y2="19"/><polyline points="3 16 6 19 9 16"/><line x1="6" y1="5" x2="6" y2="19"/></svg>');
}






/* =========================================================
   scf-card.css
   Design des cards de balades (grid filtrable) — thème sombre
   Scopé à .scf-card, aucune couleur de texte imposée,
   aucun override Bootstrap.
   ========================================================= */

.scf-card {
  position: relative;
  display: flex;
  flex-direction: column;
  background: var(--scf-card-bg, #1a1a1e);
  border: 1px solid var(--scf-card-border, #2a2a30);
  border-radius: 16px;
  overflow: hidden;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.scf-card:hover {
  transform: translateY(-4px);
  border-color: var(--scf-card-border-hover, #3a3a42);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .35);
}

/* --- Image --- */
.scf-card__image {
  display: block;
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
}

.scf-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .5s ease;
}

.scf-card:hover .scf-card__image img {
  transform: scale(1.06);
}

/* --- Corps --- */
.scf-card__body {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  padding: 1.1rem 1.25rem 1.35rem;
}

.scf-card__title {
  margin: 0;
  font-size: 1.05rem;
  font-weight: 600;
  line-height: 1.3;
}

.scf-card__title a {
  text-decoration: none;
  color: inherit; /* on ne touche pas aux couleurs de texte */
}

.scf-card__title a::after {
  content: "";
  position: absolute;
  inset: 0;
}

/* --- Label texte : conservé pour l'accessibilité, masqué visuellement partout --- */
.scf-card__field dt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.scf-card__field dd {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin: 0;
  font-size: 18px;
  font-weight:normal;
  color: #ebdec2;
}

.scf-card__field {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    border-top: none;
    padding-top: 0.35rem;
}

/* Icône générique devant chaque valeur */
.scf-card__field dd::before {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  background-color: var(--scf-icon-color, currentColor);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* --- Rangée sous le titre : arrdt à gauche, durée à droite --- */
.scf-card__fields {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto 0 0;
  padding: 0;
}

.scf-card__field {
  display: flex;
  align-items: center;
}

.scf-card__field[data-field="arrdt"] { order: 1; }
.scf-card__field[data-field="duree"] { order: 2; }

/* --- Icône : Durée (horloge) --- */
.scf-card__field[data-field="duree"] dd::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}

/* --- Icône : Arrondissement (pin) --- */
.scf-card__field[data-field="arrdt"] dd::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* --- Badge Distance : flottant en bas à gauche de l'image ---
   Seul endroit où une couleur de texte est imposée (blanc), car ce badge
   doit rester lisible sur une photo au contenu variable. Vois la note
   dans la réponse si tu préfères gérer cette couleur toi-même. */
.scf-card__field[data-field="distance"] {
  position: absolute;
  left: 12px;
  bottom: 12px;
  z-index: 2;
  background: rgb(30 15 8 / 80%);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  border-radius: 999px;
  padding: .35rem .75rem;
  border: 1px solid rgba(200, 157, 64, 0.5) !important;
}

.scf-card__field[data-field="distance"] dd {
  color: rgba(200, 157, 64);
  font-size: 18px;
  font-weight: 600;
}

.scf-card__field[data-field="distance"] dd::before {
  width: 24px;
  height: 24px;
  background-color: rgba(200, 157, 64);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cellipse cx='7' cy='16' rx='3' ry='5' transform='rotate(-20 7 16)'/%3E%3Cellipse cx='17' cy='8' rx='3' ry='5' transform='rotate(20 17 8)'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cellipse cx='7' cy='16' rx='3' ry='5' transform='rotate(-20 7 16)'/%3E%3Cellipse cx='17' cy='8' rx='3' ry='5' transform='rotate(20 17 8)'/%3E%3C/svg%3E");
}



.scf-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: .6rem;
  padding: 1.1rem 1.25rem 1.35rem;
}





/* =========================================================
   fields-container.css
   Champs personnalisés en haut de la fiche article (balade)

   IMPORTANT : tout est scopé à
   ".com-content-article.item-page > .fields-container"
   pour ne cibler QUE cette liste précise, et ne rien casser
   ailleurs sur le site où .fields-container pourrait être
   réutilisé par Joomla pour d'autres composants.
   ========================================================= */

/* Masque entièrement la carte et le doublon "arrdt" */
.com-content-article.item-page > .fields-container .field-entry.carte,
.com-content-article.item-page > .fields-container .field-entry.arrdt {
  display: none;
}

/* --- Bandeau --- */
.com-content-article.item-page > .fields-container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem 2rem;
  list-style: none;
  margin: 0 0 2rem;
  padding: 0;
}

/* Ordre : distance à gauche, arrondissement au centre, durée à droite */
.com-content-article.item-page > .fields-container .field-entry.distance { order: 1; }
.com-content-article.item-page > .fields-container .field-entry.arrondissement { order: 2; }
.com-content-article.item-page > .fields-container .field-entry.duree { order: 3; }

/* --- Badges --- */
.com-content-article.item-page > .fields-container .field-entry {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.5rem 1rem;
  border: 2px solid color-mix(in srgb, var(--scf-accent, #6DA2D6) 40%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, var(--scf-accent, #6DA2D6) 10%, transparent);
}

/* Label texte : conservé pour l'accessibilité, masqué visuellement */
.com-content-article.item-page > .fields-container .field-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.com-content-article.item-page > .fields-container .field-value {
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  /* pas de couleur définie ici : hérite de la couleur de texte du site */
}

/* Icône générique devant chaque champ, en bleu */
.com-content-article.item-page > .fields-container .field-entry::before {
  content: "";
  flex: none;
  width: 30px;
  height: 30px;
  background-color: var(--scf-accent, #6DA2D6);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* --- Icône : Arrondissement (pin) --- */
.com-content-article.item-page > .fields-container .field-entry.arrondissement::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z'/%3E%3Ccircle cx='12' cy='10' r='3'/%3E%3C/svg%3E");
}

/* --- Icône : Durée (horloge) --- */
.com-content-article.item-page > .fields-container .field-entry.duree::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpolyline points='12 6 12 12 16 14'/%3E%3C/svg%3E");
}

/* --- Icône : Distance (empreintes de pas) --- */
.com-content-article.item-page > .fields-container .field-entry.distance::before {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cellipse cx='7' cy='16' rx='3' ry='5' transform='rotate(-20 7 16)'/%3E%3Cellipse cx='17' cy='8' rx='3' ry='5' transform='rotate(20 17 8)'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23000'%3E%3Cellipse cx='7' cy='16' rx='3' ry='5' transform='rotate(-20 7 16)'/%3E%3Cellipse cx='17' cy='8' rx='3' ry='5' transform='rotate(20 17 8)'/%3E%3C/svg%3E");
}

/* --- Suffixes / préfixes texte --- */
.com-content-article.item-page > .fields-container .field-entry.distance .field-value::after {
  content: " km";
}

.com-content-article.item-page > .fields-container .field-entry.duree .field-value::before {
  content: "~ ";
}

.com-content-article.item-page > .fields-container .field-entry.duree .field-value::after {
  content: "h";
}


@media (max-width: 1300px) {

    /* Tablettes + mobiles */
	
	/* Icône générique devant chaque champ, en bleu */
.com-content-article.item-page > .fields-container .field-entry::before {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  background-color: var(--scf-accent, #6DA2D6);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.com-content-article.item-page > .fields-container .field-value {
  font-size: 17px;
  font-weight: normal;
  line-height: 1;
  /* pas de couleur définie ici : hérite de la couleur de texte du site */
}

.com-content-article.item-page > .fields-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
}

}


@media (max-width: 767px) {

    /* Mobiles uniquement */
	
	/* Icône générique devant chaque champ, en bleu */
.com-content-article.item-page > .fields-container .field-entry::before {
  content: "";
  flex: none;
  width: 20px;
  height: 20px;
  background-color: var(--scf-accent, #6DA2D6);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.com-content-article.item-page > .fields-container .field-value {
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  /* pas de couleur définie ici : hérite de la couleur de texte du site */
}

.com-content-article.item-page > .fields-container {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 0;
    list-style: none;
    margin: 0 0 2rem;
    padding: 0;
}

}

/* 1. Empêcher le conteneur du module de déborder et forcer le nettoyage des flux */
.cartebalade,
.cartebalade .sp-module-content,
.cartebalade .field-entry.carte {
    display: block !important;
    overflow: hidden !important; /* Empêche tout contenu de dépasser sur le footer */
    height: auto !important;     /* Laisse le conteneur s'adapter au contenu */
}

/* 2. Réglage des hauteurs de l'iframe selon les écrans */

/* MOBILE (Jusqu'à 767px) */
.cartebalade iframe {
    height: 450px !important;
    min-height: 450px !important;
    max-height: 450px !important;
    width: 100% !important;
    display: block !important;
}

/* TABLETTE & IPAD (De 768px à 1199px - Inclut l'iPad Pro) */
@media (min-width: 768px) and (max-width: 1199px) {
    .cartebalade iframe {
        height: 600px !important;
        min-height: 600px !important;
        max-height: 600px !important;
    }
}

/* GRAND PC (À partir de 1200px) */
@media (min-width: 1200px) {
    .cartebalade iframe {
        height: 75vh !important;
        min-height: 650px !important;
        max-height: 80vh !important;
    }
}

@media print {

    #sp-footer {
        display: none !important;
    }
	
	.seph-masshead {
		height:100px;
		margin:0;
	}

}

.offcanvas-menu {
    width: 320px;
    height: 100%;
    background-image: url(/images/design/fond4.webp);
    background-color: rgb(16 10 9);
    color: #ebdec2;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: translateX(320px);
    transform: translateX(320px);
    visibility: hidden;
    overflow: inherit;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 10000;
    border-left: 2px solid #665f53;
text-transform:uppercase!important;
}




/* 1. On prépare le conteneur principal */
#sp-newsletter {
    position: relative !important;
    z-index: 1;
    padding: 60px 20px !important;
}

/* 2. L'overlay semi-transparent en dégradé (Marron / Beige) */
#sp-newsletter::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    
    background: rgba(0, 0, 0, 0.35);
    
    z-index: -1; /* Se place DERRIÈRE le texte/formulaire mais DEVANT l'image de fond */
}



.onefield .acym__field__error__block {
    position: absolute;
    width: auto!important;
    background-color: #830d0d!important;
    padding: 5px 10px;
    border: 1px solid #333;
    border-radius: 3px;
    z-index: 1000;
    border: 1px solid #e80000!important;
}

/* ==================================================
   Pagination sans Font Awesome (Unicodes natifs)
   ================================================== */

/* 1. On réinitialise la police sur la police par défaut du site */
.pagination .icon-angle-double-left::before,
.pagination .icon-angle-left::before,
.pagination .icon-angle-right::before,
.pagination .icon-angle-double-right::before {
    font-family: inherit !important;
    font-weight: bold !important;
    display: inline-block !important;
    font-style: normal !important;
}

/* 2. Injection des flèches natives */
.pagination .icon-angle-double-left::before {
    content: "«" !important; /* Début (double flèche gauche) */
}

.pagination .icon-angle-left::before {
    content: "‹" !important; /* Précédent (flèche gauche) */
}

.pagination .icon-angle-right::before {
    content: "›" !important; /* Suivant (flèche droite) */
}

.pagination .icon-angle-double-right::before {
    content: "»" !important; /* Fin (double flèche droite) */
}

/* ===================================================================
   PAGE DE RECHERCHE — Paris le nez en l'air (Correctif & Habillage)
   =================================================================== */

.com-finder * {
    margin-bottom: 0;
}

.com-finder > * + *, 
.com-finder__results > * + * {
    margin-top: 1.5em;
}

/* ---------- FORMULAIRE DE RECHERCHE ---------- */

.com-finder__form .input-group {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.com-finder__form .form-control {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid var(--pnl-card-line);
    color: var(--pnl-ink);
    border-radius: 8px !important;
    padding: 10px 14px;
}

.com-finder__form .form-control:focus {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--pnl-blue);
    box-shadow: 0 0 0 3px rgba(127, 176, 217, 0.2);
    color: var(--pnl-ink);
}

.com-finder__form .btn-primary {
    background: var(--pnl-blue-deep);
    border-color: var(--pnl-blue-deep);
    border-radius: 8px !important;
    padding: 10px 18px;
    font-weight: 600;
}

.com-finder__form .btn-primary:hover {
    background: var(--pnl-blue);
    border-color: var(--pnl-blue);
}

.com-finder__form .btn-secondary {
    background: transparent;
    border: 1px solid var(--pnl-card-line);
    color: var(--pnl-ink-muted);
    border-radius: 8px !important;
}

.com-finder__form .btn-secondary:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--pnl-ink);
}

.com-finder__advanced {
    margin-top: 15px;
    background: var(--pnl-card-bg);
    border: 1px solid var(--pnl-card-line);
    border-radius: var(--pnl-radius);
    padding: 18px;
}

.com-finder__advanced select {
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid var(--pnl-card-line);
    color: var(--pnl-ink);
    border-radius: 6px;
    padding: 8px;
}

/* ---------- LISTE DES RÉSULTATS ---------- */

#search-result-list,
.com-finder__results-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.result__item {
    padding: 22px 0;
    border-bottom: 1px solid var(--pnl-card-line);
}

.result__title {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 600;
}

.result__title-link {
    color: var(--pnl-blue);
    text-decoration: none;
    transition: color 0.2s ease;
}

.result__title-link:hover {
    color: var(--pnl-gold);
}

/* ---------- FIXE CASSE DU TEXTE & SCROLLBAR HORIZONTALE ---------- */

.result__description {
    margin: 0 0 12px;
    color: var(--pnl-ink);
    line-height: 1.6;
    
    /* Ces propriétés forcent la coupure des mots trop longs (liens, shortcodes mp3) */
    overflow-wrap: anywhere;
    word-break: break-word;
    hyphens: auto;
}

/* Mise en valeur du texte recherché surligné */
.result__description mark,
.result__title mark,
.result__taxonomy mark {
    background: rgba(207, 159, 99, 0.25);
    color: var(--pnl-gold);
    padding: 1px 4px;
    border-radius: 3px;
    font-weight: 600;
}

/* Catégories / Taxonomie sous le résultat */
.result__taxonomy {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 8px;
}

.result__taxonomy-item {
    font-size: 12.5px;
    color: var(--pnl-ink-muted);
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--pnl-card-line);
    padding: 3px 10px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.result__taxonomy-item span {
    color: var(--pnl-gold);
    font-weight: 600;
}

/* ---------- PAGINATION & COMPTEUR ---------- */

.com-finder__navigation {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-top: 24px;
}

.pagination {
    display: flex;
    gap: 6px;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    justify-content: center;
}

.pagination .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 36px;
    height: 36px;
    padding: 0 8px;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--pnl-card-line);
    color: var(--pnl-ink);
    text-decoration: none;
    transition: all 0.2s ease;
}

.pagination .page-link:hover {
    background: rgba(127, 176, 217, 0.15);
    border-color: var(--pnl-blue);
    color: var(--pnl-blue);
}

.pagination .active .page-link {
    background: var(--pnl-blue-deep);
    border-color: var(--pnl-blue-deep);
    color: #fff;
    font-weight: 700;
}

.pagination .disabled .page-link {
    opacity: 0.3;
    pointer-events: none;
}

.com-finder__counter {
    color: var(--pnl-ink-muted);
    font-size: 13.5px;
}

.com-finder__counter strong {
    color: var(--pnl-gold);
}

/* ---------- RESPONSIVE MOBILE ---------- */

/* ===================================================================
   PAGINATION COMPACTE SUR MOBILE (< 640px)
   =================================================================== */

@media (max-width: 768px) {

  /* 1. Conteneur principal : aligné au centre sans dépasser */
  .pagination {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 15px 0 !important;
    gap: 3px !important;
    box-sizing: border-box !important;
  }

  /* 2. On masque TOUTES les numérotations de page sauf la page active */
  .pagination li.page-item:not(.active):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)) {
    display: none !important;
  }

  /* 3. Réduction stricte de la taille de chaque bouton */
  .pagination .page-item {
    margin: 0 !important;
  }

  .pagination .page-link {
    min-width: 30px !important;
    max-width: 36px !important;
    height: 32px !important;
    padding: 0 4px !important;
    font-size: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  /* 4. Remplacement des longs textes ("Précédent", "Suivant", etc.) s'ils existent */
  .pagination .page-item:first-child .page-link,
  .pagination .page-item:last-child .page-link {
    font-size: 10px !important;
    padding: 0 2px !important;
  }
}

body:has(.com-content-article__body) #sp-top-contenu .sp-module.actupage {
    display: none !important;
}

.com-content-category.category-list {
    display: none !important;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-tabs {
	display:none;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__meta {
    position: inherit !important;
}

/* 1. Carte globale et déblocage de l'image (420px de large) */
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card {
  display: grid !important;
  grid-template-columns: 420px 1fr !important;
  grid-template-rows: auto !important;
  height: auto !important;
  min-height: 250px !important;
  align-items: stretch !important;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__image {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  align-self: stretch !important;
  aspect-ratio: auto !important;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

/* 2. Conteneur du texte */
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__body {
  height: 100% !important;
  padding: 28px 32px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important; /* Servira de repère pour la date */
  box-sizing: border-box !important;
}

/* 3. Date / Méta fixée EN HAUT À DROITE */
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__meta {
  position: absolute !important;
  top: 28px !important;
  right: 32px !important;
  left: inherit !important;
  bottom: inherit !important;
  height: auto !important;
  width: auto !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  opacity: 0.65 !important;
  margin: 0 !important;
}

/* 4. Titre (avec une marge à droite pour ne pas rouler sur la date) */
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__title {
  font-size: 22px !important;
  line-height: 1.3 !important;
  height: auto !important;
  margin-bottom: 14px !important;
  padding-right: 90px !important; /* Espace réservé pour éviter que le titre ne chevauche la date */
}

/* 5. Texte d'intro */
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__intro {
  font-size: inherit !important;
  line-height: inherit !important;
  height: auto !important;
  margin: 0 !important;
}

/* 6. Responsive Mobile */
@media (max-width: 991px) {
  :is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card {
    grid-template-columns: 1fr !important;
  }
  
  :is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__image {
    height: 220px !important;
  }

  :is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__meta {
    position: static !important;
    margin-bottom: 8px !important;
  }

  :is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__title {
    padding-right: 0 !important;
  }
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card {
  background: var(--pnl-card-bg) !important;
  border: 1px solid var(--pnl-card-line) !important;
  border-radius: var(--pnl-radius) !important;
  transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s !important;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card:hover {
  transform: translateY(-2px) !important;
  border: 1px solid #e4d8bc !important;
  box-shadow: 0 0 15px rgba(228, 216, 188, 0.8) !important;
}

:is(#smart-content-filter-141, #smart-content-filter-146, #smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card:focus,
:is(#smart-content-filter-141, #smart-content-filter-146, #smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card:focus-visible {
  outline: none !important;
}

/* Badge Meta Date */
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__meta time {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  
  /* Typographie & Style de texte */
  color: #ffcf6e !important;
  font-size: 17px !important;
  font-weight: normal !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  line-height: 1 !important;
  
  /* Fond, Bordure & Arrondi */
  background: rgba(21, 15, 12, 0.85) !important;
  border: 1px solid var(--pnl-card-line) !important;
  border-radius: 20px !important; /* Forme pilule plus élégante */
  padding: 6px 12px !important;
  
  /* Effet de profondeur léger */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
  backdrop-filter: blur(4px) !important; /* Floute légèrement l'arrière-plan si superposition */
  transition: all 0.3s ease !important;
}

/* Subtil effet dynamique quand la carte est survolée */
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card:hover .scf-card__meta time {
  border-color: rgba(200, 157, 64, 0.6) !important; /* Éclaircit la bordure dorée */
  box-shadow: 0 0 10px rgba(200, 157, 64, 0.2) !important; /* Légère lueur dorée */
  transform: translateY(-1px) !important;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__image {
  display: block !important;
  position: relative !important;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card__image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform .4s ease !important;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0);
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-card:hover .scf-card__image img {
  transform: translateZ(0) scale(1.08) !important;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-toolbar-wrap {
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 26px 24px 0 24px;
  overflow: visible;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-toolbar-wrap::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity: .55;
}

/* ===================================================================
   CONTRÔLES GÉNÉRIQUES (label + champ)
   =================================================================== */

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-control {
  display: block;
  margin-bottom: 22px;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-control > span {
  display: block;
  margin-bottom: 8px;
  font-size: inherit;
  text-transform: uppercase;
  letter-spacing: .6px;
  font-weight: 600;
  color: #6f99ca;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) input[type="search"],
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) select {
  width: 100%;
  box-sizing: border-box;
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--pnl-card-line);
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: inherit;
  color: var(--pnl-ink);
  transition: border-color .15s ease, background .15s ease;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) input[type="search"]::placeholder {
  color: var(--pnl-ink-muted);
  opacity: .55;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) input[type="search"]:hover,
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) select:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(239,232,218,0.22);
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) input[type="search"]:focus,
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) select:focus {
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) select {
  appearance: none;
  -webkit-appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, var(--pnl-gold) 50%), linear-gradient(135deg, var(--pnl-gold) 50%, transparent 50%);
  background-position: calc(100% - 18px) center, calc(100% - 13px) center;
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding-right: 32px;
  cursor: pointer;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) select option {
  background: #1c1611;
  color: var(--pnl-ink);
}

/* ===================================================================
   MENU DÉROULANT MULTI-SÉLECTION (Arrondissement)
   =================================================================== */

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect {
  position: relative;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255,255,255,0.045);
  border: 1px solid var(--pnl-card-line);
  border-radius: 8px;
  padding: 10px 12px;
  color: var(--pnl-ink);
  font-size: 14px;
  font-family: inherit;
  cursor: pointer;
  transition: border-color .15s ease, background .15s ease;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__toggle:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(239,232,218,0.22);
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__toggle:focus,
:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__toggle[aria-expanded="true"] {
  outline: none;
  border-color: var(--pnl-blue-deep);
  background: rgba(255,255,255,0.07);
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__caret {
  width: 7px;
  height: 7px;
  border-right: 2px solid var(--pnl-gold);
  border-bottom: 2px solid var(--pnl-gold);
  transform: rotate(45deg);
  transition: transform .15s ease;
  flex-shrink: 0;
  margin-left: 10px;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__toggle[aria-expanded="true"] .scf-multiselect__caret {
  transform: rotate(-135deg);
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__panel {
  position: absolute;
  z-index: 30;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #1c1611;
  border: 1px solid var(--pnl-card-line);
  border-radius: 10px;
  box-shadow: 0 18px 40px -18px rgba(0,0,0,0.75);
  max-height: 260px;
  overflow-y: auto;
  padding: 8px;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__option label {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0px 8px;
  border-radius: 6px;
  cursor: pointer;
  font-size: 17px;
  color: #ebdec2;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__option label:hover {
  background: rgba(255,255,255,0.05);
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__option input[type="checkbox"] {
  width: 15px;
  height: 15px;
  accent-color: var(--pnl-gold);
  flex-shrink: 0;
}

:is(#smart-content-filter-147, #smart-content-filter-155, #smart-content-filter-156, #smart-content-filter-157, #smart-content-filter-158, #smart-content-filter-159, #smart-content-filter-160) .scf-multiselect__count {
  margin-left: auto;
  font-size: 17px;
  color: #ebdec2;
}

.sp-dropdown.sp-menu-right {
    left: auto;
    right: 0;
}

.convertforms * {
line-height: 26px;
}


div#mod-custom149 {
    margin: 0 0 20px 0px;
}

div#mod-custom120 {
    padding: 20px;
}

/* Nettoyage des <li> vides générés par Helix3 */
.sp-megamenu-parent > .sp-menu-item:empty,
.sp-dropdown-items > .sp-menu-item:empty {
    display: none !important;
}

.sp-megamenu-parent.menu-zoom {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sp-megamenu-parent.menu-zoom > .sp-menu-item {
    position: relative;
}

/* Items avec image de fond (Balades, Balades guidées...) */
.sp-megamenu-parent.menu-zoom > .sp-menu-item > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 48px;
    padding: 0 18px;
    border-radius: 14px;
    border: 1px solid rgba(207, 159, 63, 0.25);
    background: rgba(37, 18, 1, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    transition: border-color .3s ease, background .3s ease;
    text-decoration: none;
}

.sp-megamenu-parent.menu-zoom > .sp-menu-item > a img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.28;
    filter: grayscale(15%);
    transition: opacity .3s ease, transform .4s ease;
    z-index: 0;
}

.sp-megamenu-parent.menu-zoom > .sp-menu-item > a .image-title {
    position: relative;
    z-index: 1;
    color: #ebdec2;
    font-family: "Josefin Sans", sans-serif;
    font-size: 15px;
    letter-spacing: .03em;
    white-space: nowrap;
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

.sp-megamenu-parent.menu-zoom > .sp-menu-item > a:hover,
.sp-megamenu-parent.menu-zoom > .sp-menu-item.current-item > a,
.sp-megamenu-parent.menu-zoom > .sp-menu-item.active > a {
    border-color: var(--pnl-blue, #cf9f3f);
    background: rgba(37, 18, 1, 0.75);
}

.sp-megamenu-parent.menu-zoom > .sp-menu-item > a:hover img {
    opacity: 0.45;
    transform: scale(1.06);
}

.sp-megamenu-parent.menu-zoom > .sp-menu-item > a:hover .image-title,
.sp-megamenu-parent.menu-zoom > .sp-menu-item.current-item > a .image-title {
    color: var(--pnl-blue, #cf9f3f);
}

/* Item texte simple avec sous-menu (Contact) */
.sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child > a {
    height: 48px;
    padding: 0 18px;
    border-radius: 14px;
    border: 1px solid rgba(207, 159, 63, 0.25);
    background: rgba(37, 18, 1, 0.55);
    color: #ebdec2;
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: border-color .3s ease, background .3s ease, color .3s ease;
}

.sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child:hover > a {
    border-color: var(--pnl-blue, #cf9f3f);
    background: rgba(37, 18, 1, 0.75);
    color: var(--pnl-blue, #cf9f3f);
}



/* ===== Dropdown Contact ===== */
.sp-dropdown.sp-menu-right {
    left: auto;
    right: 0;
}

.sp-dropdown-inner {
    background:
        linear-gradient(rgba(37, 18, 1, 0.92), rgba(37, 18, 1, 0.92)),
        url(/../images/design/fond.webp);
    background-size: cover;
    background-position: center;
    border: 1px solid rgba(207, 159, 63, 0.35);
    border-radius: 14px;
    box-shadow: 0 12px 32px rgba(0,0,0,.5);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    overflow: hidden;
    padding: 8px;
}

.sp-dropdown-items {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sp-dropdown-items > .sp-menu-item > a {
    position: relative;
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 14px;
    border-radius: 10px;
    overflow: hidden;
    text-decoration: none;
    transition: background .25s ease;
}

.sp-dropdown-items > .sp-menu-item > a img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.22;
    z-index: 0;
    transition: opacity .25s ease, transform .35s ease;
}

.sp-dropdown-items > .sp-menu-item > a .image-title {
    position: relative;
    z-index: 1;
    color: var(--pnl-blue, #7fb0d9);
    font-size: 15px;
    text-shadow: 0 1px 3px rgba(0,0,0,.6);
}

.sp-dropdown-items > .sp-menu-item > a:hover {
    background: rgba(207, 159, 63, 0.12);
}

.sp-dropdown-items > .sp-menu-item > a:hover img {
    opacity: 0.4;
    transform: scale(1.05);
}

.sp-dropdown-items > .sp-menu-item > a:hover .image-title {
    color: var(--pnl-blue, #cf9f3f);
}

li.sp-menu-item {
    padding: 0 10px 0 0;
}

li.field-entry.photo-request {
    display: none !important;
}

.balade-photo-request {
    width:100%;
    padding:8px 15px;
    margin:15px 0 30px 0;
    text-align:center;
    background:rgba(210,170,100,.15);
    border:1px solid rgba(210,170,100,.4);
    border-radius:5px;
    font-size:16px;
}
.sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child > a::after {
    margin-left: 6px;
}


#sp-menu .sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child:has(.sp-dropdown-items .sp-menu-item.active) > a,
#sp-menu .sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child:has(.sp-dropdown-items .sp-menu-item.current-item) > a,
#sp-menu .sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child:has(.sp-dropdown-items .sp-menu-item.active) > a:link,
#sp-menu .sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child:has(.sp-dropdown-items .sp-menu-item.active) > a:visited,
#sp-menu .sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child:has(.sp-dropdown-items .sp-menu-item.current-item) > a:link,
#sp-menu .sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child:has(.sp-dropdown-items .sp-menu-item.current-item) > a:visited {
    border-color: var(--pnl-blue, #7fb0d9) !important;
    color: var(--pnl-blue, #7fb0d9) !important;
}

@media (max-width: 1199px) {
    .sp-megamenu-parent.menu-zoom > .sp-menu-item > a .image-title,
    .sp-megamenu-parent.menu-zoom > .sp-menu-item.sp-has-child > a {
        font-size: 14px;
    }
}




.eb-category-description.clearfix {

    padding: 20px;
}

body:has(#sp-balades) #sp-main-body {
    padding-top: 0!important;
}

body:has(#sp-balades) .com-content-article__body {
    padding: 20px!important;
}

body:has(#sp-balades) .com-content-article > .fields-container {
    margin: 0;
    padding: 0;
}


.com-content-article:not(:has(.balade-photo-request)) .com-content-article__body {
    padding: 20px!important;
}

section#sp-main-body {
    margin-bottom: 50px;
}

.sp-module.baladescontact {
    margin-top: 15px;
}



.baladescontact .balade-mini-support {
    position: relative;
    padding: 20px 22px;
    border-radius: 14px;
    border: 1px solid rgba(207, 159, 63, 0.25);
    background: rgba(37, 18, 1, 0.55);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
    color: #ebdec2;
    font-family: "Josefin Sans", sans-serif;
    font-size: 15px;
    line-height: 1.6;
    margin-top: 20px;
}

.baladescontact .balade-mini-support a {
    color: var(--pnl-blue, #7fb0d9);
    text-decoration: none;
    transition: color .25s ease, border-color .25s ease;
}

.baladescontact .balade-mini-support a:hover {
    color: var(--pnl-gold, #cf9f3f);
    border-color: var(--pnl-gold, #cf9f3f);
}



@media (min-width: 992px) and (min-height: 900px) {
    #sp-left {
        position: sticky;
        top: 20px;
        align-self: flex-start;
    }

    #sp-left .cartebalade iframe {
        height: 70vh !important;
    }
}

.sp-dropdown-inner,
.sp-megamenu-parent.menu-zoom > .sp-menu-item > a,
.baladescontact .balade-mini-support {
    transform: translateZ(0);
    will-change: transform;
}





.partners-trust {
    padding: 10px 25px;
    border-radius: 14px;
    margin: 20px 0;
}

.partners-trust__header {
    text-align: center;
    margin-bottom: 28px;
}

.partners-trust__header h3 {
    font-family: "Josefin Sans", sans-serif;
    color: var(--pnl-gold, #cf9f3f);
    font-size: 22px;
    margin-bottom: 8px;
}

.partners-trust__header p {
    color: #ebdec2;
    font-size: 15px;
    opacity: 0.85;
    margin: 0 auto;
}

/* Grille */
.partners-trust__grid {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 20px;
    align-items: stretch;
}

/* Carte Logo & Position relative pour le tooltip */
.partners-trust__logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px;
    min-height: 90px;
    border-radius: 10px;
    background: #ffffff;
    border: 1px solid rgba(207, 159, 63, 0.12);
    transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.partners-trust__logo img {
    max-width: 100%;
    max-height: 55px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.partners-trust__logo:hover {
    border-color: var(--pnl-gold, #cf9f3f);
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* -------------------------------------------------------------
   EFFET TOOLTIP (Affichage du texte au survol)
------------------------------------------------------------- */
.partners-trust__logo::after {
    content: attr(data-title);
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    background: rgba(37, 18, 1, 0.95);
    color: inherit;
    border: 1px solid rgba(207, 159, 63, 0.4);
    font-family: "Josefin Sans", sans-serif;
    font-size: 12px;
    padding: 5px 10px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 10;
}

/* Petite flèche en dessous de la bulle */
.partners-trust__logo::before {
    content: "";
    position: absolute;
    bottom: calc(100% + 2px);
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: rgba(37, 18, 1, 0.95) transparent transparent transparent;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.25s ease, transform 0.25s ease;
    z-index: 10;
}

/* Affichage au survol */
.partners-trust__logo:hover::after,
.partners-trust__logo:hover::before {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

/* Footer de section */
.partners-trust__footer {
    text-align: center;
    color: #ebdec2;
    font-size: 13px;
    font-style: italic;
    opacity: 0.75;
    margin: 24px 0 0 0;
}

/* Responsive */
@media (max-width: 991px) {
    .partners-trust__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .partners-trust {
        padding: 22px 16px;
    }

    .partners-trust__grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .partners-trust__logo {
        min-height: 75px;
        padding: 10px;
    }

    .partners-trust__logo img {
        max-height: 40px;
    }
    
    /* Désactiver les bulles sur mobile pour éviter les bugs au touch */
    .partners-trust__logo::after,
    .partners-trust__logo::before {
        display: none;
    }
}


.pnl-cookie-banner {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    margin: 0;
    padding: 16px 24px;
    background: rgba(0, 0, 0, 0.9); /* Noir à 90% d'opacité */
    border: none;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    gap: 20px;
    box-sizing: border-box;
}

.pnl-cookie-banner__text {
    margin: 0;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.5;
    max-width: 900px;
}

.pnl-cookie-banner__btn {
    flex-shrink: 0;
    /* Le style principal est directement hérité de vos classes .btn .btn-primary */
}

@media (max-width: 600px) {
    .pnl-cookie-banner {
        flex-direction: column;
        align-items: stretch;
        text-align: center;
        padding: 16px;
    }

    .pnl-cookie-banner__btn {
        width: 100%;
    }
}


.icon-joomla:before {

  content: "\e200";

}

.icon-chevron-up:before,

.icon-uparrow:before,

.icon-arrow-up:before {

  content: "\e005";

}

.icon-chevron-right:before,

.icon-rightarrow:before,

.icon-arrow-right:before {

  content: "\e006";

}

.icon-chevron-down::before, 
.icon-downarrow::before, 
.icon-arrow-down::before {
    font-family: inherit !important;
    content: " ▾" !important; /* Ou " ▼" ou " ⌄" */
    display: inline-block;
}

.icon-chevron-left:before,

.icon-leftarrow:before,

.icon-arrow-left:before {

  content: "\e008";

}

.icon-arrow-first:before {

  content: "\e003";

}

.icon-arrow-last:before {

  content: "\e004";

}

.icon-arrow-up-2:before {

  content: "\e009";

}

.icon-arrow-right-2:before {

  content: "\e00a";

}

.icon-arrow-down-2:before {

  content: "\e00b";

}

.icon-arrow-left-2:before {

  content: "\e00c";

}

.icon-arrow-up-3:before {

  content: "\e00f";

}

.icon-arrow-right-3:before {

  content: "\e010";

}

.icon-arrow-down-3:before {

  content: "\e011";

}

.icon-arrow-left-3:before {

  content: "\e012";

}

.icon-menu-2:before {

  content: "\e00e";

}

.icon-arrow-up-4:before {

  content: "\e201";

}

.icon-arrow-right-4:before {

  content: "\e202";

}

.icon-arrow-down-4:before {

  content: "\e203";

}

.icon-arrow-left-4:before {

  content: "\e204";

}

.icon-share:before,

.icon-redo:before {

  content: "\27";

}

.icon-undo:before {

  content: "\28";

}

.icon-forward-2:before {

  content: "\e205";

}

.icon-backward-2:before,

.icon-reply:before {

  content: "\e206";

}

.icon-unblock:before,

.icon-refresh:before,

.icon-redo-2:before {

  content: "\6c";

}

.icon-undo-2:before {

  content: "\e207";

}

.icon-move:before {

  content: "\7a";

}

.icon-expand:before {

  content: "\66";

}

.icon-contract:before {

  content: "\67";

}

.icon-expand-2:before {

  content: "\68";

}

.icon-contract-2:before {

  content: "\69";

}

.icon-play:before {

  content: "\e208";

}

.icon-pause:before {

  content: "\e209";

}

.icon-stop:before {

  content: "\e210";

}

.icon-previous:before,

.icon-backward:before {

  content: "\7c";

}

.icon-next:before,

.icon-forward:before {

  content: "\7b";

}

.icon-first:before {

  content: "\7d";

}

.icon-last:before {

  content: "\e000";

}

.icon-play-circle:before {

  content: "\e00d";

}

.icon-pause-circle:before {

  content: "\e211";

}

.icon-stop-circle:before {

  content: "\e212";

}

.icon-backward-circle:before {

  content: "\e213";

}

.icon-forward-circle:before {

  content: "\e214";

}

.icon-loop:before {

  content: "\e001";

}

.icon-shuffle:before {

  content: "\e002";

}

.icon-search:before {
    content: "\1F50D";
}

.icon-zoom-in:before {

  content: "\64";

}

.icon-zoom-out:before {

  content: "\65";

}

.icon-apply:before,

.icon-edit:before,

.icon-pencil:before {

  content: "\2b";

}

.icon-pencil-2:before {

  content: "\2c";

}

.icon-brush:before {

  content: "\3b";

}

.icon-save-new:before,

.icon-plus-2:before {

  content: "\5d";

}

.icon-ban-circle:before,

.icon-minus-sign:before,

.icon-minus-2:before {

  content: "\5e";

}

.icon-delete:before,

.icon-remove:before,

.icon-cancel-2:before {

  content: "\49";

}

.icon-publish:before,

.icon-save:before,

.icon-ok:before,

.icon-checkmark:before {

  content: "\47";

}

.icon-new:before,

.icon-plus:before {

  content: "\2a";

}

.icon-plus-circle:before {

  content: "\e215";

}

.icon-minus:before,

.icon-not-ok:before {

  content: "\4b";

}

.icon-minus-circle:before {

  content: "\e216";

}

.icon-unpublish:before,

.icon-cancel:before {

  content: "\4a";

}

.icon-cancel-circle:before {

  content: "\e217";

}

.icon-checkmark-2:before {

  content: "\e218";

}

.icon-checkmark-circle:before {

  content: "\e219";

}

.icon-info:before {

  content: "\e220";

}

.icon-info-2:before,

.icon-info-circle:before {

  content: "\e221";

}

.icon-question:before,

.icon-question-sign:before,

.icon-help:before {

  content: "\45";

}

.icon-question-2:before,

.icon-question-circle:before {

  content: "\e222";

}

.icon-notification:before {

  content: "\e223";

}

.icon-notification-2:before,

.icon-notification-circle:before {

  content: "\e224";

}

.icon-pending:before,

.icon-warning:before {

  content: "\48";

}

.icon-warning-2:before,

.icon-warning-circle:before {

  content: "\e225";

}

.icon-checkbox-unchecked:before {

  content: "\3d";

}

.icon-checkin:before,

.icon-checkbox:before,

.icon-checkbox-checked:before {

  content: "\3e";

}

.icon-checkbox-partial:before {

  content: "\3f";

}

.icon-square:before {

  content: "\e226";

}

.icon-radio-unchecked:before {

  content: "\e227";

}

.icon-radio-checked:before,

.icon-generic:before {

  content: "\e228";

}

.icon-circle:before {

  content: "\e229";

}

.icon-signup:before {

  content: "\e230";

}

.icon-grid:before,

.icon-grid-view:before {

  content: "\58";

}

.icon-grid-2:before,

.icon-grid-view-2:before {

  content: "\59";

}

.icon-menu:before {

  content: "\5a";

}

.icon-list:before,

.icon-list-view:before {

  content: "\31";

}

.icon-list-2:before {

  content: "\e231";

}

.icon-menu-3:before {

  content: "\e232";

}

.icon-folder-open:before,

.icon-folder:before {

  content: "\2d";

}

.icon-folder-close:before,

.icon-folder-2:before {

  content: "\2e";

}

.icon-folder-plus:before {

  content: "\e234";

}

.icon-folder-minus:before {

  content: "\e235";

}

.icon-folder-3:before {

  content: "\e236";

}

.icon-folder-plus-2:before {

  content: "\e237";

}

.icon-folder-remove:before {

  content: "\e238";

}

.icon-file:before {

  content: "\e016";

}

.icon-file-2:before {

  content: "\e239";

}

.icon-file-add:before,

.icon-file-plus:before {

  content: "\29";

}

.icon-file-remove:before,

.icon-file-minus:before {

  content: "\e017";

}

.icon-file-check:before {

  content: "\e240";

}

.icon-file-remove:before {

  content: "\e241";

}

.icon-save-copy:before,

.icon-copy:before {

  content: "\e018";

}

.icon-stack:before {

  content: "\e242";

}

.icon-tree:before {

  content: "\e243";

}

.icon-tree-2:before {

  content: "\e244";

}

.icon-paragraph-left:before {

  content: "\e246";

}

.icon-paragraph-center:before {

  content: "\e247";

}

.icon-paragraph-right:before {

  content: "\e248";

}

.icon-paragraph-justify:before {

  content: "\e249";

}

.icon-screen:before {

  content: "\e01c";

}

.icon-tablet:before {

  content: "\e01d";

}

.icon-mobile:before {

  content: "\e01e";

}

.icon-box-add:before {

  content: "\51";

}

.icon-box-remove:before {

  content: "\52";

}

.icon-download:before {

  content: "\e021";

}

.icon-upload:before {

  content: "\e022";

}

.icon-home:before {

  content: "\21";

}

.icon-home-2:before {

  content: "\e250";

}

.icon-out-2:before,

.icon-new-tab:before {

  content: "\e024";

}

.icon-out-3:before,

.icon-new-tab-2:before {

  content: "\e251";

}

.icon-link:before {

  content: "\e252";

}

.icon-picture:before,

.icon-image:before {

  content: "\2f";

}

.icon-pictures:before,

.icon-images:before {

  content: "\30";

}

.icon-palette:before,

.icon-color-palette:before {

  content: "\e014";

}

.icon-camera:before {

  content: "\55";

}

.icon-camera-2:before,

.icon-video:before {

  content: "\e015";

}

.icon-play-2:before,

.icon-video-2:before,

.icon-youtube:before {

  content: "\56";

}

.icon-music:before {

  content: "\57";

}

.icon-user:before {

  content: "\22";

}

.icon-users:before {

  content: "\e01f";

}

.icon-vcard:before {

  content: "\6d";

}

.icon-address:before {

  content: "\70";

}

.icon-share-alt:before,

.icon-out:before {

  content: "\26";

}

.icon-enter:before {

  content: "\e257";

}

.icon-exit:before {

  content: "\e258";

}

.icon-comment:before,

.icon-comments:before {

  content: "\24";

}

.icon-comments-2:before {

  content: "\25";

}

.icon-quote:before,

.icon-quotes-left:before {

  content: "\60";

}

.icon-quote-2:before,

.icon-quotes-right:before {

  content: "\61";

}

.icon-quote-3:before,

.icon-bubble-quote:before {

  content: "\e259";

}

.icon-phone:before {

  content: "\e260";

}

.icon-phone-2:before {

  content: "\e261";

}

.icon-envelope:before,

.icon-mail:before {

  content: "\4d";

}

.icon-envelope-opened:before,

.icon-mail-2:before {

  content: "\4e";

}

.icon-unarchive:before,

.icon-drawer:before {

  content: "\4f";

}

.icon-archive:before,

.icon-drawer-2:before {

  content: "\50";

}

.icon-briefcase:before {

  content: "\e020";

}

.icon-tag:before {

  content: "\e262";

}

.icon-tag-2:before {

  content: "\e263";

}

.icon-tags:before {

  content: "\e264";

}

.icon-tags-2:before {

  content: "\e265";

}

.icon-options:before,

.icon-cog:before {

  content: "\38";

}

.icon-cogs:before {

  content: "\37";

}

.icon-screwdriver:before,

.icon-tools:before {

  content: "\36";

}

.icon-wrench:before {

  content: "\3a";

}

.icon-equalizer:before {

  content: "\39";

}

.icon-dashboard:before {

  content: "\78";

}

.icon-switch:before {

  content: "\e266";

}

.icon-filter:before {

  content: "\54";

}

.icon-purge:before,

.icon-trash:before {

  content: "\4c";

}

.icon-checkedout:before,

.icon-lock:before,

.icon-locked:before {

  content: "\23";

}

.icon-unlock:before {

  content: "\e267";

}

.icon-key:before {

  content: "\5f";

}

.icon-support:before {

  content: "\46";

}

.icon-database:before {

  content: "\62";

}

.icon-scissors:before {

  content: "\e268";

}

.icon-health:before {

  content: "\6a";

}

.icon-wand:before {

  content: "\6b";

}

.icon-eye-open:before,

.icon-eye:before {

  content: "\3c";

}

.icon-eye-close:before,

.icon-eye-blocked:before,

.icon-eye-2:before {

  content: "\e269";

}

.icon-clock:before {

  content: "\6e";

}

.icon-compass:before {

  content: "\6f";

}

.icon-broadcast:before,

.icon-connection:before,

.icon-wifi:before {

  content: "\e01b";

}

.icon-book:before {

  content: "\e271";

}

.icon-lightning:before,

.icon-flash:before {

  content: "\79";

}

.icon-print:before,

.icon-printer:before {

  content: "\e013";

}

.icon-feed:before {

  content: "\71";

}

.icon-calendar:before {

  content: "\43";

}

.icon-calendar-2:before {

  content: "\44";

}

.icon-calendar-3:before {

  content: "\e273";

}

.icon-pie:before {

  content: "\77";

}

.icon-bars:before {

  content: "\76";

}

.icon-chart:before {

  content: "\75";

}

.icon-power-cord:before {

  content: "\32";

}

.icon-cube:before {

  content: "\33";

}

.icon-puzzle:before {

  content: "\34";

}

.icon-attachment:before,

.icon-paperclip:before,

.icon-flag-2:before {

  content: "\72";

}

.icon-lamp:before {

  content: "\74";

}

.icon-pin:before,

.icon-pushpin:before {

  content: "\73";

}

.icon-location:before {

  content: "\63";

}

.icon-shield:before {

  content: "\e274";

}

.icon-flag:before {

  content: "\35";

}

.icon-flag-3:before {

  content: "\e275";

}

.icon-bookmark:before {

  content: "\e023";

}

.icon-bookmark-2:before {

  content: "\e276";

}

.icon-heart:before {

  content: "\e277";

}

.icon-heart-2:before {

  content: "\e278";

}

.icon-thumbs-up:before {

  content: "\5b";

}

.icon-thumbs-down:before {

  content: "\5c";

}

.icon-unfeatured:before,

.icon-asterisk:before,

.icon-star-empty:before {

  content: "\40";

}

.icon-star-2:before {

  content: "\41";

}

.icon-featured:before,

.icon-default:before,

.icon-star:before {

  content: "\42";

}

.icon-smiley:before,

.icon-smiley-happy:before {

  content: "\e279";

}

.icon-smiley-2:before,

.icon-smiley-happy-2:before {

  content: "\e280";

}

.icon-smiley-sad:before {

  content: "\e281";

}

.icon-smiley-sad-2:before {

  content: "\e282";

}

.icon-smiley-neutral:before {

  content: "\e283";

}

.icon-smiley-neutral-2:before {

  content: "\e284";

}

.icon-cart:before {

  content: "\e019";

}

.icon-basket:before {

  content: "\e01a";

}

.icon-credit:before {

  content: "\e286";

}

.icon-credit-2:before {

  content: "\e287";

}

.icon-expired:before {

  content: "\4b";

} 


@media print {
    .balade-photo-request,
	.balade-mini-support,
    #sp-breadcrumb-wrapper,
    #sp-breadcrumb {
        display: none !important;
    }
}

/* Masquer le bloc d'icônes et le lien de modification d'article */
.com-content-article .icons,
.com-content-article a[href*="task=article.edit"] {
    display: none !important;
}

.com-content-article.item-page > .fields-container .field-entry.duree .field-value::before {
    content: "~ ";
    vertical-align: sub;
}

/* Règles appliquées uniquement lors du Ctrl+P / Impression */
@media print {
    /* Forcer tout le texte du site en noir pur et opaque */
    body, p, span, h1, h2, h3, h4, h5, h6, li, td, th, div {
        color: #000000 !important;
        text-shadow: none !important;
        filter: none !important;
    }

    /* Conserver un fond blanc propre pour économiser l'encre */
    body {
        background-color: #ffffff !important;
        background-image: none !important;
    }
}

@media print {
    /* 1. Force la couleur noire sur TOUS les éléments HTML et leurs pseudo-éléments */
    *, *::before, *::after {
        color: #000000 !important;
        background: transparent !important;
        text-shadow: none !important;
        box-shadow: none !important;
        filter: none !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }

    /* 2. Écrase les variables CSS spécifiques du Smart Content Filter */
    .smart-content-filter,
    .scf-card,
    .scf-card__body,
    .scf-card__title,
    .scf-card__intro,
    .scf-card__meta,
    time {
        color: #000000 !important;
        opacity: 1 !important;
    }

    /* 3. Masque les éléments inutiles à l'impression pour faire de la place */
    #sp-header, 
    #sp-footer, 
    .scf-toolbar-wrap, 
    .scf-tabs, 
    .icons, 
    .pnl-cookie-banner {
        display: none !important;
    }

    /* 4. Garantit un fond de page blanc propre */
    body, html {
        background-color: #ffffff !important;
    }
}

ul.fields-container {
    margin-left: 0 !important;
    padding-left: 0 !important;
    list-style: none !important; /* Supprime les puces si nécessaire */
}

/* Faire occuper 2 colonnes au bloc reCAPTCHA, comme les "cf-two-thirds" */
.cf-fields > [data-name="recaptchaaio_15"] {
    grid-column: span 2 !important;
}

#phocaguestbook .pull-right {
    display: none !important;
}



/* SUR ÉCRANS DESKTOPS ET TABLETTES (≥ 768px) */
@media (min-width: 768px) {

    /* 1. On masque la div vide seulement sur grand écran */
    #adminForm .control-group .controls:empty {
        display: none !important;
    }

    /* 2. On passe en block pour gérer le float */
    #adminForm .control-group:has(.g-recaptcha) {
        display: block !important;
    }

    /* 3. Ajustement du label */
    #adminForm .control-group:has(.g-recaptcha) .control-label {
        float: left !important;
        width: 160px !important;
        margin-right: 20px !important;
    }

    /* 4. Alignement du captcha */
    #adminForm .control-group:has(.g-recaptcha) > div:has(.g-recaptcha) {
        margin-left: 200px !important;
        width: auto !important;
    }
}

/* ===================================================================
   CORRECTIFS POUR LA VUE DÉTAIL D'ÉVÉNEMENT (#eb-event-page)
   =================================================================== */

/* 1. Carte principale */
#eb-event-page {
  position: relative;
  background: var(--pnl-card-bg);
  border: 1px solid var(--pnl-card-line);
  border-radius: var(--pnl-radius);
  padding: 34px 34px 26px;
  margin-bottom: 32px;
  backdrop-filter: blur(6px);
  box-shadow: 0 18px 40px -20px rgba(0,0,0,0.6);
  overflow: hidden;
}

#eb-event-page::before {
  content: "";
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, transparent, var(--pnl-gold) 40%, var(--pnl-gold) 60%, transparent);
  opacity: .55;
  display: block;
}

/* 2. Titre H1 spécifique à cette vue */
#eb-event-page .eb-page-heading {
  flex: 1;
  font-size: 30px;
  font-weight: 600;
  color: var(--pnl-blue);
  margin: 0;
  letter-spacing: .2px;
  background: none;
  border: none;
  padding: 0;
}

#eb-event-page .eb-page-heading::before {
  content: "\2736 ";
  color: var(--pnl-gold);
  font-size: 20px;
  vertical-align: middle;
}

/* 3. Surcharge du tableau d'informations */
#eb-event-page table,
#eb-event-page table.table-bordered,
#eb-event-page table.table-striped {
  width: 100% !important;
  border-collapse: collapse !important;
  background: transparent !important;
  border: none !important;
  margin-top: 15px;
}

#eb-event-page table tr {
  background: transparent !important;
}

#eb-event-page table td {
  border: none !important;
  border-bottom: 1px solid var(--pnl-card-line) !important;
  padding: 10px 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#eb-event-page table tr:last-child td {
  border-bottom: none !important;
}

#eb-event-page .eb-event-property-label {

  white-space: nowrap;
}

#eb-event-page .eb-event-property-value {
  color: var(--pnl-ink) !important;
  font-weight: 600 !important;
  text-align: right !important;
  font-size: 14.5px !important;
}

/* 4. Alerte Bootstrap ("Vous êtes déjà inscrit") */
#eb-event-page .alert-info {
  background: rgba(127, 176, 217, 0.1) !important;
  border: 1px solid rgba(127, 176, 217, 0.3) !important;
  color: var(--pnl-blue) !important;
  border-radius: 10px;
  padding: 12px 18px;
  margin-top: 20px;
  margin-bottom: 0;
}

/* 5. Nettoyage de la grille responsive Bootstrap parasite */
#eb-event-page .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#eb-event-page #eb-event-info-left {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* 6. Adaptation responsive mobile pour cette vue */
@media (max-width: 768px) {
  #eb-event-page {
    padding: 22px 16px 18px;
  }
  
  #eb-event-page .eb-page-heading {
    font-size: 22px;
  }
}
/* Masquer le badge flottant reCAPTCHA v3 */
.grecaptcha-badge {
    visibility: hidden !important;
}

.cf-recaptcha-v3-text-badge {
    display: none;
}

/* Masquer toutes les images à l'intérieur des liens du menu offcanvas */
.offcanvas-menu .offcanvas-inner .mod-menu img {
    display: none !important;
}
span.mod-menu__heading.nav-header {
    text-transform: uppercase;
}

/* ==========================================================================
   1. BOUTON HAMBURGER D'OUVERTURE (#offcanvas-toggler)
   ========================================================================== */

/* Sur PC / Desktop (≥ 992px) : Caché impérativement */
@media (min-width: 992px) {
    #offcanvas-toggler,
    .offcanvas-toggler {
        display: none !important;
    }
}

/* Sur Mobile / Tablette (< 992px) : Affiché et dessiné */
@media (max-width: 991px) {
    /* Masquer l'icône FontAwesome obsolète */
    #offcanvas-toggler i, 
    .offcanvas-toggler i {
        display: none !important;
    }

    /* Dimension du zone cliquable */
    #offcanvas-toggler,
    .offcanvas-toggler {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        cursor: pointer;
    }

    /* Dessin des 3 barres du burger */
    #offcanvas-toggler::before,
    .offcanvas-toggler::before {
        content: '';
        display: block;
        width: 30px;
        height: 3px;
        background-color: #ebdec2;
        box-shadow: 
            0 -8px 0 0 #ebdec2, /* Barre du haut */
            0 8px 0 0 #ebdec2;  /* Barre du bas */
    }
}


/* ==========================================================================
   2. BOUTON CROIX DE FERMETURE (.close-offcanvas)
   ========================================================================== */

/* Masquer l'icône FontAwesome du bouton fermer */
.close-offcanvas i {
    display: none !important;
}

.close-offcanvas {

    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

/* Les 2 barres croisées en X */
.close-offcanvas::before,
.close-offcanvas::after {
    content: '';
    position: absolute;
    top: 13px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #ebdec2;
    transition: opacity 0.2s ease;
}

.close-offcanvas::before {
    transform: rotate(45deg);
}

.close-offcanvas::after {
    transform: rotate(-45deg);
}

.close-offcanvas:hover::before,
.close-offcanvas:hover::after {
    opacity: 0.8;
}

/* ==========================================================================
   SOUS-MENU (Taille réduite & Décalage à droite)
   ========================================================================== */

/* 1. Décaler l'ensemble du sous-menu vers la droite */
.mod-menu__sub#mod-menu117-submenu0,
li.item-179 .mod-menu__sub {
    padding-left: 10px !important; /* Ajuste la valeur pour décaler plus ou moins */
    margin-top: 2px;               /* Optionnel : petit espace sous le bouton Contact */
}

/* 2. Réduire la taille du texte et ajuster les éléments enfants */
li.item-179 .mod-menu__sub .nav-item a {
    font-size: 0.6rem !important; /* Réduit la taille de la police (ex: ~14px) */
    line-height: 1.3;
}

/* 3. Optionnel : réduire la taille des vignettes images dans le sous-menu */
li.item-179 .mod-menu__sub .nav-item img {
    max-width: 100px; /* Adapte selon la largeur souhaitée pour les vignettes */
    height: auto;

}

/* 1. Décaler l'ensemble du sous-menu vers la droite */
.mod-menu__sub#mod-menu117-submenu0,
li.item-204 .mod-menu__sub {
    padding-left: 10px !important; /* Ajuste la valeur pour décaler plus ou moins */
    margin-top: 2px;               /* Optionnel : petit espace sous le bouton Contact */
}

/* 2. Réduire la taille du texte et ajuster les éléments enfants */
li.item-204 .mod-menu__sub .nav-item a {
    font-size: 0.6rem !important; /* Réduit la taille de la police (ex: ~14px) */
    line-height: 1.3;
}

/* 3. Optionnel : réduire la taille des vignettes images dans le sous-menu */
li.item-204 .mod-menu__sub .nav-item img {
    max-width: 100px; /* Adapte selon la largeur souhaitée pour les vignettes */
    height: auto;

}

/* Règle globale responsive */
.sp-default-logo {
    width: 100%;
    max-width: 250px; /* Largeur maximale sur grand écran */
    height: auto;
    object-fit: contain;
}

/* Ajustement spécifique pour mobiles et tablettes */
@media (max-width: 991px) {
    .sp-default-logo {
        max-width: 190px; /* Largeur réduite pour écran mobile */
    }
}

#sp-breadcrumb .breadcrumb,
#sp-breadcrumb .breadcrumb li,
#sp-breadcrumb .breadcrumb a,
#sp-breadcrumb .breadcrumb span {
    font-size: 14px;
}
.acym_module_form .fieldacycaptcha {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}