/*
Theme Name: HomeExplorer
Theme URI: https://www.thekub.com/
Author: Agence THE KUB
Author URI: https://www.thekub.com/
Description: Thème personnalisé
Requires at least: WordPress 5.0
Version: 1.0.1
*/


/* RESET CSS */
/* ========= */

:root {
  --bs-body-font-family: Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
  font-family: Poppins, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  color: #000;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

a {
  color: inherit;
}

a:hover {
  color: inherit;
  text-decoration: none;
}

ul,
ul li {
  list-style: none;
  padding-left: 0;
}

li {
  padding-left: 0;
}

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

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 1.75rem;
  margin-bottom: 1.75rem;
}

h3 {
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}

h4 {
  font-size: 0.875rem;
  margin-bottom: 0.375rem;
}

@media (min-width: 768px) {
  h2 {
    font-size: 2.75rem;
    margin-bottom: 2.5rem;
  }

  h3 {
    font-size: 2.25rem;
    margin-bottom: 0.75rem;
  }

  h4 {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
  }

}

@media (min-width: 1400px) {
  h2 {
    font-size: 3.75rem;
    margin-bottom: 3rem;
  }

  h3 {
    font-size: 2.75rem;
    margin-bottom: 1rem;
  }

  h4 {
    font-size: 1.5rem;
    margin-bottom: 0.75rem;
  }

}

/* FONTS */
/* ===== */

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-BoldItalic.woff2') format('woff2'), url('assets/fonts/Poppins-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-SemiBoldItalic.woff2') format('woff2'), url('assets/fonts/Poppins-SemiBoldItalic.woff') format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Bold.woff2') format('woff2'), url('assets/fonts/Poppins-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-ExtraLightItalic.woff2') format('woff2'), url('assets/fonts/Poppins-ExtraLightItalic.woff') format('woff');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Medium.woff2') format('woff2'), url('assets/fonts/Poppins-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-SemiBold.woff2') format('woff2'), url('assets/fonts/Poppins-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Thin.woff2') format('woff2'), url('assets/fonts/Poppins-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-ThinItalic.woff2') format('woff2'), url('assets/fonts/Poppins-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-ExtraBoldItalic.woff2') format('woff2'), url('assets/fonts/Poppins-ExtraBoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-MediumItalic.woff2') format('woff2'), url('assets/fonts/Poppins-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-ExtraBold.woff2') format('woff2'), url('assets/fonts/Poppins-ExtraBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Black.woff2') format('woff2'), url('assets/fonts/Poppins-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Italic.woff2') format('woff2'), url('assets/fonts/Poppins-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Regular.woff2') format('woff2'), url('assets/fonts/Poppins-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-ExtraLight.woff2') format('woff2'), url('assets/fonts/Poppins-ExtraLight.woff') format('woff');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-Light.woff2') format('woff2'), url('assets/fonts/Poppins-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-LightItalic.woff2') format('woff2'), url('assets/fonts/Poppins-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Poppins';
  src: url('assets/fonts/Poppins-BlackItalic.woff2') format('woff2'), url('assets/fonts/Poppins-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}


/* RESET WORDPRESS */
/* =============== */

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

/* SITE GLOBALS */
/* ============ */

.site {
  min-height: calc(100vh - 100px);
}

body.scrolled .site .py-5 {
  transition: 0.4s;
  padding-top: 100px !important;
}

.smile {
  display: none;
}


@media (min-width:1200px) {
  .smile {
    display: block;
    opacity: 0;
    position: absolute;
    width: 200px;
    transition: 2.5s linear;
  }

  .smile.anim {
    opacity: 1;
    animation: fall 3s forwards cubic-bezier(.5, .5, 0, .8);
  }

  @keyframes fall {
    from {
      transform: translate(-10%, -40%) rotateZ(7.5deg);
    }

    33% {
      transform: translate(10%, -25%) rotateZ(-7.5deg);
    }

    66% {
      transform: translate(-10%, -10%) rotateZ(7.5deg);
    }

    to {
      transform: translate(0%, 0%) rotateZ(0);
    }
  }

  .smile.flipX.anim {
    animation: fallfX 3s forwards cubic-bezier(.5, .5, 0, .8);
  }

  @keyframes fallfX {
    from {
      transform: translate(10%, -40%) rotateZ(-7.5deg) scaleX(-1);
    }

    33% {
      transform: translate(-10%, -25%) rotateZ(7.5deg) scaleX(-1);
    }

    66% {
      transform: translate(10%, -10%) rotateZ(-7.5deg) scaleX(-1);
    }

    to {
      transform: translate(0%, 0%) rotateZ(0) scaleX(-1);
    }
  }

  .smile.t-mid.anim {
    animation: falltm 3s forwards cubic-bezier(.5, .5, 0, .8);
  }

  @keyframes falltm {
    from {
      transform: translate(-60%, -90%) rotateZ(7.5deg);
    }

    33% {
      transform: translate(-40%, -75%) rotateZ(-7.5deg);
    }

    66% {
      transform: translate(-60%, -60%) rotateZ(7.5deg);
    }

    to {
      transform: translate(-50%, -50%) rotateZ(0);
    }
  }

  .smile.t-mid-x.anim {
    animation: falltmX 3s forwards cubic-bezier(.5, .5, 0, .8);
  }

  @keyframes falltmX {
    from {
      transform: translate(-60%, -40%) rotateZ(7.5deg);
    }

    33% {
      transform: translate(-40%, -25%) rotateZ(-7.5deg);
    }

    66% {
      transform: translate(-60%, -10%) rotateZ(7.5deg);
    }

    to {
      transform: translate(-50%, 0%) rotateZ(0);
    }
  }

  .smile.t-mid-y.anim {
    animation: falltmY 3s forwards cubic-bezier(.5, .5, 0, .8);
  }

  @keyframes falltmY {
    from {
      transform: translate(-10%, -90%) rotateZ(7.5deg);
    }

    33% {
      transform: translate(10%, -75%) rotateZ(-7.5deg);
    }

    66% {
      transform: translate(-10%, -60%) rotateZ(7.5deg);
    }

    to {
      transform: translate(0%, -50%) rotateZ(0);
    }
  }

  .smile.t-mid.flipX.anim {
    animation: falltmfX 3s forwards cubic-bezier(.5, .5, 0, .8);
  }

  @keyframes falltmfX {
    from {
      transform: translate(-40%, -90%) rotateZ(-7.5deg) scaleX(-1);
    }

    33% {
      transform: translate(-60%, -80%) rotateZ(7.5deg) scaleX(-1);
    }

    66% {
      transform: translate(-40%, -60%) rotateZ(-7.5deg) scaleX(-1);
    }

    to {
      transform: translate(-50%, -50%) rotateZ(0) scaleX(-1);
    }
  }

  .smile.t-mid-x.flipX.anim {
    animation: falltmXfX 3s forwards cubic-bezier(.5, .5, 0, .8);
  }

  @keyframes falltmXfX {
    from {
      transform: translate(60%, -40%) rotateZ(-7.5deg) scaleX(-1);
    }

    33% {
      transform: translate(40%, -25%) rotateZ(7.5deg) scaleX(-1);
    }

    66% {
      transform: translate(60%, -10%) rotateZ(-7.5deg) scaleX(-1);
    }

    to {
      transform: translate(50%, 0%) rotateZ(0) scaleX(-1);
    }
  }

  .smile.t-mid-y.flipX.anim {
    animation: falltmYfX 3s forwards cubic-bezier(.5, .5, 0, .8);
  }

  @keyframes falltmYfX {
    from {
      transform: translate(10%, -90%) rotateZ(-7.5deg) scaleX(-1);
    }

    33% {
      transform: translate(-10%, -80%) rotateZ(7.5deg) scaleX(-1);
    }

    66% {
      transform: translate(10%, -60%) rotateZ(-7.5deg) scaleX(-1);
    }

    to {
      transform: translate(0%, -50%) rotateZ(0) scaleX(-1);
    }
  }

}

@media (min-width:1600px) {
  .smile {
    width: 300px;
  }
}

/* SITE HEADER */
/* =========== */

#slide-head .row,
#site-head .row {
  height: 100px;
}

#site-head {
  position: relative;
  z-index: 150;
}

