/*
Theme Name: Ensemble Concert 2021
	Theme URI: https://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: https://toddmotto.com
Tags: Blank, HTML5, CSS3

License: MIT
License URI: https://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
MAIN
\*------------------------------------*/

/* global box-sizing */



*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
}

/* Styling Wide and Full-Width Gutenberg Blocks in WordPress */
body {
 overflow-x:  hidden;
}

body {
font-family: 'manroperegular', sans-serif;
font-weight: 400;
font-size: 18px;
color: #000000;
line-height: 1.5;
 background-color: #fbfbfb; 


}
/* clear */
.clear:before,
.clear:after {
content:' ';
display:table;
}


.sidenav li.nolink > a {
cursor: default;
}


@media screen and (min-width: 0px) {
html{font-size: 16px;}
}


@media screen and (min-width: 600px) {
html{font-size: 16px;}
}


.clear:after {
clear:both;
}
.clear {
*zoom:1;
}
img {
max-width:100%;
vertical-align:bottom;
height: auto;
}
a {
color:#0085ca;
text-decoration:none;
}
a:hover {
color:#0085ca;
}
a:focus {
outline:0;
}
a:hover,
a:active {
outline:0;
}
input:focus {
outline:0;
border:1px solid #04A4CC;
}

strong{font-family: 'manropebold'; font-weight: 400}


