/*
Theme Name: Decibel Child
Theme URI: https://preview.wolfthemes.store/decibel/landing/
Description: Decibel Child theme
Author: WolfThemes
Author URI: https://wolfthemes.com
Template: decibel
Version: 3.5.3
*/


/* -----------------------------------------------------------------------------------------------*/

.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current, .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {background-color: yellow!Important;}

.wpm-playlist .wpm-track .wpm-track-details { width: 100% }

.wpm-playlist .wpm-track .wpm-track-details .wpm-track-title {word-break: normal;}

::-moz-selection { /* Code for Firefox */
  color: black!Important;
  background: yellow;
}

::selection {
  color: black!Important;
  background: yellow;
}

.wpm-playlist ol.wpm-tracks {
    max-height: 800px!Important;
}

.colonne-playler {
	width: 100%!Important;
}

#row-player {
	padding: 20px 35px!Important;
}




/*  WP ADMIN  */

.wp-login-logo {
	display: none!Important;
}

/*  FORMULAIRE PROMO  */

.post-password-form {
	margin-top: 35px!Important;
}

.post_password {
	text-transform: uppercase!Important;
}

input[type=text]:focus {
	border: 1px solid #444!Important;
}


.password-submit {
	background-color: #444!Important;
	margin-top: 20px!Important;
	width: 100%!Important;
}

/*  BOUTONS SPECTACLES  */

	.button-facebook {
		background-color: #3b5999!Important;
		border: 1px solid #3b5999!Important;
	}

	.button-facebook:hover{
		background: #fff!Important;
		color: #3b5999!Important;
	}

	.button-bandsintown {
		background-color: #00cec8!Important; 
		border:1px solid #00cec8!Important;
	}

	.button-bandsintown:hover{
		background: #fff!Important;
		color: #00cec8!Important;
	}



/*  LISTE SPECTACLES  */
 
.row-event-list > div > div > div > div.wpb_raw_code.wpb_raw_html.wpb_content_element {
	margin-bottom: 0px!Important;
}

/*  MENU LANGUE  */

#menu-FR .menu-item-inner, #menu-EN .menu-item-inner {
	border: 1px solid #262626;
	padding: 4px 8px;
}


li.FRANCAIS.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-58.menu-item-58.menu-FR.menu-button-secondary.menu-item-icon-before.mega-menu-2-cols {
    margin: 0px;
    width: 36px;
}

#menu-FR .menu-item-inner:hover, #menu-EN .menu-item-inner:hover {
	background: #777777;
}


.wvc-button-container {
	margin-bottom: 10px;
}

/*  LE SHADOW SUR LE MENU MOBILE  */

	.colonne-big-bio-photo > div {
		padding: 0px;	
	}


.menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar,.menu-skin-light.menu-sticky-soft.sticking:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar {
    -webkit-box-shadow: 0px 0px 20px #333!Important;
    box-shadow: 0px 0px 20px #333!Important;
	background-color: #f6f6f6!Important;
	}


/*  LOGO CHRISTIAN BERNARD TEXT  */
.logo {
	width: 321px;
	height: auto;
	}

a.logo-link.no-link-style {
    width: 321px;
    height: 55px;
	}

img.logo-img.logo-light {
    opacity: 1!Important;
	}

.menu-skin-light.menu-sticky-hard.untop:not(.overlay-menu-toggle):not(.mobile-menu-toggle) .nav-bar .logo-light {
	opacity: 1!Important;
	}



/*  FONT SIZE DU MENU  */
.nav-menu-desktop li {
	font-size: 18px;
	}


#row-musique-title {
	padding-bottom: 50px!Important;
	}

#row-bio-title {
	padding-bottom: 0px!Important;
}

#row-show-title {
	padding-bottom: 0px!Important;
}

#row-video-title {
	padding-bottom: 0px!Important;
}

.row_music, #row-short-video {
	padding-top: 0px!Important;
	}

#row-big-center-video {
	padding: 40px 0 0 0!Important;
}

