/*
 Theme Name:   HYES!
 Description:  Thème pour HYES!
 Author:       Freedly
 Author URI:   https://freedly.fr/
 Template:     nex
 Version:      1.0
 Text Domain:  hyes
*/

/* =Theme customization starts here
------------------------------------------------------------ */
@media (max-width: 480px) {
  #rev_slider_63_1_wrapper {
    height: 500px;
  }
}

@media (max-width: 900px) {
  #rev_slider_63_1_wrapper {
    height: 560px;
  }
}

@media (max-width: 1260px) {
  #rev_slider_63_1_wrapper {
    height: 560px;
  }
}

@media (min-width: 1261px) {
  #rev_slider_63_1_wrapper {
    height: 600px;
  }
}

@media (max-width: 1260px) {
  .vamtam-box-outer-padding,
  .limit-wrapper,
  .header-padding {
    padding: 0 !important;
  }
}

a,
a:hover,
a:active {
  border: none !important;
}

/* Bouton orange du slider */
.rev-btn.rs-layer.rs-waction {
  width: auto !important;
}
@media all and (max-width: 1050px) {
  .rev-btn.rs-layer.rs-waction {
    transform: translateY(0.8em) !important;
  }
}

/* Mobile header Logo Search Menu Btn */
.fl-node-597fa607242d1 > .fl-col-content {
  padding-bottom: 50px !important;
}
.responsive-layout header.main-header .logo-wrapper .mobile-logo-additions {
  flex: 0 0 auto;
  text-align: match-parent;
  padding-left: 0;
}
.responsive-layout header.main-header .first-row .logo-wrapper {
  justify-content: space-between;
}

/* Reset style in all top bar items */
.top-nav .fl-row-content-wrap.vamtam-show-bg-image * {
  font-size: calc(0.6rem + 0.42vw);
  /* height: 20px;
	line-height: 20px; */
}
.top-nav .fl-row-content-wrap.vamtam-show-bg-image *,
.mobile-top-bar .fl-row-content-wrap.vamtam-show-bg-image * {
  margin: 0;
  padding: 0;
  width: auto;
}
.mobile-top-bar .fl-row-content-wrap.vamtam-show-bg-image * {
  font-size: calc(0.6rem + 0.55vw);
}

/* new Spacing top bar items */
.top-nav .fl-row-content-wrap.vamtam-show-bg-image p,
.top-nav .fl-row-content-wrap.vamtam-show-bg-image a,
.mobile-top-bar .fl-row-content-wrap.vamtam-show-bg-image p,
.mobile-top-bar .fl-row-content-wrap.vamtam-show-bg-image a {
  margin: 0 3px;
}

/* Topbar items wrapper use flex to align items */
.top-nav .fl-row-content.fl-row-fixed-width.fl-node-content {
  width: 100%;
}
.top-nav .fl-row-fixed-width {
  max-width: 100%;
}
.top-nav .fl-module-content.fl-node-content {
  display: flex;
  align-items: center;
}

/* Topbar items subwrapper use flex to align items */
.top-nav .fl-col-group.fl-node-598afcd217dcf,
.mobile-top-bar .fl-col-group.fl-node-598afcd217dcf {
  display: flex;
  align-items: center;
}

.top-nav .fl-col-group.fl-node-598afcd217dcf {
  align-items: center;
  padding: 1em 0;
}

.top-nav .fl-col-group.fl-node-598afcd217dcf > div {
  margin-left: 15px;
}

.top-nav .fl-col-group.fl-node-598afcd217dcf > div:first-child {
  flex: 1;
  margin-left: 0;
}

.mobile-top-bar .fl-col-group.fl-node-598afcd217dcf {
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
  margin-top: 0.7em;
}

/* Slogan only MOBILE */
.mobile-top-bar .fl-col.fl-node-5ed9ff8a8c183 {
  flex: 0 1 100%;
  text-align: center;
  margin-bottom: 1em;
}

/* Align Topbar Icons */

/* .fl-icon i::before {
	display: flex;
} */

/* appliqué uniquement sur la nav header - Evite effet de bord sur les icon page contact */
.top-nav .fl-icon i::before {
  display: flex;
}

/* LinkedIn */
.fl-node-5ed9fff05372f .icon.icon-b.theme:before {
  font-size: 15px;
  transform: translateY(1px);
}
/* YouTube */
.fl-node-5ed9ff7e3f545 .fab.fa-youtube:before {
  transform: translateY(1px);
}
/* Phone */
.fl-node-5ed9feea94c26 .fi-telephone::before {
  transform: translateY(2px);
}
/* Mail */
.fl-node-5ed9fedf8e6c5 .icon.icon-b.theme:before {
  transform: translateY(2.5px);
}

/* Add spacing in UL / Mobile Menu when opened */
.responsive-layout #main-menu > .mega-menu-wrap .mega-menu {
  padding: 1em !important;
}

