.logo{
  background-image: url("/user/themes/intrige/images/logo.svg");
  background-size: contain;
  width: 500px;
  height: 150px;
  margin: auto;
  max-width: 90%;
  margin-top: 20px;
  display: block !important;
}

body{
  text-align: center;
  background: white;
}

html{
    background: white;
}

main.content{
  position: relative;
  width: 800px;
  margin: auto;
  margin-top: 30px;
  max-width: 100%;
}

.plyr{
  width: 100%;
  max-width: 100%;
  margin: auto;
  -webkit-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 29px 0px rgba(0,0,0,0.1);
	max-width: 100%;
}

.button{
  margin-top: 10px;
  margin-bottom: 10px;
  text-decoration: none !important;
  font-size: 18px;
  width: auto;
  padding-top: 12px;
}

.countdown{
  font-family: "HelveticaNeueLT Com 53 Ex", sans-serif;
  font-size: 80px;
  font-weight: 900;
  transition: opacity 1s ease, transform .8s ease, font-size .3s ease;
}

.countdown[data-format="hours"]{
  font-size: 90px;
}

.countdown[data-format="minutes"]{
  font-size: 90px;
}

.countdown[data-format="seconds"]{
  font-size: 120px;
}

.countdown.hidden{
  transform: translateY(40px);
  opacity: 0;
  pointer-events: none;
}

.countdown_text{
  font-family: "HelveticaNeueLT Com 53 Ex", sans-serif;
  font-size: 20px;
  font-weight: 100;
  margin-top: 20px;
  transition: opacity 1s ease, transform 1s ease;
}

.countdown_text.hidden{
  transform: translateY(40px);
  opacity: 0;
  pointer-events: none;
}

a{
  text-decoration: none;
}

.plyr__poster{
  background-color: white !important;
}

p{
  margin-bottom: 20px;
}

@media (min-width: 800px){

.left, .right{
  position: absolute;
  width: 50%;
  top: 0;
}

.left{
  right: 50%;
}

.right{
  left: 50%;
  padding-left: 30px;
  padding-right: 30px;
}

.text{
  text-align: left;
}
}

@media (max-width: 799px){
  .countdown{
    font-size: 10vw;
  }

  .countdown[data-format="hours"]{
    font-size: 15vw;
  }

  .countdown[data-format="minutes"]{
    font-size: 20vw;
  }

  .countdown[data-format="seconds"]{
    font-size: 30vw;
  }

  .right{
    margin: auto;
    margin-bottom: 30px;
    margin-top: 0px;
    width: 95%;
    padding-top: 0px;
    padding-left: 10px;
    padding-right: 10px;
  }

  main.content{
    padding-top: 0px;
  }

  .plyr{
    width: 90%;
  }
}

.lh-article-card__content, .lh-article-card__header, .lh-article-card__image, .lh-article-card__button{
  display: none;
}

.lh-article-card{
  margin: 0;
  padding: 0;
  margin-top: 20px;
  border: none;
  width: 100% !important;
}

.lh-article-card *{
  font-family: "PT Serif", serif;
  font-size: 15px;
}

.lh-article-card__content-wrapper{
  border: none !important;
  width: 100% !important;
}

.lh-article-card__footer{
  background: transparent !important;
}

.lh-article-card__status img, .lh-picto{
  pointer-events: none;
  filter: hue-rotate(-9deg) saturate(7);
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.lh-picto{
  filter: saturate(0) brightness(0);
}

.lh-article-card__fact:first-child .lh-value{
  font-family: "HelveticaNeueLT Com 53 Ex", sans-serif;
  font-size: 22px;
  font-weight: bold;
}

.lh-article-card__fact:last-child .lh-value{
  font-size: 18px;
}

.lh-article-card__fact{
  text-align: right;
}
