@charset "UTF-8";
/*
Theme Name: l-eau-a-la-bouche-theme
Author: etienne boris
Description: Thème du site L'eau à la bouche
Version: 1.0
Tags: eau bouche
*/
/* line 11, sass/_common.scss */
* {
  margin: 0;
  padding: 0;
  font-family: Arial;
}

/* line 21, sass/_common.scss */
#curtain {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: white;
  z-index: 500;
}

/* line 29, sass/_common.scss */
#wrap {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
@media (min-width: 1px) and (max-width: 1159px) {
  /* line 29, sass/_common.scss */
  #wrap {
    justify-content: space-evenly;
  }
}

@media (min-width: 1160px) {
  /* line 29, sass/_common.scss */
  #wrap {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  /* line 29, sass/_common.scss */
  #wrap {
    max-width: 1300px;
    margin: 0 auto;
  }
}

@media (min-width: 1px) and (max-width: 767px) {
  /* line 40, sass/_common.scss */
  header {
    display: flex;
    justify-content: center;
    width: 100vw;
    height: calc(100vw * 9/16);
  }
}

@media (min-width: 768px) {
  /* line 40, sass/_common.scss */
  header {
    display: flex;
    justify-content: left;
  }
}
/* line 44, sass/_common.scss */
header #logo-container {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
/* line 50, sass/_common.scss */
header #l-eau-logo {
  padding: 0 1rem;
  display: flex;
}
@media (min-width: 1px) and (max-width: 374px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 90vw;
  }
}

@media (min-width: 375px) and (max-width: 413px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 88vw;
  }
}

@media (min-width: 414px) and (max-width: 479px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 86vw;
  }
}

@media (min-width: 480px) and (max-width: 567px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 84vw;
  }
}

@media (min-width: 568px) and (max-width: 666px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 80vw;
  }
}

@media (min-width: 667px) and (max-width: 735px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 76vw;
  }
}

@media (min-width: 736px) and (max-width: 767px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 72vw;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 27vw;
  }
}

@media (min-width: 1024px) and (max-width: 1159px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 27.1vw;
  }
}

@media (min-width: 1160px) and (max-width: 1365px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 27.5vw;
  }
}

@media (min-width: 1366px) and (max-width: 1599px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 26vw;
  }
}

@media (min-width: 1600px) and (max-width: 1919px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 21.5vw;
  }
}

@media (min-width: 1920px) and (max-width: 3839px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 18.5vw;
  }
}

@media (min-width: 3840px) {
  /* line 50, sass/_common.scss */
  header #l-eau-logo {
    width: 9.5vw;
  }
}

@media (min-width: 768px) {
  /* line 73, sass/_common.scss */
  main {
    margin: 0 auto;
    width: 72.5%;
    height: auto;
  }
}
@media (min-width: 1160px) {
  /* line 73, sass/_common.scss */
  main {
    margin: 2rem auto;
  }
}

@media (min-width: 1px) and (max-width: 767px) {
  /* line 85, sass/_common.scss */
  footer {
    width: 100vw;
    height: calc(100vw * 9/16);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

@media (min-width: 768px) {
  /* line 85, sass/_common.scss */
  footer {
    display: flex;
    justify-content: right;
  }
}
@media (min-width: 1024px) and (max-width: 1159px) {
  /* line 85, sass/_common.scss */
  footer {
    margin: 0.6rem 0;
  }
}

@media (min-width: 1160px) and (max-width: 1365px) {
  /* line 85, sass/_common.scss */
  footer {
    margin-top: 1.7rem;
  }
}

@media (min-width: 1366px) and (max-width: 1919px) {
  /* line 85, sass/_common.scss */
  footer {
    margin-top: 1.5rem;
  }
}

@media (min-width: 1920px) {
  /* line 85, sass/_common.scss */
  footer {
    margin-top: 1rem;
  }
}
/* line 103, sass/_common.scss */
footer .social-contact {
  display: flex;
  justify-content: center;
  padding: 0 1.5rem;
  align-items: center;
}
/* line 109, sass/_common.scss */
footer .social-contact img {
  width: 22px;
  height: 22px;
  margin: 0 0.5rem;
}

/* line 117, sass/_common.scss */
a {
  text-decoration: none;
  color: black;
}

/* line 122, sass/_common.scss */
img {
  vertical-align: middle;
  max-width: 100%;
}

/* line 5, sass/tmp-pages/_index.scss */
.home main {
  width: 100%;
  height: 92vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 12, sass/tmp-pages/_index.scss */
.home main #l-eau-logo {
  padding: 0 1rem;
  display: flex;
}
@media (min-width: 1px) and (max-width: 374px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 90vw;
  }
}

@media (min-width: 375px) and (max-width: 413px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 88vw;
  }
}

@media (min-width: 414px) and (max-width: 479px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 86vw;
  }
}

@media (min-width: 480px) and (max-width: 567px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 84vw;
  }
}

@media (min-width: 568px) and (max-width: 666px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 80vw;
  }
}

@media (min-width: 667px) and (max-width: 735px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 76vw;
  }
}

@media (min-width: 736px) and (max-width: 767px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 72vw;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 38vw;
  }
}

@media (min-width: 1024px) and (max-width: 1159px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 38vw;
  }
}

@media (min-width: 1160px) and (max-width: 1365px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 40vw;
  }
}

@media (min-width: 1366px) and (max-width: 1919px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 39vw;
  }
}

@media (min-width: 1920px) and (max-width: 3839px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 25vw;
  }
}

@media (min-width: 3840px) {
  /* line 12, sass/tmp-pages/_index.scss */
  .home main #l-eau-logo {
    width: 20vw;
  }
}

@media (min-width: 1160px) {
  /* line 3, sass/tmp-pages/_home-page.scss */
  .blog header {
    margin-top: 7.6rem;
  }
}
/* line 10, sass/tmp-pages/_home-page.scss */
.blog main #master-img-container {
  display: flex;
  flex-flow: wrap;
}
@media (max-width: 767px) {
  /* line 15, sass/tmp-pages/_home-page.scss */
  .blog main .img-container {
    margin: 1rem 0;
  }
}
@media (min-width: 768px) {
  /* line 15, sass/tmp-pages/_home-page.scss */
  .blog main .img-container {
    width: 47%;
    margin-bottom: 4%;
  }
  /* line 24, sass/tmp-pages/_home-page.scss */
  .blog main .img-container:nth-child(odd) {
    margin-right: 6%;
  }
  /* line 27, sass/tmp-pages/_home-page.scss */
  .blog main .img-container:nth-last-child(-n + 2) {
    margin-bottom: inherit;
  }
}
@media (min-width: 1160px) {
  /* line 34, sass/tmp-pages/_home-page.scss */
  .blog footer {
    margin-bottom: 7.6rem;
  }
}

@media (min-width: 1px) and (max-width: 767px) {
  /* line 5, sass/tmp-pages/_videos.scss */
  .post-template-default main #video-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  /* line 5, sass/tmp-pages/_videos.scss */
  .post-template-default main #video-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 1px) and (max-width: 767px) {
  /* line 22, sass/tmp-pages/_videos.scss */
  .post-template-default main #video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 768px) {
  /* line 22, sass/tmp-pages/_videos.scss */
  .post-template-default main #video-container iframe {
    width: 72.5vw;
    max-width: 960px;
    height: 40.5vw;
    max-height: 540px;
    vertical-align: middle;
  }
}

/* line 3, sass/tmp-pages/_404.scss */
.error404 #page-404 p {
  text-align: center;
}
/* line 5, sass/tmp-pages/_404.scss */
.error404 #page-404 p a {
  font-size: 2rem;
}