/*
Theme Name: Super Karma
Description: Super Karma
Version: 1.0.0
Author: Inside Web
Author URI: https://www.insideweb.be
*/
body{
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    margin: 0;
    overflow-y: scroll;
    font-size: 16px;
    color:#000;
}
a {
    color: #494c48;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
    color: #DDFB43;
}
img {
    width: 100%;
}
button, a {
    transition: all 0.5s ease 0s;
}
#navbar_top.fixed-top {
    background: #fff;
}
.home header, body.about header, body.contact header, body.error404 header {
    position: absolute;
top: 0;
z-index: 1;
width: 100%;
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
  max-width: 1160px;
}
.navbar-light .navbar-nav .menu-item {
    margin-right: 30px
}
.navbar-light .navbar-nav .menu-item:last-child {
    margin-right: 0;
}
#navbarNav {
    justify-content: center;
}
.navbar-expand-lg {
    align-items: center;
}
.logoheader {
    filter: brightness(0);
}
.home .logoheader {
    filter: brightness(1);
}
.navbar-toggler span {
    display: block;
    width: 30px;
    height: 2px;
    margin: 6px auto;
    background: #000;
    transition: all .6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}
.home .navbar-toggler span{
    background: #DDFB43;
}
.navbar-toggler[aria-expanded="true"] span:first-of-type {
    transform: rotate(45deg) translate(6px, 6px);
    background: #fff;
}
.navbar-toggler[aria-expanded="true"] span:nth-of-type(2) {
    opacity: 0;
}
.navbar-toggler[aria-expanded="true"] span:last-of-type {
    transform: rotate(-45deg) translate(5px, -5px);
    background: #fff;
}
.navbar-toggler[aria-expanded="false"] span {
    transform: none;
    opacity: 1;
}
.navbar-main .newsletter-menu a {
    color: #000 !important;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 10px;
    font-family: minion-pro, serif;
font-weight: 600;
font-style: normal;
letter-spacing: 2px;
}
#newsletter-menu-mobile{
    display: none;
}
.home .navbar-main .newsletter-menu a {
    color: #DDFB43 !important;

}
.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 10px;
    font-family: minion-pro, serif;
    font-weight: 600;
    font-style: normal;
    letter-spacing: 2px;
    border: 1px solid transparent;
    border-radius: 12px;
}
.home .navbar-light .navbar-nav .nav-link {
color: #DDFB43;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:active, .navbar-light .navbar-nav .active > .nav-link {
    color:#000;

    transition: all 0.5s ease 0s;
border: 1px solid #000;
border-radius: 12px;
}
.home .navbar-light .navbar-nav .nav-link:hover, .home .navbar-light .navbar-nav .nav-link:active, .home .navbar-light .navbar-nav .active > .nav-link {
    color:#DDFB43;

    transition: all 0.5s ease 0s;
border: 1px solid #DDFB43;
border-radius: 12px;
}
#newsletter-menu-web{
    border: 1px solid transparent;
    border-radius: 12px;
}
.home #newsletter-menu-web:hover{
    color:#DDFB43;
    transition: all 0.5s ease 0s;
    border: 1px solid #DDFB43;
    border-radius: 12px;
}
#newsletter-menu-web:hover{
    color:#000;
    transition: all 0.5s ease 0s;
    border: 1px solid #000;
    border-radius: 12px;
}
.row .navbar {
    padding: 20px 0 30px;
}
.row.navbar-main {
    padding:0;
}
header nav.logoheader a {
    max-width: 150px;
    transition: all 0.5s ease 0s;
    margin: 0;
}
.newsletter-menu {
    text-align: right;
}

.overlayabout img {
    border-radius: 7px;
    object-fit: cover;
    height: 700px;
    border-bottom: 8px solid #EDBFAF;
    -webkit-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.1); 
box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.1);
}

.baseline button {
    margin-top: 30px;
}
#visuelprincipal::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  background-image: linear-gradient( to bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, rgb(0, 0, 0) 100% );
}
button {
color: #F3C5B2;
background: #000;
border: 1px solid #000;
border-radius: 7px;
padding: 15px 35px;
}
button:hover {
    color: #000;
background: transparent;
border: 1px solid #000;
}
#zoneaboutba {
padding-top:150px;
padding-bottom: 70px;
color: #fff;
background-repeat: no-repeat;
background-size: cover;
border-radius: 17px;
border: 1px solid #000;
background-position: center;
min-height: 80vh;
}
#zoneaboutba .content{
    margin-top: 8vh;
}
#zonecontactba{
padding-top:150px;
padding-bottom: 70px;
color: #fff;
background-repeat: no-repeat;
background-size: cover;
height: 80vh;
background-position: center;
border-radius: 17px;
border: 1px solid #000;
}
.carousel-indicators li {
    width: 30px;
    height: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: 0;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 0;
    border-bottom: 0 solid transparent;
    opacity: 1;
}
.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: inherit;
    z-index: 15;
    padding-left: 0;
    margin-right: 0;
    list-style: none;
    top: 0;
}
#bealiveabout h2, #aboutbe h2 {
    font-size: 19px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 50px;
}
#bealiveabout .h1artist, #bealiveabout .carousel-indicators{
    margin-top: 20px;
}
#bealiveabout .h1artist span{
    position: relative;
}
.about-1, .about-2, .list-about-1, .text-life strong {
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 20px;
  color: #000;
  font-family: 'Minion-pro', serif;
  font-size: 20px;
}
.about-2 {
    margin-bottom: 20px;
}
.list-about-1, .list-about-2 {
    padding-left:18px;
}
.about-1{
    font-weight: 900;
    font-size: 22px;
}
#zoneaboutba .container, #life-about, #aboutbe {
    max-width: 1000px;
}
.carousel-indicators li {
text-transform: uppercase;
font-size: 16px;
font-weight: 300;
color: #000;
}
.carousel-indicators li span {

    padding: 3px 6px;
}
.carousel-indicators li.active span {
    color:#000;
    font-weight: bold;
    border:1px solid #000;
    border-radius: 4px;
    padding: 3px 6px;
}
#bealivelife .carousel-indicators {
    top: -50px;
}
#life-about, #aboutbe {
    padding-top:80px;
    padding-bottom: 80px;
}
.img-life img {
    -webkit-box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 15px 4px rgba(0,0,0,0.1);
}
.rulegradient {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    transition: all 0.5s ease 0s;
    border-bottom: 8px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #FAEADD, #EDBFAF );
}
.text-life {
    width: 90%;
}
footer {
    background: #fff;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 2px;
}
footer a {
    color:#fff;
}
#footer-top {
    padding-top:50px;
    padding-bottom: 20px;
    text-align: center;
    color:#fff;
}
#footer-top .buttonfooter {
    margin-top:0px;
}

