/*
Author: Studio Boskant
Author URI: https://studioboskant.com
Template: twentytwentythreechild
For: Lasquil
*/
:root {
}
/* while developping */
html.lenis.lenis-smooth {
  margin-top: 0 !important;
}
#wpadminbar {
  display: none !important;
}

/* texts */
html,
body {
  -webkit-font-smoothing: antialiased;
}
body * {
  outline: none !important;
}
body h1,
h1.has-x-large-font-size {
  font-size: clamp(1.37rem, 4.2vmin, 5vmin) !important;
}
body p:not(.legende),
p.has-medium-font-size:not(.legende) {
  font-size: clamp(0.9rem, 1rem, 1.2rem) !important;
  letter-spacing: -0.7px;
  line-height: normal;
}
body p.legende,
p.has-medium-font-size.legende {
  font-size: clamp(1rem, 1.2rem, 1.5rem) !important;
  letter-spacing: -0.7px;
  line-height: normal;
}

/* MENU FIXED LEFT */
header {
  position: fixed;
  top: 0;
  left: 0;
  transform: translate(2rem, 2rem);
  height: calc(100dvh - 4rem);
  width: 15rem;
}
.menu__fixed {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: stretch;
  justify-content: space-between;
}
main {
  margin-left: auto;
}
header a.wp-block-button__link.wp-element-button {
  padding: 0;
}

/* GLOBAL LAYOUT */
.is-layout-constrained
  > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: calc(100% - 15rem) !important;
  margin-right: 0 !important;
}
body * {
  margin-block-start: 0;
}
.nomargin {
  margin: 0 !important;
}
/* Recos Lenis */
html,
body {
  height: auto;
}
html.lenis {
  scroll-behavior: auto;
} /* évite conflit avec CSS smooth-scroll */

/* HERO */
.lasquil__hero {
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
}
h1.wp-block-heading.top_right {
  position: absolute;
  top: 2rem;
  left: 50%;
  margin-right: 4rem !important;
}
.bottom_right {
  position: absolute;
  bottom: 2rem;
  left: 50%;
  margin-right: 4rem !important;
}

/* Maintenance */
body.wp-singular.page-template.page-template-maintenance {
  max-height: 100vh !important;
  overflow: hidden !important;
  -webkit-font-smoothing: antialiased;
}
body.wp-singular.page-template.page-template-maintenance a {
  font-size: 0.8rem !important;
}
.wp-block-group.maintenance-group.is-layout-flow.wp-block-group-is-layout-flow {
  margin: 0 !important;
  padding: 0 !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
}
figure.wp-block-image.aligncenter.size-full.logo_maintenance,
figure.wp-block-image.aligncenter.size-full.logo_maintenance img {
  width: 35rem;
  height: auto;
  margin-bottom: 0 !important;
}
figure.wp-block-image.aligncenter.size-full.logo_maintenance img {
  max-width: 100%;
}
.wp-block-group.maintenance-group .has-x-large-font-size a {
  font-size: 1.5rem;
}
.up__text p {
  margin: 0.2em 0;
}
.up__text > * {
  max-width: 100% !important;
}
body.wp-singular.page-template.page-template-maintenance a {
  position: absolute;
  bottom: 2rem;
  left: 2rem;
  transform: none;
  opacity: 0.35;
  text-decoration: none;
}

/* --- All mobiles tablets --- */
@media only screen and (max-width: 999px),
  only screen and (min-device-width: 600px) and (max-device-width: 1050px) and (orientation: portrait),
  only screen and (min-device-width: 600px) and (max-device-width: 1366px) and (orientation: landscape) {
  .all_small_hide {
    display: none !important;
  }
  /* HERO */
  h1.wp-block-heading.top_right {
    position: inherit;
    top: unset;
    left: unset;
    width: 100%;
    min-width: fit-content;
    max-width: calc(100vw - 3em) !important;
    padding: 2rem 1em 2rem 2rem !important;
    margin: 0 !important;
  }
  .bottom_right {
    left: 2rem;
    bottom: 2rem;
    margin: 0;
    text-align: left;
    min-width: 100%;
  }
  /* maintenance */
  body.wp-singular.page-template.page-template-maintenance {
    overflow-y: auto;
  }
  body.wp-singular.page-template.page-template-maintenance
    .entry-content
    > .wp-block-group.alignfull {
    min-height: 91.5vh !important;
  }
  figure.wp-block-image.aligncenter.size-full.logo_maintenance,
  figure.wp-block-image.aligncenter.size-full.logo_maintenance img {
    width: 100%;
  }
  .wp-block-group.maintenance-group.is-layout-flow.wp-block-group-is-layout-flow {
    max-width: 80vw !important;
    width: 80vw;
  }
  body.wp-singular.page-template.page-template-maintenance .bottom_right {
    bottom: 4rem;
    min-width: fit-content;
  }
}