.home-link h1 {
  margin: 0;
}

.space-link {
  display: none;
  font-size: 1.25rem;
  font-weight: 600;
  text-decoration: none;
}

.space-link:hover {
  text-decoration: underline;
}

.space-link>img {
  width: 50px;
}

@media (min-width:768px) {
  .space-link {
    display: flex;

  }

}


/* POPIN */
/* =========== */

.page-template-entreprise>.popin,
.page-template-salarie>.popin,
.page-template-aides>.popin {
  display: block;
}

.popin {
  display: none;
  width: calc(100vw - 6.4em);
  height: auto;
  position: fixed;
  bottom: 2em;
  right: 2em;
  border-radius: 8px;
  z-index: 505;
  opacity: 0;
  font-size: 0.825rem;
}

.popin_container {
  position: relative;
  padding: 1.25em;
}

.icon-closer {
  position: absolute;
  top: -1em;
  left: -1em;
  display: flex;
  background: white;
  width: 60px;
  border-radius: 90px;
  height: 60px;
  cursor: pointer;
  z-index: 2;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.icon-container::before {
  content: "";
  position: absolute;
  height: 100%;
  z-index: 1;
  width: 100%;
  top: 0;
  left: 0;
  border-radius: 20rem;
  background: #fd79ab;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.64s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 0.64s cubic-bezier(0.19, 1, 0.22, 1);
  -o-transition: transform 0.64s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.64s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 0.64s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.64s cubic-bezier(0.19, 1, 0.22, 1);
  will-change: transform;
}

.icon-container>svg {
  z-index: 3;
  position: relative;
}

.icon-container:hover::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.icon-container:hover>svg {
  fill: white;
}

.popin_content {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1em;
  flex-direction: column;
  text-align: center;
}

.popin_content>p:first-child {
  font-size: 1.2em;
}

@media (min-width:768px) {

  .popin {
    width: calc(32em - 4em);
    height: auto;
    position: fixed;
    bottom: 2em;
    right: 2em;
    border-radius: 8px;
    z-index: 505;
    opacity: 0;
    font-size: 1rem;
  }

  .popin_container {
    position: relative;
    padding: 2.2em;
  }

}

/* SITE FOOTER */
/* =========== */

#site-footer {
  z-index: 400;
}

.grecaptcha-badge {
  visibility: hidden !important;
}

.recaptcha {
  font-size: 0.875rem;
}

/* PAGE HEADER */
/* =========== */

.site>.page-header {
  height: 100vh;
  margin-top: -100px;
}

.cta-scroller {
  display: block;
  position: absolute;
  bottom: 21px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.cta-scroller::before,
.cta-scroller::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform-origin: center;
}

.cta-scroller::before {
  height: 30px;
  width: 1px;
  background-color: #fcf6e0;
}

.cta-scroller::after {
  height: 10px;
  width: 10px;
  transform: translate(-50%, calc(-100% + 15px)) rotate(45deg);
  border-right: 1px solid #fcf6e0;
  border-bottom: 1px solid #fcf6e0;
}

@media (min-width:768px) {
  .cta-scroller {
    bottom: 50px;
    width: 70px;
    height: 70px;
  }

  .cta-scroller::before {
    height: 40px;
  }

  .cta-scroller::after {
    transform: translate(-50%, calc(-100% + 20px)) rotate(45deg);
  }

}

/* MENUS & NAVIGATION */
/* ================== */

#nav-head {
  position: fixed;
  top: 100%;
  z-index: 300;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  transition: 0.4s;
  background: #fff8;
  height: 0px;
}

@media (min-width: 768px) {
  #nav-head {
    position: fixed;
    top: 0;
    z-index: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: 0.4s;
    height: 0px;
  }

  body.scrolled #nav-head {
    height: 100px;
  }
}

/* --- MAIN MENU --- */

.cta-menu {
  font-size: 1.25rem;
  font-weight: 500;
  display: flex;
  margin-top: -100px;
  transition: 0.4s;
  letter-spacing: 1px;
}



.cta-space {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -100px;
  width: 50px;
  height: 60px;
  background-color: #fff;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  z-index: 520;
  cursor: pointer;
  position: relative;
}

.cta-space img {
  height: 22px;
  width: auto;
}

#nav-lang,
#nav-socials {
  position: absolute;
  bottom: 150px;
  z-index: 520;
  left: 50%;
  transition: 0.4s;
  transform: translateX(-50%) scale(0);
  opacity: 0;
}

#main-menu-toggler:checked~#nav-lang,
#main-menu-toggler:checked~#nav-socials {
  opacity: 1;
  transform: translateX(-50%) scale(1);
}

