/*
Theme Name: irdimmo Child
Theme URI: https://ird-immo.fr/
Template: irdimmo
Author: IRD Immo
Author URI: https://ird-immo.fr/
Description: Thème enfant basé sur irdimmo
Version: 1.0
Text Domain: irdimmo-child
*/
/* ========== GLOBAL ========== */
#logo svg {
  display: block;
  width: 127px;
  height: auto;
}

.home #logo svg {
  width: 100%;
  height: auto;
  max-height: 930px;
}

#mainwp {
  margin: auto;
}

.wrap.right {

  max-width: 100%;
  padding-left: 120px;
  padding-right: 120px;
  margin: auto;
}

html body.home .wrap.right {
  padding-left: 370px;
  padding-right: 50px;
}
.elementor-menu-toggle.elementor-active {
    z-index: 99999;
}
header li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-64 a,
li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-64 {
  font-family: var(--e-global-typography-3e726f4-font-family), Sans-serif !important;
  font-size: 20px;
  text-transform: uppercase;
}
  .home #logo svg {
    width: 100%;
    height: calc(100vh - 160px);
    max-height: 930px; 
  }
/* ========== MEDIA QUERIES ========== */

/* max-width: 1720px */
@media screen and (max-width: 1720px) {
  html body.home .wrap.right {
      padding-left: 370px;
      padding-right: 50px;
  }

  .home #logo svg {
    width: 250px;
     height: inherit;
  }

  .wrap.right {
      width: 1672px;
      padding-left: 247px;
      padding-right: 50px;
  }
}

/* max-width: 1230px */
@media screen and (max-width: 1230px) {
  #logo {
      left: 30px;
  }

  .wrap.right {
      padding-left: 247px;
      padding-right: 50px;
  }

  #logo svg {
      width: 100px !important;
  }
}

/* max-width: 1060px */
@media screen and (max-width: 1060px) {
  #logo svg {
      width: 80px !important;
  }

  .wrap.right {
      padding-left: 30px !important;
      padding-right: 30px !important;
  }

  html body.home .wrap.right {
      width: 1365px;
      max-width: 100%;
      padding-left: 140px !important;
      padding-right: 140px !important;
  }

  g#de_valeurs\., g#créateurs_, g#Pour_des_lieux {
      display: none;
  }

  #logo {
      position: absolute !important;
  }

  #nav {
      position: fixed;
      top: 22px;
      right: 22px;
      z-index: 9999;
  }
}

/* max-width: 1024px */
@media screen and (max-width: 1024px) {
  header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
      width: 100vw !important;
      max-width: 100vw !important;
      height: 100vh;
      left: 0 !important;
      top: -13px !important;
      position: fixed !important;
      display: flex !important;
      flex-direction: column;
      flex-wrap: nowrap;
      align-content: center;
      justify-content: center;
      align-items: center !important;
  }
  html body.home .wrap.right.tabletnowrap {
    padding-left: 30px !important;
        padding-right: 30px !important;
  }
  html body.home .wrap.right{
    padding-left: 30px !important;
        padding-right: 30px !important;
  }
  header .elementor-nav-menu__align-end .elementor-nav-menu {
      display: flex !important;
      flex-direction: column;
      align-content: center;
      flex-wrap: nowrap;
      align-items: center;
      width: 100%;
      gap: 20px;
  }

  header .elementor-menu-toggle.elementor-active {
      z-index: 9999;
  }
}

/* max-width: 780px */
@media screen and (max-width: 780px) {
  .wrap.right {
      padding-left: 120px;
      padding-right: 120px;
  }
  html body.home .wrap.right.tabletnowrap {
    padding-left: 30px !important;
        padding-right: 30px !important;
  }
}

/* max-width: 620px */
@media screen and (max-width: 620px) {
  .wrap.right {
      padding-left: 30px;
      padding-right: 30px;
  }
  html body.home .wrap.right.tabletnowrap {
    padding-left: 30px !important;
        padding-right: 30px !important;
  }
}


/* max-width: 380px */
@media screen and (max-width: 380px) {
  #logo {
      top: 15px;
      left: 15px;
  }
}