#footer-top button {
color: #DDFB43;
background: #000;
border: 1px solid #000;
border-radius: 15px;
padding:8px 35px 8px;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
line-height: 11px;
}
#footer-top button:hover {
color: #000;
background: transparent;
border: 1px solid #000;
}
#footer-bottom {
    padding-top:30px;
    padding-bottom: 30px;
    border-top:1px solid #fff;
    margin-top:50px;
}
#footer-bottom ul {
    list-style: none;
    padding-left:0;
}
#footer-bottom ul li {
    padding-bottom: 5px;
}
#footer-bottom ul li:last-child {
    padding-bottom: 0;
}
#footer-bottom img {
    display: block;
    margin:0;
    max-width: 100px;
}
.email-footer a, .copyright {
    text-transform: none;
}
.right-column {
    text-align: right;
}
#footerbottom {
    background: #000;
padding-top: 20px;
padding-bottom: 20px;
text-transform: none;
}
.newsletter-menu a {
    cursor: pointer;
}
.modal-title {
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
}
.modal-content {
    border: 0;
    border-radius: 0;
    outline: 0;
}
.modal-header {
    padding: 1rem 1rem 0;
    border-bottom: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.modal-body {
    padding: 0 1rem 1rem;
}
.close {
    font-size: 30px;
    font-weight: 400;
    color: #000;
    text-shadow: 0 0 0;
    opacity: 1;
    background: transparent !important;
    border: unset !important;
}
.popupform #mc_embed_signup .mc-field-group input {
    text-indent: 0;
}
.popupform #mc_embed_signup input {
    border: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    border-bottom: 2px solid #000;
}
.popupform #mc_embed_signup form {
    padding: 40px;
}
.popupform #mc_embed_signup input.button {
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid #000;
    color:#000;
    border: 1px solid #000;
color: #000;
padding: 10px 30px;
height: auto;
line-height: inherit;
}
.popupform #mc_embed_signup .clear {
    clear: both;
    text-align: center;
    margin-top: 25px;
}
.popupform #mc_embed_signup div.response {
    font-weight: 400;
    width: 100%;
}
.popupform #mc_embed_signup #mce-success-response {
    color: #000;
    display: none;
}
.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
    opacity: .75;
    border: 0;
}
#aboutba, #aboutbe, #footer-top {
    outline:0;
    border:0;
}
footer a {
    cursor:pointer;
}
.baselineslider {
    display: flex;
align-items: center;
justify-content: space-between;
position: absolute;
bottom: 40px;
width: 100%;
font-family: 'Coco Gothic', sans-serif;
color:#DDFB43;
font-weight: 600;
letter-spacing: 2px;
font-size: 20px;
text-transform: uppercase;
}
.baselineslider h2, .baselineslider h1 {
    text-transform: uppercase;
font-size: 25px;
font-weight: 300;
letter-spacing: 4px;
margin-bottom: 0px;
}
.baselineslider button {
    border: 1px solid #F3C5B2;
}
.baselineslider button:hover {
    background: #F3C5B2;
}
#bealiveslider img {
    position:relative;

    object-fit: cover;
height: 100vh;
}
#listdate {
padding-top: 50px;
padding-bottom: 30px;
background: rgb(37,10,74);
background: linear-gradient(0deg, rgba(37,10,74,0) 0%, rgba(37,10,74,0.15) 100%);
background-size: 100% 150px;
background-repeat: no-repeat;
}
#listdate h1, h2.decorated {
text-align: center;
color: #000;
font-family: minion-pro-condensed, serif;
font-weight: 400;
font-style: italic;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
margin-bottom: 0;
}
#listdate h1{
    position: relative;
}
#listdate h1 span{
    margin-top: 50px;
}
h2.decorated {
    margin-bottom: 50px;
}
#listdate h1 .titlesuper, h2 .titlesuper {
   border: 1px solid #000;
border-radius: 30px;
padding: 10px 45px;
}
#listdate h2.tickettitre {
    margin:80px 0 30px;
    text-align: center;
    font-family: bc-alphapipe, sans-serif;
