/*
	Theme Name: Festival Musique et Nature en Bauges 2026
	Theme URI: http://www.musiqueetnature.fr/
	Author: Triptik
	Author URI: https://www.triptik.fr/
	Description: Thème WordPress du site du Festival Musique et Nature en Bauges.
	Version: 1.0
*/




/* ******************************/
/* FONTS */
/* ******************************/

body{
    font-family: 'Boxed', sans-serif !important;
	font-weight: 300 !important;
	font-size: 18px !important;
	line-height: 30px;
	text-transform: none !important;
}

@font-face {
    font-family: 'Boxed';
    src: url('fonts/BoxedLight.woff2') format('woff2'),
        url('fonts/BoxedLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Boxed';
    src: url('fonts/BoxedSemibold.woff2') format('woff2'),
        url('fonts/BoxedSemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*
@font-face {
    font-family: 'Boxed';
    src: url('fonts/BoxedRegular.woff2') format('woff2'),
        url('fonts/BoxedRegular.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
*/

@font-face {
    font-family: 'Boxed';
    src: url('fonts/BoxedMedium.woff2') format('woff2'),
        url('fonts/BoxedMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

sup {
    font-size: 70% !important;
    /*vertical-align: super !important;*/
	vertical-align: top;
    /*font-size: 0.6em;*/
    position: relative;
    top: -0.5em;
}


/* Elements qui passent en font BD JUPITER*/
h1,
h2,
h3,
#page-home section#content .year p,
footer .infos a.phone {
	font-family: "bd-jupiter", sans-serif !important;
	font-weight: 700;
	font-style: normal;
	letter-spacing: -1px;
	text-transform: none !important;
}

h1 {
    margin-top: 10px !important;
}

h3 {
	font-size: 35px !important;
}




/* Elements qui passent en font Boxed*/
#page-home .events .event .text .infos,
#page-events .events .event .text .infos,
#page-home .events .event .text .infos p,
#page-events .events .event .text .infos p,
header nav#menu ul li a,
#page-event section#content .infos p,
section#content aside p,
section#content nav#breadcrumb ul li,
section#content article p a[href$=".pdf"],
section#content article p a[href^="https://www.google.fr/maps/"],
section#content article p a[href^="https://www.google.com/maps/"],
section#content article p a[href^="https://goo.gl/maps/"],
section#content article p a[href$="billetterie"],
section#content article p a[href$="billetterie/"],
section#content aside p a[href$=".pdf"],
section#content aside p a[href^="https://www.google.fr/maps/"],
section#content aside p a[href^="https://www.google.com/maps/"],
section#content aside p a[href^="https://goo.gl/maps/"],
section#content aside p a[href^="https://maps.app.goo.gl/"],
section#content aside p a[href$="billetterie"],
section#content aside p a[href$="billetterie/"],
section#content article p,
footer
{
    /*font-family: 'Boxed', sans-serif !important;
	font-weight: normal !important;*/
	font-family: "Boxed", sans-serif !important;
	text-transform: none !important;
	letter-spacing: 0px !important;
	font-size: 18px !important;
}


/* Ajout du picto map sur les .com et tinyUrls */
section#content article p a[href^="https://www.google.fr/maps/"],
section#content article p a[href^="https://www.google.com/maps/"],
section#content article p a[href^="https://goo.gl/maps/"],
section#content aside p a[href^="https://www.google.fr/maps/"],
section#content aside p a[href^="https://www.google.com/maps/"],
section#content aside p a[href^="https://goo.gl/maps/"],
section#content aside p a[href^="https://maps.app.goo.gl/"] {
	background: url("images/picto_maps.svg") no-repeat left center;
	color: #999;
    display: inline-block;
	margin-top: 10px;
    padding-left: 25px;
	transition: all 0.3s ease;
    vertical-align: text-bottom;
	font-weight: 400 !important;
}

section#content article p a[href^="https://www.google.fr/maps/"]:hover,
section#content article p a[href^="https://www.google.com/maps/"]:hover,
section#content article p a[href^="https://goo.gl/maps/"]:hover,
section#content aside p a[href^="https://www.google.fr/maps/"]:hover,
section#content aside p a[href^="https://www.google.com/maps/"]:hover,
section#content aside p a[href^="https://goo.gl/maps/"]:hover,
section#content aside p a[href^="https://maps.app.goo.gl/"]:hover
{
    background-image: url("images/picto_maps_hover.svg");
}

/* Mov'ici */
.movici, .covoiturage,
section#content aside p a.covoiturage {
	font-family: "Boxed", sans-serif !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-size: 18px !important;
	line-height: 25px;
	color: #999 !important;
}

.movici {
	background: url("images/logo-movici.svg") no-repeat left top;
	background-size: 65px;
	padding-left: 75px;
}

.covoiturage,
section#content aside p a.covoiturage {
	background: url("images/picto_voiture.svg") no-repeat left top;
	background-size: 36px;
    padding-left: 50px;
    background-position: left;
	transition: all 0.3s ease !important;
}

section#content aside p a.covoiturage {
	background-size: 32px;
    padding-left: 25px;
    background-position: -14px center;
}

.covoiturage:hover,
section#content aside p a.covoiturage:hover {
	background: url("images/picto_voiture_hover.svg") no-repeat left top;
	background-size: 40px !important;
	background-position: left;
}

section#content aside p a.covoiturage:hover {
	background-size: 38px !important;
    background-position: -14px center;
    }



/* Taille texte courant pour font Boxed = 18 */
section#content article p,
#page-event section#content article .infos_block p,
section#content aside p,
#page-event section#content .infos p,
section#content aside p a,
section#content nav#breadcrumb ul li,
footer .infos .contact,
footer .infos p.copyright,
footer .infos p.copyright a
{
    font-size: 18px !important;
    line-height: 30px !important;
	font-weight: 300 !important;
	text-transform: none !important;
}

/* Boxed Regular */
.cervo-strong,
#page-event section#content article .infos_block p strong,
section#content article p strong,
section#content aside p strong,
section#content nav#breadcrumb ul li,
#page-home .events .event .text .infos p.date,
#page-home .events .event .text .infos p.date .vert,
#page-home section#content article a,
footer .infos .contact p:first-of-type,
.infos p.copyright strong,
section#content article p a[href$=".pdf"],/*
#page-events .events .event .text .infos,*/
#page-events .events .event .text .infos p.date,
#page-events .events .event .text .infos p.lieu,
#page-event section#content .infos p.date,
#page-event section#content .infos p.lieu,
section#content aside p a[href$="billetterie/"],
section#content aside p a[href$=".pdf"],
section#content aside p a[href^="https://www.google.fr/maps/"],
section#content aside p a[href^="https://maps.app.goo.gl/"],
section#content article p a[href$="billetterie/"]
{
	font-family: "Boxed", sans-serif !important;
    font-weight: 400 !important;
	text-transform: none !important;
	font-size: 18px !important;
}

section#content aside p a[href$=".pdf"]{
	margin-top: 0px !important;
}

