/*
Theme Name: Joe sigrist
Theme URI: https://joe.sigrist.fr
Author: Joëlle HUMEZ
Author URI: https://www.joelle-humez.fr
Description: Joe sigrist
Requires PHP: 7
License: Private theme
License URI:
Tags: joesigrist
Text Domain: joesigrist
*/

li{font-weight:200;font-size:1rem}

.drawer .nav-menu{width:100%;}
.drawer .nav-menu ul{border-bottom:2px solid #cdcdcd;padding-left:0;}

.drawer-content ul {margin-bottom:0;padding-left: 10px;padding-right: 15px;}
.drawer-content ul .lang-item{list-style-type:none;display:inline;top: 8px;position: relative;}
.drawer-content ul .lang-item.current-lang a{
    color: #fff;
    -webkit-box-shadow: 0 0 0 30px #000069 inset;
    box-shadow: 0 0 0 30px #000069 inset;
}

.box-title h6{
  text-transform: uppercase;
  font-size: 0.95rem;
  margin: 0;
  margin-top: 0px;
  font-weight: 100;
  color: #b9b9b9;
  margin-top: 10px;
}

.bloc-container .wpcf7-response-output{
    font-size: initial;
}

footer .widget-last{
  text-align:center;
}
footer .menu{
  margin-top: 15px !important;
  margin-left:auto;
  margin-right:auto;
}
footer .menu, footer .menu li{
  display:inline-block;
  text-align:center;
  list-style-type:none;
}
 .menu li{margin:0 15px;}

 footer .wpcf7-textarea{
   height:40px;
 }


/* Box avion */
.box.globe .box-svg,
.box.avion .box-svg {
    position: absolute;
    top: -25px;
    left: 5px;
}

.globe svg,
.avion svg{
    -webkit-animation:svg-international-plane 3.2s ease-in-out infinite;
    animation:svg-international-plane 3.2s ease-in-out infinite
}

.globe svg{
 -webkit-animation:svg-globe 5s ease-in-out infinite;
 animation:svg-globe 5s ease-in-out infinite;
}

@-webkit-keyframes svg-globe {
 0%,
 100% {
  -webkit-transform:translate(3px,-3px)
 }
 50% {
  -webkit-transform:translate(-3px,3px)
 }
}
@keyframes svg-globe {
 0%,
 100% {
  transform:translate(3px,-3px)
 }
 50% {
  transform:translate(-3px,1px)
 }
}
.globe svg .anim path,
.avion svg .anim path{
    stroke-dasharray:40,100;
    stroke-dashoffset:0;
    -webkit-animation:svg-international-paths .22s linear infinite;
    animation:svg-international-paths .22s linear infinite
}
.globe svg .anim line,
.avion svg .anim line{
    stroke-dasharray:1,100;
    stroke-dashoffset:0;
    -webkit-animation:svg-international-lines .66s ease-in-out infinite;
    animation:svg-international-lines .66s ease-in-out infinite
}
.globe svg .anim path{
    stroke-dasharray:20,10;
}
.globe svg .anim line{
    stroke-dasharray:20,10;
    -webkit-animation:svg-international-lines .44s ease-in-out infinite;
    animation:svg-international-lines .44s ease-in-out infinite
}
.globe svg .anim line:nth-of-type(1),
.avion svg .anim line:nth-of-type(1){
    -webkit-animation-delay:0s;
    animation-delay:0s
}
.globe svg .anim line:nth-of-type(2),
.avion svg .anim line:nth-of-type(2){
    -webkit-animation-delay:.11s;
    animation-delay:.11s
}
.globe svg .anim line:nth-of-type(3),
.avion svg .anim line:nth-of-type(3){
    -webkit-animation-delay:.22s;
    animation-delay:.22s
}

body.page-template-template_accueil .globe .box-svg{
  left:-25px;
  top:-30px;
}

 /** Gallery photo **/
 .mgl-gallery .mgl-img-container{
   background-color: #fff;
  border: 4px solid #fff;
  -webkit-transition: border-width ease .22s;
  -moz-transition: border-width ease .22s;
  -ms-transition: border-width ease .22s;
  transition: border-width ease .22s;
  -webkit-box-shadow: 0 0 0 1px #cdcdcd;
  -moz-box-shadow: 0 0 0 1px #cdcdcd;
  -ms-box-shadow: 0 0 0 1px #cdcdcd;
  box-shadow: 0 0 0 1px #cdcdcd;
 }
 .mgl-gallery .mgl-img-container:hover{
     border-width: 8px;
 }
 .mgl-gallery .mgl-img-container img{
     cursor:pointer;
 }

@media (max-width:830px) {
  .temp_direction .flex-1:nth-of-type(2),
  .temp_direction .flex-1:nth-of-type(3),
  .temp_direction .flex-1:nth-of-type(1) {
      padding-right: 0;
  }
  .temp_direction .flex-1 h6 {
      font-size:0.8rem;
  }
}

@media (max-width:768px) {
  .temp_direction .flex-1 h6 {
      font-size:1rem;
  }
  .page-template-template_accueil .temp_direction .flex-1{
    margin-top: 50px;
  }
  .page-template-template_accueil .temp_direction .flex-1:first-child{
    margin-top: 20px;
  }
  .page-template-template_accueil .temp_direction .flex-1.flex_internet{
    margin-top: 30px;
  }
  .page-template-template_accueil .temp_direction .flex-1.flex_facilitation{
    margin-top: 70px;
  }
  .page-template-template_accueil .temp_direction .scrollspy{
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
  .page-template-template_accueil .temp_direction .box .box-head svg{
    margin-top:0;
    position: relative;
    top: -35px;
    margin-bottom: -35px;
  }
}

@media (max-width:576px) {
  .page-template-template_accueil .temp_direction .scrollspy{
    width: 80%;
  }
}