font-weight: 300;
font-size: 30px;
text-transform: none;
letter-spacing: 2px;
color:#fff;
line-height: 50px;
}
#gallerydate {
  padding-left:50px;
  padding-right: 50px;
  margin: 100px auto 0;
  position: relative;
}
.table th {
font-size: 16px;
letter-spacing: 1px;
color: #000;
font-weight: 600;
}
.table td, .table th {
    border-top: 1px solid #000;
}
.table tr:last-child td, .table tr:last-child th {
    border-bottom: 1px solid #000;
}
.lieutable {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color:#000;
    position: relative;
}
.lieutable a {
    color:#000;
}
.lieutable a:hover, .linkticket a:hover{
    color: #DDFB43;
}
table a:hover {
    color:#000;
}
.table thead th{
    border: unset;
}
.linkticket a {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    color:#000;
}

.statuttable span {
background: #ddfb43;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
font-family: minion-pro, serif;
color: #000;
letter-spacing: 1px;
border: 1px solid #000;
border-radius: 15px;
padding: 5px 15px;
}
.linkticket {
    text-align: right;
}
.linkticket a:after {
    content:'.';
    padding:0 5px 0 10px;
    color:#000;
}
.linkticket a:last-child:after {
    content:'';
    padding:0;
}
.dateagenda {
text-align: center;
font-size: 15px;
font-weight: bolder;
padding-top: 5px;
font-family: 'Silom', sans-serif;
}
.lieuagenda {
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    font-family: minion-pro, serif;
    min-height: 42px;
}
.info{
    text-align: center;
font-size: 14px;
font-weight: 500;
font-family: minion-pro, serif;
min-height: 50px;
}
.ticketagenda {
    padding-bottom: 15px;
    text-align: center;
}
.ticketagenda a {
   font-weight: 600;
color: #000;
font-family: 'Coco Gothic', sans-serif;
font-size: 10px;
text-transform: uppercase;
}
.ticketagenda a:hover{
    color: #DDFB43;
}
.cardagenda {
border-radius: 14px;
background: #fff;
margin-bottom: 30px;
border: 1px solid #000;
position: relative;
}
.cardagenda img {
    object-fit:cover;
    height:255px;
        background: #16141f;
border-radius: 14px 14px 0px 0px;
border-bottom: 1px solid #000;
}
.cardagenda img:hover{
    filter: brightness(70%);
}
.buttonagenda {
    margin-top:-20px;
    text-align: right;
}

#gallerydate .buttonagenda {
    margin-top:20px;
}
.statutagenda {
background: #ddfb43;
text-align: center;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
position: absolute;
width: auto;
left: 50%;
transform: translate(-50%, -50%);
font-family: minion-pro, serif;
color: #000;
letter-spacing: 1px;
border: 1px solid #000;
border-radius: 15px;
padding: 5px 15px;
}
.moreinfo{
    align-self: end;
    margin-bottom: 25px;
    text-align: center;
}
.moreinfo button{
   color: #DDFB43;
background: #000;
border: 1px solid #000;
border-radius: 7px;
padding: 7px 35px;
text-transform: uppercase;
font-size: 11px;
}
.moreinfo button:hover{
    color: #000;
    background: #fff;
}
.buttonagenda button {
color: #DDFB43;
background: #000;
border: 1px solid #000;
border-radius: 7px;
padding: 7px 35px;
text-transform: uppercase;
font-size: 11px;
margin-right: 20px;
position: relative;
}
.buttonagenda button:hover{
    color: #000;
    background: #fff;
}
#bloghome {
    padding-top:60px;
    padding-bottom: 0;
    position: relative;
}
#home.newspage {
    padding-bottom:60px;
}
#bloghome h2, #gallerydate h1, #home.newspage h2 {
text-align: center;
color: #000;
font-family: minion-pro-condensed, serif;
font-weight: 400;
font-style: italic;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
}
#bloghome h2 {
    position: absolute;
top: 50px;
z-index: 1;
}
#bloghome h2 span {
    border: 1px solid #000;
border-radius: 30px;
padding: 10px 45px;
background: #fff;
margin-left: 50px;
}
#bloghome .buttonagenda button {
background: #fff;
border: 1px solid #000;
border-radius: 7px;
padding: 7px 25px;
text-align: center;
color: #000;
font-family: minion-pro-condensed, serif;
font-weight: 400;
font-style: italic;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;

}
#bloghome .buttonagenda button:hover{
    background: #000;
    color: #DDFB43;
}
.articlehome {
    border-radius: 14px;
border:1px solid #000;
background: #fff;
display: grid;
}
.articlehome h3 {
text-align: center;
font-size: 16px;
text-transform: uppercase;
color: #000;
padding-top: 25px;
padding-bottom: 25px;
margin-bottom: 0;
font-weight: 600;
}
.articlehome img {
    object-fit: cover;
    height:250px;
    border-radius: 14px 14px 0px 0px;
}
.introblog {
padding: 0px 30px;
text-align: center;
color: #000;
/*min-height: 200px;*/
font-family: minion-pro, serif;
/*text-transform: uppercase;*/
font-size: 14px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Nombre de lignes max */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
#agendapage .cardagenda {
    border-radius: 14px;
}
#agendapage #gallerydate {
    margin-top: 0;
}
#agendapage.artistpage .titlesuper, #agendapage.agendapage .titlesuper{
    margin-top: 40px;
}
#agendapage .titlesuper{
    margin-top: 20px;
    margin-bottom: 20px;
}
.cardagenda h3 {
font-size: 20px;
text-align: center;
padding-top: 15px;
margin-bottom: 0;
line-height: 18px;
font-family: minion-pro, serif;
margin-top: 15px;
min-height: 51px;
}
#bealiveslider i {
    font-size: 35px;
}
.singleartist h2 {
    text-align: center;
}
.singleartist .baselineslider {
    display:block;
}
.textartist {
  margin: 0 auto;
  color: #000;
  text-align: center;
  width: 100%;
  max-width: 820px;
  font-family: minion-pro, serif;
  font-size: 20px;
  margin-bottom: 40px;
}
#mediaartist {
    padding-bottom: 60px;
}
.videoartist {
    position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
}
.cardagenda.artistcard img {
    object-fit: cover;
height: 50%;
background: transparent;
border-radius: 14px;
border-bottom: 0;
}
.cardagenda.artistcard {
  border-radius: 14px;
  background: transparent;
  margin-bottom: 0;
  border: 0;
}
.videoartist iframe {
    position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.spotifyartist iframe {
    height:400px;
    border:0;
}
#socialartist {
    margin-top: 40px;
}
.iconartist {
    text-align: center;
}
.iconartist i {
    font-size: 35px;
    color:#000;
}

