/**
 * Description: Front Styles
 * Author: CMONLIEN
 */

/* font responsive */

/*:root {*/
/*  font-size: 1rem;*/
/*}*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400|Lato:700');

html {
  font-size: 112.5%; /*18px*/
}

/***  hide display block preview  ***/
li#wp-admin-bar-blocksy_preview_hooks {
  display: none;
}

/** Mobile  **/
@media screen and (max-width: 640px) {

  @media (orientation: portrait) {

    body {
      background: #e2e7ed;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      line-height: 1.75;
      color: #292929;
    }

    p {
      margin-bottom: 1rem;
    }

    h1, h2, h3, h4, h5,
    div.hero-section h1.page-title {
      margin: 3rem 0 1.38rem;
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      line-height: 1.3;
    }

    h1,
    div.hero-section h1.page-title {
      margin-top: 0;
      font-size: 1.802rem;
    }

    h2 {
      font-size: 1.602rem;
    }

    h3 {
      font-size: 1.424rem;
    }

    h4 {
      font-size: 1.266rem;
    }

    h5 {
      font-size: 1.125rem;
    }

    small, .text_small {
      font-size: 0.889rem;
    }
  }

  @media (orientation: landscape) {

    body {
      background: #e2e7ed;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      line-height: 1.75;
      color: #292929;
    }

    p {
      margin-bottom: 1rem;
    }

    h1, h2, h3, h4, h5 {
      margin: 3rem 0 1.38rem;
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      line-height: 1.3;
    }

    h1 {
      margin-top: 0;
      font-size: 2.488rem;
    }

    h2 {
      font-size: 2.074rem;
    }

    h3 {
      font-size: 1.728rem;
    }

    h4 {
      font-size: 1.44rem;
    }

    h5 {
      font-size: 1.2rem;
    }

    small, .text_small {
      font-size: 0.833rem;
    }
  }
}


/** Tablette  **/
@media screen and (min-width: 641px) and (max-width: 1007px) {

  @media (orientation: portrait) {
    body {
      background: #e2e7ed;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      line-height: 1.75;
      color: #292929;
    }

    p {
      margin-bottom: 1rem;
    }

    h1, h2, h3, h4, h5 {
      margin: 3rem 0 1.38rem;
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      line-height: 1.3;
    }

    h1 {
      margin-top: 0;
      font-size: 2.488rem;
    }

    h2 {
      font-size: 2.074rem;
    }

    h3 {
      font-size: 1.728rem;
    }

    h4 {
      font-size: 1.44rem;
    }

    h5 {
      font-size: 1.2rem;
    }

    small, .text_small {
      font-size: 0.833rem;
    }
  }

  @media (orientation: landscape) {
    body {
      background: #e2e7ed;
      font-family: 'Open Sans', sans-serif;
      font-weight: 400;
      line-height: 1.75;
      color: #292929;
    }

    p {
      margin-bottom: 1rem;
    }

    h1, h2, h3, h4, h5 {
      margin: 3rem 0 1.38rem;
      font-family: 'Lato', sans-serif;
      font-weight: 700;
      line-height: 1.3;
    }

    h1 {
      margin-top: 0;
      font-size: 3.052rem;
    }

    h2 {
      font-size: 2.441rem;
    }

    h3 {
      font-size: 1.953rem;
    }

    h4 {
      font-size: 1.563rem;
    }

    h5 {
      font-size: 1.25rem;
    }

    small, .text_small {
      font-size: 0.8rem;
    }
  }
}

/** Desktop **/
@media screen and (min-width: 1008px) {

  body {
    background: #e2e7ed;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.75;
    color: #292929;
  }

  p {
    margin-bottom: 1rem;
  }

  h1, h2, h3, h4, h5 {
    margin: 3rem 0 1.38rem;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1.3;
  }

  h1 {
    margin-top: 0;
    font-size: 4.209rem;
  }

  h2 {
    font-size: 3.157rem;
  }

  h3 {
    font-size: 2.369rem;
  }

  h4 {
    font-size: 1.777rem;
  }

  h5 {
    font-size: 1.333rem;
  }

  small, .text_small {
    font-size: 0.75rem;
  }
}

/* Suppression des liens soulignés */
a, a:hover {
  text-decoration: none;
}

/****	cookie complianz	****/

/***  BOX ***/
.cmplz-cookiebanner.banner-1.optin.cmplz-bottom.cmplz-categories-type-save-preferences.cmplz-show {
  background-color: #c9def3;
}

div#cmplz-cookiebanner-container > a {
  text-decoration: none;
}

.cmplz-header {
  display: none !important;
}

.cmplz-header {
  margin-bottom: 20px;
}

div#cmplz-header-1-optin {
  font-size: 1.2rem;
  text-transform: uppercase;
  padding-left: 8px;
  font-weight: 600;
}

div#cmplz-message-1-optin {
  padding: 0 20px 0 0;
  font-size: 0.9em;
  line-height: 1.875rem;
}

#cmplz-message-1-optin br {
  display: none;
}

.cmplz-message h4 {
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
}

.cmplz-message h6 {
  margin: 4px 0 8px;
  font-size: 0.9rem;
  font-weight: 600;
}

.cmplz-links.cmplz-documents {
  display: none !important;
}

div.cmplz-document {
  font-size: 1rem;
}

div.cmplz-document h2 {
  font-size: 2rem;
}

div.cmplz-document h3 {
  font-size: 1.6rem;
}

