/*
 Theme Name:     Kuenstlerboerse 2025-03
 Theme URI:      
 Description:    
 Author:         SUPERO
 Author URI:     https://supero.ch/
 Template:       wp-bootstrap-starter
 Version:        1.8
*/


/****************************************
*** Theme customization starts below ***
*****************************************/
/*FONT*/
@font-face {
    font-family: 'Relative';
    src: url('font/relative-book-pro.eot');
    src: url('font/relative-book-pro.eot?#iefix') format('embedded-opentype'),
         url('font/relative-book-pro.woff2') format('woff2'),
         url('font/relative-book-pro.woff') format('woff'),
         url('font/relative-book-pro.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Relative';
    src: url('font/relative-medium-pro.eot');
    src: url('font/relative-medium-pro.eot?#iefix') format('embedded-opentype'),
         url('font/relative-medium-pro.woff2') format('woff2'),
         url('font/relative-medium-prowoff') format('woff'),
         url('font/relative-medium-pro.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}

html,body{
	font-family: 'Relative', Helvetica, Arial;
	font-weight: normal;
    font-style: normal;
    color: #000;
    font-size: 1rem;
    /*background-color: #efefef;*/
    overflow-x: hidden;
}
body {
  /*position: relative;*/
}
.containerBox{
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.3);
}
strong, b{
    font-weight: normal;
    border-radius: 1.5rem;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #FFED00;
}

strong.medium{
    font-weight: 700;
    border-radius: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    background-color: transparent;
}

a strong{
    background-color: #efefef;
}

.gris a strong{
    background-color: #fff;
}


a.ovale{
    text-decoration: none !important;
}

a strong:hover{
    background-color: #FFED00;
}

.couleur{
    color: #FFED00;
}

.gris{
    background-color: #efefef;
    padding-top: 15px;
}

h6{
   font-size: 0.8em;
}


img.rounded{
  object-fit:cover;
  border-radius:50% !important;
}


@media only screen and (min-width: 1501px){
    a>.pastille_logo {
    width: 220px;
    }
}

@media only screen and (max-width: 1500px){
    a>.pastille_logo {
    width: 180px;
    }
}


@media only screen and (max-width: 768px){
    html {
    font-size: 100%;
    }
    a>.pastille_logo {
    width: 180px;
    }
}

@media only screen and (max-width: 576px){
    .pastille .text {
    font-size: 22px !important;
    }
    a>.pastille_logo {
    width: 130px;
    }
    a.pastille_t .pastille_logo{
    width: 80px !important;
    }
    a.pastille_t{
    left: 145px !important;
    }
}

/*ACCUEIL HAUTEURS*/

.swiper-container{
       /* height: 600px !important;*/
    margin-bottom: 20px;
}
/*
.accueil{
        margin-top: 550px !important;
}
*/
 h1.verybig{
        font-size: 5em;
}

.pastille_ono{
    width: 100px;
}


.pastille-home{
    min-width: 150px;
    min-height: 150px;
}



@media only screen and (max-width: 1200px){
    .swiper-container {
       /* height: 500px !important;*/
    }
  /*  .accueil{
        margin-top: 450px !important;
    }*/
     h1.verybig{
        font-size: 4em;
    }
}

@media only screen and (max-width: 768px){
    .swiper-container {
       /* height: 450px !important;*/
    }
    /*.accueil{
        margin-top: 400px !important;
    }*/
    h1.verybig{
        font-size: 4em;
    }
}
@media only screen and (max-width: 576px){
    .swiper-container {
      /*  height: 400px !important;*/
    }
   /* .accueil{
        margin-top: 350px !important;
    }*/
    h1.verybig{
        font-size: 3em;
    }
    .pastille_ono{
    width: 60px;
    }
    .pastille-home{
     min-width: 120px;
     min-height: 120px;
    }
    .pastille-home h5{
      font-size: 1rem;
    }
    
    
 

}



.breadcrumbs {
    margin-bottom: 20px;
}

.contact p{
    margin-bottom: 0;
}
/*FIN ACCUEIL HAUTEURS*/




/*END FONT*/

/*IMAGES EN NB*/
@media only screen and (min-width: 768px){
    .programme img, .content-area table td img {
      transition: filter .5s ease-in-out;
      -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
      filter: grayscale(100%); /* FF 35+ */
    }
    .programme img:hover, .content-area table td img:hover  {
      -webkit-filter: grayscale(0%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
      filter: grayscale(0%); /* FF 35+ */
    }
    /*END IMAGES*/
}
.pastille, .pastille_logo{
    border-radius:50%;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

/*COLORS*/

header#masthead#masthead{
    background-color:#fff;
}
h1, h2, h3, h4, h5, h6{
    color: #000;
}

h1.entry-title {
font-size: 2.5rem;
border-bottom: none;
border-top: solid 2px #FFED00;
}



h2.programme, h2.ligne{
    border-top: solid 2px #FFED00;
    margin-bottom: 0;
    margin-top: 30px;
}
.ligne{
    border-top: solid 2px #FFED00;
}

a{
    color: #000;
}
a:hover{
    color: #000;
}
.site-content a{
    /*background-color: #efefef;*/
    text-decoration: underline;
    -webkit-text-decoration-color: #000; 
    text-decoration-color: #000;
   /* background-color: #efefef;
    border-radius: 1.5rem;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;*/
}
.site-content a:hover{
    -webkit-text-decoration-color: #FFED00; 
    text-decoration-color: #FFED00;
   /* color: #000;
    background-color: #FFED00;
    text-decoration: none !important;*/
}


.content-area{
    background-color: #fff;
}

.vc_separator.vc_sep_color_grey .vc_sep_line {
border-color: #FFED00 !important;
}
.vc_separator .vc_sep_holder .vc_sep_line {
border-top: 1px solid #FFED00 !important;
}

/*END COLORS*/

/*MARGES*/
#content.site-content{
   padding-top: 0px;
    padding-bottom: 15px;
}

.site-content{
    margin-top: 60px;
}
.site-content .container #primary{
    padding-top: 15px;
}


/*END MARGES*/


/*ROUND BUTTONS*/
.round_button {
  position: relative;
  width: 50%;
  margin: 10px;
  transform: rotate(-15deg);
  -webkit-transform: rotate(-15deg);
  -moz-transform: rotate(-15deg);
  -ms-transform: rotate(-15deg);
  -o-transform: rotate(-15deg);
}

.round_button:hover{
  transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
}

.round_button .image {
  display: block;
  width: 100%;
  height: auto;
}




.round_button .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: .5s ease;
  background-color: #FFED00;
}