#nav-lang {
  bottom: 100px;
  font-size: 1rem;
}

@media screen and (min-width:768px) {
  #nav-lang {
    position: fixed;
    font-size: 1.25rem;
    bottom: 25px;
  }
}

#nav-lang li a {
  text-decoration: none;
  transition: 0.4s;
}

#nav-lang li a:hover {
  color: #fd79ab;
}


label[for="main-menu-toggler"] {
  width: 0;
  height: 0;
  visibility: hidden;
  transition: 0.4s;
}

#main-menu-toggler {
  display: inline-block;
  appearance: none;
  -webkit-appearance: none;
  width: 50px;
  height: 60px;
  position: relative;
  z-index: 520;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  background-color: #fff;
  cursor: pointer;
  /* to delete */
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

#main-menu-toggler::before,
#main-menu-toggler::after {
  display: block;
  content: '';
  position: absolute;
  left: 18px;
  width: 15px;
  top: 50%;
  transform: translateY(-50%);
  transform-origin: center;
  transition: 0.4s;
}

#main-menu-toggler::before {
  height: 14px;
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
}

#main-menu-toggler::after {
  height: 2px;
  background-color: #000;
  border: none;
}

.cta-menu:hover #main-menu-toggler::before {
  height: 18px;
}

#main-menu ul {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 510;
  width: 150vw;
  height: 150vw;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0;
  background-color: #fcf6e0;
  overflow: hidden;
  transition: 0.4s;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0.5;
}

#main-menu-toggler:checked~#main-menu ul {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

@media (orientation: portrait) {
  #main-menu-toggler:checked~#main-menu ul {
    width: 150vh;
    height: 150vh;
  }
}

.cta-menu:hover #main-menu-toggler:checked::before {
  height: 2px;
  border: 0px solid;
  background-color: #000;
  transform: translateY(-50%) rotateZ(45deg);
}

.cta-menu:hover #main-menu-toggler:checked::after {
  transform: translateY(-50%) rotateZ(-45deg);
}

#main-menu .menu-item {
  display: flex;
  max-width: 90vw;
  text-align: center;
  transition: 0.2s;
}

#main-menu .menu-item:nth-of-type(2n) {
  flex-direction: row-reverse;
}

#main-menu .menu-item a {
  font-size: 1.5rem;
  font-weight: 600;
  text-decoration: none;
  transition: 0.4s;
}

#main-menu .menu-item:hover a {
  color: #fd582d;
  transform: skewX(-15deg);
  font-weight: 300;
}

#main-menu .menu-item:nth-of-type(2n):hover a {
  color: #fd79ab;
  transform: skewX(15deg);
}

#main-menu .menu-item sup {
  line-height: unset;
  top: unset;
  color: #fd582d;
  font-size: .75rem;
  font-weight: 300;
}

#main-menu .menu-item:nth-of-type(2n) sup {
  color: #fd79ab;
}

@media (min-width:768px) {
  .cta-menu {
    font-size: 1.25rem;
    font-weight: 500;
    display: flex;
    padding: 10px;
    margin-top: 100px;
    transition: 0.4s;
    letter-spacing: 1px;
    /* to delete */
    transform: none;
  }

  body.scrolled .cta-menu {
    margin-top: 0;
  }

  .cta-space {
    display: none;
  }

  #nav-socials {
    display: none;
  }

  label[for="main-menu-toggler"] {
    position: relative;
    z-index: 520;
    padding: 15px 25px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    background-color: #fff;
    cursor: pointer;
    width: auto;
    height: 60px;
    visibility: visible;
  }

  #main-menu-toggler {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  #main-menu-toggler::before,
  #main-menu-toggler::after {
    left: 0;
  }

}

@media (min-width:992px) {
  #main-menu .menu-item a {
    font-size: 2.75rem;
  }

  #main-menu .menu-item sup {
    font-size: 1.25rem;
  }

}

@media (min-width:1200px) {
  #main-menu .menu-item a {
    font-size: 4rem;
  }

  #main-menu .menu-item sup {
    font-size: 1.75rem;
  }

}

/* --- FOOTER MENUS --- */

#footer-menu ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

#footer-menu .menu-item {
  text-align: center;
  margin: 0 5px;
}

#footer-menu .menu-item a {
  text-decoration: none;
  transition: 0.4s;
}

#footer-menu .menu-item:hover a {
  color: #fd79ab;
}

@media (min-width:768px) {
  #footer-menu ul {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

}

@media (min-width:992px) {
  #footer-menu .menu-item {
    text-align: left;
  }
}

#subfooter-menu ul {
  margin: 0;
  display: flex;
  flex-direction: column;
}

#subfooter-menu .menu-item {
  text-align: center;
}

#subfooter-menu .menu-item a {
  text-decoration: none;
  transition: 0.4s;
}

#subfooter-menu .menu-item:hover a {
  color: #000;
}

@media (min-width:992px) {
  #subfooter-menu ul {
    flex-direction: row;
  }

  #subfooter-menu .menu-item {
    text-align: left;
    margin: 0 10px;
    position: relative;
    display: flex;
    align-items: center;
  }

  #subfooter-menu .menu-item:not(:last-of-type)::after {
    display: block;
    content: '';
    width: 4px;
    height: 4px;
    background-color: #fcf6e0;
    position: absolute;
    right: -12px;
    border-radius: 50%;
  }
}

/* --- SOCIALS MENU ---- */

#socials-menu .dashicons {
  font-size: 20px;
  width: 35px;
  height: 35px;
  border: 1px solid;
  border-radius: 10px;
  margin: 10px;
  transition: 0.4s;
  color: #000;
  background-color: #fcf6e0;
}

#socials-menu .dashicons:hover {
  color: #fcf6e0;
  background-color: #000;
}

@media (min-width: 768px) {
  #socials-menu .dashicons {
    font-size: 30px;
    padding: 1.5rem;
    width: 50px;
    height: 50px;
    border: 1px solid;
    border-radius: 10px;
    margin: 10px;
    transition: 0.4s;
    color: #000;
    background-color: #fcf6e0;
  }

}

/* --- LANGUAGES MENU --- */



/* ADD CLASSES WITH BOOTSTRAP SYNTAX */
/* ================================ */

.text-pink {
  color: #fd79ab;
}

.bg-pink {
  background-color: #fd79ab;
}

.text-orange {
  color: #fd582d;
}

.bg-orange {
  background-color: #fd582d;
}

