/*

Theme Name: Salient Child Theme

Description: This is a custom child theme for Salient

Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266

Author: ThemeNectar

Author URI:  https://themeforest.net/user/themenectar

Template: salient

Version: 1.0

*/

/* Gotham bold */

@font-face {
  font-family: "Gotham";
  src: url("fonts/gotham-bold.ttf") format("truetype");
  font-weight: 700;
}

/* Gotham Book */

@font-face {
  font-family: "Gotham";
  src: url("fonts/gotham-book.otf") format("opentype");
  font-weight: 400;
}

/* Gotham black */

@font-face {
  font-family: "Gotham black";
  src: url("fonts/gotham-black.ttf") format("opentype");
  font-weight: 900;
}

/* Gotham Narro Black Italic */

@font-face {
  font-family: "Gotham Narro";

  src: url("fonts/gotham-black-italic.otf") format("opentype");

  font-weight: 900;

  font-style: italic;
}

/* Libre Baskerville Regular */

@font-face {
  font-family: "Libre Baskerville";

  src: url("fonts/LibreBaskerville.ttf") format("truetype");

  font-weight: 400;

  font-style: normal;
}

/* Rift Soft Bold */

@font-face {
  font-family: "Rift Soft";

  src: url("fonts/Rift-Soft-Bold.otf") format("opentype");

  font-weight: 900;

  font-style: normal;
}

/* Rift Soft Regular */

@font-face {
  font-family: "Rift Soft";

  src: url("fonts/Rift-Soft-Regular.otf") format("opentype");

  font-weight: 400;

  font-style: normal;
}

@font-face {
  font-family: "Questa";

  src: url("fonts/Questa.otf") format("opentype");

  font-weight: 400;

  font-style: normal;
}

html {
  scroll-behavior: smooth;
}

:root {
  --font-1: "Gotham", sans-serif;

  --font-2: "Libre Baskerville", sans-serif;

  --font-3: "Gotham Narro", sans-serif;

  --font-4: "Rift Soft", sans-serif;

  --font-5: "Questa", sans-serif;

  --font-6: "Gotham black", sans-serif;
  --dark-green: #3f4f47;
  --light-green: #c3d2cb;
}

.font-1,
.font-1 * {
  font-family: var(--font-1) !important;
}

.font-2,
.font-2 * {
  font-family: var(--font-2) !important;
}

.font-3,
.font-3 * {
  font-family: var(--font-3) !important;
}

.font-4,
.font-4 * {
  font-family: var(--font-4) !important;
}

.font-5,
.font-5 * {
  font-family: var(--font-5) !important ;
}

.font-4,
.font-4 * {
  letter-spacing: 2px !important ;
}

.font-5,
.font-5 * {
  font-weight: normal !important;
}
.font-6,
.font-6 * {
  font-family: var(--font-6) !important ;
}
body {
  font-family: "Gotham" !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-5);
}

h2 {
  font-size: clamp(30px, 2vw, 32px);
  color: var(--nectar-extra-color-2);
}

.font-xs,
.font-xs * {
  font-size: clamp(25px, 2vw, 30px) !important;
  line-height: 1.4;
}

.font-sm,
.font-sm * {
  font-size: clamp(16px, 2vw, 20px) !important;
  line-height: 1.4;
}

.font-md,
.font-md * {
  font-size: clamp(20px, 2vw, 25px) !important;
  line-height: 1.4;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}

.semi-bold,
.semi-bold * {
  font-weight: normal !important;
}

.nectar-split-heading {
  margin-bottom: 10px !important;
}

.upper .upper *,
.upper h2 {
  text-transform: uppercase !important;
}

.italic,
.italic * {
  font-style: italic !important;
}

.cta-link,
.cta-basic {
  font-family: var(--font-4);

  font-size: clamp(18px, 2vw, 20px);

  line-height: 1.4;

  letter-spacing: 2px;

  text-transform: uppercase;
}