.round_button:hover .overlay {
}


.round_button:hover .text {
    
}


.round_button .text {
  color: #000;
  font-size: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
/*END ROUND BUTTONS*/




/*MENU*/

.dropdown-menu {
    font-size:1.2rem;
}



@media screen and (max-width:500px) {
    .full_logo{
        display: none;
    }
}
@media screen and (min-width:500px) {
    .simple_logo{
        display: none;
    }	
}


/*MENU MOBILE*/
@media screen and (max-width:1199px) {
   
    .navbar-collapse li a{
    font-size:1.5rem !important;
    }
    
       .navbar-collapse li{
        text-align: center;
    }
    
    body:not(.theme-preset-active) #masthead .navbar-nav > li {
margin-left: 0 !important;
}
.navbar-collapse .navbar-nav{
       margin-top: 30px;
    margin-bottom: 35px;
    /*border-bottom: solid 1px #000;*/
}
    
    .navbar-nav li{
        /*border-top: solid 1px #000;*/
        margin-bottom: 4px;
    }
    .navbar-nav .show li{
        /*border-top: solid 1px #000;*/
       background-color: #fff;
    }
    .navbar-nav{
        margin-top: 10px;
    }
    
    .navbar-nav .dropdown-menu {
        margin-left: 0rem;
        }
    
    .dropdown-menu .menu-item {
    }
    .dropdown-menu .menu-item {
        padding-top: 0;
        padding-bottom: 0;
    }
     .dropdown-menu .menu-item .menu-item {
       /* padding-left: 15px;*/
    }
    .dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
    border-left-color: #000;
    margin-right: 0px;
    margin-top: 8px;
    }
    .dropdown-menu .current-menu-item a{
    color: #fff;
    }
    
    .dropdown-menu .menu-item .current-menu-item a {
    color: #FFED00;
    }
    
    .dropdown-item:focus, .dropdown-item:hover {
    color: #000;
    }
    
    .dropdown-menu .menu-item .menu-item:hover a {
        color: #FFED00;
    }
    .dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
    margin-top: 5px !important;
    }
    .dropdown-menu .menu-item .menu-item{
        background-color: #fff !important;
    }
    header#masthead{
        z-index: 50 !important;
        position: relative;
    }
    li.current-menu-parent>a{
    color: #000;
        background-color: #FFED00;
        border-radius: 1.5rem;
    }
    .dropdown-menu li {
        box-shadow: none !important;
        background-color: #fff !important;
    }
    .dropdown-menu li:hover {
        background-color: #FFED00 !important;
    }
    
    .dropdown-menu li {
        margin-bottom: 0;
        margin-top: 0 !important;
    }
    .dropdown-menu li a{
        line-height: 1 !important;
        font-size: 1em !important;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .dropdown-menu {
        margin-top: 0 !important;
    }
    
    .dropdown-menu li{
        margin-top: 3px !important;
        width: 100%;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3) !important;
    }
    
    header#masthead#masthead{
        z-index: 99 !important;
    }
    
}
/*FIN MENU MOBILE*/