.iconartist a:last-child {
    margin-right: 0;
}
.webartist {
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
    margin-top:25px;
}
.webartist a {
    color:#000;
}
.webartist a:hover{
    color: #DDFB43;
}
.bookingartist {
    font-size: 17px;
    margin-top: 30px;
    color:#000;
    text-align: center;
}
.bookingartist a {
    font-weight: 600;
    color:#000;
}
.bookingartist a:hover{
    color: #DDFB43;
}
.artistpage .cardagenda h3 {
    padding-bottom: 15px;
}
.modal-open .modal {
    z-index: 100000;
}
.decorated{
     overflow: hidden;
     text-align: center;
 }
.decorated > span{
    position: relative;
    display: inline-block;
}
.decorated > span:before, .decorated > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 1px solid;
    width: 1000px; /* half of limiter*/
    margin: 0;
}
.decorated > span:before{
    right: 100%;
}
.decorated > span:after{
    left: 100%;
}
.home .decorated:nth-of-type(2n+1) span {
  margin-right: 0;
}
.decorated:nth-of-type(2n+1) span{
    margin-right: 30vw;
}
.decorated:nth-of-type(2n) span{
    margin-left: 30vw;
}
#newsbox {
    background-size: cover !important;
padding: 100px;
border: 1px solid #000;
border-radius: 20px;
position: relative;
}
#footerzone {
    display: flex;
    align-items: baseline;
}
#menu-footer, #menu-second-footer{
    list-style: none;
padding-left: 0;
}
#menu-second-footer{
    margin-top: 15px;
}
#menu-footer li, #menu-second-footer li{
    display: inline-block;
    margin-right: 10px;
}
.iconartist a {
color: #DDFB43;
border: 1px solid #000;
padding: 7px 20px 7px;
border-radius: 15px;
font-weight: 600;
font-size: 11px;
line-height: inherit;
text-transform: uppercase;
margin-right: 10px;
background: #000;
}
.iconartist a:hover{
    background: #fff;
    color: #000;
}
#menu-footer li a, #menu-second-footer li a{
    font-family: 'Coco Gothic', sans-serif;
color: #000;
border: 1px solid #000;
padding: 9px 14px 7px;
border-radius: 15px;
font-weight: 600;
font-size: 11px;
line-height: 11px;
}
#menu-footer li a:hover, #menu-second-footer li a:hover{
    background: #000;
    color: #DDFB43;
}
.copyright {
    margin-top: 35px;
color: #000;
font-weight: 600;
font-size: 8px;
text-transform: uppercase;
}
.copyright a{
    color: #000;
}

.copyright a:hover{
    color: #DDFB43;
}
.cardagenda.artistcard {
    position: relative;
    margin-bottom: 30px;
}
.h1artist {
    text-align: left;
color: #000;
font-family: minion-pro, serif;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 20px;
margin-bottom: 50px;
      border: 1px solid #000;
  border-radius: 30px;
  padding: 10px 45px;
  width: fit-content;

}
#homeartist {
   padding:40px 100px 20px;

}
#homeartist #bealiveslider img {
  position: relative;
  object-fit: cover;
  height: 600px;
  border-radius: 70px;
  border: 1px solid #000;
  box-shadow: 0px 0px 150px 14px rgb(222, 218, 228);
}
.cardagenda.artistcard .artisthover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  background-color: rgba(0,0,0,0.5);
  visibility: visible;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -o-transition: opacity .2s;
  -ms-transition: opacity .2s;
  transition: opacity .2s;
  -webkit-transform: translateZ(0px);
  -moz-transform: translateZ(0px);
  -webkit-backface-visibility: hidden;
  cursor: pointer;
  border-radius: 14px;
}
.cardagenda.artistcard:hover .artisthover {
  z-index: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}
.cardagenda.artistcard .artisthover span {
    position: absolute;
top: 50%;
left: 50%;
color: #fff;
display: inline-block;
text-align: center;
transform: translate(-50%, -50%);
font-family: minion-pro, serif;
color: #DDFB43;
}
.cardagenda.artistcard:hover .artisthover span {
    position: absolute;
top: 50%;
left: 50%;
color: #fff;
display: inline-block;
text-align: center;
transform: translate(-50%, -50%);
font-family: minion-pro, serif;
color: #DDFB43;
}
.single-artist #listdate {
    padding-top:10px;
    background: transparent;
}
footer #footer-top .buttonagenda button {
    background: #fff;