.cta-link .link_wrap {
  padding: 10px 2%;

  border: 2px solid var(--nectar-extra-color-1) !important;

  color: var(--nectar-accent-color);
}

.cta-basic .link_wrap {
  color: #fff !important;

  border: 0 !important;

  padding: 10px 2%;
}

p {
  padding-bottom: 1em;
}

/**-- listing Pods --**/
.promo-switcher {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
#header-outer[data-header-button_style="default"]
  #top
  nav
  > ul
  > li
  > a:hover::before {
  background: var(--dark-green) !important;
}
.pods-content {
  position: relative;

  border: 1px solid var(--nectar-accent-color);

  border-radius: 2px;
}

.pods-content:not(.pods-content:last-child) {
  margin-bottom: 80px;
}

.pods-content .pods-thumbnail {
  padding-right: 4%;

  width: 100% !important;

  height: 100% !important;
}

.pods-content .pods-thumbnail img {
  margin: 0 !important;
  transform: scaleX(1.03) scaleY(1.1);
  transform-origin: right center;
  display: block;
  position: relative;
  z-index: -99;
  width: 100% !important;
  height: clamp(200px, 20vw, 400px) !important;
  object-fit: cover;
  max-height: 400px;
  min-height: 200px;
}

.pods-content .span_12 {
  margin-inline: 0 !important;
}
.pods-content .pods-title {
  font-family: var(--font-6);
  text-transform: capitalize;
}
.pods-list-content .pods-content .pods-title {
  font-size: clamp(30px, 2vw, 32px);
  text-transform: uppercase;
  line-height: 1.4;
  margin-bottom: 20px;
}

.pods-content .right-col {
  padding: 30px;

  /* display: flex;

  flex-direction:  column;

 justify-content: center; */
}

.pods-content .pods-excerpt {
  font-family: var(--font-2);

  font-size: clamp(16px, 2vw, 16px);

  line-height: 2;
}

.pods-content .read-more {
  font-family: var(--font-4);

  color: var(--nectar-accent-color);

  font-size: clamp(16px, 2vw, 20px);

  line-height: 1.4;

  letter-spacing: 1px;

  text-transform: uppercase;

  position: relative;

  display: inline-block;

  margin-top: 10px;
}

.pods-content .read-more::after {
  position: absolute;

  content: "";

  border: 0;

  left: 0;
  bottom: 0;

  height: 2px;

  width: 100%;

  background: var(--nectar-accent-color);
}

.actus {
  margin-block: 4%;
}

/** 

* Related

*/
.wp-blog-card .span_12 .right-col .pods-excerpt {
  font-family: var(--font-2) !important;
}
.related-pods .related {
  border: 1px solid var(--nectar-accent-color);
}

.related-pods .pd_column {
  padding-inline: clamp(20px, 3vw, 40px);
}
.related-pods .pods-thumbnail img {
  height: clamp(150px, 15vw, 300px);
  object-fit: cover;
  margin: 0 !important;

  transform: scaleX(1.1) scaleY(1.04);

  transform-origin: center bottom;

  display: block;

  position: relative;

  z-index: -99;

  width: 100% !important;
}

.related-pods {
  margin-block: 40px clamp(20px, 2vw, 40vw);
}

.related .pods-title {
  font-family: var(--font-4);

  text-transform: uppercase;

  font-size: clamp(15px, 2vw, 16px);

  padding: 20px;

  text-align: center;
}

.pd_title p {
  position: relative;

  font-family: var(--font-3);

  color: var(--nectar-extra-color-1);

  font-size: clamp(20px, 2vw, 24px) !important;

  padding-bottom: 0 !important;

  padding-right: 20px;
}

.pd_title {
  display: flex;
  align-items: center;
  margin-bottom: 40px;
  text-transform: uppercase;
}

.pd_title .pd_separator {
  display: inline-block !important;

  background: var(--nectar-extra-color-1);

  position: relative;

  flex: 1 1 auto;

  min-width: 10%;

  height: 15px;
}

.sc-search-bloc {
  background: #fff;

  padding: 10px;

  border-radius: 4px;
  text-align: left;
}

.sc-select::after {
  content: "\e019";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 20px;
  color: #333;
  font-family: "linea-arrows-10" !important;
}
.sc-select {
  position: relative;
}
.sc-select select {
  padding: 8px 35px 8px 2px !important;
}
.sc-search-content {
  margin-block: 10px;

  display: flex;

  justify-content: center;

  column-gap: 10px;

  align-items: center;
}

.sc-search-bloc * {
  font-size: clamp(13px, 2vw, 14px);

  line-height: 1.2;

  text-transform: uppercase;

  color: #343434;
}
body #page-header-bg:not(.fullscreen-header) .span_6.empty-title {
  position: absolute !important;
  top: auto !important;
  bottom: 8% !important;
  transform: none !important;
}