#youtube-short-left > div > p > span, #youtube-short-right > div > p > span {
	width: 315px!Important;
	height: 560px!Important;
	padding: 0px!Important;
}


#youtube-short-left > div, #youtube-short-right > div {max-width: 315px; margin: 0 auto;}


/* -----------------------------------------------------------------------------------------------*/

/*  POUR AJUSTER L'ESPACE ENTRE LES COLONNES DES ALBUMS - À RETIRER PEUT-ÊTRE  */
	.colonne-album-left, .colonne-album-right {
		padding: 0 30px 0 0;
	}


/* -----------------------------------------------------------------------------------------------*/
/*  CUSTOMIZE LA LISTE DES EVENTS  */


.event-display-list {
	margin-bottom: 0px!Important;
}

li.event.type-event {
	border-bottom: 1px solid rgba(255,255,255,.11)!Important;
	display: table;
}

.event-table-cell {
	border: none!Important;
}

.event-table-cell.event-date {
	width: 5%!Important;
}

.event-table-cell.event-location {
	width: 25%!Important;
}

.event-table-cell.event-venue {
	width: 50%!Important;
}

.event-table-cell.event-action {
	width: 20%!Important;
}

.we-label-soldout {
    color: #aaa;
}

/*  AJUSTER LE FONT SIZE DE L'ANNÉE (sous jour et mois) POUR LES DATES DE SHOW  */
.bigtext-line2 {
    font-size: 14px!Important;
}


/*  POUR LES BOUTONS TICKETS, remplace le rouge par doré  */
a.button.ticket-button {
	background-color: #a78f46!Important;
}

/*  POUR LES BOUTONS DE ÉVÉNEMENTS PASSÉS  */
a.button.ticket-button.past, a.button.ticket-button.past:hover {
	color: #aaa!Important; 
	background-color: #333!Important;
	/* background-color: rgba(119, 119, 119, 0.3); */
	opacity: 0.4!Important;
	cursor: default;
}

/*  POUR LE LABEL SOLDOUT  */
.we-label-soldout {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    margin-right: 0px!important;
    padding: 7px 10px!important;
    color: #ccc!important;
	font-size: 14px!important;
}

.single_event_header {
	padding: 0px!Important;
}

.single-event-title-desktop {
	color: #676767;
	text-align: left; 
	font-family: Space Mono;
	line-height: 42px; 
	font-size: 32px;
	margin-bottom: 1em;
}

.single-event-title-mobile {
	display: none;
}

.event-info {
	font-family: Space Mono;
	line-height: 21px; 
	font-size: 16px;
}

.event-info .start-date {
	display: block;
	font-size: 22px;
	line-height: 25px;
	margin-bottom: 30px;
}

.event-map {
	margin-top: 80px;
}

.event-thumbnail img {
	border: 1px solid rgba(0,0,0,.14);
	padding: 5px;
	}

.bio {
	font-family: Space Mono;
	font-size: 16px;
	line-height: 21px;
	text-align: left;
}

/* -----------------------------------------------------------------------------------------------*/

/*  POUR LES BOUTONS ÉCOUTER VISIBLE SUR MOBILE OU DESKTOP  */
	.bouton_ecouter_desktop { display: block;}
	#row_bouton_ecoute_desktop { display:block;}
	.bouton_ecouter_mobile { display: none;}


/*  POUR ENLEVER LA MARGE DE LA COLONNE GAUCHE DANS LE MAIN FOOTER  */
.main-footer-left-column {
	margin-bottom: 0px!Important;
}

/*  POUR ENLEVER LA MARGE DES SOCIAL ICONS DANS LE MAIN FOOTER  */
.wvc-social-icon .wvc-icon-container {
	margin:0px!Important;
}



.button-contact a.decibel-button-solid {
	background-color: transparent!Important;
    border: 2px solid #ddd!Important;
    padding: 5px 45px!Important;
    margin-bottom: 15px!Important;
	}

