/**
 * Theme Name:  EightyDays-Child
 * Theme URI:   http://gretathemes.com/wordpress-themes/eightydays/
 * Author:      GretaThemes
 * Author URI:  http://gretathemes.com
 * Description: EightyDays is a beautiful WordPress travel theme for travel blogs or magazines. EightyDays has a modern, clean and elegant look and lots of customization for bloggers. Built on the latest technology of WordPress, EightyDays is lightweight, fast and optimized for all mobile phones.
 * Version:     2.1.5
 * Author: Françoise
 * Template: eightydays-lite
 */

 /* Parent stylesheet should be loaded from functions.php not using @import */

 body{
  color:#6B747A;
 }


 h1, h2, h3, h4, h6{
  color:#4A545A;
 }
 h5 {
  color:#c39f76;
  margin-top: 40px;
  text-transform: capitalize;
 }

  /* Mise en forme du footer */
 .site-footer{
  background: #3a3f46;
  color: #FFF;
  min-height: 150px;
 }
 .site-footer a{
  color: #FFF;
 }
.site-footer .container img{
  margin-top: 50px;
}

.site-footer .container .credit{
display: block;
font-size: 11px;
}

.cs-message-info {
padding: 30px;
background-color: #eff8fe;
margin-bottom: 20px;
width: 100%;
box-sizing: border-box;
}

/* texte pour la connection aux exercices facebook */
.txt-connection-pb{
margin-top: -60px;
margin-left: 50px;
}

img.custom-logo.jetpack-lazy-image.jetpack-lazy-image--handled {
width: 300px !important;
}
.custom-logo {
margin: 0 0 20px;
}
.site-header {
margin: 40px 0;
}


/* formatage de l'image a propos */

 .eightydays-about-image {
  border-radius: 30%;
  height: 14em;
}
.eightydays-about-intro {
  padding: 0px 20px;
}

.author-link, .separator, .entry-date{
  display:none;
}

/*******************************************/
/*          WIDGET Newsletter              */
/*******************************************/
.widget-newsletter img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 300px;
}
.widget-newsletter h6 {
  color: #04B0C9;
  text-align: center;
  font-size: 17px;
  margin-top: 18px;
}
.widget-newsletter p {
  text-align: center;
}
.widget-newsletter button, .widget-newsletter .button, .widget-newsletter .tnp-subscription input.tnp-submit {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #f32c52 !important;
  color:#FFF;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  border-radius: 20px;
}
.widget-newsletter .tnp-subscription input.tnp-submit {
  font-size: 12px !important;
  height: 35px;
  }

.boxzilla-bottom-left{
  -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2)
}

#boxzilla-box-63-content .tnp-subscription{
  display: none;
  max-width: 300px;
}


/*******************************************/
/*   Personalisation fenetre top newsletter*/
/*******************************************/
.boxzilla-115{
    width: 100%;
    background-image: url("https://www.linguiswaps.com/french/wp-content/uploads/sites/2/2019/03/bg-newsletter-top.png") !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
    padding-left: 15px !important;
    /*max-height: 20px;*/
}
.boxzilla-115 .button{
  border-radius: 5px;
  background-color: #364A75;
}

/*******************************************/
/* centrage de la video */
/*******************************************/
.wp-block-advgb-video {
  width: 547px;
  margin: auto;
}

/******************************************/
/* centrage du contenu sans la side barre */
/******************************************/
#content{
  margin: 0 auto;
  float: none;
}

pre {
  background-color: #FFF!important;
  border: none !important;
}


/* formatage des vignettes page acceuil */
.entry-media img{
  border-radius: 5%;
}

/* infobulle */
.qtip-content{
  padding: 12px;
}
.tooltipsall:hover {
color: #70aff3 !important;
}
.qtip-content em{
  color: #70aff3;
}
/* Lien dans le body */
.entry-content a {
  color: #67afc6;
  border-bottom: none !important;
}
/*******************************************/
/*   Personalisation bouton share */
/*******************************************/

.at-svc-pinterest_share .at-icon-wrapper, .at-svc-email .at-icon-wrapper {
  background-color: #364a75 !important ;
}
#at-custom-sidebar{
  box-shadow:none !important ;

}
.at-icon-wrapper{
    height: 45px !important ;
    width: 45px !important ;
}

.at-icon{
  margin: 7px !important ;;
}

/******************************************/
/*         Personalisation quiz           */
/******************************************/
  .asq-theme.asq-theme-buzzfeed .button.button-salmon {
    background: #ED5463;
  }


/******************************************/
/*   Personalisation Message lock         */
/******************************************/
.lock-content{
  margin: auto;
  padding-bottom: 40px ;
  max-width: 90% !important;
  -webkit-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.2);
  padding: 2px 20px 50px 20px !important;
  margin-top: 40px;
}
.lock-content h4{
  color: #4664b6;
}
/*.lock-content img{
  margin-top: 40px;
}*/
.lock-content .aligncenter img{
  margin-bottom: 0px;
}
.lock-content p{
  line-height: 1.3em;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

div.nsl-container-block[data-align="left"] .nsl-container-buttons {
    align-items: center !important;
}

/******************************************/
/*   css mise en block           */
/******************************************/
.bloc-img .aligncenter img, .bloc-img .aligncenter{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
/******************************************/
/*   personnalisation H5P                 */
/******************************************/
.h5p-question-introduction, .h5p-content{
  color:#4A545A !important;
  font-family: Lato, sans-serif !important;
  font-size: 16px !important;
}
/******************************************/
/*      youtube responsive                */
/******************************************/

.video-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}

.video-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}