#page-header-bg .span_6.empty-title .inner-wrap {
  padding-top: 0 !important;
  transform: none !important;
}
.sc-search-content .sc-select *,
.sc-search-content .wp-date input {
  font-family: var(--font-6);
}
#formsearch .sc-search-btn {
  padding: 0 !important;
}

#formsearch .sc-search-btn input {
  font-family: var(--font-4) !important;

  font-weight: normal !important;

  font-size: clamp(14px, 2vw, 24px) !important;

  letter-spacing: 2px;

  text-transform: uppercase;

  padding: 20px clamp(15px, 2vw, 40px) !important;

  /* height: 100% !important;   */

  width: 100% !important;
}
#formsearch .sc-search-btn input:hover {
  background: var(--dark-green);
  opacity: 1 !important;
}

.pods-featured-img {
  background-repeat: no-repeat;

  background-size: cover;

  padding: 4%;
}
.pods-listing .pods-content .pods-data {
  margin: 20px 4px 20px 4px;
  text-align: center;
}
.pods-listing .pods-thumbnail img {
  transform: scaleX(1.1) scaleY(1.1) !important;
  transform-origin: bottom center !important;
}

.pods-list-content .pods-content {
  margin-bottom: 80px !important;
}

.header-divider {
  height: clamp(40vh, 40vw, 90vh);
}

/* #header-outer[data-format="centered-logo-between-menu"] #top .span_9 {

  padding-inline: 0 !important;

} */

.wp-archive .wp-thumbnail {
  width: 100%;

  overflow: hidden;

  background-repeat: no-repeat;

  background-size: cover;
}

.wp-archive .wp-thumbnail img {
  width: 100%;
}

.wp-archive .container {
  padding-block: 0 !important;
}

.wp-archive .wp-post-content {
  background: #fff;

  padding: 80px 40px !important;

  border-radius: 4px;

  margin-top: -14%;
}

body .small-nav #top .wp-right-menu a:before {
  background-color: #fff !important;
}

body .small-nav #top .wp-right-menu a span {
  color: var(--nectar-extra-color-2) !important;
}

/* .wp-main-logo {
  display: none;
} */

.transparent .wp-main-logo {
  display: block;
}

/* #header-outer[data-format="centered-logo-between-menu"] #top nav > .buttons {

  position: relative !important;

   margin-inline:  0 !important; 

} */

/* #header-outer[data-format="centered-logo-between-menu"] #top .span_9 {

  padding-inline: 0 !important;} */

/* #header-outer[data-format="centered-logo-between-menu"] .span_3 {

   left: calc(50% - 40px); }

body #header-outer[data-format="centered-logo-between-menu"] #top #logo {

  transform: translateX(calc(-50% - 40px));}  */

/* @media only screen and (min-width: 1000px) {

  #header-outer[data-full-width="true"] header > .container {

    padding-inline: 4% ;

  }

} */

/* .wp-logo img {

   width:  auto;

   min-width: 140px;

} */

.wp-content {
  text-align: center;

  margin-bottom: 40px;
}

.wp-content * {
  text-transform: uppercase;

  margin-bottom: 10px;

  color: var(--nectar-accent-color) !important;

  letter-spacing: 1px;
}