/* Boxed Bold */
.weight-black,
#page-home .events .event .text .infos p.date .weight-black,
#page-events .events .event .text .infos p span weight-black
{
	font-family: "Boxed", sans-serif !important;
    font-weight: 600 !important;
	text-transform: none !important;
	font-size: 18px !important;
}


/* Elements en majuscules = typo plus petite 
section#content article p a[href$=".pdf"],
section#content article p a[href^="https://www.google.fr/maps/"],
section#content article p a[href$="billetterie"],
section#content article p a[href$="billetterie/"],
section#content aside p a[href$=".pdf"],
section#content aside p a[href^="https://www.google.fr/maps/"],
section#content aside p a[href$="billetterie"],
section#content aside p a[href$="billetterie/"],
#page-home section#content article a,
footer .infos nav ul li a,
footer .infos p.copyright,
footer .infos p.copyright a,
footer .infos p.copyright a strong
{
    font-size: 18px !important;
	line-height: 20px !important;
	margin-top: 0 !important;
	transition: all 0.5s ease-out;
	text-transform: none !important;
}
*/

footer .infos p.copyright a{ letter-spacing: 0.5px !important; }


/* Suppression des filets sous les liens */
footer .infos .contact a:after,
section#content article p a:after,
section#content aside p a:after,
/*#transitions,
#intro,*/
#page-medias section#content article .year a:after,
section#content article p a:hover:after,
section#content aside p a:hover:after,
footer .infos .contact a:hover:after {
	background: transparent !important;
	height: 0;
}

/* Cas particulier lien PDF sur lequel on ne veut pas le picto de fichier*/
section#content article p a.noDoc[href$=".pdf"], 
section#content aside p a.noDoc[href$=".pdf"]{
	background: none;
}

section#content article p a.noDoc[href$=".pdf"]:hover, 
section#content aside p a.noDoc[href$=".pdf"]:hover {
    background-image: none;
}



/* ******************************/
/* BODY */
/* ******************************/

#bodyjs {
    padding: 0 0 0 0 !important; /*0 30px 30px 30px;*/
}