.text-beige {
  color: #fcf6e0;
}

.bg-beige {
  background-color: #fcf6e0;
}

.vh-75 {
  min-height: 75vh;
}

.filter-black {
  position: absolute;

}

@media (min-width: 992px) {
  .position-lg-absolute {
    position: absolute;
  }

  .translate-middle-lg-x {
    transform: translate(-50%, 0%);
  }
}

/* OVERRIDE BOOTSTRAP */
/* ================== */

.border {
  border: 1px solid !important;
}

.border-top {
  border-top: 1px solid !important;
}

.border-end {
  border-right: 1px solid !important;
}

/* OVERRIDE DASHICONS  */
/* ================== */

.dashicons {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* OVERRDE TINY SLIDDER */
/* ==================== */

.tns-outer {
  position: relative;
}

.tns-controls [data-controls="prev"],
.tns-controls [data-controls="next"] {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  background: none;
}

.tns-controls [data-controls="prev"] {
  right: 100%;
}

.tns-controls [data-controls="next"] {
  left: 100%;
}

/* OVERRIDE WP DOWNLOAD MANAGER */
/* ============================ */

.my-space .w3eden~.w3eden #wpdmlogin,
.mon-espace .w3eden~.w3eden #wpdmlogin {
  display: none;
  visibility: hidden;
}

.w3eden #wpdm-dashboard-sidebar .adp-item[href*="edit-profile"],
.w3eden #wpdm-dashboard-sidebar .adp-item[href*="settings"],
.w3eden #wpdm-dashboard-sidebar .adp-item[href*="manage-packs"] {
  display: none;
}

#logo-block {
  position: relative;
}

#logo-block img {
  visibility: hidden;
}

#logo-block::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url('assets/images/space.svg');
  background-size: auto 80%;
  background-repeat: no-repeat;
  background-position: center;
}

.w3eden #wpdm-pf .nav.nav-tabs a[href="#remote"] {
  display: none;
}

#package-description {
  display: none;
}

#currentfiles .cfile .media {
  align-items: center;
}

#currentfiles .cfile .media br {
  display: none;
}

#currentfiles .cfile .input-group {
  display: none;
}

#form-action br,
#form-action label {
  display: none;
}

#fb-root {
  display: none;
}


/* OVERRRIDE CONTACT FORM 7 */
/* ======================== */

.wpcf7 label {
  width: 100%;
  display: inline-block;
  margin-bottom: 1rem;
}

.wpcf7 label span {
  display: block;
}

.wpcf7 ::placeholder {
  opacity: 1;
  color: #fd79ab;
}

.wpcf7 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* background-image: url("data:image/svg+xml;utf8,<svg fill='pink' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>"); */
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g id="Groupe_209" data-name="Groupe 209" transform="translate(-532 -311)"><circle id="Ellipse_29" data-name="Ellipse 29" cx="16" cy="16" r="16" transform="translate(532 311)" fill="%23fd79ab"/><path id="Tracé_261" data-name="Tracé 261" d="M6.489,18.461l-3.8,4.526a.89.89,0,0,0,.682,1.463h7.609a.892.892,0,0,0,.682-1.463l-3.8-4.526A.9.9,0,0,0,6.489,18.461Z" transform="translate(555.17 349.3) rotate(180)" fill="%23fefaec"/></g></svg>');
  background-size: 1.5rem;
  background-repeat: no-repeat;
  background-position-x: calc(100% - 25px);
  background-position-y: 50%;
  cursor: pointer;
}

.wpcf7 textarea,
.wpcf7 select,
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="email"],
.wpcf7 input[type="file"],
.wpcf7 input[type="submit"] {
  width: 100%;
  padding: 15px 25px;
  outline: none;
  border-radius: 15px;
  background-color: #fdf9ec;
  color: #fd79ab;
  border: 2px solid;
  border-color: #fd79ab26;
  transition: 0.4s;
}

.wpcf7 textarea:focus,
.wpcf7 select:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="file"]:focus,
.wpcf7 input[type="submit"]:focus {
  border-color: #fd79ab;
}

.wpcf7 input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
  width: 30px;
}

.wpcf7 input[type="file"]::before {
  font-family: 'dashicons';
  display: inline-block;
  position: absolute;
  top: 50%;
  content: "\f546";
  font-size: 1.5rem;
  transform: translateY(-50%) rotateZ(-45deg);
  margin-right: 1rem;
}

@media screen and (min-width:1200px) {

  .wpcf7 label.xl-50 {
    width: calc(50% - 1rem);
    margin-right: 1rem;
  }

  .wpcf7 label.xl--50 {
    width: 50%;
  }

  .wpcf7 label.xl-40 {
    width: calc(40% - 1rem);
    margin-right: 1rem;
  }

  .wpcf7 label.xl-60 {
    width: 60%;
  }
}



.wpcf7 input[type="submit"] {
  background-color: #fd79ab;
  border-color: #fd79ab;
  color: #fcf6e0;
  margin: 2px;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #fcf6e0;
  color: #fd79ab;
}

.wpcf7-spinner {
  display: none;
}

@media(min-width:768px) {

  .wpcf7 textarea,
  .wpcf7 select,
  .wpcf7 input[type="text"],
  .wpcf7 input[type="tel"],
  .wpcf7 input[type="email"],
  .wpcf7 input[type="file"],
  .wpcf7 input[type="submit"] {
    padding: 22px 26px;
    border-radius: 20px;
  }

}

/* OVERRIDE AJAX LOAD MORE */
/* ======================= */

.alm-reveal {
  display: flex;
  flex-wrap: wrap;
}

.alm-btn-wrap {
  display: flex;
}

.alm-load-more-btn {
  margin: 0 auto;
  border-radius: 20px;
  padding: 1.4rem 2.2rem;
  text-align: center;
  border: none;
  font-weight: 700;
  transition: 0.4s;
  margin: 15px auto;
  border: 1px solid;
  background-color: #fd79ab;
  color: #fcf6e0;
}

.alm-load-more-btn:hover {
  background-color: #fcf6e0;
  color: #fd79ab;
}

.alm-load-more-btn:disabled {
  background-color: #f8f4e4;
  color: #b2afa4;
}


/* ELEMENTS */
/* ======== */


/* --- CTA / BUTTON--- */

button.cta {
  border-radius: 20px;
  padding: 1.4rem 2.2rem;
  text-align: center;
  border: none;
  font-weight: 700;
  transition: 0.4s;
  margin: 15px 0;
}

