/*
$screen-m-max: 1100px;
$screen-m: 376px;
$screen-sm-max: 1438px;
$screen-sm-min: 425px;*/
@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@700&display=swap");
body {
  color: black;
  font-family: "Ofelia-Text", sans-serif;
}

.page-id-19 p {
  font-family: "pf-marlet-display", sans-serif;
}

p {
  font-size: 18px;
  text-align: justify;
}

.page-id-73 p {
  color: #ae091f;
  font-family: "tangerine", sans serif;
  font-size: 45px;
  font-weight: bold;
  text-shadow: 2px 2px 2px white;
  text-align: center;
}

/*.page-id-73 p:first-of-type {
    color: $black;
    font-family: 'Ofelia-Text', sans serif;
    font-weight: 300;
    font-size: 62px ;
}*/
/*
@media screen and (max-width: 767px) {


    .page-id-73 p:first-of-type {
        font-size: 27px;
    }

}*/
@media screen and (min-width: 1900px) {
  /*  .page-id-73 p:last-child {
        font-size: 90px;
    }*/
}
@media screen and (max-width: 1700px) {
  /*.page-id-73 p:first-of-type {
      font-size: 56px;
  }*/
}
@media screen and (min-width: 1440px) {
  /*.page-id-73 p:last-child {
      font-size: 75px;
  }*/
}
@media screen and (max-width: 1440px) {
  /* .page-id-73 p:first-of-type {
       font-size: 47px ;
   } */
  .page-id-73 p {
    font-size: 38px;
  }
}
@media screen and (max-width: 1024px) {
  .page-id-73 p {
    font-size: 30px;
  }

  /* .page-id-73 p:first-of-type {
       font-size: 34px ;
   }*/
}
@media screen and (min-width: 1024px) {
  /*
      .page-id-73 p {
          font-size: 59px;
      }*/
}
@media screen and (max-width: 768px) {
  /* .page-id-73 p:first-of-type {
       font-size: 45px ;
   }
   .page-id-73 p {
       font-size: 48px;
   }*/
}
@media screen and (max-width: 500px) {
  p {
    font-size: 15px;
  }

  /* .page-id-73 p:first-of-type {
       font-size: 27px ;

   }*/
  .page-id-73 p {
    font-size: 26px;
  }
}
@media screen and (max-width: 320px) {
  /* .page-id-73 p:first-of-type {
          font-size: 24px !important;
      }
  */
}
.site__header {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ae091f;
  font-size: 18px;
}

.sdv_main_header {
  display: flex;
  align-items: center;
}

.logo {
  width: 600px;
}

/*
.site__header .menu-item-home a {
    color: $black !important;
}*/
.site__header .current-menu-parent > a {
  color: #ae091f;
}

.site__header .current-menu-item > a {
  color: #ae091f;
}

.site__header .current-menu-parent .current-menu-item {
  background-color: #ae091f;
}

.site__header .current-menu-parent .current-menu-item > a {
  color: white;
}