.wp-content .wp-post-title {
  font-size: clamp(25px, 2vw, 30px) !important;
  line-height: 1.4;
}

.wp-content .wp-post-date {
  font-size: clamp(16px, 2vw, 20px) !important;

  line-height: 1.4;
}

.wp-post-content .wp-link a {
  background: var(--nectar-accent-color);

  padding: 14px 20px;

  border-radius: 4px;

  text-transform: uppercase;

  color: #fff;
}

.wp-post-content .wp-link {
  display: flex;

  justify-content: center;

  margin-block: 10px;
}

.wp-image-title {
  padding-block: 10px;
}

.wp-date {
  position: relative;

  display: block;
}

.wp-date input {
  font-weight: normal !important;
  padding: 4px 35px 4px 2px;
}

.sc-search-bloc {
  max-width: 250px;
}

.wp-date i {
  position: absolute;

  right: 14px;

  top: 50%;

  transform: translateY(-50%);

  color: #666;

  pointer-events: none;
}

.wp-dates input::placeholder {
  color: #343434 !important;
  font-weight: normal !important;
}

#date-fin:disabled {
  cursor: not-allowed;

  background-color: #f9f9f9;

  opacity: 0.7;
}

#slide-out-widget-area-bg.open.light {
  background: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(40px);
  -webkit-backdrop-filter: blur(40px);
  padding: 20px;
  border-radius: 10px;
  color: #000;
  opacity: 1 !important;
}

.wp-menu-mobile li {
  margin-block: 20px !important;
}

#slide-out-widget-area-bg {
  z-index: -99;
}

/* #slide-out-widget-area.fullscreen-split {
  position:fixed !important;
  height:90% !important;
  right:unset !important;
  left:50% !important;
  top:50% !important;
  z-index:9997;
  background-color:transparent!important;
  padding:0 !important;
  width: 90vw !important;
  transform: translateX(-50%) translateY(-50%);
} */

/* @media(max-width:999px){ */
/* #header-outer.scrolled-down {
 background: transparent !important;} */

/* #header-outer header > .container {
  width: 90vw !important;}
} */

.wp-menu-mobile .wp-title p {
  padding-bottom: 10px !important;
}
.wp-menu-mobile .sub-title,
.wp-menu-mobile .wp-last-items {
  margin: 0 !important;
}
.wp-menu-mobile .sub-title p,
.wp-menu-mobile .wp-last-items p {
  padding: 0 !important;
}

#slide-out-widget-area .inner > div:first-of-type {
  margin-top: 0 !important;
}

#slide-out-widget-area.fullscreen-split .inner-wrap > .inner > .container {
  display: block !important;
}
#slide-out-widget-area.fullscreen-split .left-side,
#slide-out-widget-area.fullscreen-split .mobile-only {
  width: 100% !important;
}
.wp-menu-socials {
  display: flex;
  gap: 10px;
  justify-content: space-evenly;
  margin-top: 20px !important;
}
.nectar-fancy-box[data-style="hover_desc"]:not(
    .disable-hover-movement
  ).hovered {
  transform: translateY(0px) !important;
}

#breadcrumbs {
  position: relative !important;
  padding: 0 !important;
  margin-bottom: 20px;
}
#breadcrumbs::before {
  position: absolute;
  content: "";
  left: -15px;
  width: 12px;
  height: 14px;
  background: #c3d2cb;
  transform: translateY(-50%);
  border-radius: 2px;
  top: 0;
  bottom: 0;
  margin: 12px 0px;
}
#breadcrumbs.yoast {
  position: relative;
  padding: 0 !important;
}
.wp-published-date {
  font-family: var(--font-4);
  color: var(--nectar-accent-color);
  text-transform: uppercase;
  text-align: right;
  font-size: clamp(16px, 2vw, 20px);
}
#page-header-bg[data-alignment-v="bottom"] .span_6 {
  bottom: 14% !important;
}