.button-contact a.decibel-button-solid:hover {
	opacity: 0.7;
	color: #fff;
}

/* -----------------------------------------------------------------------------------------------*/
/*  CUSTOMIZE POUR LES ÉCRANS MAX DE 800px  */
/* -----------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 800px) {
	
	p.promo_subtitle { font-size: 17px!Important;}
	
	wvc.row-content {
		display: inline!Important;
	}
	
	.wvc-columns-container-4-cols .wvc-col-3 {
		display: inline;
		width: 100px!Important;
	}
	
		
	.colonne-video {margin-bottom: 10px!Important;}
	.p-video {margin-bottom: 0px!Important;}
	
	.logo {
		width: 245px;
		height: auto;
		}

	a.logo-link.no-link-style {
		width: 245px;
		height: 42px;
		}

	.bouton_ecouter_desktop { display: none;}
	#row_bouton_ecoute_desktop { display:none;}
	.bouton_ecouter_mobile { display: block;}
	
	
	.accueil_top_nouvel_album > div {
		display: none;
	}
	
	.second_row_inner {
		padding: 0 10px!Important;
		margin: 0px!Important;
	}
	
	.event-table-cell.event-date {
	width: 10%!Important;
	}

	.event-table-cell.event-location {
		width: 35%!Important;
	}

	.event-table-cell.event-venue {
		width: auto!Important;
	}

	.event-table-cell.event-action {
		width: 20%!Important;
	}
	
	.colonne-album-left, colonne-album-right {
    padding: 10px!Important;
	}
	
	.single-event-title-desktop {
	display: none;
	}	

.single-event-title-mobile {
	display: block;
	text-align: left; 
	font-family: Space Mono;
	line-height: 42px; 
	font-size: 34px;
	margin-bottom: 1em;
	}	
	
	#row-big-center-video {padding-top: 0px!Important;}
	
	
	
	#row-musique-title{
	padding-bottom: 0px!Important;
	}
	
	.row_music {
		padding: 0 50px!Important;
	}
	
	#row-bio-title {
	padding-top: 20px!Important;
	}
	
	#row-event-single-mobile {
	padding: 20px 30px!Important;
	}
	
	#row-show-title {
	padding-top: 20px!Important;
	}
	
	.row-bio-content {
	padding: 30px!Important;
	}
	
	
	#row-video-title {
	padding-top: 20px!Important;
	}
	
	/*  PAGE SPETACLES  */
	#row-event {
	padding: 140px 0!Important;
	}
}


@media only screen and (min-width: 800px) and (max-width: 1400px) {

	 .wvc-row-layout-column .wvc-col-8 {
        width: 100%!Important;
    }
	
	.colonne-mobile-texte {
   	 position: absolute ! Important;
   	 top: 10vh;
	}
	
	.row-bio-content {
	padding: 30px!Important;
	}
	
	
	
	 
	.colonne-album-left, .colonne-album-right {
        padding: 0 130px;
    }	
	
	.colonne-album-left, .colonne-album-right {
		padding-bottom: 100px;
	}
	
	#row-big-center-video {
    padding: 0 100px!Important;
	}
	
	
    .wvc-columns-container,.wvc-row-content {
        display: block!Important;
    }
	
	
    .wvc-row-layout-column>.wvc-row-wrapper>.wvc-row-content>.wvc-columns-container>.wvc-col-12 {
        margin-left: 0!important;
        margin-right: 0!important
    }
	
	 .wvc-row-layout-column .wvc-row-content {
        width: calc(100% + 35px);
        margin-left: -17.5px;
    }

    .wvc-row-layout-column .wvc-columns-container .wvc-column {
        margin: 20px 0!Important;
    }
	
	 .wvc-row-layout-column .wvc-col-2, .wvc-row-layout-column .wvc-col-3, .wvc-row-layout-column .wvc-col-4, .wvc-row-layout-column .wvc-col-6 {
        width: 100%!Important;
    }
	

	
	
}



}
	