@font-face {
font-family: 'manroperegular';
src: url('manrope-regular.woff2') format('woff2'),
	 url('Manrope-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'manropebold';
src: url('manrope-bold.woff2') format('woff2'),
	 url('Manrope-Bold.woff') format('woff');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'manropeextrabold';
src: url('manrope-extrabold.woff2') format('woff2'),
	 url('Manrope-ExtraBold') format('woff');
font-weight: normal;
font-style: normal;

}


@font-face {
font-family: 'prefecturanormal';
src: url('prefectura-webfont.woff2') format('woff2'),
	 url('prefectura-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;

}




/*------------------------------------*\
Scrolling text banner  Jquery marquee : https://github.com/aamirafridi/jQuery.Marquee
\*------------------------------------*/


.marquee {
  overflow: hidden;
}


/*------------------------------------*\
STRUCTURE
\*------------------------------------*/


.row.spacer{margin-top: 30px;}



.topbanner{display: none}

.topbanner:hover{cursor: default}

@media screen and (min-width: 740px) {
.topbanner{
  display: block;
  background-color: #ffff00;
width: 100%;
color: #000000;
padding: 3px 10px
}
}

.banner-band{font-weight: 700;
text-transform: uppercase;
display: inline-block;
}


.logo-mobile{margin-top: 3px;}

.wrapper-logo{
  display: none;

  }

@media only screen and (min-width: 668px){
.wrapper-logo{
  display: block;
  width: 100px;
  margin: 0px;
  float: none;}
}

 

@media only screen and (min-width: 1460px){
  .wrapper-logo{
    display: block;
    width: 140px;
    margin: 0px;
    float: left;}
}



.lang{display: none;}

@media only screen and (min-width: 680px){
.lang{
  display: block;
   margin-right: 25px;
  color: #000000 !important
}
.wpml-ls-link {color: #000000 !important}
}



img.heroartiste{border: 5px solid #000000;
width: 100%;
height: auto;
}



.mycol-left{width: 100%;
  float: none;
}

@media only screen and (min-width: 668px){
.mycol-left{
width: 28%;
margin-left: auto;
left: auto;
right: auto;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0.75rem 0 15px;
min-height: 1px;


}
}

.mycol-right{width: 100%;
  float: none;
}

@media only screen and (min-width: 668px){
.mycol-right{
	width: 72%;
	margin-left: auto;
	left: auto;
	right: auto;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
min-height: 1px;
margin-top: 90px;	
}
}





.mycol-lefthome{width: 95%;
  float: none;
  margin: 0 auto;
}



@media only screen and (min-width: 685px){
  .mycol-lefthome{
  width: 40%;
  margin-left: auto;
  left: auto;
  right: auto;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 46px 0 15px;
  min-height: 1px;
  max-width: 402px;
  }
}


@media only screen and (min-width: 1090px){
  .mycol-lefthome{
  width: 28%;
  margin-left: auto;
  left: auto;
  right: auto;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 46px 0 15px;
  min-height: 1px;
  max-width: 402px;
  }
}

.mycol-righthome{width: 100%;
  float: none;
}



@media only screen and (min-width: 685px){
  .mycol-righthome{
  width: 60%;
  margin-left: auto;
  left: auto;
  right: auto;
  float: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  min-height: 1px;
  margin-top: 90px;	
  }
 }


@media only screen and (min-width: 1090px){
.mycol-righthome{
  width: 72%;
  margin-left: auto;
  left: auto;
  right: auto;
float: left;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
min-height: 1px;
margin-top: 90px;	
}
}








  
  @media only screen and (min-width: 668px){
    .single-touslesartistes .mycol-right{
    width: 62%;
    }
    }




.wrapper-nav{display: none;}

@media only screen and (max-width: 667px){
.wrapper-slider{width: 95%;
  margin: 0 auto;
}
}


@media only screen and (min-width: 668px){
  .wrapper-nav{
    display: inline-block;
    margin-top: 30px;
    }
}


@media only screen and (min-width: 1460px){
  .wrapper-nav{
    display: inline-block;
    margin-top: 105px;
    }
}



.wrapper-combo{margin-top: 0px;}

@media only screen and (min-width: 668px){
  .wrapper-combo{margin-top: 40px;}
}



@media only screen and (max-width: 685px){
  .hide-on-small-tw{display: none !important}
  }

.wrapper-nav-sec{
float: left;
max-width: 250px;
vertical-align: top;}




.wrapper-tw{border: 5px solid #000000;
  padding: 14px;
}

.wrapper-upcomingshows{border: 5px solid #000000;
padding: 16px 24px 16px 24px;
}

.wrapper-upcomingshows a{color: #000000 !important}

.wrapper-upcomingshows{font-size: 16px;}

.wrapper-upcomingshows-artiste{
border: 5px solid #000000;
padding: 15px;
margin-right: 50px;
}

/* wrapper */


  .wrapper {
    max-width:1480px;
    width:90%;
    margin:0 auto;
    position:relative;
    }


@media only screen and (min-width: 669px){
.wrapper {
max-width:1480px;
width:95%;
margin:0 auto;
position:relative;
}
}

.wrapper-large {
max-width:2400px;
width:95%;
margin:0 auto;
position:relative;
}


/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}







/* Page Contact */


.gif_contact{
  margin: 0 auto 30px auto;
  text-align: center;
  width: 90%;
}

.listening{width: 90%;
  text-align: center;
  margin: 0 auto
}


.press_news{width: 90%;
  text-align: center;
  margin: 0 auto}


.cadre_contact{
  padding: 5px;
  width: intrinsic;
  margin: 0 auto 15px auto;
  font-size: 24px;
  font-family: 'manropeextrabold';
}



@media screen and (min-width: 621px) {
.cadre_contact{
  padding: 5px;
  width: intrinsic;
  margin: 0 auto 15px auto;
  font-size: 36px;
  font-family: 'manropeextrabold';
}
}

@media screen and (min-width: 621px) {
.nom_contact{margin-top: 80px;}
}


@media screen and (max-width: 620px) {
.nom_contact .col{margin-top: 25px;}
}


.booking_contact{font-size: 21px;}


.courriel_contact{margin-top: 40px;}


@media screen and (min-width: 621px) {
.courriel_contact{margin-top: 80px;}
}


.courriel_contact a{
  font-size: 18px;
  color: #000000;
}

@media screen and (min-width: 621px) {
.courriel_contact a{
  font-size: 26px;
  color: #000000;
}
}



.listening img{max-width: 500px;
  width: 90%;
}

.gif_contact img{max-width: 500px;}

.line-contact{}

span.nom-contact{font-family: 'manropeextrabold';
font-size: 32px;
margin-right: 20px;}


.tel-contact{margin-right: 20px;}

.detail-contact p{margin: 0; padding: 0;}


ul.liste-contact{}



/* Page Artistes Single */

.valign-wrapper {flex-wrap: wrap;}



.citation{margin-top: 30px;
  text-align: center;
}



h2.tourdates, .wrapper-bio{text-align: center;}

@media screen and (min-width: 668px) {
  h2.tourdates, .wrapper-bio{text-align: left;}
}
  

@media screen and (min-width: 668px) {
.citation{margin-top: 60px;
  text-align: left;
}
}

@media screen and (min-width: 668px) {
.wrapper-clip{margin-top: 60px;}
}

.credit{font-family: 'Roboto', sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #888888;
text-align: right;}



.social-artiste{text-align: center}

@media screen and (min-width: 668px) {
.social-artiste{text-align: left}
}
.social-artiste a i{color: #000000;
font-size: 24px;
margin-right: 8px;
margin-top: 12px;
vertical-align: middle;

}


.social-artiste .fa-link{font-size: 20px;}


.social-artiste .fa-apple{font-size: 28px;
margin-bottom: 2px;
}


.booknow{margin: 30px auto 0px auto;
  text-align: center
}

@media screen and (min-width: 668px) {
.booknow{margin-top: 72px;
  text-align: center;
}
}


@media screen and (max-width: 668px) {
  .embed-container{margin-bottom: 25px;
  }
  }
  
@media screen and (max-width: 668px) {
.wrapper-upcomingshows-artiste{margin-right: 0;
  margin-bottom: 20px;
}
}
/* Styling Wide and Full-Width Gutenberg Blocks in WordPress */

@media screen and (min-width: 960px) {
 .alignwide, .alignfull {
	  width:  100vw;
	  max-width:  100vw;
	  margin-left:  calc(50% - 50vw);
 }
}




hr.wp-block-separator
{border-top: 1px solid rgba(205, 205, 205, 1) !important;
height: 0px !important;
overflow: hidden !important;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
width: 200px;
padding-bottom: 20px;
}



.main-nav{

font-family: 'prefecturanormal';
line-height: 1.1;
}


nav{background-color: transparent;}




nav a{
font-family: 'prefecturanormal';
color: #000000;
font-size: 32px;
padding: 0px
}

@media screen and (min-width: 940px) {
nav a{font-size: 45px;}
}

nav a:hover{text-decoration: underline;
color: #000000;
-webkit-text-decoration-color: #000000;
  text-decoration-color: #000000; 
}




nav ul a.dropdown-trigger {padding: 0 4px 0 12px}


nav ul a i.right{margin-left: 0;}




.navbar-fixed{margin-bottom: 8px;}



img.nav-logo{vertical-align: middle}

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

img.nav-logo{vertical-align: middle;
	width: 60px
}

}



a.sidenav-trigger{color: #000000;}
a.sidenav-trigger:hover{text-decoration: none !important}
a.sidenav-close:hover{text-decoration: none !important}
nav .sidenav-trigger{margin: 9px 11px}


@media only screen and (min-width: 668px){
nav a.sidenav-trigger {
display: none;
}
}

ul.topmenu{margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;}


.topmenu-extra a .fab{font-size: 18px;
margin-left: 6px;
margin-right: 6px;
}

nav i.material-icons.mysearch{
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}

.topmenu-extra{color: #3b3c41; margin-left: 10px;}

.topmenu-extra a{color: #3b3c41;}



.nav-inner-wrapper{max-width: 1280px;
width: 95%;
margin: 0 auto;
}

.nav-sep{font-size: 19px;
display: inline-block;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 10px;
margin-right: 10px;
}


/* Sous menu */



ul.dropdown-content{background-color: #fcfcfc;
padding: 0;
margin: 0;
}



.dropdown-content li > a, .dropdown-content li > span{ font-size: 14px;
color: #3b3c41
}

/* Menu nav side responsive */

.sidenav li > a{
font-size: 32px;
padding: 0 0 0 0;
text-transform: uppercase;
height: 54px;
line-height: 54px;
}

.sidenav li > a:hover{background-color: transparent;
  text-decoration: none;
}


ul.children{margin-left: 10px;
padding-left: 0;
}

.sidenav ul.children li > a{text-transform: none; padding-left: 10px;}

a.sidenav-close{color: #000000; padding-left: 16px;}

.sidenav{background-color: #fcfcfc;
width: 100%;
max-width: 320px;
}


@media only screen and (min-width:530px) {
.sidenav{max-width: 480px;}

}


ul.sub-menu li > a{
/* 	padding-left: 70px; */
text-transform: none;
height: 36px;
line-height: 36px;
}


ul.sub-menu {margin-bottom: 20px;}

.wrapper-logo-menu{padding: 20px 0 15px 38px;}

.social-side{padding-left: 35px;
margin-top: 10px;
}



.sidenav li.nolink > a{cursor: default}

.social-side.nopad{padding-left: 0;}



.social-side a:hover{background-color: initial;}

ul.social-sidemenu{padding-left: 4px;}

ul.social-sidemenu li > a > i{
color: #3b3c41; 
margin: 0 15px 0 0;
}

ul.social-sidemenu{line-height: 12px;}


ul.social-sidemenu li{display: inline-block;
/* 	padding: inherit; */
line-height: inherit;
font-size: inherit;
}

.courriel-menu{ padding: 0 0 0 22px;}
.courriel-menu a:hover{background-color: initial;}
.courriel-menu a{color: #3b3c41; font-size: 12px;}
.courriel-menu a:hover{color: #3b3c41;}

a.icon-footer{font-size: 9px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-left: 4px;
}

i.fab.fa-facebook-f.fa-stack-1x{font-size: 0.95em;}
i.fab.fa-instagram.fa-stack-1x{font-size: 1.1em;}
i.fab.fa-twitter.fa-stack-1x{font-size: 95%;}
i.far.fa-envelope.fa-stack-1x{font-size: 1.1em;}
i.fas.fa-paper-plane.fa-stack-1x{font-size: 0.9em; margin-left: -1px;}
i.fab.fa-linkedin-in.fa-stack-1x{
margin-top: -1px;
font-size: 1em;
}

a.icon-footer span.fa-stack.fa-2x{font-size: 1.9em}

.fa-stack{width: 2em !important}




nav {

height: initial;
}


nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i { 
height: initial;
}


span.thebadge{
color: #ffffff; 
background-color: #000000; 
font-size: 10px;
padding: 3px 6px;
text-transform: uppercase;
border-radius: 3px;
font-family: 'Roboto', sans-serif;
font-weight: 700;
}

span.badge-billets{
  color: #ffffff !important; 
  background-color: #43a047; 
  font-size: 10px;
  padding: 3px 6px;
  text-transform: uppercase;
  border-radius: 3px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  vertical-align: middle;
  }
  
  span.badge-soldout{
    color: #ffffff !important; 
    background-color: #d32f2f; 
    font-size: 10px;
    padding: 3px 6px;
    text-transform: uppercase;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    vertical-align: middle;
    }
    
    
  span.badge-supplementaire{
    color: #ffffff !important; 
    background-color: #43a047; 
    font-size: 10px;
    padding: 3px 6px;
    text-transform: uppercase;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    vertical-align: middle;
    }
    
    
    span.badge-annule{
      color: #ffffff !important; 
      background-color: #424242; 
      font-size: 10px;
      padding: 3px 6px;
      text-transform: uppercase;
      border-radius: 3px;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      vertical-align: middle;
      }
  



.btn{font-family: 'Roboto', sans-serif;
font-weight: 500 !important;}

a.btn.black{color: #ffffff !important}

/* sidebar */
.sidebar {

}
/* footer */
@media only screen and (max-width: 667px){
.left-align.myfooter{float: none; text-align: center;}
.right-align.myfooter{float: none; text-align: center;}
.center-align.myfooter{float: none; text-align: center;  margin: 10px auto;}
}



.footer {
color: #000000;
padding: 10px 0px 0px 0px;
font-family: 'prefecturanormal';
font-size: 14px;
margin-top: 0px;

}

.footer a{color: inherit;}



.social-header{font-size: 26px;}
.social-header a{margin-left: 0px;
margin-right: 16px;
color: #000000;
}



.social-footer{font-size: 18px;}
.social-footer a{margin-left: 4px;
margin-right: 4px;
}


@media only screen and (min-width:680px) {
.footer {padding: 50px 0px 0px 0px}
}



p.contact-footer{font-size: 12px;
font-weight: 300;
margin-top: 40px;
}


.btn-large:hover{color: #fff;}

/*------------------------------------*\
Parallax
\*------------------------------------*/

.parallax-container {
  height: 110px;
}

@media only screen and (min-width:321px) {

.parallax-container {
  height: 150px;
}

}





@media only screen and (min-width:680px) {

.parallax-container {
  height: 250px;
}

}



@media only screen and (min-width:880px) {

.parallax-container {
  height: 460px;
}

}




/*------------------------------------*\
Materialize modifications
\*------------------------------------*/


input:not([type]):focus:not([readonly]), input[type=text]:not(.browser-default):focus:not([readonly]), input[type=password]:not(.browser-default):focus:not([readonly]), input[type=email]:not(.browser-default):focus:not([readonly]), input[type=url]:not(.browser-default):focus:not([readonly]), input[type=time]:not(.browser-default):focus:not([readonly]), input[type=date]:not(.browser-default):focus:not([readonly]), input[type=datetime]:not(.browser-default):focus:not([readonly]), input[type=datetime-local]:not(.browser-default):focus:not([readonly]), input[type=tel]:not(.browser-default):focus:not([readonly]), input[type=number]:not(.browser-default):focus:not([readonly]), input[type=search]:not(.browser-default):focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly]){
border-bottom: 1px solid #2a2b30;
-webkit-box-shadow: 0 1px 0 0 #2a2b30;
box-shadow: 0 1px 0 0 #2a2b30;
}




.tg-search-holder input:not([type]):focus:not([readonly]), 
.tg-search-holder input[type=text]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=password]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=email]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=url]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=time]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=date]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=datetime]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=datetime-local]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=tel]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=number]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder input[type=search]:not(.browser-default):focus:not([readonly]), 
.tg-search-holder textarea.materialize-textarea:focus:not([readonly]){
border-bottom: 0px solid #2a2b30;
-webkit-box-shadow: 0 0px 0 0 #2a2b30;
box-shadow: 0 0px 0 0 #2a2b30;
}