border: 1px solid #000;
border-radius: 7px;
padding: 7px 25px;
text-align: center;
color: #000;
font-family: minion-pro-condensed, serif;
font-weight: 400;
font-style: italic;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
line-height: inherit;
position: absolute;
    right: 20%;
    bottom: 50%;
    transform: translate(50%, 50%);
}
footer #footer-top .buttonagenda button:hover{
    background: #000;
    color: #DDFB43;
}
.home footer .buttonagenda {
    display: none;
}
footer .barfooter {
    text-align: right;
margin-bottom: 50px;
border-top: 1px solid #000;
position: relative;
}
body.about #footer-top, body.contact #footer-top, body.error404 #footer-top {
  padding-top: 20px;
}
body.about footer .barfooter, body.contact footer .barfooter{

  border-top: 0;
}
.fa-search{
    padding-right: 10px;
    font-size: 14px;
}
/*modal newsletter*/
.modal{
    background-color: rgba(10,10,10,0.45);
}
.modal-backdrop{
    display: none;
}
.modal input{
    width: 100%;
    margin-bottom: 20px;
}
.modal .clear input:hover{
    background: #000 !important;
    color: #fff !important;
}
.modal .mce_inline_error{
    color: #E32121 !important;
    background: unset !important;
    text-align: left;
    padding: 0px !important;
}
#mc_embed_signup input.mce_inline_error{
    border-color: #E32121 !important;
}
#mce-LNAME:focus-visible, #mce-EMAIL:focus-visible{
    outline: none;
}

/*fin modal newsletter*/
/*Etoiles*/
.etoileJ{
    position: absolute !important;
height: 20px !important;
width: 20px;
pointer-events: none;
right: 0;
bottom: 0;
transform: translate(-760%,-240%);
}
.ellipseJ{
position: absolute !important;
height: 12px !important;
width: 12px;
pointer-events: none;
right: 0;
bottom: 0;
transform: translate(-1300%,-665%);
}
.etoile1{
   position: absolute;
height: 22px;
width: 22px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(400%,-8%); 
}
.etoile2{
   position: absolute;
height: 32px;
width: 32px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(400%,-57%);
}
.etoile3{
    position: absolute;
height: 32px;
width: 32px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(500%,24%);
}
.etoile4{
 position: absolute;
height: 32px;
width: 32px;
pointer-events: none;
right: 0;
transform: translate(130%,-85%);
padding: 0;
}
.etoile5{
   position: absolute;
height: 22px;
width: 22px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(-182%,160%);
}
.etoile6{
   position: absolute;
height: 32px;
width: 32px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(360%,-24%);
}
.etoile7{
   position: absolute;
height: 27px;
width: 27px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(-320%,-17%);
}
#bloghome .buttonagenda button:hover .etoile7{
 filter: brightness(0) saturate(100%) invert(99%) sepia(82%) saturate(1171%) hue-rotate(10deg) brightness(92%) contrast(114%);
 transition: all 0.5s ease 0s;
}
.etoile8{
   position: absolute;
height: 22px;
width: 22px;
pointer-events: none;
bottom: 0;
transform: translate(-375%,53%);
padding: 0;
}
.etoile9{
   position: absolute;
height: 47px;
width: 47px;
pointer-events: none;
left: 100%;
top: 0;
transform: translate(-200%,60%);
filter: brightness(0) saturate(100%) invert(99%) sepia(82%) saturate(1171%) hue-rotate(10deg) brightness(92%) contrast(114%);
    transition: all 0.5s ease 0s;
    padding: 0;
}
.etoile10{
   position: absolute;
height: 27px;
width: 27px;
pointer-events: none;
transform: translate(-185%,225%);
left: 100%;
top: 0;
filter: brightness(0) saturate(100%) invert(99%) sepia(82%) saturate(1171%) hue-rotate(10deg) brightness(92%) contrast(114%);
    transition: all 0.5s ease 0s;
padding: 0;
}
.etoile11{
   position: absolute;
height: 22px;
width: 22px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(-320%,-51%);
}
.etoile12{
   position: absolute;
height: 22px;
width: 22px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(560%,-140%);
}
.etoile13{
    position: absolute;
height: 32px;
width: 32px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(475%,-30%);
}
.etoile14{
   position: absolute;
height: 27px;
width: 27px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(-375%,-16%);
}
footer #footer-top .buttonagenda button:hover .etoile14{
 filter: brightness(0) saturate(100%) invert(99%) sepia(82%) saturate(1171%) hue-rotate(10deg) brightness(92%) contrast(114%);
 transition: all 0.5s ease 0s;
}
.etoile15{
    position: absolute;
height: 22px;
width: 22px;
pointer-events: none;
left: 0;
top: 50%;
transform: translate(120%,-50%);
}
.etoile16{
   position: absolute;
height: 38px;
width: 38px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(175%,-8%);
}
.decorated:nth-of-type(2n) .titlesuper .etoile16{
    position: absolute;
height: 38px;
width: 38px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(-75%,-8%);
}
.etoile17{
   display: none;
}
.decorated:nth-of-type(2n) .titlesuper .etoile17{
    position: absolute;
height: 22px;
width: 22px;
pointer-events: none;
right: 50%;
bottom: 50%;
transform: translate(280%,151%);
display: block;
}
tr:first-of-type .etoile18{
   position: absolute;
height: 33px;
width: 33px;
pointer-events: none;
right: 0;
bottom: 50%;
transform: translate(-217%,-9%);
display: block;
}
.etoile18{
    display: none;
}
.ellipse{
   position: absolute;
height: 9px;
width: 9px;
pointer-events: none;
right: 0;
bottom: 50%;
transform: translate(-310%,-195%);
}
.ellipse2{
   position: absolute !important;
height: 9px !important;
width: 9px;
pointer-events: none;
right: 100%;
bottom: 0;
transform: translate(2200%,-1200%);
border-radius: unset !important;
border: unset !important;
box-shadow: unset !important;
}
.etoile19{
   position: absolute !important;
height: 33px !important;
width: 33px;
pointer-events: none;
right: 0;
bottom: 100%;
transform: translate(-900%,51%);
border-radius: unset !important;
border: unset !important;
box-shadow: unset !important;
}
.etoile20{
   position: absolute;
height: 25px;
width: 25px;
pointer-events: none;
left: 0;
top: 0;
transform: translate(145%,-51%);
padding: 0;
}
.etoile21{
   position: absolute;
height: 25px;
width: 25px;
pointer-events: none;
right: 0;
bottom: 0;
transform: translate(-300%,51%);
}
.etoile22{
   position: absolute;
height: 25px;
width: 25px;
pointer-events: none;
right: 0;
bottom: 0;
transform: translate(-300%,-139%);
}
.etoile23{
 display: none;
}
.etoile24{
 display: none;
}
/*Fin etoiles*/

