/**
 * Theme Name: Julien Quentel
 * Author: Julien Quentel
 * Author URI: https://www.julienquentel.fr/
 * Description: Thème du site de Julien Quentel.
 * Version: 10
 * Tags: translation-ready, custom-background
 * Text Domain: julienquentel
/* License: GNU GPL v3
 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
 */

 * { font-family: 'Abel', sans-serif !important; }

 * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  /* text-shadow: 0 1px 0 rgba(0, 0, 0, 1); */
}

p {
 margin: 0 0 0 0;
}

ul,
ol{
 margin:0;
 padding:0;
}

ul li,
ol li{
 list-style: none;
 /* font-weight: 100; */
 display: inline;
 padding:0 30px 0 0;
}

.uk-lightbox-items li{
 padding: 0;
 background: rgba(255, 255, 255);
}
.uk-lightbox-items{
  background-color: rgba(255, 255, 255, 0.8);
}
.uk-lightbox-toolbar{
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}
.uk-lightbox-toolbar button{
  color: #999;
}

.uk-lightbox-toolbar button:hover{
  color: #000;
}

.uk-lightbox-button{
  background-color: rgba(255, 255, 255, 0);
  color: #999;
}

.uk-lightbox-button:hover{
  background-color: rgba(255, 255, 255, 0);
  color: #000;
}
.uk-lightbox-button:focus{
  background-color: rgba(255, 255, 255, 0);
  color: #999;
}

em{
  color: #000;
}

html,
body{
  /* background-color: #eeeeee; */
  height: 100%;
   position: relative;
   color: #000;
   font-size: 15px;
   font-weight: 400;
   -webkit-font-smoothing: antialiased;
   font-family: "Arial", "Helvetica Neue", sans-serif;
   /* line-height: 26px; */
   text-align: center;
   margin: 0;
}
/* layout */

.container {
 width: 100%;
 max-width: 1080px;
 margin: 0 auto;
 height:100%;
 top: 0;
 font-size: 17px;
 padding:0 0 0 0;
 position : relative;
}

.container-bg {
 width: 100%;
 max-width: 1080px;
 margin: 0 auto;
 height:100%;
 top: 0;
 font-size: 17px;
 padding:0 0 0 0;
 position : absolute;
}

.menu{
  width: 100%;
  max-width: 1080px;
  height: 80px;
  position: fixed;
  background: white;
  font-size: 17px;
  z-index: 1;
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
}

.menu header{
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

.psgal{
  display: flex;
  justify-content: flex-start;
  flex-flow: row wrap;
}

.psgal figure{
  padding : 5px 5px 0 0 !important;
}
/* .menu-item-has-children .sub-menu{
  display:none;
} */

/* .sub-menu{
  font-size: 16px;
  padding:0 0 0 20px;
  word-wrap: break-word;
  hyphens: auto;
  height: auto;
  opacity: 1;
  transition: all 2.5s ease-in-out; */
/* }

.current-menu-item .sub-menu,
.current-menu-parent .sub-menu{
   display: block;
 }

 .hidden{
  opacity: 0;
  height: 0;
  overflow:hidden;
  transition: all .5s ease-in-out;
} */
/* .site-title{
 color:#0df290;
 margin: 0 0 0 0;
 font-weight: 400;
 font-size:15px;
 font-style: normal;
 position: fixed;
  } */

.hamburger{
  display: none;
}

.jq-nav-menu{
 /* font-size:22px; */
 }

 .lang-item{
   position: fixed;
   top: 10px;
   right: 10px;
   font-size: 12px;
 }

.contenu{
 width: 100%;
 /* position: static; */
 text-align: left;
 padding-top: 80px;
 }

  .post-title{
  font-size: 34px;
  margin:  0 0 0 0;
  padding: 0 0 0 0;
  text-transform: uppercase;
  }
  .tagline{
    text-align: left;
    font-size: 16px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
   }

 .site-title{
  color:#000;
  position: relative;
  padding-right: 5px;
  }

 img{
  padding:0 0 0 0;
  width:auto;
  /* height:100%; */
  }

  /* .psgal{
    position: static;
    width: 500px;
    height: 4661.41px;
    } */

/* .wp-block-image{
  margin-top: 30px;
  display: inline;
 } */




         footer{
           top: auto;
           bottom: 0;
           transform: translate(0, 0);
           /* width: 100%;
           height: 5%;
           background: green; */
           position: fixed;
           }


          a{
           color: #343434;
           text-decoration: none;
           /* font-weight: bold; */
           }

         a:hover,
         a:focus {
           color: #d4d4d4;
           text-decoration: none;
          }

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

    .container{
      display: flex;
      flex-flow: column wrap;
    }

    .menu{
      width: 100%;
      height: 100%;
      top : -100%;
      position: fixed;
      background: white;
      font-size: 17px;
      z-index: 1;
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      transition: all .3s ease-in-out;
    }

    .menu.open{
      top: 0;
      transition: all .3s ease-in-out;
    }

    .menu header{
      display: flex;
      justify-content: space-between;
      width: 100%;
      max-width: 1080px;
      margin: 0 auto;
      flex-flow: column wrap;
    }

    .menu header nav{
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .site-title{
      position: fixed;
      top: 10px;
      right: 10px;
    }

    .lang-item{
      position: relative;
      padding: 50px 0 0 0 !important;
    }

    .jq-nav-menu{
      flex-flow: column wrap;
    }

    .jq-nav-menu li{
      display: block;
      padding: 0 0 30px 0;
    }

    .hamburger{
      position: fixed;
      top: 0;
      display: block;
      z-index: 100;
    }


    .contenu{
      width: 100%;
      /* position: static; */
      text-align: left;
      padding-top: 80px;
      padding: 80px 20px 0 20px;
      box-sizing: border-box;
    }

    .psgal figure{
      padding : 0 !important;
      width: 100% !important;
    }


  }