/* -----------------------------------------------------------------------------------------------*/
/*  CUSTOMIZE POUR IPAD PRO   */
/* -----------------------------------------------------------------------------------------------*/


@media screen and (max-width: 800px) {
    .wvc-hide-mobile {
        display:none!important;
    }
	.wvc-show-mobile {
        display:block!important;
    }
	

}
	
 @media screen and (min-width:1000px) and (max-width: 1400px) and (orientation: portrait) {
    .wvc-hide-tablet {
        display:none!important;
    }
    .wvc-show-tablet {
        display:block!important;
    } 
	 
	 .colonne-mobile-texte {
   	 position: absolute ! Important;
   	 top: 15vh;
	}
	
	.colonne-mobile-texte > div > div > div > div:nth-child(2) > div > p {
		line-height: 50px;
	}
	
	 
	.bouton_ecouter_desktop { display: none!Important;}
	#row_bouton_ecoute_desktop { display:none!Important;}
	.bouton_ecouter_mobile { display: block!Important;} 
	 
	 #wvc-col-704{
	 	margin-bottom: 30px!Important;
	 }
}


 @media screen and (min-width:1000px) and (max-width: 1400px) and (orientation: landscape) {
    .wvc-hide-tablet {
        display:none!important;
    }
    .wvc-show-tablet {
        display:block!important;
    } 
	 
	 .colonne-mobile-texte {
   	 position: absolute ! Important;
   	 top: 15vh;
	}
	
	.colonne-mobile-texte > div > div > div > div:nth-child(2) > div > p {
		line-height: 50px;
	}
	
	 
	.bouton_ecouter_desktop { display: none!Important;}
	#row_bouton_ecoute_desktop { display:none!Important;}
	.bouton_ecouter_mobile { display: block!Important;} 
	 
	 #wvc-col-704{
	 	margin-bottom: 30px!Important;
	 }
}




	
/* -----------------------------------------------------------------------------------------------*/
/*  CUSTOMIZE POUR MOBILE   */
/* -----------------------------------------------------------------------------------------------*/


@media only screen and (min-width: 500px) and (max-width: 860px) {
	

	.colonne-mobile-texte {
   	 position: absolute ! Important;
   	 top: 15vh;
	}
	
	.colonne-mobile-texte > div > div > div > div:nth-child(2) > div > p {
		line-height: 50px;
		
	}
	
	.bouton_ecouter_desktop { display: none!Important;}
	#row_bouton_ecoute_desktop { display:none!Important;}
	.bouton_ecouter_mobile { display: block!Important;} 
	
		#content > div > div.wvc-clearfix.row-bio-content.wvc-row.wvc-parent-row.wvc-row-width-wide.wvc-row-layout-column.wvc-video-bg-is-mute.wvc-row-bg-effect-none.wvc-row-bg-default.wvc-font-dark.wvc-border-color-none.wvc-background-color-default.wvc-row-content-placement-default.wvc-row-columns-placement-default.section.wvc-has-next-section.wvc-row-visible > div > div > div > div.wvc-col-6.bio-big-photo.wvc-column.wvc-column-content-placement-default.wvc-column-content-type-default.wvc-column-content-alignment-center.wvc-column-text-alignment-default > div > div.wvc-img-bg {
		background-position: 0px -100px!Important;
	}
}	
	
	
@media only screen and (min-width: 100px) and (max-width: 500px) {

	.colonne-mobile-texte {
   	 position: absolute ! Important;
   	 top: 15vh;
	}
	
	.colonne-mobile-texte > div > div > div > div:nth-child(2) > div > p {
		line-height: 40px;
	}
	
	
	   .row_music {
        padding: 0 25px ! Important;
    }
}	
	
	
@media only screen and (max-width: 1000px) {

	li.FRANCAIS {
		margin-top: 30px;
	}

	li.FRANCAIS > a, li.ENGLISH > a {
		display: inline;
		padding: 4px 8px!Important;
		border: 1px solid #ccc;
	}
	
}