button.cta>a {
  text-decoration: none;
}

button.cta.text-pink.bg-white:hover {
  color: #fff !important;
  background-color: #fd79ab !important;
  /* cause of bs classes...*/
}

button.cta.text-orange.bg-white:hover {
  color: #fff !important;
  background-color: #fd582d !important;
  /* cause of bs classes...*/
}

button.cta.text-black.bg-white:hover {
  color: #fff !important;
  background-color: #000 !important;
  /* cause of bs classes...*/
}

button.cta.text-white.bg-black:hover {
  background-color: #fd79ab !important;
  /* cause of bs classes...*/
}

button.cta.text-white.bg-orange:hover {
  background-color: #fff !important;
  color: #fd582d !important;
  /* cause of bs classes...*/
}

button.cta.text-beige.bg-black:hover {
  color: #000 !important;
  background-color: #fcf6e0 !important;
  /* cause of bs classes...*/
}

button.cta.text-white.bg-pink:hover {
  color: #fd79ab !important;
  background-color: #fff !important;
}

/* --- BLOC WITH BACKGROUND IMG --- */

.bg-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Background overlay */

.home .page-header.bg-image::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom right, #0004, #0000);
}

#client .bg-image::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0005;
}

/* --- SIMPLE CARD TILE --- */

.card-tile {
  border-radius: 30px;
  padding: 25px;
  margin: 5px;
}

.card-tile p {
  margin: 0;
}

.card-tile .num {
  text-align: center;
  margin-bottom: 1rem;
  display: inline-block;
  width: 100%;
}

/* --- INTRODUCTION SLIDE --- */

.slide-intro {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 250;
  transition: 1.2s 0.1s;
  max-height: 100vh;
  overflow: hidden;
}

.slide-intro header.slide-head {
  position: absolute;
  top: 0;
}

.slide-intro header.slide-head .row {
  height: 100px;
}

.main-slide {
  transition: 1.2s;
  overflow: hidden;
  position: relative;
}

.slide-intro+.main-slide {
  max-height: 0;
  margin-top: calc(100vh - 100px);
}

.slide-intro.disappear {
  max-height: 0;
}

.slide-intro.disappear+.main-slide {
  max-height: 100vh;
  margin-top: -100px;
}

/* --- CARD WITH IMAGE AND COLOURED OVERLAY --- */

.card-overlayed {
  overflow: hidden;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  border: 1px solid;
  padding-bottom: 30px;
  position: relative;
  margin: 25px 0;
  width: 90%;
  display: inline-block;
}

@media (min-width: 768px) {
  .card-overlayed {
    width: 45%;
  }
}

@media (min-width: 1200px) {
  .card-overlayed {
    margin: 0;
    width: 30%;
  }
}

.card-overlayed .overlay {
  transform: translateY(15%);
  transition: .4s;
}

.card-overlayed.hover .overlay {
  transform: translateY(25%);
}

.card-overlayed.open .overlay,
.card-overlayed.open.hover .overlay {
  transform: translateY(-50px);
}

@media(min-width: 576px) {

  .card-overlayed.open .overlay,
  .card-overlayed.open.hover .overlay {
    transform: translateY(-50px);
  }
}

.card-overlayed .overlay img {
  max-width: 150px;
}

.card-overlayed>img {
  transition: 0.4s;
}

.salarie .card-overlayed.hover>img,
.home .card-overlayed.hover>img {
  transform: translateY(-30%);
}

.card-overlayed.open.hover>img,
.card-overlayed.open>img {
  transform: translateY(-100%);
}


.card-overlayed .cta.dashicons {
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  transition: 0.4s;
  position: absolute;
  left: 50%;
  bottom: 15px;
  transform: translate(-50%, 0);
}

.card-overlayed.hover .cta.dashicons {
  font-size: 40px;
  transform: translate(-50%, -50px);
}

.card-overlayed.open .cta.dashicons {
  transform: translate(-50%, 0) rotate(360deg);
}

.card-overlayed.open.hover .cta.dashicons {
  transform: translate(-50%, 0) scale(1.1) rotate(360deg);
}

.card-overlayed .description {
  color: white;
  padding: 0 15px;
  transition: 0.4s;
  opacity: 0;
  transform: scaleY(0);
}

.card-overlayed.open .description,
.card-overlayed.open.hover .description {
  opacity: 1;
  transform: scaleY(1);
}

.card-overlayed h3 {
  font-size: 2rem;
  color: white;
  font-weight: 700;
  text-align: center;
  transition: 0.4s;
}

/* override wordpress */
.aligncenter {
  margin: 0 auto;
}

.page-template-conciergerie .card-overlayed.hover>img {
  transform: translateY(-100%);
}

.page-template-conciergerie .card-overlayed.hover .overlay {
  transform: translateY(-30%);
}

.page-template-conciergerie .card-overlayed.hover .cta.dashicons {
  transform: translateX(-50%) rotate(-720deg) scale(0);
}

.page-template-conciergerie .card-overlayed.hover .description {
  opacity: 1;
  transform: scaleY(1);
}

/* CARD WITH IMAGE */

.card-profile {
  border-radius: 40px;
  -webkit-border-radius: 40px;
  position: relative;
  overflow: hidden;
  margin: 5px 0;
  display: inline-block;
}

.card-profile img {
  transition: 0.4s;
}

.card-profile:hover img {
  transform: scale(1.2);
}

.card-profile .row:last-of-type {
  margin-top: -70px;
}

.card-profile:hover .cta {
  color: #fd79ab !important;
  transform: scale(1);

}

.card-profile .invisible-link {
  position: absolute;
  inset: 0;
}

.card-profile:hover .invisible-link {
  position: absolute;
  inset: 0;
  transform: scale(1);
}

/* CARD WHICH ALTERNATE ITS SIDE POSITION */

.card-alternate:nth-of-type(2n) {
  flex-direction: row-reverse;
}

.card-alternate .head {
  margin-bottom: 1.25rem;
}

.card-alternate .head img {
  padding-right: 0;
}

.card-alternate .head p {
  margin: 0;
  width: fit-content;
  padding-right: 0;
  flex: 1 0 0%;
}

@media (min-width:768px) {}

/* CARD WHICH MOVES UP ON HOVER */

.up-cards {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -275px;
}

.up-cards :nth-child(1) {
  --nth-child: 1;
}

.up-cards :nth-child(2) {
  --nth-child: 2;
}