/*contact*/
.contact .buttoncontact button{
      color: #fff;
      background: #000;
      border: 1px solid #000;
      border-radius: 22px;
      padding: 12px 0px;
      font-weight: 900;
      font-size: 13px;
      text-transform: uppercase;
      width: 100%;
}
.buttoncontact button:hover{
    color: #000;
    background: transparent;
}
.resoc a{
color: #DDFB43 !important;
border: 1px solid #000;
padding: 12px 0px;
border-radius: 22px;
font-weight: 900;
font-size: 13px;
width: 100%;
display: flex;
justify-content: center;
letter-spacing: 0.97px;
text-transform: uppercase;
background: #000;
}
.contact .resoc a:hover{
    color: #000 !important;
    background: transparent;
}
#zonecontactba h2{
    color: #000;
font-weight: 900;
font-size: 13px;
letter-spacing: 0.97px;
text-transform: uppercase;
padding-bottom: 20px;
}
#zonecontactba .mail a{
    color: #000;
}
#zonecontactba .mail a:hover{
    color: #DDFB43;
}
#zonecontactba .adresse{
      color: #000 !important;
  font-weight: 900;
  font-size: 13px;
  width: 100%;
  letter-spacing: 0.97px;
  text-transform: uppercase;
}
#zonecontactba h1{
    padding-bottom: 20px;
    font-size: 19px;
    color: #000;
    letter-spacing: 2px;
    text-transform: uppercase;
}
#zonecontactba .infos{
    border: solid 1px #000;
border-radius: 22px;
padding: 20px;
width: fit-content;
margin-bottom: 20px;
position: relative;
}
/*Fin contact*/
/*Error*/
.error404 .buttoncontact a{
  color: #fff;
  background: #000;
  border: 1px solid #000;
  border-radius: 22px;
  padding: 12px 0px;
  font-weight: 900;
  font-size: 13px;
  text-transform: uppercase;
  width: 100%;
  display: block;
text-align: center;
}
.error404 .back a:hover{
    color: #fff;
    background: #000;
}
/*Fin  error*/
/*GDPR*/
#gdpr{
    padding-top: 60px;
    padding-bottom: 20px;
}
#gdpr .article{
    padding-bottom: 30px;
}
#gdpr h1{
    font-family: minion-pro, serif;
    letter-spacing: 2.85px;
    border: 1px solid #000;
    padding: 12px 0px;
    border-radius: 22px;
    font-weight: 900;
    font-size: 19px;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 60px;
}
#gdpr h2{
    font-family: minion-pro, serif;
    font-size: 22px;
    font-weight: 900;
    padding-bottom: 20px;
}
#gdpr p{
    font-family: minion-pro, serif;
    font-size: 20px;
}
/*Fin  GDPR*/
/*News*/
#news h1{
    font-family: minion-pro, serif;
    font-style: normal;
    padding-bottom: 35px;
    font-weight: 300;
    font-size: 25px;
    letter-spacing: 4px;
    border: 1px solid #000;
    border-radius: 30px;
    padding: 10px 45px;
    width: fit-content;
    margin: auto;
    margin-bottom: 35px;
}
#news #bealiveslider img{
    border-radius: 70px;
    border: 1px solid #000;
    box-shadow: 0px 0px 150px 14px rgb(222, 218, 228);
    height: 80vh;
    object-position: top;
}
#news #bealiveslider{
    padding: 40px 100px 60px;
}
#news #listdate{
    padding-top: 60px;
}
#news .return button{
    color: #DDFB43;