/* Spacing between items for topbar on Mobile only */
.mobile-top-bar .fl-row-content-wrap.vamtam-show-bg-image .fl-node-5ed9fff05372f,
.mobile-top-bar .fl-row-content-wrap.vamtam-show-bg-image .fl-node-5ed9fedf8e6c5,
.mobile-top-bar .fl-row-content-wrap.vamtam-show-bg-image .fl-node-5ed9ff7e3f545,
.mobile-top-bar .fl-row-content-wrap.vamtam-show-bg-image .fl-node-5ed9feea94c26 {
  margin-left: 5px;
  margin-right: 5px;
}

/* With Denis 08.07 */

header.main-header.layout-single-row #header-text,
header.main-header.layout-single-row .search-wrapper {
  padding-left: 0;
}

header.main-header #header-text {
  white-space: wrap;
}

header.main-header.layout-single-row .first-row {
  padding-right: 0;
}

header.main-header .first-row {
  display: block;
}

.fixed-header-box .logo-wrapper {
  display: block;
}

.fixed-header-box .logo-wrapper .logo img {
  width: 100%;
  height: auto;
}

.vamtam-box-outer-padding,
.limit-wrapper,
.header-padding {
  padding-left: 0;
  padding-right: 0;
}
.logo {
  min-width: 10px;
}
.responsive-layout header.main-header .first-row .logo-wrapper {
  justify-content: start;
}

.fixed-header-box .logo-wrapper .logo img {
  max-height: none !important;
  max-width: 300px;
}
body.sticky-header .fixed-header-box .logo-wrapper .logo img {
  width: 100%;
}

.main-header .vamtam-button {
  padding: 1rem 0.7rem !important;
  margin: 0 7px !important;
}

/* RWD */

/* Menu */
.responsive-layout header.main-header .logo-wrapper .mobile-logo-additions {
  padding-right: 1rem;
}
.responsive-layout header.main-header .first-row .logo-wrapper .logo {
  padding-left: 1rem;
}
@media screen and (max-width: 1279px) {
  #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item > a {
    transform: translateX(0.7rem);
  }
}

/* Spacing hero, give min-height for long title text HERO */
#sub-header.has-background .meta-header-inside {
  height: 30vh;
  min-height: 350px;
}

body.responsive-layout #sub-header .meta-header-inside {
  padding: 1.65em !important;
}

/* Responsive font-size for HERO titles */
.page-header h1 {
  font-size: calc(2rem + 2vw);
  align-self: flex-start;
}
.page-header-line {
  align-self: flex-start;
}
/* Small text bellow Hero title */
body.responsive-layout #sub-header header.page-header .desc {
  line-height: 1.5;
}

body.responsive-layout #sub-header header.page-header .desc {
  font-size: 1rem !important;
  font-weight: 400;
  text-align: left !important;
  align-self: flex-start;
}

/* Article content */

/* smaller font size for article headings on mobile */
@media all and (max-width: 768px) {
  .fl-module-vamtam-heading .vamtam-heading {
    font-size: 1.95rem;
    line-height: 1.3;
  }
}

@media all and (max-width: 1259px) {
  .page-wrapper > article {
    padding: 0 2vw;
    margin-top: 2em;
  }
}

/* Aside Adjust padding left to article padding right */
@media all and (min-width: 992px) and (max-width: 1259px) {
  .page-wrapper > aside.left {
    padding-left: 2vw;
  }
}

/* Aside bleu */
.fl-node-594831da3215a > .fl-col-content {
  padding-right: calc(0.5rem + 0.5vw) !important;
  padding-left: calc(0.5rem + 0.5vw) !important;
}

@media all and (max-width: 992px) {
  .page-wrapper > aside.left {
    text-align: center;
    margin-top: 1.65em !important;
    padding-top: 1.65em;
    border-top: 1px solid #f4f4f4;
  }
  .fl-module.fl-module-vamtam-heading.fl-node-594831da3203b * {
    text-align: center !important;
  }
  .vamtam-button-wrap.vamtam-button-width-auto.vamtam-button-has-icon {
    text-align: center !important;
  }

  body.responsive-layout .vamtam-mobile-left .vamtam-button-wrap {
    text-align: center !important;
    justify-content: center !important;
  }

  /* Aside bleu */
  /* body.responsive-layout .vamtam-mobile-left .fl-icon-group,
	 body.responsive-layout .vamtam-mobile-left .fl-module-vamtam-icon,
	  body.responsive-layout .vamtam-mobile-left .vamtam-button-wrap,
	  body.responsive-layout .vamtam-mobile-left p, */
  body.responsive-layout .vamtam-mobile-left .vamtam-heading {
    text-align: center !important;
    justify-content: center !important;
    margin-bottom: 1.65em;
  }
}