.up-cards :nth-child(3) {
  --nth-child: 3;
}

.up-cards :nth-child(4) {
  --nth-child: 4;
}

.up-cards :nth-child(5) {
  --nth-child: 5;
}

.up-cards :nth-child(6) {
  --nth-child: 6;
}

.up-cards :nth-child(7) {
  --nth-child: 7;
}

.up-cards :nth-child(8) {
  --nth-child: 8;
}

.up-card {
  position: absolute;
  left: 0;
  bottom: calc(var(--nth-child) * 80px);
  z-index: calc(100 - var(--nth-child));
  border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  width: 100%;
  padding: 1rem;
  text-align: center;
  transition: .4s;
}

.up-card:hover {
  transform: translateY(-80px);
}

.up-card .content {
  min-height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.up-card .dashicons {
  display: none;
  margin-top: 20px;
  margin-bottom: 150px;
}

@media (min-width:768px) {
  .up-card {
    bottom: calc(var(--nth-child) * 125px);
    height: 350px;
  }

  .up-card:hover {
    transform: translateY(-125px);
  }

  .up-cards {
    bottom: -350px;
  }
}

@media (min-width:992px) {
  .up-card.right {
    border-top-right-radius: 0;
  }
}

/* CARD SHOWING PRESTATIONS & SERVICES */

.prestations {
  width: fit-content;
  padding: 25px 15px;
  border-radius: 40px;
  margin: 0 auto;
}

.prestations h4 {
  font-size: 1.25rem;
  font-weight: 700;
}

.prestations>p {
  margin: 0;
  font-weight: 500;
  padding-left: 15px;
  border-left: 1px solid;
  line-height: 2;
}

.prestations.bg-beige>p,
.prestations.bg-white>p {
  border-color: #fd582d;
}

@media (min-width: 992px) {
  .prestations {
    padding: 25px 40px;
  }

  .prestations h4 {
    padding-left: 50px;
  }

  .prestations p {
    padding-left: 50px;
  }

}

@media (min-width:768px) {
  .prestations h4 {
    padding-left: 15px;
  }

}

/* PAGE TEMPLATE DEFAULT */
/* ===================== */

.page-template-default {
  background-color: #fcf6e0;
}

/* PAGE D'ACCEUIL HOMEPAGE */
/* ======================= */


.home .site {
  margin-left: 50px;
}

.home .space-link {
  color: #fcf6e0;
}

@media (min-width:768px) {
  .home .site {
    margin-left: 0;
  }
}

/* Bloc expertise  */

#expertise {
  position: relative;
  overflow: hidden;
}

/* Bloc équipe */

#equipe {
  position: relative;
  overflow: hidden;
  height: 125vh;
  background-position: center -50px;
}

/* Up-card */
@media (max-width: 767px) {
  .home .up-card h4 {
    font-size: 0.75rem;
  }
}

@media (min-width:992px) {
  #equipe {
    position: relative;
    overflow: hidden;
    height: 100vh;
    background-position: center -50px;
  }

  .home .up-cards .up-card:nth-child(8) {
    --nth-child: 4;
    width: 100%;
    z-index: 95;
  }

  .home .up-card:nth-child(8) .content {
    width: 50%;
  }

  .home .up-cards .up-card:nth-child(7) {
    --nth-child: 4;
    left: 50%;
    width: 50%;
    z-index: 96;
  }

  .home .up-cards .up-card:nth-child(6) {
    --nth-child: 3;
    width: 56%;
  }

  .home .up-cards .up-card:nth-child(5) {
    --nth-child: 3;
    left: 56%;
    width: 44%;
  }

  .home .up-cards .up-card:nth-child(4) {
    --nth-child: 2;
    width: 36%;
  }

  .home .up-cards .up-card:nth-child(3) {
    --nth-child: 2;
    left: 36%;
    width: 64%;
  }

  .home .up-cards .up-card:nth-child(2) {
    --nth-child: 1;
    width: 44%;
  }

  .home .up-cards .up-card:nth-child(1) {
    --nth-child: 1;
    width: 56%;
    left: 44%;
  }
}

/* Modal - présentation équipe */

.equipe-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: auto;
  z-index: 99999;
  pointer-events: none;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

.equipe-modal:target {
  opacity: 1;
  pointer-events: auto;
}

.equipe-modal>.row {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto;
  margin-left: 5%;
  border-top-left-radius: 70px;
}

.equipe-modal img {
  border-radius: 40px;
}

.equipe-modal img::after {
  position: absolute;
  right: 100%;
}

.equipe-modal a[href="#close"] {
  font-size: 30px;
  position: relative;
}

.equipe-modal a[href="#close"]::after {
  position: absolute;
  top: 100%;
  /* Smile*/
}

@media (min-width:768px) {
  .equipe-modal>.row {
    padding: 50px 100px;
  }

}

/* Texte défilant */

#marques-carousel {
  transition-timing-function: linear;
}

#marques-carousel-ow .marques-item img {
  filter: grayscale(1);
}

/* Bloc avis clients */

#avis-carousel-ow {
  font-family: inherit;
  width: 70%;
}

#avis-carousel-ow .avis-item {
  padding: 0 10px;
}


#avis-carousel-ow .tns-controls span {
  display: flex;
  border: 1px solid;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  position: relative;
  border: 1px solid #fcf6e0;
}

#avis-carousel-ow .tns-controls [data-controls="prev"] {
  transform: translateY(-50%) rotateZ(180deg);
  transform-origin: center;
}

#avis-carousel-ow .tns-controls span::before,
#avis-carousel-ow .tns-controls span::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
}

#avis-carousel-ow .tns-controls span::before {
  width: 10px;
  height: 1px;
  background-color: #fcf6e0;
  transform: translate(-50%, -50%);
}

#avis-carousel-ow .tns-controls span::after {
  width: 5px;
  height: 5px;
  border-top: 1px solid #fcf6e0;
  border-right: 1px solid #fcf6e0;
  transform: translate(calc(-50% + 2px), -50%) rotateZ(45deg);
}

@media (min-width:768px) {
  #avis-carousel-ow .avis-item {
    padding: 0 25px;
  }
}

@media (min-width: 992px) {
  #avis-carousel-ow .tns-controls span {
    border: 1px solid;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: relative;
    border: 1px solid #fcf6e0;
  }

  #avis-carousel-ow .tns-controls span::before {
    width: 30px;
    height: 1px;
    background-color: #fcf6e0;
    transform: translate(-50%, -50%);
  }

  #avis-carousel-ow .tns-controls span::after {
    width: 10px;
    height: 10px;
    border-top: 1px solid #fcf6e0;
    border-right: 1px solid #fcf6e0;
    transform: translate(calc(-50% + 9px), -50%) rotateZ(45deg);
  }
}

