/*
STYLE UMLAUT 2020 MOBILE
*/


/*
pour les deux version
-----------------------------------------------------------------
*/
/* #bloc_info {display: none;} /* position de base */
/*



Desactiver de la verions DESKTOP
-----------------------------------------------------------------
*/


/*
version tablette
*/

@media only screen and (max-width: 66.25em) {
    .liste_festival {
       /* background-color: blue; */
      position: unset;
      top: unset;
      left: unset;
      margin-left: 20px;
    }

  .entry-title {
  margin-left: 4px !important;
    }
}


/* debug menu qui se superpose */
 @media screen and (max-width: 767px){
        body .select2-container, body .ui-widget.ui-datepicker {
          z-index: 9000000009 !important;
          z-index: unset !important;
        }
      }




@media only screen and (min-width: 768px) {
    #mobile_menu {display: none;}
    .mobile_menu_bt {display: none;}

    #url_topsi{
    position: absolute;
    margin-left: 512px;
    }

}



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

#url_topsi{
    position:unset;
    margin-left: 33px;
    }


#note_refrech_accueil {display: none;}


#liste_publications img {
    margin-right: 5px;
}


.berocket_single_filter_widget.berocket_single_filter_widget_1109 {
    margin-bottom: -20px;
}


.berocket_single_filter_widget.berocket_single_filter_widget_1115 {
    margin-bottom: -20px;
}

.berocket_single_filter_widget.berocket_single_filter_widget_1118 {
    margin-bottom: 0px;
}


#meta_box_shortcode{
  z-index: 0;
position: relative;
}

.img-wrap {
    z-index: 9;
}
#umlaut_upsale h2 {
    padding-top: 0px;
 }
/*
PAGE ARTISTE!
-----------------------------------------------------------------
*/

.agenda_artiste_info {
    position: absolute;
    right: 10px;
    margin-left: 0;
}

#img_artiste p {
    background-color: #fff;
    margin-left: 0; 
    padding: 3px;
}

#bloc_artiste {
    padding-bottom: 0;
}



footer {display: none;}


/*
collectif-umlaut !
-----------------------------------------------------------------
*/
.page h1.entry-title, h1.entry-title {
font-size: 3rem;
letter-spacing: 0.2rem;
font-weight: normal;
margin-left: 0;
text-indent: 35px;
line-height: 57px;
margin-top: 70px;
}

.blog-wrap {
    width: 100%;
}

#groupes_umlaut, #bloc_artiste {
    position: unset;
    width: 100%;
    top: 0px;
    margin-left: 0;
}


.vignettes {
    width: 150px;
 }

.img_artiste {
    width: 150px;
}

ul, ol {
    margin: 0 0 30px 0;
    padding-left: 0;
    list-style-position: inside;
}




#site-branding, .blog-wrap, .singlepost-wrap, .recommended-posts-wrap, #colophon, .featured-slider .entry-header, .featured-slider .entry-meta, .mobile-search, #overlay-nav ul li a, #overlay-nav ul ul li a, #mobile-social, #sidebar-offcanvas .widget, .front-section, .slider-on.slider-boxed .featured-content {
    padding-left: 11px;
    padding-right: 11px;
}






  /*
HOME !
-----------------------------------------------------------------
*/

/* logo visible au dessus du menu mobile */
logo {
    z-index: 11;
    left: 8px;
    top: 8px;
}

logo img {
    position: fixed;
}


/* Player pour phone ! */
#cercle_fond {
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 1;
    background-size: 100%;
}

#close {
    left: 46%;
    width: 20px;
    font-size: 36pt;
    top: 15px;
}
#cercle {height: 200%;}

#cercle h2 {
max-width: 85%;
width: 85%;
}

#cercle img {
    margin-left: calc(50% - 123px);
}

#player_images_et_link p {margin-bottom: 0;}



/* desactive la marge blanche du haut */
#site-branding {background-color: unset; background: unset;}

/* menu hamburger */
#mobile_menu {
background-color:#e3e3e3; 
padding-top: 160px; 
padding-left: 25px;

position:fixed; top: 0px; left: 0; 
width: 100%; line-height: 100%; height: 100% ; z-index: 10;

-webkit-transition: all .5s ease-in-out; 
-moz-transition: all .5s ease-in-out; 
-o-transition: all .5s ease-in-out;  
transition: all .5s ease-in-out;

}
#mobile_menu li a {
margin-left: color: #000;  text-decoration: none;
font-family: ibmp_ital;
font-weight: 3px;
font-size: 1.7rem;
}

#mobile_menu_petit li a {font-size: 0.9rem;}
#mobile_menu_petit ul, #mobile_menu_petit li {margin-bottom: 5px;}

#mobile_menu li, #mobile_menu ul {padding:0;  margin:0;  list-style-type:none; margin-bottom: 14px;}

.translate_menu_open{-webkit-transform:translate(0px, 0px);  transition: all .5s ease-in-out; }
.translate_menu_close{-webkit-transform:translate(800px, 0px);  transition: all .5s ease-in-out;}

.mobile_lg {
position: absolute;
top: 48px;
right: 100px;
font-size: 1rem;
}

/* desactive le footer sur la version mobile */
.footer_absolut {display: none;}



  body {
    /*background-color: lightblue !important ;*/
  }
  /*display: none;*/

  .mobile_menu_bt {
    position: fixed;
    z-index: 100;
    right: 0px;
    top: 18px;
    width: 80px;
  }

  #img_home_1{ 
  top: 130px !important;
  left: 18% !important;
  }

  #img_home_2{ 
  top: 390px !important;
  left: 18% !important;
}
  #img_home_3{ 
  top: 660px !important ;
  left: 18% !important;
}

  
  #img_fond_4{ display: none; }

  #img_fond_5{ display: none; }
  #img_fond_6{ display: none; }
  #img_fond_7{ display: none; }
  #img_fond_8{ display: none; }

  .img_home {
  width: 60%;
  height: auto;

  max-width: 300px;
  min-width: 187px;

  }
  /* PLAYER AUDIO MOBILE */ 

  #cercle {
    width: 100%;
    height: 100%;
    border-radius: 0px;
    background: blue;
        background-color: blue;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 101;
  }
 #cercle h2 { margin-left: 20px;  margin-top: 143px;}

 #cercle img {
    margin-left: 77px;
  }

  #tracktime {
    margin-left: 33%;
  }
  #close {
    left: 48%;
  }

}