/***  cache les case a coché dans la section : Cookies placés de la page : politique-de-cookies-eu ***/
div#cmplz-cookies-overview input {
  display: none;
}

/***  cache la section Divers dans la page : politique-de-cookies-eu ***/
div#cmplz-cookies-overview details:last-child {
  display: none;
}

/***START  visuel des sections des cookies de la page : politique-de-cookies-eu ***/
summary.cmplz-service-header {
  margin: 20px 0 20px 0;
  background-color: #039be54f;
  padding: 0 0 0 16px;
  border-radius: 8px;
}

.cmplz-category-header {
  background-color: #039be54f !important;
  border-radius: 4px;
}

.cmplz-category-title,
.cmplz-always-active {
  font-weight: 600;
}

details.cmplz-dropdown.cmplz-service-desc.cmplz-dropdown-cookiepolicy > div {
  padding-left: 20px;
}

#cmplz-cookies-overview .cmplz-dropdown summary div, #cmplz-document .cmplz-dropdown summary div {
  grid-gap: 0;
}

summary.cmplz-service-header p {
  margin-top: 1rem;
}

@media screen and (max-width: 480px) {

  summary.cmplz-service-header p {

    font-size: 0.8rem;
    text-align: right;
  }

  #cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div, #cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div {
    grid-template-columns: 2fr 111PX auto 15px;
  }
}

/***END  visuel des sections des cookies de la page : politique-de-cookies-eu ***/

/*details.cmplz-dropdown.cmplz-service-desc.cmplz-dropdown-cookiepolicy {*/
/*  width: 90%;*/
/*  margin-left: 46px;*/
/*}*/

/***  fond de la boite de dialogue complianz  ***/

/*div.cmplz-buttons ~ .cmplz-buttons*/
/*.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {*/
/*  margin-bottom: 0.4rem !important;*/
/*}*/


/* Safari 13 + */
@media not all and (min-resolution: .001dpcm) {
  @supports (-webkit-appearance:none) and (display:flow-root) {
    .cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
      margin-bottom: 0.55rem !important;
    }
  }
}

div.cmplz-categories details {
  border-radius: 8px;
}

.cmplz-message,
.cmplz-categories,
.cmplz-buttons {
  margin: 0 !important;
}

@media screen and (max-width: 320px) {

  .cmplz-cookiebanner .cmplz-buttons {
    flex-direction: column !important;
  }

  .cmplz-body {
    width: 90% !important;
    padding-right: 47px;
  }

  .cmplz-buttons {
    padding-right: 52px;
  }
}

@media screen and (max-width: 767px) and (orientation: landscape) {

  .cmplz-body {
    height: 152px;
  }
}

@media screen and (max-width: 767px) {

  .cmplz-cookiebanner {
    max-width: 100% !important;
  }
}

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

  .cmplz-cookiebanner {
    max-width: 80% !important;
  }
}

@media screen and (max-width: 1023px) {

  .cmplz-body {
    max-height: 300px;
    gap: 5px;
  }

  #cmplz-cookiebanner-container .cmplz-cookiebanner {
    bottom: unset !important;
    animation: none !important;
    -webkit-animation: none !important;
    -webkit-animation-delay: unset !important;
    animation-delay: unset !important;
  }

  .cmplz-message h6 {
    margin: 2px 0 15px;
  }

  div#cmplz-message-1-optin {
    padding: 0 0 15px;
    padding: 0 0 15px;
    font-size: 0.775em;
    line-height: 1.45em;
  }
}

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

  .cmplz-cookiebanner {
    max-width: 100% !important;
  }

  .cmplz-buttons {
    grid-row-start: 2 !important;
  }
}

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

  .cmplz-cookiebanner {
    width: 1290px !important;
    left: calc(50% - ((1290px / 2) - -10px)) !important;
  }
}

@media screen and (max-width: 767px), screen and (min-width: 768px) and (orientation: portrait), screen and (max-height: 500px) and (orientation: landscape), screen and (min-width: 768px)  and (orientation: landscape), screen and (height: 768px) and (width: 1024px) and (orientation: portrait) {

  .cmplz-buttons {
    flex-direction: row-reverse !important;
  }
}

@media screen and (height: 768px) and (width: 1024px) and (orientation: landscape), screen and (min-width: 1024px) {

  .cmplz-buttons {
    flex-direction: column !important;
  }
}

/*****  END COMPLIANZ *****/

/*	Page login	*/
body.login.js.login-action-login.wp-core-ui.locale-fr-fr {
  height: 86px;
  background-position: center;
  background-size: cover;
}

#login h1 a, .login h1 a {
  width: 100%;
  background-color: black;
  padding: 20px 0;
  border-radius: 4px;
}

.no-strong strong {
  font-weight: 400 !important;
}

@media screen and (max-width: 768px) {

  /*h1 {*/
  /*  font-size: 30px;*/
  /*  font-size: clamp(18px, 22px, 24px);*/
  /*  !*line-height: calc(clamp(18px, 22px, 24px) * 1.6);*!*/
  /*}*/
  .no-mobile-caroussel-control .qubely-carousel-nav-control {
    display: none !important;
  }
}

.crellyslider > ul > li {
  border-radius: 10px !important;
  box-shadow: 1px 1px 2px 0px rgb(0 0 0 / 20%);
}

/*  Correction Qubely */
.entry-content > * {
  margin-bottom: 0;
}