header nav#menu ul li,
header nav#menu ul li a {
	transition: all 0.5s ease-out;
}


#festival-musique-nature-bauges body {
	background-color: #FFFFFF !important;
}

#header#header {
	background-color: #FFFFFF !important;
}

.backgroundAccueil{
    background: url("images/bg_festival-musique-nature_2.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
	animation: zoom 30s ease-in-out infinite alternate;
}

    @keyframes zoom {
      0% {
        transform: scale(1);
    	background-position: top center;
      }
      100% {
        transform: scale(1.20);
	    background-position: bottom center;		  
      }
    }





#background {
    background-position: top center !important;
}


/* Menu */

header nav#menu ul li a {
	font-size: 17px !important;
	line-height: 20px !important;
	transition: all 0.5s ease-out;
	font-family: "Boxed", sans-serif !important;
    font-weight: 400 !important;
	letter-spacing: 1px !important;
}

header nav#menu ul li {
    margin-left: 25px !important;
}

header nav#menu {
    text-transform: none !important;
}





/* ******************************/
/* ACCUEIL */
/* ******************************/

#page-home section#top {
	height: 460px !important;
	background-image: url("images/logo.png");
	background-position: center 30px;
	background-repeat: no-repeat;
	background-size: auto;
	/* Pour l'édition 2025 on descend le bloc */
	padding-top: 50px !important;
	margin-top: 160px !important;
}


#page-home section#content {
    /*margin-top: 490px !important;*/
	/* Pour l'édition 2025 on descend le bloc */
    margin-top: 640px !important;
}

#page-home section#top .title h1{
	color: #FFFFFF !important;
    font-size: 120px !important;
	margin-top: 30px !important;
    margin-bottom: 10px !important;
	line-height: 160px !important;
	/* Pour l'édition 2025 on masque le texte défilant : */
	display: none !important;
}

@media (max-width: 1199px){
#page-home section#top .title h1 {
    /*font-size: 150px !important;
    margin-top: 30px !important;*/
}
}

section#top .title .date {
    font-family: "bd-jupiter", sans-serif !important;
}

section#top .title .date div sup {
	vertical-align: top;
    font-size: 0.6em;
    position: relative;
    top: -0.3em;
}

section#top .title .date div {
	background-repeat: no-repeat;
	background-position: top center;
	padding: 10px 6px 2px 6px;
    margin-bottom: 5px;
    display: inline-block;
    clear: both;
    line-height: 22px !important;
    letter-spacing: 2px;
}

#page-Accueil article.annonces ul{
    list-style-type: disc !important;
    list-style-position: outside;
    padding-left: 25px;
}

#page-Accueil article.annonces ul li{
	font-family: "Boxed", sans-serif !important;
	font-size: 21px !important;
    line-height: 30px !important;
    font-weight: 300 !important;
    margin-bottom: 10px;
}

#page-Accueil article.annonces ul li strong{
    font-weight: 400 !important;
	color: #3297AA !important;
}


#page-Accueil article.annonces a{
	float: none !important;
}

#page-home section#content .year:after {
    background: transparent;
    height: 0px !important;
    width: 0px !important;
}








/* ******************************/
/* PROGRAMMATION */
/* ******************************/

#page-home .events .event .text .infos,
#page-events .events .event .text .infos,
#page-event .infos,
#page-home .events .event .text .infos p,
#page-events .events .event .text .infos p,
#page-event .infos p {
	font-weight: 300 !important;
	font-size: 18px !important;
	letter-spacing: 0px !important;
}

#page-home .events .event .text .infos p.date,
#page-home .events .event .text .infos p.lieu,
#page-events .events .event .text .infos p.date,
#page-events .events .event .text .infos p.lieu,
#page-event section#content .infos p.date,
#page-event section#content .infos p.lieu
{
    color: #2c4295 !important;
	text-transform: none !important;
	font-size: 22px !important;
	letter-spacing: 0.8px !important;
	font-weight: 400 !important;
}

#page-home .events .event .text, #page-events .events .event .text {
    padding: 15px 0 !important;
}

#page-home .events .event .text .infos p.lieu,
#page-events .events .event .text .infos p.lieu,
#page-event section#content .infos p.lieu
{
	font-size: 16px !important;
}

#page-events .events .event .text .infos .date,
#page-events .events .event .text .infos .lieu{
	padding-left: 20px !important;
}

.ruban {
	width: 35px;
	height: 3px;
    background-color: #FFFFFF !important;
	margin-top: 12px;
}

.infos p.date .couleur2{
	font-size: 20px !important;
}