.wp-page-header {
  margin-bottom: 40px;
}
.wp-left-menu {
  justify-content: end !important;
}
.wp-right-menu {
  justify-content: start !important;
}

.wpml-ls-menu-item .wpml-ls-flag {
  height: 20px !important;
}
#breadcrumbs.yoast * {
  font-weight: normal !important;
}
/** Responsive **/
@media (min-width: 1000px) {
  .transparent .wp-header {
    margin-top: 40px;
  }
}
@media (max-width: 1300px) {
  .wp-main-logo {
    order: 0;
  }
  .wp-left-menu {
    order: 1;
  }
  .wp-right-menu {
    order: 2;
  }
}

#header-outer header .nectar-menu-icon {
  font-size: clamp(25px, 2vw, 25px) !important;
}
.wp-acceuil-item {
  display: block !important;
}
.transparent .wp-acceuil-item {
  display: none !important;
}

#header-outer
  nav
  > ul
  > .megamenu.nectar-megamenu-menu-item
  > .nectar-global-section-megamenu {
  width: initial !important;
}
.nectar-global-section-megamenu .nectar-fancy-box {
  min-width: 200px !important;
  min-height: 150px !important;
}

.nectar-global-section-megamenu .wpb_column .vc_column-inner {
  overflow: hidden !important;
}
.page-submenu li:last-child a:hover{
  background: unset !important;
}
.page-submenu a .page-item::after {
  -webkit-transition: -webkit-transform 0.3s ease-out,
    border-color 0.3s ease-out;
  transition: transform 0.3s ease-out, border-color 0.3s ease-out;
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  -ms-transform: scaleX(0);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  border-top: 2px solid #84a395;
  content: "";
  padding-bottom: inherit;
  transform-origin: 0 0;
  transition: transform 0.35s cubic-bezier(0.52, 0.01, 0.16, 1);
}
.page-submenu a {
  position: relative;
}
.page-submenu a:hover .page-item::after {
  backface-visibility: hidden;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/*.page-submenu:not(.restaurant) li:last-child a:hover {
  background: var(--dark-green) !important;
  opacity: 1 !important;
}
.page-submenu:not(.restaurant) li:last-child a .page-item::after {
  opacity: 0 !important;
}*/

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center !important;
  border-radius: 4px;
  border: 0 !important;
}
.ui-datepicker.ui-widget {
  padding: 5px;
  border-radius: 10px;
}
.ui-datepicker-header {
  background: var(--light-green) !important;
  padding-block: 9px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px !important;
}
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev {
  top: 50% !important;
  transform: translateY(-50%) !important;
  transform-origin: center;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: transparent !important;
  color: #fff !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: var(--nectar-accent-color) !important;
}

.ui-hover a {
  background: var(--nectar-accent-color) !important;
  color: #fff !important;
}

.ui-selected-range a {
  background: #009688 !important;
  color: #fff !important;
}

/* .wp-blog-card{
    margin-bottom : 70px !important;
}
.wp-blog-card .span_12{
    align-items : center !important
}
.wp-blog-card .right-col{
    background : #FFF !important;
    height : fit-content ;
    padding : 40px 30px 30px !important;
    transform : translateX(-90px) !important;
}
.wp-blog-card .span_12.reverse-layout .right-col{
    transform : translateX(90px) !important;
    text-align : right !important;
} */

/******/
.wp-lang-flag .wpml-ls-legacy-dropdown-click .wpml-ls-item {
  margin-block: 14px;
}
.wp-lang-flag .wpml-ls-legacy-dropdown-click {
  width: auto !important;
  height: auto !important ;
}
.wp-lang-flag .wpml-ls-legacy-dropdown-click a {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  display: flex;
  align-items: center !important;
  padding-block: 4px !important ;
}
.wp-lang-flag .wpml-ls-legacy-dropdown-click .wpml-ls-flag {
  min-width: 30px !important;
  margin-bottom: 0 !important;
}

