/*
 Theme Name:   lm-travaux-child
 Description:  child of html5
 Author:       jerome
 Template:     html5blank-stable
 Version:      1.0.0
-*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;600;800;900&display=swap");
:root {
  font-size: 16px; }

/* 
==========================================================================
Variables
========================================================================== 
*/
/* Gestion de la scrollbar sur mobile et desktop*/
::-webkit-scrollbar {
  -webkit-appearance: none; }

::-webkit-scrollbar:vertical {
  width: 10px; }

::-webkit-scrollbar:horizontal {
  height: 10px; }

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.52);
  border-radius: 5px; }

::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #dadada; }

::selection {
  color: #fff;
  background: grey; }

/* Firefox */
::-moz-selection {
  background-color: transparent;
  color: transparent; }

html body {
  font-family: 'Nunito Sans', Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -.3px;
  font-weight: 600;
  color: #242423;
  overflow-x: hidden !important;
  position: relative;
  top: 0;
  left: 0;
  width: 100%; }

div.wrapper, section.wrapper {
  max-width: 1400px;
  margin: 3.125rem auto;
  padding: 0 0.75rem; }

body h1, body h2, body h3, body h4 {
  line-height: 1.1;
  letter-spacing: -1.4px; }

body h1, body h2 {
  text-transform: uppercase; }

body h1 {
  font-size: 3.625rem; }

body h2 {
  font-size: 3rem;
  display: block;
  border-left: 6px solid #fdb12e;
  padding: 0 1rem; }
  body h2 span {
    display: block;
    font-weight: 300;
    font-size: 1.875rem;
    text-transform: uppercase;
    margin: 0.625rem 0 0; }

body h3 {
  font-size: 1.75rem; }

body p, body span, body i {
  font-size: 1.125rem; }

body a {
  font-weight: 800;
  text-decoration: none; }