/*MENU DESKTOP*/
@media screen and (min-width:1199px) {
    .dropdown-toggle::after{
        display: none;
    }
    .dropdown-menu li{
        min-width: 170px;

    }
    .dropdown-menu{
        z-index: 99;
    }
    .navbar-nav .menu-item{
        padding-left: 0;
        padding-right: 0;
    }
     li.current-menu-parent>a{
        color: #000;
        background-color: #FFED00;
        border-radius: 1.5rem;
    }
    .dropdown-menu li{
       /* width: 230px;*/
}
    .dropdown-menu li a{
        line-height: 1.1em !important;
        padding-top: 8px;
        padding-bottom: 8px;
    }
}
/*FIN MENU DESKTOP*/

.dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after {
border-left-color: #000;

}
.dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu {
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 0px 0px 0px;
-moz-border-radius: 0 0px 0px;
border-radius: 0 0px 6px 0px;
}

.dropdown-item {
color: #000;
}


header#masthead {
    box-shadow: inset 0 0 0 rgba(0,0,0,.0), inset 0px 0 0 0 rgba(0,0,0,.0);
   /* border-bottom: solid 1px #fff;*/
    padding: 5px;
    padding-top: 10px;
   padding-bottom: 10px;
}



#masthead .navbar-nav > a {
    color: #000;
    font-weight: normal;
}

body:not(.theme-preset-active) #masthead .navbar-nav > li > a {
    color: #000;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: normal;
    font-size: 1.25rem;
    text-decoration: none;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover, body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    color: #fff;
    font-weight: normal;
     text-decoration: none;
    /* background: #f9f9f9; */
}
body:not(.theme-preset-active) #masthead .navbar-nav > li > a{
    color: #000;
    background-color: #fff;
    border-radius: 1.5rem;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}
body:not(.theme-preset-active) #masthead .navbar-nav > li {
    margin-left: 15px;
}


body:not(.theme-preset-active) #masthead .navbar-nav > li > a:hover{
    color: #000;
    background-color: #FFED00;
    border-radius: 1.5rem;
}
body:not(.theme-preset-active) #masthead .navbar-nav > li.current_page_item > a {
    color: #000;
    background-color: #FFED00;
    border-radius: 1.5rem;
}
.dropdown-menu a{
    text-decoration: none;
}
.dropdown-menu li:hover{
    background-color: #FFED00;
}
.dropdown-menu li:hover a{
   /* color: #fff;*/
}
.dropdown-menu .current-menu-item a{
    color: #000;
}
.dropdown-menu li.current-menu-item{
    background-color: #FFED00;
}
.dropdown-menu .current-menu-item:hover a{
    color: #000;
}
.navbar-nav .current-menu-parent > a{
   /* color: #fff;*/
}
.dropdown-item:active{
    color: #000;
}
.dropdown-menu li:hover a {
/*color: #fff;*/
}