body #header-outer #top .sf-menu > li.wpml-ls-item > ul.sub-menu,
body #header-outer #top .sf-menu > li.wpml-ls-item > ul.sub-menu a:hover {
  background: none !important;
  box-shadow: none !important;
}
body:not([data-header-format="left-header"]) #header-outer .sf-menu li ul {
  background: none !important;
}
/* #slide-out-widget-area.fullscreen-split {
  position: fixed;
  width: calc(100% - 40px) !important;
  height: calc(100% - 100px) !important;
  top: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  overflow: hidden !important;}
#slide-out-widget-area-bg {
  width: 100% !important;
   height: 100% !important;
  top: 0px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
} */

@media (max-width: 999px) {
  .pods-content .pods-thumbnail img {
    height: clamp(200px, 40vw, 400px) !important;
  }
  .wp-singular .page-submenu {
    display: none !important;
  }
  .related-pods .pods-thumbnail img {
    height: clamp(300px, 40vw, 300px);
  }
  .right-col {
    margin-top: -20% !important;
  }

  .wp_content {
    width: 90% !important;
    margin-inline: auto !important;
  }
  .wp-blog-card .span_12.reverse-layout .wp_content {
    text-align: left !important;
  }
  .transparent .wp-main-logo {
    transform: translateY(40px);
  }
  .wp-main-logo {
    transition: all 0.4s ease-in-out;
  }

  /* #top .span_9 > .slide-out-widget-area-toggle > div {
 position: absolute !important;  
} */
  .scrolled
    #header-outer
    #top
    .row
    .col.span_9
    .slide-out-widget-area-toggle.fullscreen-split {
    position: fixed !important;
    top: 50px !important;
    right: 20px !important;
    background: var(--nectar-accent-color);
  }
  #top .slide-out-widget-area-toggle .close-line {
    left: 13px !important;
  }
  #header-outer {
    transform: none !important;
  }
  #header-outer
    #top
    .row
    .col.span_9
    .slide-out-widget-area-toggle.fullscreen-split {
    height: 45px;
    width: 45px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
  }
  #header-outer {
    padding-block: 40px !important;
  }
  #top .span_9 > .slide-out-widget-area-toggle .slide-out-widget-inner {
    position: unset !important;
    top: unset !important;
    left: unset !important;
    transform: none !important;
    padding: 8px;
  }
  .slide-out-widget-area-toggle.mobile-icon a {
    position: relative;
    overflow: hidden !important;
  }
  body #header-outer .lines-button {
    position: relative;
    top: 13px;
  }
  .slide-out-widget-area-toggle.mobile-icon .lines-button::after {
    width: 100% !important;
  }
  .slide-out-widget-area-toggle.mobile-icon a,
  .slide-out-widget-area-toggle.mobile-icon a > span,
  #top .slide-out-widget-area-toggle a .close-wrap,
  #header-outer #top .span_9 > .slide-out-widget-area-toggle i,
  #top .span_9 > .slide-out-widget-area-toggle .slide-out-widget-inner {
    height: 100% !important;
    width: 100% !important;
  }
  body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines::after {
    width: 100% !important;
    top: -10px !important;
  }
  body #header-outer .slide-out-widget-area-toggle.mobile-icon .lines::before {
    width: 100% !important;
    top: 10px !important;
  }
}
@media (min-width: 1000px) {
  .wp-lang-flag {
    display: none;
  }
  .wp-header.hidden {
    display: none;
  }

  .page-submenu.replace-main {
    position: fixed;
    top: 0 !important;
    width: 100%;
    z-index: 999;
  }
  .wp-header {
    padding-block: 24px;
  }
  .wp-main-logo #logo {
    margin-top: -20px !important;
  }
  #header-outer .wp-main-logo {
    display: none;
  }
  .transparent .wp-main-logo {
    display: block !important;
  }
  #top #logo img {
    margin-top: -30px !important;
  }
  .transparent #top {
    padding-top: 34px !important;
  }
  #header-outer[data-format="centered-menu-bottom-bar"]
    #top
    #logo
    .starting-logo {
    top: -20px !important;
  }
}