a.btn {
  margin: 0;
  display: inline-block;
  font-size: 1.25rem;
  padding: 0.75rem 1.25rem;
  font-weight: 800;
  transition: 0.4s cubic-bezier(0.75, 0.25, 0.25, 0.75);
  -moz-box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
  -webkit-box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
  box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5); }
  a.btn:hover, a.btn:focus {
    -moz-box-shadow: 0 7px 30px -10px #96aab4;
    -webkit-box-shadow: 0 7px 30px -10px #96aab4;
    box-shadow: 0 7px 30px -10px #96aab4; }
  a.btn.btn-hero {
    background-color: #fdb12e;
    color: #fff;
    -moz-box-shadow: 0 7px 30px -10px rgba(195, 124, 2, 0.5);
    -webkit-box-shadow: 0 7px 30px -10px rgba(195, 124, 2, 0.5);
    box-shadow: 0 7px 30px -10px rgba(195, 124, 2, 0.5); }
    a.btn.btn-hero:hover, a.btn.btn-hero:focus {
      background-color: #f69c02;
      -moz-box-shadow: 0 7px 30px -10px #c37c02;
      -webkit-box-shadow: 0 7px 30px -10px #c37c02;
      box-shadow: 0 7px 30px -10px #c37c02; }
  a.btn.btn-rounded {
    border-radius: 1.5625rem; }

/* HEADER =================
======================== */
header.header .wrapper {
  margin: 0 auto; }

header.header .topbar {
  background-color: #d7d7d5; }
  header.header .topbar .container_topbar .item_topbar {
    text-align: center;
    padding: 0.5rem;
    font-weight: 800; }
  header.header .topbar .container_topbar .item_topbar:first-child, header.header .topbar .container_topbar .item_topbar:nth-child(2) {
    background-color: #f1f1f1; }
  header.header .topbar .container_topbar .item_topbar:last-child {
    background-color: #fdb12e;
    color: #fff; }

.logo-img {
  height: 9.375rem; }

header.header .container_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-moz-box-pack: space-between;
  box-pack: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  header.header .container_nav .logo {
    margin-top: -1.25rem; }
  header.header .container_nav nav.nav {
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out,-webkit-transform .3s ease-out; }
    header.header .container_nav nav.nav ul.primary-nav {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      header.header .container_nav nav.nav ul.primary-nav li {
        font-size: 1.0625rem;
        font-weight: 800;
        text-transform: uppercase;
        list-style-type: none;
        margin: 0 0.625rem; }
        header.header .container_nav nav.nav ul.primary-nav li a {
          position: relative; }
          header.header .container_nav nav.nav ul.primary-nav li a:after {
            content: "";
            display: block;
            transition: 0.3s cubic-bezier(0.75, 0.25, 0.25, 0.75);
            width: 0;
            height: 2px;
            background-color: #fdb12e; }
          header.header .container_nav nav.nav ul.primary-nav li a:hover::after {
            width: 100%; }
      header.header .container_nav nav.nav ul.primary-nav li.social_menu_link a img {
        padding-bottom: 5px; }
      header.header .container_nav nav.nav ul.primary-nav li.social_menu_link a:after {
        display: none; }
      header.header .container_nav nav.nav ul.primary-nav li.repeat_topbar_responsive {
        display: none; }

.hamburger {
  cursor: pointer;
  padding: 0;
  margin: 0;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  vertical-align: baseline;
  border: 0;
  display: none;
  position: relative;
  width: 40px;
  height: 40px;
  pointer-events: all;
  background: 0 0;
  outline: none; }
  .hamburger span {
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap; }

.hamburger:before,
.hamburger:after {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 16px;
  left: 10px;
  width: 30px;
  height: 3px;
  background: #fdb12e;
  -webkit-transition: -webkit-transform .3s ease-out;
  transition: -webkit-transform .3s ease-out;
  transition: transform .3s ease-out;
  transition: transform .3s ease-out,-webkit-transform .3s ease-out; }

.hamburger:after {
  top: auto;
  bottom: 12px; }

.hamburger.active:before {
  transform: translateY(4px) rotate(135deg); }

.hamburger.active:after {
  transform: translateY(-5px) rotate(45deg); }

/* HEADER =================
======================== */
/* FOOTER =================
======================== */
footer.footer {
  padding: 2.1875rem 0 0;
  background-color: #f1f1f1; }
  footer.footer .wrapper {
    margin-bottom: 0;
    margin-top: 0; }
    footer.footer .wrapper span {
      text-transform: uppercase;
      font-weight: 800; }
    footer.footer .wrapper ul {
      padding-left: 0; }
      footer.footer .wrapper ul li {
        list-style-type: none; }
        footer.footer .wrapper ul li a {
          transition: 0.3s cubic-bezier(0.75, 0.25, 0.25, 0.75); }
          footer.footer .wrapper ul li a:hover {
            color: #fdb12e; }
        footer.footer .wrapper ul li img {
          vertical-align: middle;
          padding-bottom: 6px; }
    footer.footer .wrapper .social_footer ul li a:hover {
      color: #242423; }
    footer.footer .wrapper p.copyright {
      font-size: 0.875rem;
      text-align: center;
      margin: 0; }

/* FOOTER =================
======================== */
/* HOME =================
======================== */
.hero_banner {
  background: #f1f1f1; }
  .hero_banner .hero_banner_content {
    padding: 1.25rem; }
    .hero_banner .hero_banner_content h1 {
      margin: 0; }
    .hero_banner .hero_banner_content a.btn-hero {
      margin: 1rem 0; }
  .hero_banner .hero_banner_img {
    text-align: center;
    margin: auto; }

section.category_home h3 {
  text-align: center; }
section.category_home .intro p:first-child {
  padding-left: 0; }
section.category_home .container_item_cat {
  -moz-box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
  -webkit-box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
  box-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
  padding: 0 1.25rem 1.25rem; }
section.category_home .container_item_cat h3 {
  text-transform: uppercase;
  font-size: 1.25rem;
  font-weight: 900; }
  section.category_home .container_item_cat h3:after {
    content: "";
    display: block;
    width: 2.5rem;
    height: 3px;
    margin: 16px auto 0;
    background-color: #fdb12e; }

section.societe_home .atouts_home p {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 1rem; }

/* RESPONSIVE =============*/
@media screen and (max-width: 992px) {
  body.fixed {
    position: fixed; }

  body h1 {
    font-size: 3rem; }

  body h2 {
    font-size: 2.375rem; }

  body h3 {
    font-size: 1.5rem; }

  /* HEADER ================
  ======================== */
  header.header .topbar {
    display: none; }

  header.header .topbar .wrapper {
    margin: 0 auto; }

  .hamburger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 1px; }

  header.header .container_nav {
    margin: 10px auto; }
    header.header .container_nav nav.nav {
      position: absolute;
      z-index: 999;
      top: 0;
      right: 0;
      width: 0;
      height: 100vh;
      transform: translateX(170px);
      background-color: #fff; }
      header.header .container_nav nav.nav ul.primary-nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 1.5625rem;
        display: none; }

  header.header .container_nav nav.active {
    transform: translateX(0);
    width: 110%;
    right: -20px; }
    header.header .container_nav nav.active ul.primary-nav {
      display: block;
      margin-top: 20%; }
      header.header .container_nav nav.active ul.primary-nav li {
        display: block !important;
        padding: 7px 15px; }
        header.header .container_nav nav.active ul.primary-nav li a:after {
          display: none; }

  /* HOME =================
  ======================== */
  .hero_banner .wrapper {
    margin: 0 auto; }
    .hero_banner .wrapper .hero_banner_img {
      margin: 1rem auto; }

  section.category_home .flex_container {
    margin-bottom: 1.5625rem; } }
/*======================== */

/*# sourceMappingURL=style.css.map */