/*
.site__header .current-menu-parent .sub-menu  {
    background-color: $red;
}*/
.site__header__menu {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.site__header__menu > li {
  position: relative;
  line-height: 105px;
}

.sub-menu {
  /* padding-top: 14%;*/
  width: 300px;
  margin-left: -1%;
  position: absolute;
  background-color: white;
  z-index: 2;
  /*border: 2px solid blue;*/
  /*  transform: scaleY(0);
    transition: .4s ease-out all;*/
}

/*
.site__header__menu a:hover{
    color:$red;
}*/
.sub-menu li {
  /* margin-top: 14%;
   margin-bottom: 14%;*/
  line-height: 73px;
  display: flex;
  align-items: center;
  /* border: 2px solid red;*/
}

.sub-menu li:hover {
  background-color: #ae091f;
}

.sub-menu li:hover > a {
  color: white;
}

li > .sub-menu {
  display: none;
  border-top: solid 1px #ae091f;
}

.site__header__menu li:hover > .sub-menu {
  display: block;
}

.site__header__menu li:active > .sub-menu {
  display: block;
}

/*  tablette */
@media screen and (max-width: 1400px) {
  .logo {
    width: 420px;
  }

  .logo img {
    width: 31%;
  }

  .site__header__menu > li {
    position: relative;
  }
}
/*
@media screen and (min-height: 1024px) {

    .site__header{
        height: 6vh;
    }


}*/
@media screen and (min-height: 716px) {
  .logo {
    width: 230px;
  }

  .logo img {
    width: 57%;
  }
}
@media screen and (max-width: 1000px) {
  .logo {
    width: 230px;
  }

  .logo img {
    width: 57%;
  }

  .site__header__menu > li {
    position: relative;
    line-height: 93px;
  }
}
@media screen and (max-width: 768px) {
  .logo {
    width: 100px;
  }

  .logo img {
    width: 100%;
  }

  .nav_mobile {
    position: fixed;
    top: 0;
    z-index: 2;
    right: 0;
    font-size: 16px;
  }

  .menu_open {
    background-color: white;
    height: 100vh;
  }

  .burger_toggle {
    padding-top: 14%;
  }

  .burger_toggle img {
    background-color: white;
  }

  .cross_toggle img {
    background-color: #dedede;
    position: absolute;
  }

  .site__burger__menu {
    display: none;
    /*  width: 320px;
      height: 361px;*/
  }

  .display {
    display: none;
  }

  .site__burger__menu li {
    line-height: 50px;
    background-color: white;
  }

  .site__burger__menu > li {
    border-bottom: 1px solid #ae091f;
    padding-left: 3%;
  }

  .site__burger__menu .sub-menu {
    position: relative;
    padding-left: 10px;
    font-size: 16px;
  }

  .display_block {
    display: block;
  }

  .site__header__menu {
    display: none;
  }

  .logo_menu_mobile {
    position: relative;
    padding-bottom: 43px;
    padding-top: 55px;
    left: 33%;
  }

  figure {
    text-align: center;
  }
}
@media screen and (max-width: 425px) {
  .nav_mobile {
    right: -13%;
  }

  .menu_open {
    width: 350px;
  }

  .logo {
    width: 100px;
  }

  .logo img {
    width: 86%;
  }

  .logo_menu_mobile {
    left: 28%;
  }

  .burger_toggle {
    padding-top: 10%;
  }
}
@media screen and (min-width: 1000px) {
  .sdv_main_header {
    width: 1100px;
  }
}
@media screen and (min-width: 769px) {
  .burger_toggle, .cross_toggle, .site__burger__menu, .logo_menu_mobile, .site__burger__menu .sub-menu {
    display: none;
  }
}
.site__footer {
  background-color: #ae091f;
  display: flex;
  justify-content: center;
  color: #dedede;
  height: 50px;
  z-index: 1;
  width: 100%;
  margin-top: auto;
}

.site__footer__menu__bloc {
  width: 60%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-evenly;
}

.site__footer a {
  color: #dedede !important;
}

@media screen and (max-width: 1024px) {
  .site__footer__menu__bloc {
    width: 100%;
  }
}
@media screen and (max-width: 425px) {
  .site__footer {
    min-height: 7vh;
    font-size: 12px;
  }

  .site__footer__menu__bloc {
    align-content: space-evenly;
  }
}
/*img responsive*/
/*html {
     height: 100%;
     width: 100%;
     }*/
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, .sdv_main_content {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

/* slide */
.page-id-73 {
  min-height: 100%;
}

.page-id-73 .site__header {
  background-color: white;
}

.carousel {
  margin-top: auto;
}

.intro {
  width: 100%;
}

.intro_texte {
  display: flex;
  justify-content: center;
}

.page-id-73 p:last-child {
  padding-top: 5%;
}

.slides {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: -1;
  height: 100%;
  background-size: cover;
  background-position: center;
}

.slide1 {
  background-image: url("../images/slide_image_eylau.jpg");
}

.slide2 {
  background-image: url("../images/slide_image_trocadero.jpg");
}

.slide3 {
  background-image: url("../images/slide_image_trocadero2.jpg");
}

.page-id-73 figure {
  position: absolute;
  width: 38%;
}

/* slide end */
@media screen and (min-width: 1400px) {
  .sdv_content {
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 1024px) {
  .sdv_content {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 768px) {
  .sdv_content {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 425px) {
  .sdv_content {
    margin-left: auto;
    margin-right: auto;
  }
}

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

.menu {
  position: fixed;
  top: 0px;
}

.admin-bar .menu {
  top: 32px;
  /* decalage du a l'admin bar*/
}

ul {
  list-style-type: none;
  text-decoration: none;
}

a:link {
  text-decoration: none;
  color: black;
}

a:visited {
  color: black;
}

body a:hover {
  color: #ae091f;
}

.page-id-7 .sdv_content a {
  display: block;
  line-height: 17vh;
  color: white;
}

.page-id-7 .sdv_content a:hover {
  color: white;
}

@media screen and (max-width: 1024px) {
  .page-id-31 .wp-block-spacer {
    height: 100px !important;
  }

  .page-id-31 .wp-block-columns {
    flex-wrap: wrap !important;
  }

  .page-id-31 .wp-block-column {
    margin: auto;
  }

  .page-id-73 figure {
    width: 54%;
  }

  /*.page-id-31 p, figure {
              text-align: center;

          }

         /* .page-id-73 p:last-child {
              margin-top: 20%;
          }
  /*
          .intro {
              padding-top: 10%;
          }*/
}
@media screen and (max-width: 1400px) {
  .page-id-7 .sdv_content a {
    font-size: 13px;
  }

  .page-id-9 .sdv_content > .wp-block-spacer, .page-id-21 .sdv_content > .wp-block-spacer, .page-id-23 .sdv_content > .wp-block-spacer, .page-id-31 .sdv_content > div:first-of-type {
    height: 74px !important;
  }

  .page-id-31 .wp-block-spacer {
    height: 50px !important;
  }

  .sdv_content p, .page-id-31 figure {
    padding-left: 5%;
    padding-right: 5%;
  }

  .error {
    background-size: 90%;
  }
}
@media screen and (max-width: 1000px) {
  .error {
    background-size: 90%;
  }
}
@media screen and (max-width: 768px) {
  .page-id-73 figure {
    width: 60%;
  }

  /*
  .page-id-73 p:last-child {
      margin-top: 31%;
  }*/
  .page-id-9 p {
    padding-left: 3%;
    padding-right: 3%;
  }
}
@media screen and (max-width: 850px) {
  .page-id-19 iframe {
    width: 100% !important;
  }
}
@media screen and (max-width: 900px) {
  .page-id-31 .wp-block-spacer, .page-id-23 .wp-block-spacer:first-child, .page-id-21 .wp-block-spacer:first-child {
    height: 64px !important;
  }
}
.error p {
  font-size: 42px;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 40px;
}

@media screen and (max-width: 500px) {
  .page-id-73 .wp-block-spacer {
    height: 100px !important;
  }

  .error p {
    font-size: 31px;
  }

  /*
  .intro {
      padding-top: 20%;
  }*/
  .page-id-73 figure {
    width: 95%;
    padding-left: 2%;
    padding-right: 2%;
  }

  /* .page-id-31 .wp-block-column:last-child figure {

       padding-left: 1%;
       padding-right: 1%;

   }*/
  .page-id-73 p:last-child {
    padding-top: 15%;
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media screen and (max-width: 320px) {
  .page-id-73 p {
    top: 44%;
  }

  .page-id-31 .wp-container-core-columns-layout-1 div:nth-child(2n) figure:first-of-type {
    width: 108%;
    margin-left: -4%;
  }
}
.error404 {
  height: 100%;
}

.error img {
  width: 40%;
}

.error {
  background-image: url("../images/404.jpeg");
  background-size: cover;
  background-position-x: 24%;
  background-position-y: center;
}

@media screen and (max-width: 768px) {
  .error {
    background-size: contain;
    background-repeat: no-repeat;
  }
}
h1, h2 {
  font-family: "pf-marlet-display", sans-serif;
  font-weight: 400;
  line-height: 24vh;
  text-align: center;
}

h1 {
  font-size: 42px;
  text-transform: uppercase;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /*   -webkit-mask-image: linear-gradient(90deg, transparent,transparent,white, white, transparent,transparent);*/
}

h2 {
  font-size: 36px;
}

.page-id-9 h1 {
  background-image: url("../images/liens_utiles.jpg");
  background-position-y: 56%;
}

.page-id-11 h1 {
  background-image: url("../images/marteau_honoraires.jpg");
  background-position-y: 64%;
}

.page-id-19 h1 {
  background-image: url("../images/contact.jpg");
  background-position-y: 80%;
}

.page-id-21 h1 {
  background-image: url("../images/bail_commercial.jpg");
  background-position-y: 65%;
}

.page-id-23 h1 {
  background-image: url("../images/accord_contrat_.jpg");
  background-position-y: 55%;
}

.page-id-25 h1 {
  background-image: url("../images/marteau_famille_en_bois_.jpg");
  background-position-y: 36%;
}

.page-id-27 h1 {
  background-image: url("../images/marteau_stethoscope.jpg");
  background-position-y: 60%;
}

.page-id-29 h1 {
  background-image: url("../images/mentions_legales.jpg");
  background-position-y: 60%;
}

.page-id-31 h1 {
  display: none;
}

@media screen and (max-width: 963px) {
  .page-id-25 h2, .page-id-27 h2 {
    line-height: 7vh;
    padding-top: 64px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 645px) {
  .page-id-21 h1, .page-id-27 h1 {
    line-height: 12vh;
  }
}
@media screen and (max-width: 594px) {
  .page-id-21 h1, .page-id-27 h1 {
    line-height: 10vh;
  }

  h1 {
    font-size: 34px;
  }

  .page-id-25 h1, .page-id-29 h1, .page-id-23 h1, .page-id-19 h1, .page-id-9 h1, .page-id-11 h1 {
    line-height: 20vh;
  }

  .page-id-25 h2, .page-id-27 h2 {
    line-height: 5vh;
    font-size: 25px;
    padding-top: 64px;
    padding-bottom: 50px;
    padding-left: 11px;
    padding-right: 11px;
  }
}
@media screen and (max-width: 412px) {
  .page-id-21 h1, .page-id-27 h1 {
    line-height: 10vh;
  }

  .page-id-25 h2, .page-id-27 h2 {
    line-height: 4vh;
    line-height: 5vh;
    padding-top: 64px;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 320px) {
  .page-id-29 h1, .page-id-25 h1 {
    line-height: 10vh;
  }
}

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