.dropdown-item {
padding: .25rem 1rem;
}
.dropdown-menu {
    padding: 0 0;
    color: #000;
    text-align: left;
    border: none !important;
    margin-top: 0;
    background-color: transparent !important;
    /*margin-left: 10px;*/
}
.dropdown-menu li{
    border-radius: 1.5rem;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin-top: 5px;
    background-color: #fff;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}


.navbar-light .navbar-toggler {
    border: none;
}

.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1)' stroke-width='3' stroke-linecap='square' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}


/*END MENU*/

/*LANGUES*/
#flags_language_selector{
    position: fixed;
    z-index: 20;
    top: 80px;
    right: 20px;
}
#flags_language_selector .langue{
	margin-bottom:10px;
    color: #000;
    background-color: #efefef;
    text-decoration: none;
     width:30px;
	height:30px;
	-webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%; 
    text-align: center;
    vertical-align: middle;
}

#flags_language_selector .langue:hover{
    background-color: #FFED00;
}
#flags_language_selector .langue:hover a{
    color: #000;
}
#flags_language_selector .langue_active{
    background-color: #FFED00;
}
#flags_language_selector .langue span{
    display: inline-block;
    vertical-align: middle;
    line-height: normal;

}
#flags_language_selector .langue a{
    color: #000;
    text-decoration: none;
}
@media screen and (max-width:1199px) {
    #flags_language_selector{
    position: fixed;
    top: auto;
    bottom: 0;
    right: 20px;
}
}

/*FIN LANGUES*/


/*COMMENTS*/
.comments-area {
    display: none;
}
/*END COMMENTS*/


/*FOOTER*/

body:not(.theme-preset-active) footer#colophon {
    color: #000;
    background-color: #FFED00;
    /*border-top: solid 1px #fff;*/
}
footer#colophon {
font-size: 100%;
}

footer li{
    list-style: none;
}

.search-submit{
    background-color: #fff;
    border-radius: 60px;
}

.search-submit:hover{
    background-color: #efefef;
}
.search-field{
    border-radius: 25px;
    border: none;
}

/*END FOOTER*/





/*ROUND*/
.round{
	width:160px;
	height:160px;
	-webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%; 
	position:absolute;
	z-index:-1;
	background-color:#FFFFFF;
	display:none;
    text-align: center;
     vertical-align: middle;
}
.round span{
	 color: #FFED00 !important;
    display: inline-block;
  vertical-align: middle;
    font-size:25px;
    padding-top: 25px;
    line-height: normal;
}

/*END ROUND*/
/*FACEBOOK*/
#facebook{
   /* background-color: #efefef;*/
    padding-top: 15px;
    padding-bottom: 15px;
}
/*FIN FACEBOOK*/
/*ACCORDION*/

#accordion{
    margin-bottom: 50px;
}

.btn-link {
    color: #FFED00;
}
.card {
    border: none;
    border-radius: .0rem;
}
.card button{
    width:100%;
    text-align: left;
}
.card h2{
        margin-bottom: 0;
        padding-bottom: 0;
}

.card-header {
    padding: 0px;
    background-color: #efefef;
    border-bottom: none;
    border-radius: 35px!important;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    margin-bottom: 5px;
    margin-right: 7px;

}
.card-header:hover {
    background-color: #FFED00;
}
.card-header button[aria-expanded="true"]{
  background-color: #FFED00;
    border-radius: 35px;
}
.card-header:hover h2 {
    color: #000;
}
.card-header button .arrow{
    position: absolute;
    right: 14px;
    top: 5px;
}

.card-header button[aria-expanded="false"] .arrow:after {
    content:"↓";
}
.card-header button[aria-expanded="true"] .arrow:after {
    content:"↑";
}

.btn-link:hover {
text-decoration: none;
}