background: #000;
border: 1px solid #000;
border-radius: 15px;
padding: 9px 35px 9px;
font-weight: 600;
font-size: 11px;
text-transform: uppercase;
line-height: 11px;
}
#news .return button:hover{
    color: #000;
    background: #fff;
}
#news .return{
    position: absolute;
    top: -5%;
}
#news #listdate .row{
    position: relative;
}
.carousel-control-prev, .carousel-control-next{
 margin-top: 14vh;
 margin-bottom: 14vh;
}
.prev-artist{
position: absolute;
bottom: 0;
font-size: 30px;
color: #000;
}
.next-artist{
position: absolute;
  bottom: 0;
  font-size: 30px;
  color: #000;
  right: 0;
}
.fleche{
    position: relative;
}
.artistsingle{
    position: relative;
}
#bealiveslider.singleartist{
    position: relative;
}
@media only screen and (max-width: 1440px){ 
  
}
@media only screen and (max-width: 1200px){ 
   
}
@media only screen and (max-width: 1150px){ 
    
}
@media only screen and (max-width: 1040px){ 
   
}
@media only screen and (max-width: 995px){ 
   
}
@media only screen and (max-width: 992px){ 
    .navbar-brand img {
        margin: 0 15px;
    }
    .order-1 {
        order: 1;
    }
    .order-2 {
        order: 3;
        text-align: right;
    }
    .order-3 {
        order: 2;
    }
    .navbar-light .navbar-toggler {
    color: #000;
    border-color: transparent;
    outline:0;
    z-index: 9999;
    position: absolute;
top: 25%;
right: 10%;
box-shadow: unset;    }
    .navbar-collapse {
    position: fixed;
    height: 100vh;
    width: 105vw;
    background: url(https://www.superkarma.be/layout/uploads/2022/04/220131_SUPERKARMA_PHOTO_annie-spratt-6-Menu-Mobile.jpg);
    top: 0;
    left: 0;
    opacity: 0;
    display: flex;
    touch-action: none;
    z-index: 999;
    margin-left: -6px;
    }
    .navbar-collapse.show{
        opacity: 1;
    }
    .navbar-collapse .nav-link{
        border: 2px solid #000000 !important;
        border-radius: 19px !important;
        color: #000 !important;
        letter-spacing: 2px !important;
        text-align: center;
        font-size: 20px !important;
        font-style: italic !important;
        padding: 5px 70px !important;
        margin-bottom: 35px;
    }
.navbar-nav{
    margin-bottom: 50px;
    margin-left: 0vw;
}
.text-life {
    width: 90%;
    margin: 30px auto 0;
}
.navbar-light .navbar-nav .menu-item {
    margin-right: 0;
    text-align: left;
    padding: 0 10px;
}
.overlayabout img {
    height: 80vh;
}
#aboutbe h2 {
    width: 90%;
    margin: 0 auto 30px;
}
.carousel-control-prev, .carousel-control-next{
 display: none;
}
/*Header-menu*/
#newsletter-menu-mobile{
    display: block;
    position: absolute;
    bottom: 0;
    transform: translate(4%,-15%);
    border: 2px solid #000000;
        border-radius: 19px;
        color: #000;
        letter-spacing: 2px;
        text-align: center;
        font-size: 20px;
        font-style: italic;
        padding: 5px 52px;
        margin-left: 0vw;
        text-transform: uppercase;
        font-family: minion-pro, serif;
        font-weight: 600;
}
#newsletter-menu-web{
    display: none;
}

/*Fin header-menu*/
.etoile23{
    position: absolute;
height: 38px;
width: 38px;
pointer-events: none;
right: 50%;
bottom: 0;
transform: translate(50%,200%);
display: block;
}
.etoile24{
    position: absolute;
height: 38px;
width: 38px;
pointer-events: none;
right: 50%;
bottom: 100%;
transform: translate(50%,-100%);
display: block;
}
.menu-mobile{
    position: relative;
}
}
@media only screen and (max-width: 768px) { 
.post5,.post6,.post7,.post8{
    display: none;
}
    .newsletter-menu a {
    font-size: 14px;
    letter-spacing: 0;
    padding: 7px;
}
.decorated > span::before, .decorated > span::after{
    content: none;
}
/*Home*/
.baselineslider{
    font-size: 13px;
    text-align: center;
    width: 80%;
    display: block;
}
#bealiveslider .carousel-item .row{
    justify-content: center;
}
#gallerydate{
    margin-top: 50px;
    padding-left: 20px;
    padding-right: 20px;
}
#listdate{
    padding-top: 50px;
}
.buttonagenda{
    justify-content: center;
    display: flex;
}
.buttonagenda button{
    font-size: 14px;
}
#newsbox{
    padding: 50px;
    border: unset;
    border-radius: unset;
    padding-top: 140px;
    background-size: auto !important;
}
.articlehome{
    margin-bottom: 30px;
}
#bloghome .buttonagenda{
    display: none;
}
.home footer .buttonagenda{
    display: block;
}
#bloghome h2{
    transform: translate(-3%,440%);
    width: 100%;
    top: 0;
}
#bloghome h2 span{
    margin-left: unset;
    background: transparent;
    padding: 10px 70px;
}
/*Fin home*/
/*Agenda*/
h2.decorated{
    margin-bottom: 20px;
}
#agendapage .titlesuper{
    width: 60%;
}
.decorated:nth-of-type(2n+1) span{
    margin-right: unset;
}
.decorated:nth-of-type(2n) span{
    margin-left: unset;
}
.decorated:nth-of-type(2n) .titlesuper .etoile16{
    display: none;
}
.decorated:nth-of-type(2n) .titlesuper .etoile17{
    transform: translate(360%,141%);
}
/*Fin agenda*/
/*Liste artists*/
h2.decorated{
    font-size: 15px;
}
#agendapage.artistpage .titlesuper, #agendapage.agendapage .titlesuper{
    margin-top: 20px;
}
.cardagenda.artistcard .artisthover{
    opacity: 1;
    z-index: 1;
    height: auto;
    border-radius: 0px 0px 14px 14px;
}
.cardagenda img:hover{
    filter: unset;
}
/*Fin liste artists*/
/*Artist*/
#homeartist{
    padding: 0px 30px;
}
.row.artistsingle{
    flex-flow: column-reverse;
}
.h1artist{
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 0px;
    text-align: center;
    font-weight: 900;
    margin-bottom: 20px;
    border: 2px solid #000000;
border-radius: 21px;
padding: 10px 45px;
  margin-left: auto;
margin-right: auto;
}
#homeartist #bealiveslider img{
    height: 60vh;
}
.table td,.table th{
    text-align: center;
}
.table tr:last-child td, .table tr:last-child th{
    border-bottom: unset;
}
.table td, .table th{
    border-top: unset;
}
.table tr{
    border-bottom: 2px solid #000000;
    
}
.table tr:first-child{
    border-top: 2px solid #000000;
}
td.statuttable{
    padding: 0;
}
td.statuttable span{
    letter-spacing: 2.1px;
    font-size: 14px;
    font-style: italic;
}
#mediaartist{
    padding-top: 0px;
}
#mediaartist .videoartist{
    margin-bottom: 30px;
}
/*Fin artist*/
/*About*/
#zoneaboutba{
    border: unset;
    border-radius: unset;
}
#bealiveabout .carousel-indicators{
    right: 50%;