/*------------------------------------*\
collapsible
\*------------------------------------*/



ul.collapsible{list-style-type: none;
padding-left: 0;
}


.collapsible {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
margin: 0.5rem 0 1rem 0;
}

.collapsible-header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
line-height: 1.5;
padding: 1rem;
background-color: #fff;
border-bottom: 1px solid #ddd;
}

.collapsible-header:focus{outline: none;}

.collapsible-header i {
width: 1.5rem;
font-size: 24px;
display: inline-block;
text-align: center;
margin-right: 1rem;
}

.collapsible-body {
display: none;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
	  box-sizing: border-box;
padding: 2rem;
}


.collapsible {
border: none;
box-shadow: none;
-webkit-box-shadow: none;}


.collapsible-header {
font-size: 32px;
font-weight: 600 !important;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: transparent;
color: #202124}





.collapsible-header.small {font-size: 24px;
line-height: 1.2;
}


@media only screen and (max-width: 680px) { 
.collapsible-header {font-size: 20px;
	padding: 1rem 0rem;
}
.collapsible-header i{margin-right: 0.8rem;}
.collapsible-body img{display: none}
.collapsible-body{padding: 1rem 0rem;}

}


.liens-ext a.btn{margin-bottom: 10px;}


.iconadd{
display:inline-block ;
}
.iconremove{
display:none !important;
}

li.active .collapsible-header .material-icons.iconadd{
display: none;
}

li.active .collapsible-header .material-icons.iconremove{
display: inline-block !important;
}


.collapsible li.disabled .collapsible-body {
display: none !important; /*or using id of the app to avoid the use of !important*/
}

.collapsible li.disabled .collapsible-header {
color: rgba(175, 175, 175, .7);

pointer-events: none;
}




.collapsible li.disabled:hover{cursor: default;}

.collapsible-header small{font-size: 70%}






/*------------------------------------*\

\*------------------------------------*/


.container-artist{width: 95%;
  margin: 0 auto;
  max-width: 1280px;
}


@media only screen and (min-width: 993px){

  .container-artist{width: 80%;
    margin: 0 auto;
    max-width: 1280px;
  }
}

/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/


.small{font-size: 80%}

p.lead{font-size: 24px;}


h1.singletitle{font-family: 'prefecturanormal';
text-align: right;
color: #000000}




.logo-root{margin: 20px auto;
  width: 95%;
  max-width: 300px;
  text-align: center;
}
.lang-root{font-family: 'manropebold';
color: #000000 !important;
font-size: 2.6em;
text-transform: uppercase;}


@media only screen and (min-width:1px) {
h1.singletitle{font-size: 20px;
  margin: 0px;
  text-align: center;
}

h1.titre_contact{font-size: 20px;
  text-transform: lowercase;
}

}


@media only screen and (min-width:321px) {
h1.singletitle{font-size: 26px;
  text-align: center;
}

h1.titre_contact{font-size: 26px;
  margin-bottom: .5em;
  text-align: left;
}

}



@media only screen and (min-width:680px) {
h1.singletitle{font-size: 70px;
  margin: 1.4em 0 0 0;
  text-align: right;
}

h1.titre_contact{font-size: 70px;
  text-align: center;
}

}

@media only screen and (min-width:980px) {
h1.singletitle{font-size: 90px;
	margin: 1em 0 0 0;
  text-align: right;
}

h1.titre_contact{font-size: 140px;
  text-align: center;
  margin-bottom: 0;
}

}







h1.hero-title{text-transform: none;
text-shadow: 4px 2px 8px black;
color: #f9f9f9;
font-weight: 400;
text-align: center;
line-height: 1.3;

}

@media only screen and (min-width:1px) {
h1.hero-title{font-size: 18px}
}


@media only screen and (min-width:321px) {
h1.hero-title{font-size: 21px}
}



@media only screen and (min-width:680px) {
h1.hero-title{font-size: 36px}
}

@media only screen and (min-width:880px) {
h1.hero-title{font-size: 48px}
}







h1{

font-family: 'prefecturanormal';
color: #000000;
text-transform: uppercase;
font-weight: 400;

}

h2{

font-family: 'prefecturanormal';
color: #000000;
font-size: 32px;
text-transform: none;
font-weight: 400;

}


@media only screen and (min-width:600px) {
h1{font-size: 42px;}
}



h1 a, h1 a:hover {color: #2a2b30}
h2 a, h2 a:hover {color: #2a2b30}
h3 a, h3 a:hover {color: #2a2b30}


h2.title-grid-artiste{font-family: 'manropebold', sans-serif !important;}



h2.boxtw, h2.boxupcoming, h2.box{font-size: 21px;}

@media only screen and (min-width:1208px) {
  h2.boxtw, h2.boxupcoming, h2.box{font-size: 28px;}
}


h2.box{

font-family: 'manropebold', sans-serif;
color: #000000;

font-weight: 400;
border: 5px solid #000000;
padding: 10px 24px 10px 24px;
text-align: center;

width: -moz-fit-content;
  width: fit-content;

  // workaround for IE11
  display: table;

}





h2.boxtw{

font-family: 'manropebold', sans-serif;
color: #000000;

font-weight: 400;
border: 5px solid #000000;
padding: 10px 0px 10px 0px;
margin-bottom: -5px;
text-align: center;

}

h2.boxupcoming{

font-family: 'manropebold', sans-serif;
color: #000000;

font-weight: 400;
border: 5px solid #000000;
padding: 10px 0px 10px 0px;
margin-bottom: -5px;
text-align: center;

}



img.news-img{border: 5px solid #000000;
  width: 100%;
}

@media only screen and (min-width:668px) {
img.news-img{border: 5px solid #000000;
width: 90%;
}
}

@media only screen and (min-width:668px) {
  img.news-img.padtop{padding-top: 40px}
  img.news-img.padright{padding-right: 40px}
  img.news-img.padleft{padding-left: 40px}
}


.wrapper-news{margin-top: 40px;}

@media only screen and (min-width:668px) {
.wrapper-news{margin-top: 60px;

}
}

.wrapper-news h2{
font-family: 'prefecturanormal';
text-transform: uppercase;
color: #000000;
font-weight: 400;
font-size: 32px;
margin-top: 1rem;

}


@media only screen and (min-width:600px) {
h2{font-size: 48px;}
}

@media only screen and (max-width:600px) {
h2{margin-top: 1rem;}
}


@media only screen and (max-width:600px) {
.wp-block-spacer{height: 20px !important}
}


.info-artiste{margin-top: 30px}

.info-artiste{font-size: 15px;}
.info-artiste a{color: #000000 !important}





.info-artiste h3 {
font-family: 'manropeextrabold';
color: #000000;
font-size: 15px;
border: 2px solid #000000;
border-radius: 15px;
padding: 5px 12px;
line-height: 1;
font-weight: 400;
display: inline-block;
margin-top: 7px;
margin-bottom: 7px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 100px;
text-align: center;
}

@media only screen and (max-width:667px) {
  
  .info-artiste h3 {display: block;
    margin: 15px auto 4px auto;
    text-align: center;
    
  }
  }
  
  @media only screen and (max-width:667px) {
 .info-artiste{text-align: center;} 
 }

ul.tourdate_artiste{margin-block-start: 0em;
margin-block-end: 0em;
margin-inline-start: 0px;
margin-inline-end: 0px;
padding-inline-start: 0px;}


ul.tourdate_artiste li{list-style: none;
padding-left: 0;
margin: 0 0 10px 0;

}

a.modal-close{
color: #000000 !important;
margin: 15px 15px 0 0;
}

a.modal-close i.material-icons{font-size: 28px !important; }


.embed-container { 
position: relative; 
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



a.nolink{cursor: default}

#thelabels:nth-of-type(even):before{
content: ' / ';
}




#flex-hero {
height: 90%; 
width:100%;
display:flex;
align-items: center;
justify-content: center;
}




.poster {margin-top: 40px;}

@media only screen and (min-width: 668px){
  .poster {margin-top: 80px;}
}


.poster img{margin-bottom: 30px;}

@media only screen and (min-width: 668px){
  .poster img{margin-bottom: 100px;}
}

.quote-accueil p{line-height: 1.4;
  font-size: 90%;
}

/*------------------------------------*\
grid-artistes
\*------------------------------------*/
@media only screen and (max-width: 667px){
.tg-grid-area-top2{text-align: center !important;}
  .tg-filters-holder{margin:0px !important}

}

@media only screen and (max-width: 667px){
.tg-dropdown-holder{text-align: center !important}
}

#grid-190 .tg-item-content-holder{background-color: transparent !important;}


.grid-artistes .tg-nav-sqr-thick .tg-nav-font{font-weight: 400 !important;
  font-family: 'manropebold' !important;
}

.grid-artistes span.tg-dropdown-title{font-weight: 400 !important;
  font-family: 'manropebold' !important;}

.grid-artistes .tg-search-holder{
  font-family: 'manropebold' !important;
font-weight: 400 !important;
text-transform: uppercase !important}

.grid-artistes .tg-nav-border {border: 2px solid #000000 !important;
  border-radius: 22px;
}

.grid-artistes .tg-search-clear{border: none !important}

input[type=text].tg-search {font-weight: 400 !important;
  text-transform: uppercase !important;
  color: #000000 !important;
  font-family: 'manropebold' !important;
  
}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
font-weight: 400 !important;  
opacity: 0.5;
text-transform: capitalize !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-weight: 400 !important;  
  opacity: 0.5;
  text-transform: capitalize !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
  font-weight: 400 !important;
  opacity: 0.5;  
  text-transform: capitalize !important;
}




.wrapper-circle{position: relative;}


@media only screen and (max-width: 980px){
  .circle1, .circle2, .circle3{display: none !important}
}


.circle1 {
  position: absolute;
  top: 5%;
  left: 35%;
  background-color:transparent;
  border:5px solid #000000;    
  height:400px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:400px;
}


.circle2 {
  position: absolute;
  top: 25%;
  left: 20%;
  background-color:transparent;
  border:5px solid #000000;    
  height:400px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:400px;
}


.circle3 {
  position: absolute;
  top: 45%;
  left: 45%;
  background-color:transparent;
  border:5px solid #000000;    
  height:400px;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  width:400px;
}


/*------------------------------------*\
   RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

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

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
MISC
\*------------------------------------*/

::selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-webkit-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}
::-moz-selection {
background:#04A4CC;
color:#FFF;
text-shadow:none;
}

/*------------------------------------*\
WORDPRESS CORE
\*------------------------------------*/

.alignnone {
margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display:block;
margin:5px auto 5px auto;
}
.alignright {
float:right;
margin:5px 0 20px 20px;
}
.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.alignright {
float:right;
margin:5px 0 20px 20px;
}
a img.alignnone {
margin:5px 20px 20px 0;
}
a img.alignleft {
float:left;
margin:5px 20px 20px 0;
}
a img.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}
.wp-caption {
background:#FFF;
border:1px solid #F0F0F0;
max-width:96%;
padding:5px 3px 10px;
text-align:center;
}
.wp-caption.alignnone {
margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
margin:5px 20px 20px 0;
}
.wp-caption.alignright {
margin:5px 0 20px 20px;
}
.wp-caption img {
border:0 none;
height:auto;
margin:0;
max-width:98.5%;
padding:0;
width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
PRINT
\*------------------------------------*/

@media print {
* {
	background:transparent !important;
	color:#000 !important;
	box-shadow:none !important;
	text-shadow:none !important;
}
a,
a:visited {
	text-decoration:underline;
}
a[href]:after {
	content:" (" attr(href) ")";
}
abbr[title]:after {
	content:" (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
	content:"";
}
pre,blockquote {
	border:1px solid #999;
	page-break-inside:avoid;
}
thead {
	display:table-header-group;
}
tr,img {
	page-break-inside:avoid;
}
img {
	max-width:100% !important;
}
@page {
	margin:0.5cm;
}
p,
h2,
h3 {
	orphans:3;
	widows:3;
}
h2,
h3 {
	page-break-after:avoid;
}
}


/*****************************************************************
A-Z Filter
******************************************************************/

#title-status {
float: left;
width: 100%;
}
#title-status p {
float: left;
width: 50%;
margin-bottom: 15px;
font-size: 16px;
}
#title-status span {
	font-weight: bold;
	text-transform: uppercase;
}
#title-status p:last-child {
text-align: right;
text-decoration: underline;
color: #de466c;
cursor: pointer;
}

#a-z {
float: left;
width: 100%;
margin-bottom: 25px;
display: flex;
flex-direction: row;
}
ul#a-z li {
flex-grow: 1;
padding: 7px;
text-align: center;
background: #dadbdc;
color: #fff;
text-transform: uppercase;
border-left: 2px solid #fff;
list-style: none;
}
ul#a-z li.active {
background: #9c9c9c;
cursor: pointer;
}

ul#a-z li.current {
background: #de466c;
}
ul#a-z li:first-child {
border: 0px none;
}

#posts-results {
}
#posts-results li {
display: none;
}
#posts-results li.show {
display: block;
}
#posts-results a {
border-bottom: 1px solid #ccc;
display: block;
padding: 10px 0;
}