/*ACCORDION END*/

/*TABLEAUX*/

table td, table th{
    vertical-align: top !important;
    
}

table td, table th{
    padding-left: 10px !important;
    padding-right: 10px !important;
}

/*FIN TABLEAUX*/

/*LOGIN*/
.chw-widget .chw-title{
    display: none;
}
.chw-widget ul{
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}


.entry-summary{
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.post-navigation .nav-next a.english::after {
content: "";
}

.post-navigation .nav-previous a, .post-navigation .nav-next a {
    border: none;
    border-radius: 1.5rem;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #efefef;

}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover {
    background-color: #FFED00;
}

.acf-field input[type="text"], .acf-field input[type="password"], .acf-field input[type="date"], .acf-field input[type="datetime"], .acf-field input[type="datetime-local"], .acf-field input[type="email"], .acf-field input[type="month"], .acf-field input[type="number"], .acf-field input[type="search"], .acf-field input[type="tel"], .acf-field input[type="time"], .acf-field input[type="url"], .acf-field input[type="week"], .acf-field textarea, .acf-field select {
  font-size: 16px!important;
}

/* Autocomplete */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto;cursor: pointer; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden;  }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #333333; padding: 1px 2px; border-radius: 0.5rem }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* Refresh button */
#refreshA{
    background-color: #ffed00;
    border-color: #ffed00;
}
#refreshA:hover{
    background-color: #ffed00;
    border-color: #bdb100;
}
#ajax-content-artist.loading{
    opacity: 0.4;
    transition: opacity 0.5s;
}
#ajax-content-artist{
    opacity: 1;
    transition: opacity 0.5s;
}

/*FORM NEST*/
.tingle-btn {
color: #000!important;
}
.gpnf-modal .gpnf-modal-header {
color: #000 !important;

}

.gpnf-modal-29-196 .tingle-btn--default {
background-color: #efefef !important;
}

/* Gesation du Modal */
#profilModal{
    background-color: rgba(255,237,0,0.7);
    -webkit-transition-property: none;
    -moz-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}
#profilModal .modal-content {
    border: none;
    border-radius: 15px;
}
#profilModal .modal-dialog {
    max-width: 1140px;
}
#profilModal .modal-header {
    border: none;
}

.close {
float: right;
font-size: 3rem;
font-weight: 400;
line-height: 1;
color: #000;
text-shadow: 0 0 0 #fff;
opacity: 1;
}


img.fullWidth{
    max-width: none !important;
}
.scrollHorizontal{
 overflow-x: auto !important;
padding-bottom: 5px;
    margin-bottom: 10px;
}
.mCSB_draggerContainer{
    background-color: #DEDEDE !important;
}


/*SPONSORS BOTTOM*/
@media only screen and (max-width: 768px){
    .logos-desktop {
    display: none;
    }
}
@media only screen and (min-width: 769px){
    .logos-mobile {
    display: none;
    }
}

.tournee p{
    margin-bottom: 0;
}

ul.colors {
    list-style: none;
    padding: 0;
    margin: 0;
}

td.colors img {
    -webkit-filter: grayscale(0%) !important;
    filter: grayscale(0%) !important;
}

ul.colors li {
    position: relative;
    padding-left: 1.5em;
}

/* Style par défaut : un gros point noir */
ul.colors li::before {
    content: "•";
    font-size: 3em;
    position: absolute;
    left: 0;
    top: 55%;
    transform: translateY(-55%);
    color: #000;
}

/* Pour les LI avec couleur : triangle vers le haut à la place du point */
ul.colors li.purple::before,
ul.colors li.green::before,
ul.colors li.blue::before {
    content: "";
    font-size: unset; /* annule l'effet du point */
    width: 0;
    height: 0;
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-bottom: 0.6em solid currentColor;
    position: absolute;
    left: 0.3em;
    top: 50%;
    transform: translateY(-50%);
}

/* Couleurs spécifiques */
ul.colors li.purple::before {
    color: #8d5e9d;
}
ul.colors li.green::before {
    color: #008b3f;
}
ul.colors li.blue::before {
    color: #009ddd;
}