/*
Theme Name: Hourty Child
Theme URI: https://wpbingosite.com/wordpress/hourty
Author: Geoffrey Negri
Description: This is a child theme for Hourty
Version: 1.0
Template: hourty
Text Domain: hourty-child
*/

/* Custom "Vous avez un projet" sticky button */
.contact-project {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 50px;
  height: 150px;
  padding: 0;
  border-radius: 0;
  border: 1px solid #fff;
  text-decoration: none;
  white-space: nowrap;
  background-color: #7fbb41;
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9999;
}

.contact-project span {
  font-size: 14px;
  font-weight: 700;
  color: #ffffff;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.contact-project:hover {
  text-decoration: none;
  background-color: #16300c;
}

.contact-project:hover span {
  color: #7fbb41;
}
/* END Custom sticky button */

/* Modification de la couleur des guillemets de la partie "on parle de nous" */
.bwp-testimonial.default .item::before {
  color: #7fbb41 !important;
}

/* Sticky navigation menu - force sticky behavior with CSS */
#bwp-header {
  position: sticky;
  top: 0;
  z-index: 9998;
}

.header-content {
  transition: background-color 0.3s ease;
}

/* Sticky menu background when scrolling down - apply to header-content 
.bwp-header.sticky .header-content,
#bwp-header.scrolled .header-content,
body.scrolled #bwp-header .header-content {
  background-color: rgba(9, 31, 0, 0.9) !important;
}
*/

.bwp-header.sticky>.header-wrapper {
    background-color: rgba(9, 31, 0, 0.9) !important;
}

@media (max-width: 991px) {
  .bwp-header.header-v1 .header-wrapper {
    background-color: rgba(9, 31, 0, 0.9) !important;
  }
}

/* Header 2 - Background color fixe (pas transparent) */
.bwp-header.header-v2 .header-wrapper {
  padding: 0;
}

.bwp-header.header-v2 .header-content {
  background-color: rgba(9, 31, 0, 0.9);
  padding: 10px 0px;
  margin-bottom: 30px;
}

.bwp-header #show-megamenu::before {
  color: #7fbb41 !important;
}

/* Navigation menu hover effects */
.bwp-navigation ul > li.level-0 > a > span::before {
  background: #7fbb41 !important;
}

/* Use a brighter green when sticky menu is active to compensate for darkening */
.bwp-header.sticky .bwp-navigation ul > li.level-0 > a > span::before,
#bwp-header.scrolled .bwp-navigation ul > li.level-0 > a > span::before,
body.scrolled #bwp-header .bwp-navigation ul > li.level-0 > a > span::before {
  background: #9fd65c !important;
}

#SR7_1_1 .arrows_1:hover {
  background-color: #7fbb41 !important;
}

#SR7_1_1 .arrows_1.sr7-rightarrow::before {
  content: "projet suivant" !important;
}

#SR7_1_1 .arrows_1.sr7-leftarrow::before {
  content: "projet précédent" !important;
}

/* Telphone number in nav menu */
.header-right {
  color: #fff;
  display: flex;
  align-items: center;
}

.header-right svg {
  height: 16px;
  padding-right: 10px;
  fill: #fff;
}

/**********/
/* MOBILE */
/**********/
@media (max-width: 991px) {
  /* Hide header-right on mobile */
  .header-right {
    display: none !important;
  }

  /* on mobile, change color of the menu when hamburger clicked */
  .bwp-canvas-navigation.active .remove-megamenu {
    background: #7fbb41 !important;
  }

  .bwp-header .wpbingoLogo img {
    max-height: 50px !important;
  }
}