/* Les métiers Hyes! */
@media all and (max-width: 768px) {
  .fl-col-small:not(.fl-col-small-full-width) {
    margin-top: 1.65rem;
    box-shadow: 0 0 12px 0 #0000000d;
    text-align: center !important;
    padding-bottom: 2em !important;
  }
  .fl-col.fl-col-small * {
    text-align: center !important;
  }
  .fl-col.fl-col-small .vamtam-heading {
    text-align: center !important;
    justify-content: center;
  }
}
@media all and (min-width: 769px) {
  .fl-col-group.fl-col-group-equal-height.fl-col-group-align-top .vamtam-button {
    padding: 1em 0.7em !important;
    font-size: 12px !important;
    text-align: left !important;
  }
}

@media all and (min-width: 768px) and (max-width: 1259px) {
  .fl-col-group.fl-col-group-equal-height.fl-col-group-align-top .vamtam-heading {
    font-size: calc(12px + 0.4vw);
  }
}

/* Footer */
@media all and (max-width: 992px) {
  body.responsive-layout #main-footer p {
    text-align: center !important;
    justify-content: center !important;
  }
  body.responsive-layout #main-footer .fl-icon-group.textright {
    text-align: center !important;
    justify-content: center !important;
  }
}
body.responsive-layout #main-footer .fl-icon-group.textright .fab.fa-youtube {
  transform: translateY(2.5px);
}

/* Contact */

.field-wrap input[type='button']:hover {
  background: var(--vamtam-accent-color-2);
}

@media all and (max-width: 1259px) {
  .fl-col-small:not(.fl-col-small-full-width) {
    margin-top: 0 !important;
    box-shadow: none;
    text-align: center !important;
    padding-bottom: 0 !important;
    padding-top: 2em !important;
  }

  .fl-col-group.fl-col-group-nested.fl-col-group-custom-width {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.65em !important;
    box-shadow: 0 0 12px 0 #0000000d;
    width: 100%;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  .fl-col-group.fl-col-group-nested.fl-col-group-custom-width * {
    text-align: center;
    align-items: center;
    align-self: center;
  }
}
@media all and (max-width: 1259px) {
  /* CTA de contact */
  .fl-node-59c95a072b064 {
    width: 100%;
  }
  /* Formulaire */
  .fl-node-59c95a072b0b7 {
    width: 100%;
  }
}
#mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-show-contact-on-mobile {
  display: none;
}
@media all and (max-width: 1259px) {
  #mega-menu-wrap-menu-header #mega-menu-menu-header > li.mega-menu-item.mega-show-contact-on-mobile {
    display: inline-block;
  }
}
@media all and (max-width: 768px) {
  .fl-col.fl-col-small .vamtam-heading {
    font-size: 1.5rem !important;
  }
}
.responsive-layout header.main-header .logo-wrapper .mobile-logo-additions .header-search {
  display: none;
}

/* logo rgpd */
.rgpd-info .site-logo img {
  width: 200px;
}

/* Landing page */
.sidebar-sticky {
  position: sticky;
  top: -7em;
}
.fl-module-vamtam-ninja-form .field-wrap input[type='button'] {
  width: 100%;
}

/* Le savoir faire Hyes */
/* element.style {
    display: flex;
    align-items: center;
    background: #1f67af;
} */
.custom-anchor-to-form {
  display: none;
  font-size: calc(10px + 1.85vw);
  line-height: 2;
  letter-spacing: 1px;
  text-align: center;
  cursor: pointer;
  padding: 12px 24px;
  text-decoration: none;
  text-shadow: none;
  background: #fdc029;
  text-align: center;
  color: white !important;
  text-transform: uppercase;
  margin: 0.4rem 0;
}
.custom-anchor-to-form:hover {
  background: #1f67af;
  color: white;
}
@media (max-width: 768px) {
  .custom-anchor-to-form {
    display: block;
  }
}

/* Blocks bleu */

/* Feuille de style intégrée #26 | https://www.hyes.fr/lp-climatisation/ */

.fl-col-group-nested {
  position: relative;
  overflow: hidden;
}

.bloc-bleu-txt::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #1f67af;
  z-index: 0;
}

.bloc-bleu-txt > div,
.bloc-bleu-logo > div {
  position: relative;
  z-index: 1;
}

.bloc-bleu-txt,
.bloc-bleu-logo {
  display: flex;
  align-items: center;
}

/* Offres Card alignement vertical*/
@media (min-width: 769px) {
  .fl-node-6006eb61ca86a {
    display: flex;
  }
  .fl-node-60070bf342e68 > div:nth-child(1) {
    height: 100%;
  }
  .fl-node-6006eb61ca86a .fl-node-content {
    padding-top: 0.75em;
  }
}

/* Form Validation */
body .nf-response-msg {
  margin: 0;
  padding: 0;
  text-align: center;
  background: transparent;
  border: none;
}
body .nf-response-msg p {
  margin: 20px 0;
  padding: 1em 1em 1em 1em;
  text-align: center;
  background: #eefce0;
  border: 1px solid #cbedaa;
}
 /* Hide anti spam field */
.nf-after-form-content [aria-hidden="true"] {
  display: none;
}