bottom: 50%;
transform: translate(50%,-15%);
z-index: 0;
} 
/*Fin about*/
/*Contact*/
#zonecontactba .resoc{
    margin-top: 20px;
}
#zonecontactba h1{
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
}
#zonecontactba .infos{
    width: auto;
}
#bealiveabout .h1artist{
    margin-top: 7vh;
}
/*Fin contact*/
/*GDPR*/
#gdpr h1{
    text-align: center;
}
#gdpr .col-md-6{
    display: flex;
    justify-content: center;
}
#gdpr h1{
    width: 80%;
}
.mail{
    display: grid;
}
/*Fin GDPR*/
/*Footer*/
#footer-bottom img {
    display: block;
    margin: 0 auto 30px;
    max-width: 100px;
}
#footer-bottom ul li {
    padding-bottom: 5px;
    text-align: center;
}
#footerbottom .text-left, #footerbottom .text-right {
    text-align: center !important;
}
.baseline h1 {
    font-size: 35px;
    letter-spacing:1px;
    line-height: 42px;
}
.buttonagenda button{
    margin-right: unset;
}
footer #footer-top .buttonagenda button{
    position: unset;
    transform: unset;
}
footer .barfooter{
    justify-content: center;
    display: flex;
    border-top: unset;
    margin-top: 30px;
    margin-bottom: 10px;
}
/*#footerzone{
    width: 40%;
    flex-flow: row-reverse;
    padding-bottom: 70px;
}
.footer-mobile{
    justify-content: center;
    display: flex;
    margin: auto;
}
.menu-footer{
    position: relative;
}
#menu-footer{
    position: relative;
}
#menu-footer li a{
    padding: 10px 14px;
    font-size: 9px;
}
#menu-footer .menu-item{
    position: absolute;
    transform: translate(0%,163%);
}
#menu-footer .menu-item:nth-child(1){
    transform: translate(-9%,3%);
}
#menu-footer .menu-item:nth-child(2){
    transform: translate(-243%,192%);
}
#menu-footer .menu-item:nth-child(3){
    transform: translate(-137%,192%);
}
#menu-footer .menu-item:nth-child(4){
    transform: translate(-14%,192%);
}
#menu-footer .menu-item:nth-child(5){
    transform: translate(-309%,370%);
}
#menu-footer .menu-item:nth-child(6){
    transform: translate(-127%,370%);
}
#menu-footer .menu-item:nth-child(7){
    transform: translate(-23%,370%);
}
#menu-footer .menu-item:nth-child(8){
}

.getin{
    position: absolute;
    transform: translate(-16%,0%);
}
.getin .buttonfooter button{
    width: 168px;
    padding: 8px 35px;
}
#footerzone{
    position: relative;
}*/
#menu-footer li, #menu-second-footer li{
    margin-top: 20px;
}
/*Fin footer*/
/*Etoile*/
.etoileJ, .etoile2, .etoile3, .etoile4, .etoile8, .etoile9, .etoile10, .etoile12, .etoile13, .etoile15, .etoile18, .etoile21, .ellipseJ, .ellipse2, .ellipse{
    display: none;
}
.etoile1{
transform: translate(400%,61%); 
}
.etoile5{
    transform: translate(-385%,160%);
}
.etoile16{
    transform: translate(220%,0%);
}
.etoile11{
    right: 0;
bottom: 50%;
transform: translate(-135%,-77%);
}
.etoile19{
    right: 0;
bottom: 50%;
transform: translate(3%,250%);
}
.etoile20{
    right: 0;
bottom: 0;
transform: translate(-110%,52%);
left: unset;
top: unset;
}
tr:first-of-type .etoile18{
    right: 50%;
bottom: 100%;
transform: translate(-300%,-97%);
}
/*Fin etoile*/
#news #bealiveslider img{
    height: 60vh;
}
#news #bealiveslider{
    padding: 0px 20px 30px;
}
/**/
}
@media only screen and (max-width: 511px) {
.etoile22{
    transform: translate(-120%,-232%);
}
}