#page-home .events .event h3 a,
#page-events .events .event h3 a{
	font-weight: 600 !important;
    color: #2c4295 !important;
}

#page-home .events .event h3 a:hover,
#page-events .events .event h3 a:hover{
    color: #2c4295 !important;
}

#page-home .events .event:before, #page-events .events .event:before {
    background: #2c4295 !important;
}

#page-events .numero {
	position: relative;
    float: left;
    font-family: 'bd-jupiter' !important;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    font-size: 65px;
    background-color: #ea553d;
	color: #FFFFFF;
    border-radius: 0%;
    width: 80px;
    height: 80px;
    margin: -40px 0px 0 -15px;
}

#page-home .events .event .image,
#page-events .events .event .image,
#page-home .events,
#page-events .events {
    overflow: visible !important;
}


#page-event section#content .infos p span {
	font-size: 20px;
}

#page-event em {
    color: #2c4295;
    /*font-family: 'bd-jupiter' !important;*/
}





/* ******************************/
/* BILLETTERIE */
/* ******************************/

.weezmulticlass body{
	border: 2px solid red;
}

.weezmulticlass #multiWidgetBody .event img{
    width: 100px;
    float: left;
    height: 100px;
    object-fit: cover;
}

#multiWidgetBody .event_fiche .event_titre h1{
    font-family: 'bd-jupiter' !important;
    font-weight: bold;
    color: #2c4295 !important;
	font-size: 22px;
}

#multiWidgetBody .event_fiche .event_date,
#multiWidgetBody .event_fiche .event_info{
    font-family: 'Boxed' !important;
	font-weight: 400 !important;
    color: #2c4295 !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
	letter-spacing: 0.8px !important;
}






/* ***********************************/
/* ELEMENTS QUI PASSENT EN SAUMON */
/* ***********************************/

.marron,
h1,
header nav#menu ul li a {
    color: #ea553d !important;
}

header nav#menu ul li a:before {
    background: #ea553d !important;
    /*background: transparent !important;*/
}

header nav#menu ul li a svg path {
    fill: #ea553d !important;
}

.couleur1,
section#content article h2, section#content aside h2,
#page-home section#content article a:hover,
header nav#menu ul li:hover a,
header nav#menu ul li a:hover
{
    color: #ea553d !important;
}


#transitions,
#intro
{
    background: #ea553d !important;
}

#page-home section#content article a span,
section#top .title .date div {
    background: #ea553d !important;
	background-color: #ea553d !important;
    font-size: 26px;
    line-height: 30px;
}







/* ***********************************/
/* Calages */
/* ***********************************/
#page-home section#top .title .date div,
section#top .title .date div {
    padding: 10px 20px;
}
	

#page-home section#content article a span {
    height: 3px !important;
	top: calc(50% - 2px) !important;
}

section#top .title .date {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 3px;
}








/* ***********************************/
/* ELEMENTS QUI PASSENT EN VIOLET */
/* ***********************************/

.couleur2,
section#content article h3, section#content aside h3,
#page-event section#content .infos p span,
section#content article p a[href$=".pdf"]:hover,
section#content article p a[href^="https://www.google.fr/maps/"]:hover,
section#content article p a[href$="billetterie"]:hover,
section#content article p a[href$="billetterie/"]:hover,
section#content aside p a[href$=".pdf"]:hover,
section#content aside p a[href^="https://www.google.fr/maps/"]:hover,
section#content aside p a[href^="https://maps.app.goo.gl/"]:hover,
section#content aside p a[href$="billetterie"]:hover,
section#content aside p a[href$="billetterie/"]:hover,
section#content article p a:hover,
section#content aside p a:hover,
footer .infos .contact a:hover,
footer .infos nav ul li a:hover,
section#content nav#breadcrumb ul li a:hover
{
    color: #2c4295 !important;
}








/* ***********************************/
/* RESPONSIVE */
/* ***********************************/


header #hamburger .bar:before, header #hamburger .bar:after {
    background-color: #2c4295 !important;
    color: #2c4295 !important;
}

@media (max-width: 700px){
	#page-home section#top {    
    background-size: 96%;
	}
	
	#page-home section#top .title {
		margin: 0px 20px;
	}
}

@media (max-width: 1023px){
	header nav#menu {
		background: #7e659a !important;
	}
	header nav#menu {
		font-family: "Boxed", sans-serif !important;
    	font-weight: 400 !important;
	}
	header nav#menu ul li a {
		color: #FFF !important;
	}
	header nav#menu ul li a svg path {
		fill: #FFF !important;
	}
	header nav#menu ul li a:hover {
		color: #2c4295 !important;
	}
}