#words-carousel-ow {
  display: inline-flex;
}


#words-carousel-ow .tns-item {
  text-align: center;
}

@media (min-width: 992px) {
  #words-carousel-ow .tns-item {
    text-align: left;
  }
}

/* sticky bottom navbar */

#home-nav {
  position: fixed;
  top: 100%;
  left: 0;
  z-index: 250;
  padding: 0;
  width: 100vh;
  height: 50px;
  transform: rotateZ(-90deg);
  transform-origin: top left;
  transition: 0.4s;
}

#home-nav .cta-backtop {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}

#home-nav .nav {
  width: 100%;
  height: 100%;
  position: relative;
  flex-direction: row-reverse;
}

#home-nav .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 500;
  position: relative;
  color: inherit;
  z-index: 0;
  background: none;
  padding: 0.5rem 0;
  margin: 0 1rem;
  transition: 0.4s;
}

#home-nav .nav-link.active {
  font-weight: 700;
}

#home-nav .nav-link::after {
  display: block;
  content: '';
  width: 3px;
  height: 3px;
  background-color: #000;
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  transition: 0.4s;
  opacity: 0;
}

#home-nav .nav-link[data-homex-color="#000"]::after {
  background-color: #fff;
}

#home-nav .nav-link.active::after {
  opacity: 1;
}


@media (min-width:768px) {
  #home-nav {
    position: sticky;
    bottom: 0;
    top: unset;
    left: unset;
    transform: unset;
    width: 100%;
    height: unset;
  }

  #home-nav .nav {
    flex-direction: column;
  }

  #home-nav .nav-link {
    line-height: 0;
    margin: 0;
  }

  #home-nav .nav-link[data-homex-color="#fcf6e0"] {
    background-color: #fcf6e0;
    color: #fcf6e0;
  }

  #home-nav .nav-link[data-homex-color="#000"] {
    background-color: #000;
    color: #000;
  }

  #home-nav .nav-link[data-homex-color="#fd582d"] {
    background-color: #fd582d;
    color: #fd582d;
  }

  #home-nav .nav-link[data-homex-color="#fd79ab"] {
    background-color: #fd79ab;
    color: #fd79ab;
  }

  #home-nav .nav-link[data-homex-color="#fff"] {
    background-color: #fff;
    color: #fff;
  }

  #home-nav .nav-link:hover,
  #home-nav .nav-link.active {
    line-height: 1;
    color: #000;
  }

  #home-nav .nav-link[data-homex-color="#000"]:hover,
  #home-nav .nav-link[data-homex-color="#000"].active {
    color: #fff;
  }

  #home-nav .nav-link::after {
    display: none
  }

}

@media (min-width:768px) {
  #home-nav .cta-backtop {
    display: none;
  }
}

/* PAGE ENTREPRISE */
/* =============== */


.bloc-inte:first-of-type p {
  text-align: right;
  padding-right: 15px;
}

.bloc-inte:last-of-type p {
  text-align: left;
  padding-left: 15px;
  border-left: 1px solid #fd582d;
}

#aides-mobi {
  border-radius: 40px;
  border: 1px solid grey;
}

#aides-mobi .num {
  font-size: 4rem;
  font-weight: 600;
}

/* PAGE SALARIE */
/* ============ */

.step {
  display: flex;
  align-items: center;
  justify-content: start;
  transition: 0.4s;
  font-weight: 500;
}

.step .num,
.step .bullet,
.step .content {
  padding: 10px 0;
  transition: 0.4s;
}

.step .num {
  width: 40px;
  text-align: right;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 2px solid;
}

.step .bullet {
  margin-right: 10px;
}

.step .content {
  font-size: 0.75rem;
}

.step:hover .num {
  font-weight: 700;
  font-size: 1.5rem;
  border-color: #fd582d;
}

.step:hover .content {
  font-size: 0.875rem;
}

@media (min-width:768px) {

  .step .content {
    font-size: 1rem;
  }

  .step:hover .content {
    font-size: 1.125rem;
  }

  .step:hover .num {
    font-weight: 700;
    font-size: 2rem;
    border-color: #fd582d;
  }

}

#recherche-log {
  border-radius: 40px;
  border: 1px solid grey;
}

.text-very-big {
  padding: 20px;
}

@media (min-width:768px) {}

@media (min-width:992px) {}

@media (min-width:1200px) {
  .text-very-big {
    font-size: 1.75rem;
  }
}

@media (min-width:1200px) {
  .text-very-big {
    font-size: 2rem;
  }
}


/* PAGE MOBILITE */
/* ============= */

#aides {
  position: relative;
  overflow: hidden;
  height: 100vh;
}

.page-template-aides .up-card:hover {
  transform: translateY(-160px);
}


.page-template-aides .up-card ul {
  list-style: initial;
  padding-left: 2rem;
  margin: initial;
}

.page-template-aides .up-card li {
  list-style: initial;
}

.page-template-aides .up-card .bottom-content {
  margin-top: 40px;
  font-size: 0.875rem;
  transition: 0.2s;
  opacity: 0;
}

.page-template-aides .up-card:hover .bottom-content {
  opacity: 1;
}

@media (min-width:768px) {
  .page-template-aides .up-card .bottom-content {
    margin-top: 55px;
    font-size: 1rem;
  }

  .page-template-aides .up-card:hover {
    transform: translateY(-125px);
  }

}

@media (min-width:992px) {

  .page-template-aides .up-cards .up-card:nth-child(5) {
    --nth-child: 3;
    width: 56%;
    left: 0;
  }

  .page-template-aides .up-cards .up-card:nth-child(4) {
    --nth-child: 3;
    width: 44%;
    left: 56%;
  }

  .page-template-aides .up-cards .up-card:nth-child(3) {
    --nth-child: 2;
    width: 100%;
    left: 0;
  }

  .page-template-aides .up-cards .up-card:nth-child(2) {
    --nth-child: 1;
    width: 44%;
    left: 0;
  }

  .page-template-aides .up-cards .up-card:nth-child(1) {
    --nth-child: 1;
    width: 56%;
    left: 44%;
  }

}

