/* Fix : to be replaced */
.g-color-primary {
  color: #2e8fff !important;
}

.g-bg-primary {
  background-color: #2e8fff !important;
}

.g-brd-primary {
  color: #2e8fff !important;
  border-color: #2e8fff !important;
}

p a,
span a {
  color: #2e8fff;
}

.btn.u-btn-primary {
  background-color: #2e8fff;
}

.nav-item .nav-link.active {
  color: #2e8fff !important;
}

/* Mobile style */
h1,
.h1 {
  color: #0b0b29;
}

.service-column {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.custom-container {
  padding-left: 5%;
  padding-right: 5%;
}

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

.pac-custom {
  min-height: 550px;
  padding: 5% 10%;
  background-color: #edf7ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#pac-hero-1 {
  background-image: url("../images/pages/pac/pac-1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#pac-hero-2 {
  background-image: url("../images/pages/pac/pac-2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#pac-hero-3 {
  background-image: url("../images/pages/pac/pac-3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
}

.bois-hero {
  background-size: cover;
  background-position: top;
}

#google-btn {
  background-color: rgba(11, 11, 41, 0.8);
  color: white;
}

#google-btn:hover {
  background-color: rgba(24, 24, 97, 0.8);
}

/* Hero Custom for each page */
.hero-custom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  background-size: cover;
  background-position: center;
}

#hero-bois {
  background-image: url("../images/pages/bois/hero-content-2.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}

#hero-content-bois {
  background-image: url("../images/pages/bois/hero-content.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#hero-mobile {
  background-image: url("../images/pages/mobile/hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#hero-clim {
  background-image: url("../images/pages/clim/hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#hero-pac {
  background-image: url("../images/pages/pac/hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.3);
}

#hero-chauffage {
  background-image: url("../images/pages/gaz-fuel/hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}

#hero-vmc {
  background-image: url("../images/pages/vmc/hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}

#hero-sdb {
  background-image: url("../images/pages/sdb/hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);
}

#hero-spa {
  background-image: url("../images/pages/spa/hero.jpg");
  background-repeat: no-repeat;
  box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);
}

/* Up to ipad */
@media screen and (min-width: 900px) {
  .service-column {
    width: 45%;
  }

  .hero-custom {
    background-size: 100%;
    background-position: center;
  }
}