@media (min-width:1200px) {
  #aides {
    height: 450px;
  }

  .page-template-aides .up-cards .up-card:nth-child(5) {
    --nth-child: 2;
    width: calc(100% / 3);
    left: 0;
  }

  .page-template-aides .up-cards .up-card:nth-child(4) {
    --nth-child: 2;
    width: calc(100% / 3);
    left: calc(100% / 3);
  }

  .page-template-aides .up-cards .up-card:nth-child(3) {
    --nth-child: 2;
    width: calc(100% / 3);
    left: calc(200% / 3);
  }

  .page-template-aides .up-cards .up-card:nth-child(2) {
    --nth-child: 1;
    width: 50%;
    left: 0;
  }

  .page-template-aides .up-cards .up-card:nth-child(1) {
    --nth-child: 1;
    width: 50%;
    left: 50%;
  }

}

/* CATEGORY LISTING */
/* ================ */

.cat-item-all,
.cat-item {
  width: auto;
  display: flex;
}

.cat-item-all a,
.cat-item a {
  border-radius: 30px;
  padding: .5rem 1rem;
  text-align: center;
  border: 1px solid;
  font-weight: 500;
  transition: 0.4s;
  background-color: #fd79ab;
  color: #fcf6e0;
  text-decoration: none;
  margin: 5px 0;
}

.cat-item-all:hover a,
.cat-item:hover a,
.cat-item.current-cat a {
  background-color: #fcf6e0;
  color: #fd79ab;
}

.cat-item-all a,
.cat-item a {
  text-decoration: none;
}

/* CATEGORY ARCHIVE */
/* ================ */

.category {
  background-color: #fcf6e0;
}

/* PAGE BLOG / POST ARCHIVE */
/* ======================== */

.blog {
  background-color: #fcf6e0;
}

/* POSTS LISTING */
/* ============= */

article.type-post .post-wrapper {
  background-color: #fff;
  border-radius: 30px;
  overflow: hidden;
  padding-bottom: 1rem;
}

article.type-post .post-wrapper a {
  text-decoration: none;
  transition: 0.4s;
}

.featured-posts article.type-post:hover .post-wrapper a,
.alm-reveal article.type-post:hover .post-wrapper a {
  color: #fd79ab;
}

article.type-post .post-wrapper h4 a,
article.type-post .post-wrapper h3 a {
  font-weight: 500;
  line-height: 1.5;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

article.type-post .post-wrapper p {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  margin-bottom: 42px;
}

article.type-post .post-wrapper img {
  transition: 0.4s;
}

@media (min-width:768px) {
  article.type-post .post-wrapper h3 {
    font-size: 2rem;
  }
}

/* PAGE SINGLE POST / ARTICLE */
/* ========================== */

.single-post {
  background-color: #fcf6e0;
}

.single-post article .dashicons {
  font-size: 30px;
  width: 50px;
  height: 50px;
  border: 1px solid;
  border-radius: 10px;
  margin: 10px;
  transition: 0.4s;
  color: #fcf6e0;
  background-color: #fd79ab;
}

.single-post .dashicons:hover {
  color: #fd79ab;
  background-color: #fcf6e0;
}

.single-post .nav-links {
  display: flex;
  justify-content: space-between;
}

.single-post .nav-links a {
  display: block;
  text-decoration: none;
  border-radius: 30px;
  padding: .5rem 1rem;
  text-align: center;
  border: none;
  font-weight: 700;
  transition: 0.4s;
  margin: 15px 0;
  background-color: #fd79ab;
  color: #fcf6e0;
  border: 1px solid;
}

.single-post .nav-links a:hover {
  background-color: #fcf6e0;
  color: #fd79ab;
}

@media (min-width: 992px) {
  .single-post h2 {
    margin-top: 5rem;
  }
}

/* PAGE 404 */
/* ======== */

.error404 {
  background-color: #fcf6e0;
  overflow: hidden;
}

.error404 .site {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.error404 .page-title,
.error404 #nav-head,
.error404 .space-link,
.error404 #site-footer {
  display: none;
}


.error404 .number {
  font-size: 5rem;
  font-weight: 600;
}

.error404 .zero {
  position: relative;
}

.error404 .zero::after {
  display: block;
  content: '';
  width: 100%;
  height: auto;
  aspect-ratio: 140 / 30;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url('assets/images/smile404.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;

}

.error404 p a {
  text-decoration: none;
  color: #fd79ab;
  font-weight: 600;
}

.error404 .space-link {
  color: initial;
}

.error404 p a:hover {
  text-decoration: underline;
}

.error404 .baseline {
  font-size: 1.25rem;
  font-weight: 500;
}


.square {
  display: none;
}



@media (min-width: 992px) {
  .error404 .number {
    font-size: 10rem;
    font-weight: 600;
  }

  .error404 .baseline {
    font-size: 1.75rem;
  }


}

@media (min-width: 1200px) {
  .error404 .number {
    font-size: 12rem;
  }

  .error404 .smile.placed {
    left: 20px;
    bottom: -28px;
  }

  .square {
    display: block;
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 10px;
  }

  .square:nth-of-type(1) {
    left: 257px;
    bottom: 50%;
  }

  .square:nth-of-type(2) {
    left: 0;
    bottom: 0;
  }

  .square:nth-of-type(3) {
    left: 45px;
    bottom: 100px;
  }

  .square:nth-of-type(4) {
    left: 179px;
    bottom: 0;
  }

  .square:nth-of-type(5) {
    right: 200px;
    bottom: 0;
  }

  .square:nth-of-type(6) {
    right: 2px;
    bottom: 6px;
    transform: rotate(45deg);
    transform-origin: center;
  }
}

@media (min-width: 1600px) {
  .error404 .number {
    font-size: 12rem;
  }

  .error404 .smile.placed {
    bottom: -42px;
  }

  .square {
    width: 100px;
    height: 100px;
    border-radius: 20px;
  }

  .square:nth-of-type(1) {
    left: 257px;
    bottom: 50%;
  }

  .square:nth-of-type(2) {
    left: 0;
    bottom: 0;
  }

  .square:nth-of-type(3) {
    left: 45px;
    bottom: 100px;
  }

  .square:nth-of-type(4) {
    left: 281px;
    bottom: 0;
  }

  .square:nth-of-type(5) {
    right: 200px;
    bottom: 0;
  }

  .square:nth-of-type(6) {
    right: 12px;
    bottom: 12px;
  }


}

#site-footer .logos img {
  max-height: 110px;
}