/*
Theme Name: B-Side-Theme
Author: Penguin Army
Author URI: http://dream-theme.com/
Description: 
License: 
*/
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


@media (min-width: 768px)
.artheader {  
    margin-bottom: -95px; 
}

.home #main {
     padding-top: 0px !important;
  }

#centered {
  background: #06c;
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#pageclass {
  width: 100vw; /* vw stands for viewport width */
  margin-left: calc(-50vw + 50%); /* centers the element horizontally */
  padding: 0;
}

.fullpagewidth {
  width: 100%;
  margin-left: -1vw;
  margin-right: -50vw;
  padding: 0;
}


#main {
     padding: 0px 0 0px 0;
  
}
#pageclass:after {
  content: "";
  clear: both;
  display: table;}
.sidebar.bg-under-widget .widget, .bg-under-widget .sidebar-content .widget, .solid-bg.sidebar-content .widget, .mec-wrap .col-md-4 .widget {
    margin-top: 1px;
}

.titlebanner{
    margin-left: calc(50% - 40vw);
    margin-right: calc(50% - 40vw);
   }

.mec-event-grid-classic .mec-event-content p {
  color: #000 !important;
  text-transform: capitalize !important;
}

.whitetext {
  color: #fff;
}

.whitetext h3 {
          color: #fff;
}


.whitetext h2 {
        color: rgba(255,255,255,0.9);
}

@media only screen and (min-width: 600px) {
#supportrow {
  min-height: 50vh;
}
}

.mec-wrap :not(.elementor-widget-container)>p {
    margin: 0 0 20px 0;
    color: #000;
    font-size: 18px;
    line-height: 1.6;
}


.SupportF h2 {
  text-transform: uppercase;
  color: #fff;
  font-size: 1.2em;
    line-height:2em;
}


.SupportH h4 {
  color: #fff;
  font-size: 20pt;
    line-height: 10pt;
}

.SupportF h4 {
  color: #fff;
  font-size: 20pt;
    line-height: 10pt;
}

.SupportF h3 {
  color: #fff;
font-weight: 400;
}

.SupportP h3
{color: #fff;}

.SupportP h2
{color: #fff;}





.node1 {
    display: inline-block;
    position: relative;
    z-index:5;
       }

.node2 {
     display: inline-block;
    }


.mytextwithicon {
    position:relative;
}    


.fancy-title-head h1{
    color: #fff;
font-family: sofia-pro, sans-serif;
font-weight: 400;
font-style: normal;
  }

}
.SupportP h2 { color:#fff;}
.blacktext h2 { color: rgba(0,0,0,0.6);}
.blacktext h3{ color: rgba(0,0,0,0.6);}


.blackbutton {
  text-transform: uppercase;
  border-radius: 2em;
padding-left: 2em;
  padding-right: 2em;
  margin: 0.25em;
  background: transparent !important;
  display: inline-block;
  color: #000 !important;
  cursor: pointer;
  font-size: 1.1em;
  line-height: 1.3em;
  text-decoration: none;
    }
*,
*:before,
*:after {
  box-sizing: border-box;
}
.blackbutton {
    box-shadow: 0px 0px 0px 2px #000 !important;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;align-content}

.blackbutton:hover {
  box-shadow: 0px 0px 0px 3px #000 !important;
  background: none !important;
}

.bannerimage img{ 
margin-top: -35px;
  margin-bottom: -35px;
}

.pagination { 
color: #e6017e; }




@media (max-width: 768px)
{
  .artistround {min-width:100vw !important;}
}

@media (max-width: 768px)
{
  .artistgridround {width:100vw !important;
    
}
}

@media (max-width: 768px)
{
  .vc_gitem-zone-a .vc_gitem-row-position-middle, .vc_gitem-zone-b .vc_gitem-row-position-middle {
    left: -30%;
      top: 24%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
  }
    }


@media (max-width: 768px)
{
  .vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom {
    left: -55%;
      top: 55%;
        -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
    }
    }



.bsupport{
  position: relative;
}



.bsupportrow .SupportB {
  text-transform: uppercase;
  text-align:center;
  border-radius: 1.5em;
padding-left: 1.2em;
  padding-right: 1.2em;
  padding-top: .5em;
    padding-bottom: .5em;
  background: transparent !important;
  display: inline-block;
  color: #fff !important;
  cursor: pointer;
   text-decoration: none;
    }


.beventrow {
 width: 100vw;
   }

.bs2col{
  position: relative;
}



@media (max-width: 768px) {
.bsupportright h2 {
  font-size: 4vmax;
    line-height: 4vmax;
}
.bsupportleft h2 {
  font-size: 4vmax;
    line-height: 4vmax;
}
}

.bsupportright h2 {
  font-size: 4vh;
  line-height: 4vh;
}
.bsupportleft h2 {
  font-size: 4vh;
  line-height: 4vh;
}

.contactformcentered {
padding-left:5%; 
  padding-right:5%;"
}

@media (min-width: 48em) {
.contactformcentered {
padding-left:25%; 
  padding-right:25%;"
}
}



.bcontentcolumns {
Width: 100%;
   ?>
}

.bcontentsection3 {
Width: 90%;
    
}

.bcontentcolumnseft {
  width:95%;
}

.bcontentcolumnright {
  width:95%;

}

@media (min-width: 48em) {
  .bcontentcolumnleft {
    width: 50%;
      float:right;

    }

.bcontentcolumnright {
    width: 50%;
  margin-right: 20px;
  }

.bcontentcolumns {
    content: "";
    display: flex;
    clear: both;
  }
}

.arrowbutpink:after {
  color: #e6017e;
      font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f061";
    left: -0.5em;
  z-index: 3;
 }

.vc_general.vc_btn3 {
  border-radius: 25px;
  text-transform: uppercase;
    background: transparent !important;
}

.readmorebutton {
  text-transform: uppercase;
    background: transparent !important;
  color: #e6017e !important;
  cursor: pointer;
  font-size: 1em;
  line-height: .9em;
  text-decoration: none;
    
}



.infodiv:before {
  color: #444;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f069";
    left: -0.5em;
    padding-right: .5em;
     top: .4em
  z-index: 3;

 }
.accessdiv:before {
  color: #444;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f067";
    left: -0.5em;
    padding-right: .5em;
     top: .4em;
  z-index: 3;

 }
.datediv:before {
  color: #444;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073";
    left: -0.5em;
    padding-right: .5em;
     top: 0.4em;
  z-index: 3;
 }

.datadiv {
  Padding: ;
    position: relative;
  overflow: hidden;
  display: inline-block;
  margin-top: -3em;
}





#centered {
  background: #06c;
  position: relative;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.buttondiv {
  margin-top: 10px;
   position: relative;
  overflow: hidden;
  display: inline-block;
  z-index: 5;
margin-left: -1%;
   
}


.testcontent
{ 
   background: rgba(0,0,0, 0.35);
  transition: background .3s linear;
    padding: 10%;
   display: table-cell;
  vertical-align: middle;
  text-align: center;
  border: 0px;

}


.btestimons h2 { 
  Font-size: 4.4vh;
    line-height: 4.4vh;
  color: #fff;
  Font-weight: 400;
  font-family: 'PT-serif', serif;
    z-index: 5;
    }

.btestimons p {
   Font-size: 16px;
  background: transparent;
    color: #eff2ec;
  Font-weight: 600;
    border: 0px;
   }



.btestimons .flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 4%;
  text-align: center;
}
.btestimons .flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  *display: inline;
}

.btestimons .flex-control-paging li a {
    background: #eff2ec; }
.btestimons .flex-control-paging li a:hover {
  background: #fff; }
.btestimons .flex-control-paging li a.flex-active {
      background: #eff2ec; }

.theader {
      margin-left: calc(50% - 50vw);
  width: 100vw;
    min-height: 70vh;
  max-height: 70vh;
   display: table;
    border: 0px;
    background-repeat: no-repeat;     background-position: right 50%; 
  background-size: 100%;
  background:no-repeat left center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  object-fit: cover
   }

     
.slideheader {
      margin-left: calc(50% - 50vw);
  width: 100vw;
    min-height: 60vh;
  max-height: 60vh;
   display: table;
    border: 0px;
    background-repeat: no-repeat;    
  background-position: right 50%; 
  background-size: 50%;
  background:no-repeat center fixed; 
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
   }

.bcolumnleft {
  width:100%;
 }

.bcolumnright {
  width:100%;
    
}

.bcolumnright img{
    width: 100%;
  }

.bcolumnleft img{
    width: 100%;
    }


@media (min-width: 48em) {
  .bcolumnleft {
    width: 50%;
      float:right;
  }

.bcolumnright {
    width: 50%;
      float:left;

  }
.bcolumns {
    content: "";
    display: table;
    clear: both;
  }

.bcolumnleft img{
    width: 100%;
   }

.bcolumnright img{
    width: 100%;
  }
  }


.sidesectionr ul {
      font-size: 0.8em;
  color: #6f7678 !important;
  text-transform: uppercase;
  font-weight: 600;
    margin-left: 12%;
    margin-right: 0%;
   list-style-type: none;

}
.sidesectionr  li{
  text-indent: -0.5em;
}

.sidesectionr  li:before {
  display: inline-block;
  content: "-";
  text-indent: -1em;
}

.singlecol {
  position:relative;
       border: 0px solid #f00;
       vertical-align: middle;
}

.bsplit {
    position: relative;
  }
  


.bsplitrow img {
 min-height:70vh 
}



@media (max-width: 768px) {
        .bsplitrow img {
          min-height: 15em;
        }
          .bsplitrow {
          min-height: 15em;
        }
}

.testimonialblocks p {
       font-family:pt-serif-pro, sans-serif;
   line-height: 1.5em;
    font-weight: 300;
        font-style: italic;
  font-size: 1.1em;
  color: #333 !important;
  margin-bottom: 1em;
}

.testimonialblocks  .dt-owl-item
{
      border-bottom: 2px solid #96a02a;
}

@media (max-width: 768px) {
  .bcolumnright {
    padding-left: 2vw;
  }
    }

.bgrid{
  min-height: 400px;
  }

.artgrid {
     border-radius: 50%;
}

.bgridtitle a
{
  color: #fff;
   z-index: 10;
}
  
  .bgridtitle a:visited
{
  color: #fff;
   z-index: 10;
}

  .bgridtitle a:hover
{
  color: #fff;
   z-index: 10;
}
  
.arttitle h2 {
  color: #000 !important;
  text-transform: uppercase;
    }

.arttitle {
  Padding: .5em;
    overflow: hidden;
    z-index: 10;
      margin-top: -0.5vh;
       margin-bottom: 1vh;
  margin-left: -.6vw;
}


.nodes {
     display: inline-block;
    z-index: 12;
    }

.node {
    background-color: #28b8ce;
    color: #fff;
    padding-top: 2em;
  text-align: center;
  vertical-align: middle;
    border-radius: 50%;
  z-index: 12;
  margin: -.5em;
      width: 6em;
    height: 6em;
   font-size: .8em;
   }

.pinknodes {
     display: inline-block;
    z-index: 12;
    }

.pinknode {
    background-color: #e6017e;
    color: #fff;
    padding-top: 2em;
  text-align: center;
  vertical-align: middle;
    border-radius: 50%;
  z-index: 12;
  margin: -.5em;
      width: 6em;
    height: 6em;
   font-size: .8em;
   }



    typo-upper {
       font-size: .78889em;
    line-height: 1em;
    margin-bottom: 1em;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}


.artistgridtitle h4{
        color: #fff;
  font-weight:400;
   z-index: 10;
             }
  

#mainslider img {
}

#mainslider  .flexslider { 
      align-content: center;
       width: 80%;
  max-height: 60vh;
  border: 0px;
   
      }

#mainslider
{
    position: relative;
  text-align: center;
    overflow:hidden;
  max-height: 60vh;
}

#carousel .img{
      overflow:hidden;
}

#carousel
{
  margin-left: 5%;
    margin-right: 5%;
margin-top: %;
      overflow:hidden;
}


#mainslider .flex-direction-nav a:before {
    font-size: 40px;
    display: inline-block;
     font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f060";
    color: #e6017e;
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}

#mainslider .flex-direction-nav a.flex-next:before {
   font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";
  
}

#mainslider  .flex-direction-nav .flex-prev {
  left: 20px;
}
#mainslider .flex-direction-nav .flex-next {
  right: 20px;
  text-align: right;
}


#carousel  .flex-direction-nav a {
  text-decoration: none;
  width: 40px;
  height: 40px;
  top: 50%;
  z-index: 10;
   cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#carousel .flex-direction-nav a:before {
    font-size: 40px;
    display: inline-block;
     font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f060";
    color: #e6017e;
    text-shadow: 1px 1px 0 rgb(255 255 255 / 30%);
}

#carousel .flex-direction-nav a.flex-next:before {
   font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";
}

#bcara h5 {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2em;
    text-align: left;
    position: relative;
  margin-left: 5px;
  margin-top: 5px;
  text-decoration:none;
  color: var(--the7-h5-color);
    }

#bcara h6 {
  text-align: left;
  font-weight: 400;
  font-size: .8em;
  line-height: 1em;
  position: relative;
  margin-left: 5px;
  margin-top: 2px;
  text-decoration:none;
    color: #505755;
    }


#bcara a {
  text-decoration:none;
  text-transform: uppercase;
    text-decoration:none !important;
  }

#bcara {
  width: 80vw;
  max-height: 400px;
  min-height: 400px;
    overflow:hidden;
}

 #bcara .flexslider { 
       width: 100vw;
  margin-bottom: 2vh;
           }

#bcara .controls {
  width: 100px;
  padding-bottom: 2vh;
  margin-left: 10vw;
margin-top: -2em;
}

#bcara img
{
  min-width: 500px;
  min-height: 300px;
    max-height: 300px;
    position: relative;
  text-align: center;
      overflow:hidden;
        object-fit: cover;
}



.bslider{
  min-height: 30vh;
display: inline-block;

    margin-left: calc(50% - 40vw);
    margin-right: calc(50% - 40vw);
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-right: 5%;
  width: 100vw;
}

.rightarrow:after {
  color: #e6017e;
   font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a9";
    left: -0.5em;
  z-index: 3;
  font-size: 2em;
  text-decoration:none;
 }

.leftarrow:before {
  color: #e6017e;
   font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f0a8";
    left: -0.5em;
  z-index: 3;
  font-size: 2em;
text-decoration:none;
 }

.flex-next {
  
  text-decoration-line: none;
  
}

.flex-prev {
  
  text-decoration-line: none;
  
}


.resources{
 position:absolute;
  bottom:0;
  }



.splitcolumns {
  Width: 100%;
}
  
.splitcolumnleft {
    width:100%;
background-repeat: no-repeat; 
background-position: right 50%; 
background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  }
  
.splitcolumnright {
    width:100%;
background-repeat: no-repeat;   background-position: right 50%; 
background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  }
  
.splitcolumnright img {
      width: 100vw;
   height: 500px;
         min-height: 50vh;
    vertical-align: top;
     object-fit: cover;
    }
  
.splitcolumnleft img {
      width: 100vw;
   height: 500px;
         min-height: 50vh;
    vertical-align: top;
    object-fit: cover;
    }
  
  
@media (min-width: 52em) {
  .splitcolumnleft {
      width: 50%;
        float:right;
    }
  
 .splitcolumnright {
      width: 50%;
        float:left;
      }

.splitcolumns {
      content: "";
      display: table;
      clear: both;
    }

.splitcolumnleft img{
      width: 0vw;
      max-width: 50vw;
                   overflow:hidden;
    vertical-align: top;
    object-fit: cover;
      overflow:hidden;
    }
  
.splitcolumnright img{
    max-width: 0vw;
            min-height: 50vh;
      vertical-align: top;
    object-fit: cover;
      overflow:hidden;
    }
}

     







.latestnodes {
      background-color: #eb5c24;
        display: inline-block;
    z-index: 12;
  padding-left: .7em;
  padding-right: .7em;
       color: #fff;
       vertical-align: middle;
  z-index: 12;
        line-height: 2em;
     font-size: .9em;
  text-transform: uppercase;
  float: left;
   }



.projectnodes {
   background-color: #c7d537;
     display: inline-block;
    z-index: 12;
  padding-left: .7em;
  padding-right: .7em;
       color: #fff;
       vertical-align: middle;
  z-index: 12;
        line-height: 2em;
     font-size: .9em;
  text-transform: uppercase;
   }


  .bheadrow p {
    background: transparent;
  color: #fff;
  font-size: 28px;
    line-height: 36px;
  Font-weight: 400;
  font-family: 'sofia-pro', serif, "Trebuchet MS", sans-serif;
  z-index: 5;
  }

.bheadrow {
    min-height: 70vh;
      max-height: 70vh;
       background: rgba(0,0,0, 0.25);
     padding-top: 20vh;
    padding-right: 100px;
    padding-left: 100px;
     vertical-align: middle;
  text-align: center;
 }

  .bheadrow h2 {
    background: transparent;
  color: #fff;
  font-size: 28px;
    line-height: 36px;
  Font-weight: 400;
  font-family: 'sofia-pro', serif, "Trebuchet MS", sans-serif;
  z-index: 5;
  }


  @media only screen and (min-width: 800px) { 
.bheadrow h2 {
    background: transparent;
  color: #fff;
  font-size: 42px;
    line-height: 48px;
  Font-weight: 400;
  font-family: 'sofia-pro', serif, "Trebuchet MS", sans-serif;
  z-index: 5;
  }
}


  @media only screen and (min-width: 800px) { 
.bheadrow p {
    background: transparent;
  color: #fff;
  font-size: 42px;
    line-height: 48px;
  Font-weight: 400;
  font-family: 'sofia-pro', serif, "Trebuchet MS", sans-serif;
  z-index: 5;
  }
}

@media only screen and (max-width: 1000px) and (min-width: 600px) {
.bheadrow {
    min-height: 70vh;
      max-height: 70vh;
       background: rgba(0,0,0, 0.25);
     padding-top: 28vh;
    padding-right: 10px;
    padding-left: 10px;
     vertical-align: middle;
  text-align: center;
 }
}

@media only screen and (max-width: 599px) and (min-width: 100px) {
.bheadrow {
    min-height: 70vh;
      max-height: 70vh;
       background: rgba(0,0,0, 0.25);
     padding-top: 25vh;
    padding-right: 10px;
    padding-left: 10px;
     vertical-align: middle;
  text-align: center;
 }
}

@media only screen and (max-width: 800px) and (min-width: 200px) {
  .bheadrow h2 {
    background: transparent;
  color: #fff;
  font-size: 22px;
    line-height: 26px;
  Font-weight: 400;
  font-family: 'sofia-pro', serif, "Trebuchet MS", sans-serif;
  z-index: 5;
  }
  }

.SupportB {
  text-transform: uppercase;
  border-radius: 2em;
padding-left: 30px;
  padding-right: 30px;
  padding-top: 8px;
    padding-bottom: 8px;
  font-weight: 600;
  margin: 0.25em;
  background: transparent !important;
  display: inline-block;
  color: #fff !important;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
    }
*,
*:before,
*:after {
  box-sizing: border-box;
}
.SupportB {
    box-shadow: 0px 0px 0px 1px #fff !important;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;align-content}

.SupportB:hover {
  box-shadow: 0px 0px 0px 2px #fff !important;
  background: none !important;
}

.butblack a{
      color: #000;
}

.butblack {
  text-transform: uppercase;
  border-radius: 2em;
padding-left: 30px;
  padding-right: 30px;
  padding-top: 8px;
    padding-bottom: 8px;
  font-weight: 600;
  margin: 0.25em;
  background: transparent !important;
  display: inline-block;
  color: #000 !important;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
    }
*,
*:before,
*:after {
  box-sizing: border-box;
}
.butblack {
    box-shadow: 0px 0px 0px 1px #000 !important;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;align-content}

.butblack:hover {
  box-shadow: 0px 0px 0px 2px #000 !important;
  background: none !important;
}

.butwhite {
    text-transform: uppercase;
  border-radius: 2em;
padding-left: 30px;
  padding-right: 30px;
  padding-top: 8px;
    padding-bottom: 8px;
  font-weight: 600;
  margin: 0.25em;
  background: transparent !important;
  display: inline-block;
  color: #fff !important;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
    }
*,
*:before,
*:after {
  box-sizing: border-box;
}
.butwhite {
    box-shadow: 0px 0px 0px 1px #fff !important;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;align-content}

.butwhite:hover {
  box-shadow: 0px 0px 0px 2px #fff !important;
  background: none !important;
}


 .allblack p {
    color: #000 !important;
    font-weight: 400;
  font-size: 18px;
  line-height: 24px;
    }

.allblack h1 {
 color: #2a282a !important;
    }

.allblack h1 {
 color: #2a282a !important;
  font-weight: 600;
  font-size: 38px;
  line-height: 48px;
}
  .allblack h2 {
 color: #2a282a !important;
  font-weight: 600;
  font-size: 38px;
  line-height: 48px;
}
      .allblack h3 {
 color: #2a282a;
  font-weight: 600;
  font-size: 38px;
  line-height: 48px;
}
    
    }
.allblack h3 {
 color: #2a282a;
      font-size: 32pt;
  line-height: 34pt;
    }

.allblack h4 {
    font-size: 16px;
  line-height: 24px;
  font-weight: 600;
    text-transform: uppercase;
    color: #2a282a !important;
    }

.allwhite p {
      color: #fff !important;
      font-weight: 400;
  font-size: 18px;
  line-height: 24px;
    }

.allwhite h1 {
  color: #fff;
    font-weight: 600;
  font-size: 38px;
  line-height: 48px;
    }

.allwhite h2 {
  color: #fff;
    font-weight: 600;
  font-size: 38px;
  line-height: 48px;
    }
.allwhite h3 {
  color: #fff;
    font-weight: 600;
  font-size: 38px;
  line-height: 48px;
    }

.allwhite h4 {
    font-size: 16px;
  line-height: 24px;
  font-weight: 600;
    text-transform: uppercase;
    text-transform: uppercase;
    color: #fff !important;
    }



@media (max-width: 768px) {
 .allblack p {
    color: #000 !important;
    font-weight: 400;
  font-size: 16px;
  line-height: 24px;
    }

.allblack h1 {
 color: #2a282a !important;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  }
  .allblack h2 {
 color: #2a282a !important;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  }
  .allblack h3 {
 color: #2a282a !important;
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  }

.allwhite p {
      color: #fff !important;
      font-weight: 400;
  font-size: 16px;
  line-height: 24px;
    }

.allwhite h1 {
  color: #fff;
    font-weight: 600;
  font-size: 24px;
  line-height: 32px;
    }
.allwhite h2 {
  color: #fff;
    font-weight: 600;
  font-size: 24px;
  line-height: 32px;
    }
  .allwhite h3 {
  color: #fff;
    font-weight: 600;
  font-size: 24px;
  line-height: 32px;
    }
}

.team-content
{
  text-align:left !important;
}


.vrow h3 {
    font-weight: 600;
  font-size: 1.4em;
  line-height: 1.2em;
    text-align: left;
   margin-top: 5px;
  text-decoration:none;
  color: var(--the7-h5-color);
    }

.viddiv{
padding-top: .5vh;
padding-left: calc(50% - 40vw);
padding-right: calc(50% - 40vw);
vertical-align: top;
  text-align: center;
}


#viddesc {
padding-left: calc(50% - 40vw);
padding-right: calc(50% - 40vw);
        border: 0px solid #f00;
  text-align: left;
    vertical-align: top;
        }


.threewordsdiv:before{
   font-family: sans-serif;
  font-style: italic;
        font-weight: 800;
    margin-right: .4em;
    display: inline-block;
    content: "///";
    width: 20px;
    height: 20px;
    
}


.supportpage {
   background-color: #eff2ec;
     width: 100vw;
  }

.supportinner {
  background-color: #eff2ec;
    vertical-align: middle;
 margin-left: calc(50% - 40vw);
    margin-right: calc(50% - 40vw);
  }

.supportinner2 {
  background-color: #eff2ec;
    display: table-cell;
    vertical-align: middle;
    margin-left: 5%;
  padding-right: 15%;
}

.sharediv{
  right: 50%;
  
}

.gridtitle a{
  color: #000;
    text-transform: uppercase;
}


.bheader {
      margin-left: calc(50% - 50vw);
  width: 100vw;
  min-height: 70vh;
  max-height: 70vh;
  padding-left: -2%;
  padding-top: -2%;
  padding-right: -2%;
    border: 0px;
    background-repeat: no-repeat;     background-position: right 50%; 
  background-size: 100%;
  background:no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }

@media only screen and (max-width: 1000px) and (min-width: 600px) {
  .bheader {
      margin-left: calc(50% - 50vw);
  width: 100vw;
  min-height: 70vh;
  max-height: 70vh;
  padding-left: -2%;
  padding-top: -2%;
  padding-right: -2%;
    border: 0px;
    background-repeat: no-repeat;     background-position: right 50%; 
  background-size: 100%;
  background:no-repeat left center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }
}

@media only screen and (max-width: 599px) and (min-width: 100px) {
  .bheader {
      margin-left: calc(50% - 50vw);
  width: 100vw;
  min-height: 70vh;
  max-height: 70vh;
  padding-left: -2%;
  padding-top: -2%;
  padding-right: -2%;
    border: 0px;
    background-repeat: no-repeat;     background-position: right 50%; 
  background-size: 100%;
  background:no-repeat left 20% center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }
}

.projectdiv {
      margin-left: calc(50% - 50vw);
  width: 100vw;
  padding-left: calc(50% - 40vw);
  padding-top: 2%;
  padding-bottom: 2%;
  padding-right: calc(50% - 40vw);
    background-color: #eff2ec;
      }

.projectdiv h4 {
    padding-left: 2%;
   color: #000 !important;
  text-transform: uppercase;
}

.titlediv h4{
 position: relative;
}

.projectinner {
      text-decoration: none !important;
  color:#000000 !important;
    margin: auto;
 display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.projectinner::after {
  content: "";
  flex: auto;
}

.projectinner>* {
        flex: 1 1 160px;
    }

.projectinner a {
  text-decoration: none !important; 
  color:#000000 !important;
}


.projectcontainer {
  max-width: 300px;
    min-width: 300px;
    background-color: #ffffff !important;
  margin: 2%;
display: absolute;
position: relative;
  }

.projectcontainer h2{
  text-transform: uppercase;
  color: #000;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  font-family: sofia-pro, "Trebuchet MS", sans-serif;
}

.innerimg{
      width: 100%;
   background-repeat: no-repeat;     background-position: right 50%; 
  background-size: 100%;
  background:no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }

.innerimg img {
  width: 100%;
height: 200px; 
  object-fit: cover;
}

.innertext{
    width: 100%;
    padding: 5%;
  }

.arrowbottom {
  position: absolute; 
  bottom:0;
right: 0;
  margin-right: 1em;
}



.projectinner a {
  text-decoration: none !important; 
  color:#000000 !important;
}

.nodes2 {
     display: inline-block;
    z-index: 12;
  margin-bottom: .5em;
      }
.latestnode2 {
    background-color: #eb5c24;
 color: #fff;
     z-index: 12;
   padding-right: .4em;
   padding-left: .4em;
  font-size: .8em;
    text-transform: uppercase;
   }
.newsnode2 {
    background-color: #6f7678;
 color: #fff;
     z-index: 12;
   padding-right: .4em;
   padding-left: .4em;
  font-size: .8em;
    text-transform: uppercase;
   }
.eventnode2 {
    background-color: #e6017e;
  color: #fff;
     z-index: 12;
   padding-right: .4em;
   padding-left: .4em;
  font-size: .8em;
    text-transform: uppercase;
   }
.projectnode2 {
    background-color: #c7d537;
    color: #fff;
     z-index: 12;
   padding-right: .4em;
   padding-left: .4em;
  font-size: .8em;
    text-transform: uppercase;
   }
.resourcenode2 {
    background-color: #614389;
    color: #fff;
     z-index: 12;
   padding-right: .4em;
   padding-left: .4em;
  font-size: .8em;
    text-transform: uppercase;
   }
.artistnode2 {
    background-color: #28b8ce;
  color: #fff;
     z-index: 12;
   padding-right: .4em;
   padding-left: .4em;
  font-size: .8em;
    text-transform: uppercase;
   }

.newsnodes {
     background-color: #6f7678;
      display: inline-block;
    z-index: 12;
  padding-left: .7em;
  padding-right: .7em;
       color: #fff;
       vertical-align: middle;
  z-index: 12;
        line-height: 2em;
     font-size: .9em;
  text-transform: uppercase;
   }

.artistnodes {
     background-color: #e6017e;
      display: inline-block;
    z-index: 12;
  padding-left: .7em;
  padding-right: .7em;
       color: #fff;
       vertical-align: middle;
  z-index: 12;
        line-height: 2em;
     font-size: .9em;
  text-transform: uppercase;
   }


.catnodes {
  color: #000000ee;
      background-color: #ffffffa6;
     display: table-cell;
    z-index: 4;
  padding-left: .7em;
  padding-right: .7em;
             vertical-align: middle;
        line-height: 2em;
     font-size: .9em;
  text-transform: uppercase;
   }

.eventnodes {
    background-color: #e6017e;
      display: inline-block;
    z-index: 12;
  padding-left: .7em;
  padding-right: .7em;
       color: #fff;
       vertical-align: middle;
  z-index: 12;
        line-height: 2em;
     font-size: .9em;
  text-transform: uppercase;
   }
.portfoliodiv {
    margin-left: calc(50% - 50vw);
    width: 100vw;
    padding-left: calc(50% - 40vw);
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: calc(50% - 40vw);
    background-color: #614389;
}

.portfoliodiv h4 {
  padding-left: 2%;
   color: #fff !important;
  text-transform: uppercase;
}

.portfolioinner {
      text-decoration: none !important;
  color:#000000 !important;
    margin: auto;
  display: flex;
    flex-flow: row wrap;
  justify-content: space-between;
}


.portfolioinner>* {
        flex: 1 1 100px;
    }

.portfolioinner::after {
  content: "";
  flex: auto;
}

.portfolioinner a {
    text-decoration: none !important; 
  color:#000000 !important;
}

.portfoliocontainer {
  max-width: 300px;
  min-width: 300px;
    background-color: #ffffff !important;
  margin: 2%;
display: absolute;
position: relative;
  }

.portfoliocontainer h2{
  text-transform: uppercase;
  color: #000;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  font-family: sofia-pro, "Trebuchet MS", sans-serif;
}


@media only screen and (max-width: 599px) and (min-width: 100px) {
.arrowright{
display:none;
  }
}

.linkartistdiv {
      margin-left: calc(50% - 50vw);
  width: 100vw;
  padding-left: calc(50% - 40vw);
  padding-top: 2%;
  padding-bottom: 2%;
  padding-right: calc(50% - 40vw);
    background-color: #614389;
}

.linkedartistdiv {
      margin-left: calc(50% - 50vw);
  width: 100vw;
  padding-left: calc(50% - 40vw);

  padding-right: calc(50% - 40vw);
}


.linkartistdiv h4 {
  padding-left: 2%;
   color: #000 !important;
  text-transform: uppercase;
}

.linkartistinner {
      text-decoration: none !important;
  color:#000000 !important;
    margin: auto;
   display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.linkartistinner::after {
  content: "";
  flex: auto;
} 

.linkartistinner>* {
        flex: 1 1 160px;
    }

.linkartistinner a {
    text-decoration: none !important; 
  color:#000000 !important;
}

.linkartistcontainer {
  min-width: 200px;
  max-width: 200px;
  min-height: 200px;
  margin: 1%;
display: absolute;
position: relative;
  }

.innertextart {
  text-align: center;
}

.innertextart h2{
  text-transform: uppercase;
  color: #000;
  padding-top: 1em;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  font-family: sofia-pro, "Trebuchet MS", sans-serif;
  
}

.innerimgart {
 border-radius: 50%;
 height: 200px;
 width: 200px;
 overflow: hidden;
 display: flex;
 justify-content: center;
 align-items: center;
}

.innerimgart img{
   height: 200px;
 width: 200px;
        -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

.bcontentcolumnleft ul {
      font-size: 0.8em;
  color: #6f7678 !important;
  text-transform: uppercase;
  font-weight: 600;
    padding-left: 30px;
    margin-right: 20%;
   list-style-type: none;

}

.bcontentcolumnleft li:before {
  display: inline-block;
  content: "-";
  text-indent: -1em;
}


.dategriddiv {
  color: #565050c2;
  font-size: 1em;
 }

.locationgriddiv {
  color: #565050c2;
  font-size: 1em;
 }

.locationgriddiv:before {
  color: #565050c2;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";
    left: -0.5em;
  padding-right: .5em;
  z-index: 3;
 }


.acflocationgriddiv {
  color: #565050c2;
  font-size: 1em;
 margin-top: -1em;
   
  }

.acflocationgriddiv ul{
overflow:hidden;
}
.acflocationgriddiv li{
display:inline-block;
}

.acflocationgriddiv:before {
  color: 
#28b8ce;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";
float:left;
 }

.acflocationgriddiv a {
  color: #333;
  font-size: 1em;
 margin-right: 1em;
  text-decoration: none;
  }

.acflocationgriddiv ul {
    list-style-type: none;
   }

.acflocationgriddiv li:before {
 margin:0 5px 0 -15px;
  font-family: FontAwesome;
  content: ", ";
  color: #28b8ce;
}

.startdategriddiv {
  color: #333;
  font-size: 1em;
 }

.startdategriddiv:before {
  color: #28b8ce;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073";
    left: -0.5em;
    padding-right: .5em;
     top: 0.4em;
  z-index: 3;
 }

.enddategriddiv {
  color: #565050c2;
  font-size: 1em;
 }
.enddategriddiv:before {
  color: #28b8ce;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073";
    left: -0.5em;
    padding-right: .5em;
     top: 0.4em;
  z-index: 3;
 }


.gridtitle h4{
  text-transform: uppercase;
  color: #000;
  text-decoration: none;
  font-size: 1em;
}


.locatediv:before {
    color: #444;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";
  padding-right: .15em;
  z-index: 3;
  margin-left: .2em
 }
.locatediv { 
    color: #444;
   letter-spacing: 1px;
   padding-top: 1.4em;
  
}


.arrowbottom2 {
  
  position: absolute; 
  margin-bottom: -2em;
  bottom:0;
right: 0;
  margin-right: 1em;
}



.arrowright{
position:relative;
float:right;    z-index: 5;
  }

.arrowbutwhite {
  text-transform: uppercase;
  color: #fff !important;
  cursor: pointer;
    text-decoration: none;
    font-size: 1em;
  }

.arrowbutwhite a {
  text-decoration: none;
    color: #fff !important;
  }

.arrowbutwhite:after {
  color: #fff;
      font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f061";
    left: -0.5em;
  z-index: 3;
 }

.arrowbutblack {
  text-transform: uppercase;
  color: #e6017e !important;
  cursor: pointer;
  font-size: 1em;
  text-decoration: none;
  }

.arrowbutblack a {
  text-decoration: none;
    color: #e6017e !important;
  }

.arrowbutblack:after {
  color: #e6017e;
      font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f061";
    left: -0.5em;
  z-index: 3;
 }

.arrowbutpink {
  text-transform: uppercase;
  color: #e6017e !important;
  cursor: pointer;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
 
  }

.arrowbutpink a {
  text-decoration: none !important;
    font-weight: 600 !important;
    color: #e6017e !important;
  }

.arrowbutpink:after {
  color: #e6017e;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";
    left: -0.5em;
  z-index: 3;
   }



.arrowfootwhite {
  text-transform: uppercase;
  color: #fff !important;
  cursor: pointer;
    text-decoration: none;
    font-size: 1em;
  margin-top: -2em;
  }

.arrowfootwhite a {
  text-decoration: none;
    color: #fff !important;
  }

.arrowfootwhite:after {
  color: #fff;
      font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f061";
    left: -0.5em;
  z-index: 3;
 }

.arrowfootblack {
  text-transform: uppercase;
  color: #e6017e !important;
  cursor: pointer;
  font-size: 1em;
  text-decoration: none;
    margin-top: -2em;
  }

.arrowfootblack a {
  text-decoration: none;
    color: #e6017e !important;
  }

.arrowfootblack:after {
  color: #e6017e;
      font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f061";
    left: -0.5em;
  z-index: 3;
 }

.arrowfootpink {
  text-transform: uppercase;
  color: #e6017e !important;
  cursor: pointer;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  margin-top: -2em;
  }

.arrowfootpink a {
  text-decoration: none;
    color: #e6017e !important;
  }

.arrowfootpink:after {
  color: #e6017e;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f061";
    left: -0.5em;
  z-index: 3;
   }

.address
{
  margin-left:25%;
}



.bslider .flex-control-nav {
  display: none;

}


.resourcepostdiv h4 {
   color: #fff !important;
  text-transform: uppercase;
}


.resourcediv {
      margin-left: calc(50% - 50vw);
  width: 100vw;
  padding-left:  calc(50% - 40vw);
  padding-top: 2%;
  padding-bottom: 2%;
  padding-right: calc(50% - 40vw);
    background-color: #eb5c24;
}

.resourcediv h4 {
  padding-left: 2%;
   color: #fff !important;
  text-transform: uppercase;
}

.resourceinner {
      text-decoration: none !important;
  color:#000000 !important;
    margin: auto;
 display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.resourceinner::after {
  content: "";
  flex: auto;
}

.resourceinner>* {
        flex: 1 1 100px;
    }

.resourceinner a {
    text-decoration: none !important; 
  color:#000000 !important;
}

.resourcecontainer {
  max-width: 300px;
  min-width: 300px;
    background-color: #ffffff !important;
  margin: 2%;
display: absolute;
position: relative;
  }

.resourcecontainer h2{
  text-transform: uppercase;
  color: #000;
  font-size: 28px;
  line-height: 32px;
  font-weight: 600;
  font-family: sofia-pro, "Trebuchet MS", sans-serif;
}


.sub-nav {
  display:block!important;
}


.bc-left {
  display:none;
    Padding: .5em;
    position: relative;
  overflow: hidden;
    z-index: 6;
      margin-top: -4vh;
       margin-bottom: 1vh;
  margin-left: 10vw;
}


.artimage {
  width: 15em;
  height: 15em;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: inline-block;
    z-index: 6;
      margin-top: -20vh;
       margin-bottom: 1vh;
  margin-left: 10vw;
}

.artimage img {
  min-width: 100%;
  min-height: 100%;
  height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    /* font-family: 'object-fit: cover; object-position: center;'; */
  
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

 .brow {
  padding-left: calc(50% - 40vw);
  padding-right: calc(50% - 40vw);
  border: 0px;
     padding-top: 25px;
    padding-bottom: 50px;
}

.bdatesrow {
    padding-top: 30px;
    padding-left: calc(50% - 40vw);
    padding-right: calc(50% - 40vw);
	 margin-bottom: 30px;
}

.browcall {
   
    padding-left: calc(50% - 40vw);
    padding-right: calc(50% - 40vw);
    border: 0px;
    padding-bottom: 0px;
    flex-wrap: wrap;
    justify-content: space-between;
  flex-direction: row-reverse; }

 .vrow {
     margin-left: calc(50% - 50vw);
         border: 0px;
   padding-right: calc(50% - 40vw);
    padding-left: calc(50% - 40vw);
  padding-top: 2vh;
    padding-bottom: 2vh;
}

.bsupportleft {
  background-image: url("/wp-content/uploads/2022/05/LEFTArtboard-1_1.svg");
  background-repeat: no-repeat;    background-attachment: relative;
 background-position: left 50%; 
  background-size: 25vh;
      margin-left: calc(50% - 50vw);
  width: 100vw;
  padding-left: calc(50% - 30vw);
  padding-top: 18vh;
  padding-bottom: 18vh;
  padding-right: calc(50% - 40vw);
  border: 0px;
 }

.bsupportright {
  background-image: url("/wp-content/uploads/2022/05/b-side-target-pink-HALF.svg");
  background-repeat: no-repeat;    background-attachment: relative;
 background-position: right 50%; 
  background-size: 25vh;
      margin-left: calc(50% - 50vw);
  width: 100vw;
  padding-left: calc(50% - 40vw);
  padding-top: 18vh;
  padding-bottom: 18vh;
  padding-right: calc(50% - 30vw);
  border: 0px;
 }

@media (max-width: 600px) {
.bsupportleft {
    background-image:  none !important;
   padding-left: 10vw; !important;
  padding-top: 10vh !important;
  padding-bottom: 10vh !important;
  padding-right: 10vw !important;
}
}

@media (max-width: 600px) {
.bsupportright {
    background-image:  none !important;
       padding-left: 10vw; !important;
  padding-top: 10vh !important;
  padding-bottom: 10vw !important;
  padding-right: 10vh !important;
}
}

.bsplitrow {
margin-left: calc(50% - 50vw);
width: 100vw;

 }
 .wpcf7-submit {
       border-radius: 25px !important;
    border: 2px solid #E6017E;
      padding: 0.375em 1em 0.325em;
     margin-left: 0.625em;
  cursor: pointer;
      box-shadow: 0px 0px 0px 2px #fff !important;
  transition: box-shadow 0.6s linear;
  margin: 0.5em;
 }

.wpcf7-submit:hover {
  border-radius: 25px !important;
    border: 2px solid #E6017E;
     padding: 0.375em 1em 0.325em;
       margin-left: 0.625em;
     box-shadow: 0px 0px 0px 3px #fff !important;
  background: none !important;
 }


  input[type=email] {
    border-radius: 25px;
}
input[type=text] {
    border-radius: 25px;
}
input[type=email] {
    border-radius: 25px;
}
textarea {
    border-radius: 25px;
  padding: 20px
}

input[type=tel] {
    border-radius: 25px;
}

.singlecol {
  position: relative;
  }

.slideshowrow h3 {
margin: 0 0 2px 5px;
}

@media (max-width: 768px){
.slideshowrow {
  margin-top: 80px;
}
}

@media (min-width: 769px) and (max-width: 1468px) {
.slideshowrow {
  margin-top: 70px;
}
}

@media (min-width: 1469px){
.slideshowrow {
  margin-top: 30px;
}
}

.slideshowrow {
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;

  padding-top: 20px;
    margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
    padding-left: calc(50% - 40vw);
    padding-right: calc(50% - 40vw);
}

.controls {
  display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: 10px;
}

.custom-navigation {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100px;
margin: 0 10px;
}



.mec-events-event-image img {
      block-size: auto;
    display: block;
    width: 100% !important;
    max-height: 70vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    /* font-family: 'object-fit: cover; object-position: center;'; */
}
  
.mec-events-event-image {
  margin-top: -4vh;
     margin-left: calc(50% - 50vw);
  width: 100vw;
  max-height: 70vh;
   display: none;
    border: 0px;
    background-repeat: no-repeat;     background-position: right 50%; 
  background-size: 100%;
  background:no-repeat left center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }

.mec-single-event .mec-map-get-direction-btn-cnt input {
  border-radius: 25px !important;
}
.mec-wrap .button {
  border-radius: 25px !important;
}

.mec-single-event {
margin-top: 0px;
}

.headerimage img {
      block-size: auto;
    display: block;
    width: 100% !important;
    max-height: 60vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    /* font-family: 'object-fit: cover; object-position: center;'; */
}

@media (min-width: 960px) {
.mecsidebox {
    width: 35%;
}
}

@media only screen and (max-width: 7660px) and (min-width: 1401px) {
  .sidesectionr {
    margin-right: 2vw;
 width: 360px;
}
}


@media only screen and (max-width: 1400px) and (min-width: 1201px) {
  .sidesectionr {
    margin-right: 2vw;
 width: 320px;
}
}

@media only screen and (max-width: 1200px) and (min-width: 976px) {
  .sidesectionr {
    margin-right: 2vw;
 width: 280px;
}
}


@media only screen and (max-width: 1070px) and (min-width: 1000px) {
  .sidesectionr a{
font-size: .8em;
  }
}






.mecartistdiv h4 {
    text-align: center; 
  text-transform: uppercase;
}

.mecartistinner {
   justify-content: center;
 align-items: center;
        text-decoration: none !important;
  color:#000000 !important;
    margin: auto;
display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


.mectitle h4{
color: #96a02a !important;
  font-size: 14pt;
  line-height: 16pt;
  padding-left: 10pt;
padding-right: 10pt;
}

.mecartistinner a {
    text-decoration: none !important; 
  color:#000000 !important;
}

.mecartistcontainer {
  min-width: 200px;
  max-width: 200px;
  min-height: 200px;
  margin: 1%;
display: absolute;
position: relative;
  }

.extras {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-left: calc(50% - 40vw);
    padding-top: 2%;
    padding-bottom: 2%;
    margin-right: calc(50% - 40vw);
}

@media (max-width: 960px) {
    .extras {
        grid-template-columns: 1fr;
    }
}

.mecartistdiv {
    margin-bottom: 30px;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 2%);
}
   


.mecprojectdiv {
 margin-bottom: 30px;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 2%);
}

.mecprojectdiv h4 {
    text-align: center; 
  text-transform: uppercase;
}

.mecprojectinner {
   justify-content: center;
 align-items: center;
        text-decoration: none !important;
  color:#000000 !important;
    margin: auto;
  display: flex;
  flex-wrap: wrap;
}


.mecproject h4{
color: #96a02a !important;
  font-size: 14pt;
  line-height: 16pt;
  padding-left: 10pt;
padding-right: 10pt;
}

.mecprojectinner a {
    text-decoration: none !important; 
  color:#000000 !important;
}

.mecprojectcontainer {
  padding: 1em;
   margin: 1em;
  }

@media (min-width: 961px) {
.mecprojectdiv {
    max-width: 30%;
    margin-left: 0.2vw;
  margin-right: 0vw;
  margin-bottom: 30px;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 2%);
}
}
  
  .innertextproject {
  text-align: center;
}

.innertextproject h2{
  text-transform: uppercase;
  color: #000;
  padding-top: 1em;
  font-size: 20px;
  line-height: 32px;
  font-weight: 600;
  font-family: sofia-pro, "Trebuchet MS", sans-serif;
  
}

.innerimgproject {
    border-radius: 50%;
    height: 200px;
    width: 200px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

  .innerimgproject img {
    height: 200px;
    width: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center; }

  
.mecheader {
  margin-top: -4vh;
  margin-left: calc(50% - 50vw);
  width: 100vw;
  max-height: 60vh;
   display: table;
    border: 0px;
    background-repeat: no-repeat;     background-position: top right 50%; 
  background-size: 100%;
  background:no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }

.mecheaderimage img {
      block-size: auto;
    display: block;
    width: 100% !important;
    max-height: 60vh;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    /* font-family: 'object-fit: cover; object-position: center;'; */
}

.mobile-header-bar {
      max-height: 2vh;
}

.mobile-branding{
  padding-left: 5vw;
}

.pagetitle {
  position: auto;
  Padding-top: 1.5em;
   Padding-bottom: .2em;
  overflow: hidden;
  display: inline-block;
    z-index: 5;
       margin-left: 0%;
   }
.pagetitle h2 {
  color: #000 !important;
 font-size: 3.3em;
    line-height: 1em;
  font-weight: 600;
    }
.eventpagetitle {
  position: auto;
  Padding-top: 1.5em;
  padding-left: 0.5em;
     Padding-bottom: .2em;
  overflow: hidden;
  display: table;
    z-index: 5;
     margin-left: 0%;
}

.eventpagetitle h2 {
  color: #000 !important;
  font-size: 3.3em;
  line-height: 1em;
  font-weight: 600;
     }  



.header {
  margin-top: -4vh;
  margin-left: calc(50% - 50vw);
  width: 100vw;
  max-height: 60vh;
   display: table;
    border: 0px;
    background-repeat: no-repeat;     background-position: top right 50%; 
  background-size: 100%;
  background:no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }


.vc-acf-field-picker-field-type-file a {
      color: #fff !important;
  text-decoration: none;
   background: #E6017E;
  border-radius: 25px;
    border: 2px solid #E6017E;
      padding: .375em 2em 0.325em;
       margin-left: 0.625em;
  cursor: pointer;
  text-align: center;
 }

.vc-acf-field-picker-field-type-file a:hover{
  color: #E6017E !important;
      background: #fff;
  border-radius: 25px;
    border: 2px solid #E6017E;
    text-decoration: none;
 }

.artistbutton a {
    color: #fff !important;
  text-decoration: none;
   background: #E6017E;
  border-radius: 25px;
    border: 2px solid #E6017E;
      padding: .375em 2em 0.325em;
       margin-left: 0.625em;
  cursor: pointer;
  text-align: center;

 }

.artistbutton a:hover{
  color: #E6017E !important;
      background: #fff;
  border-radius: 25px;
    border: 2px solid #E6017E;
    text-decoration: none;
 }

.vc-acf-field-picker-field-label {
    font-weight: bold;
    line-height: 3em;
}

.vc-acf-field-picker-field{
   margin: .5em;
}

.mecresource {
  text-align: center;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 2%);
  color: #000;
    margin-bottom: 1em;
}

.mecblock {
    color: #fff;
font-family: sofia-pro, sans-serif;
font-weight: 400;
font-size: 2em;
  font-style: normal;
  text-align: center;
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 2%);
  color: #000;
  margin-bottom: 1em;
}

.artistbutton {
      background: #fff;
  border-radius: 0px;
    border: 0px ;
   margin-top: 20px;
 }

.pinkbutton {
  border-radius: 25px;
    border: 2px !important;
   border-color: #e6017e !important;
 }

.pinkbutton:hover {
      background: #fff;
  border-radius: 25px;
    border: 2px !important;
   border-color: #e6017e !important;
 }


.archivedtext {
  padding: .3em;
    background: #EB5C24;
  overflow: hidden;
  display: inline-block;
  z-index: 7;
      margin-top: -25vh;
       margin-bottom: 8vh;
    margin-left: 25vw;
   margin-right: 5vw;
  font-size: 1em;
}

.archivedtext h4 {
  color: #fff !important;
  text-decoration: none;
    font-size: 1em;
      }

.archivedtext a {
  color: #fff !important;
  text-decoration: none;
      }




.ll-skin-melon .ui-widget {
       font-size: 100%;
    background: #ffffff;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
    -webkit-box-shadow: 0 0 3px rgb(0 0 0 / 30%);
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
}

.ll-skin-melon .ui-datepicker .ui-datepicker-title {
    margin-top: 0.4em;
    margin-bottom: 0.3em;
    color: #333;
}

.searchandfilter {
text-align: justify;
  }

.sf-input-select {
  width: 300px;
    border-style: solid;
  border: 1px;
  border-radius: 25px;
     font-size: .8em;
     letter-spacing: 1.5px;
    background-color: #ffffff;
     }

.sf-field-search input{
  width: 300px;
    border-style: solid;
  border: 1px;
  border-radius: 25px;
     font-size: .8em;
     letter-spacing: 1.5px;
    background-color: #ffffff;
     }

.searchandfilter input[type="submit"] {
    border-radius: 25px !important;
}

.search-filter-reset
{
  font-weight: 600;
     cursor:pointer;
            color: #6f7678 !important;
   font-size: .8em;
  line-height: 3.2em;
    text-transform: uppercase;
    letter-spacing: 1.5px;
text-decoration: none;
  }

.sf_date_field input{
  width:300px;
    border-style: solid;
  border: 1px;
  border-radius: 25px;
     font-size: .8em;
  margin-top: -1em;
     letter-spacing: 1.5px;
    background-color: #ffffff;
  margin-right: 20px;
     }

@media (min-width: 768px)
{
.sf-field-post-meta-eventdate_start > ul > li {
  display: inline-block;
  vertical-align: top;
}
}
  
@media (min-width: 768px)
{
.sf-field-post-meta-start_date > ul > li {
  display: inline-block;
  vertical-align: top;
}
  
}

@media (min-width: 768px)
{
.searchandfilter > ul > li {
  display: inline-block;
  vertical-align: top;
  padding: 10px 10px;
}
}

.vc_btn3-inline a {
    color: #E6017E !important;
}
  
.searchandfilter[data-sf-form-id="5136"]  input[type="submit"] {
     cursor:pointer;
      border-style: solid;
  border-radius: 25px;
    border: 2px solid #000;
      color: #000 !important;font-weight: 400;
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: 1.5px;
        border-radius: 25px;
    background-color: #ffffff;
  margin-top: 1em;
}

.searchandfilter[data-sf-form-id="5136"] input {
    border-style: solid;
  border-radius: 25px;
        color: #000 !important;font-weight: 400;
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: 1.5px;
        border-radius: 25px;
    background-color: #ffffff;
    margin-top: 1.1em;
  }
  
  
  
.mec-wrap .mec-totalcal-box input, .mec-wrap .mec-totalcal-box select {
    border: 1px solid #333 !important;
  }
  
  
.mec-wrap .mec-totalcal-box .mec-search-reset-button .mec-button {
  position: absolute !important;
  margin: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  padding: 9px 25px !important;
  border-radius: 25px !important;
  background: #fff !important;
  color: #333 !important;
  border-top: 1px solid !important;
  border-left: 1px solid !important;
  border-color: #fff !important;
  overflow: hidden !important;
}

  
  .mec-wrap .mec-totalcal-box input,
.mec-wrap .mec-totalcal-box select,
.mec-checkboxes-search .mec-searchbar-category-wrap,
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
  width: auto;
  border-radius: 25px !important;
  min-height: 36px;
  height: 36px;
  line-height: 36px;
  background: #fff;
  font-size: 13px;
  color: #777;
  border: 0px solid #efefef;
  margin: 0 0 0 -1px;
  float: left;
  padding: px 15px 0px 15px;
}
  
  .mec-wrap .mec-totalcal-box {
  position: relative;
  border: 0px solid #efefef;
  padding: 0em 0em 2em 1em;
  margin: 0 0 20px;
  background: #ffffff;
  overflow: hidden;
  box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.012);
  min-height: 78px;
}
  
.mec-wrap .mec-totalcal-box input:focus{
  border: 1.2px solid #000 !important;
}

.mec-wrap .mec-totalcal-box input[type=search]:focus {
  border: 1.2px solid #000 !important;
}

.mec-wrap .mec-totalcal-box input{
  margin-left:10px;
  padding-left: 10px;
  color: #000 !important;
    border: 1px solid #000 !important;
}

.mec-wrap .mec-totalcal-box input[type=search] {
  margin-left:10px;
    width: calc(90% - 36px);
    color: #000 !important;
  border: 1px solid #000 !important;
}

  .mec-wrap .mec-totalcal-box i {
 border: none;
    color: #e6017e;
  }

  .mec-wrap .mec-totalcal-box i::before {
    float: left;
    width: 36px;
    height: 36px;
       text-align: center;
  margin-top: -10px;
    font-size: 35px;
    color: #e6017e;
}
    .mec-wrap .mec-totalcal-box label {
    display: none;
}
  
  .mec-search-form .mec-dropdown-wrap {
    display: table;
    width: 100%;
    margin-bottom: 20px;
}
  
  .mec-wrap .mec-totalcal-box .mec-search-reset-button .mec-button:hover {
    background: #9d9d9d!important;
    color: #fff!important;
    border-color: #9d9d9d!important;
}
  
  .mec_date_picker_dynamic_format_end{
    float: none !important;
    width: 40% !important;
      margin-left: 3px !important;
  }

  .mec_date_picker_dynamic_format_start{
    float: none !important;
    width: 40% !important;
      margin-right: 3px !important;
  }


  .mec-timepicker-end{
    float: none !important;
    width: 40% !important;
      margin-left: 3px !important;
  }

  .mec-timepicker-start{
    float: none !important;
    width: 40% !important;
      margin-right: 3px !important;
  }


@media only screen and (max-width: 781px) {
mec-sl-magnifier
  {display: none;
  }
}


.mec-category
{
  margin-left: -1.2em;
  font-size: .8em !important;
  text-transform: uppercase;
text-decoration: none !important;
   color: #333!important;
  font-family: sofia-pro, sans-serif;
}

.mec-category:before
{
 color: #444;
  
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f140";
        padding-right: 0.8em;
       z-index: 3;}


.mec-category a
{
text-decoration: none !important;
   color: #333;
}



.mec-event-date {
  
}


mec-event-date:before
{
  color: #444;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f073";
    left: -0.5em;
    padding-right: 0.5em;
     top: 0.4em;
  z-index: 3;
 }


.cl-template .cl-element-title {
  color: #333;
font-family: sofia-pro, sans-serif !important;
  text-transform: uppercase !important;
  text-align: center !important;
}
 

.cl-template--id-9776 div.cl-element--instance-1005 .cl-element-link__anchor {
    font-weight: bold;
    font-style: normal;
    /* text-decoration: none; */
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
    color: #e6017e;
}

.mec-sl-sitemap {
  margin-left: -35px;
padding-right: 4.5%}

.mec-location-url a{
  text-transform: lowercase !important;
  cursor: pointer !important;
  font-size: 1.1em !important;
  color: #28b8ce !important;
}

.cl-template--id-9776 div.cl-element--instance-1005 .cl-element-link__anchor:hover{
    font-weight: bold;
    font-style: normal;
   text-decoration: none;
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
    color: #e6017e;
}

.cl-template--id-9776 div.cl-element--instance-1006 .cl-element-link__anchor {
    font-weight: bold;
    font-style: normal;
    /* text-decoration: none; */
    margin: -5px 0px 0px 0px;
    border-radius: 0px;
    color: #e6017e;
}


.cl-template--id-9776 div.cl-element--instance-1006 .cl-element-link__anchor:hover{
    font-weight: bold;
    font-style: normal;
   text-decoration: none;
    margin: -5px 0px 0px 0px;
    border-radius: 0px;
    color: #e6017e;
}

.cl-template--id-9776 div.cl-element--instance-1003 {
    font-weight: bold;
 }
.cl-template--id-9776 div.cl-element--instance-1002 {
    font-weight: bold;
 }

.cl-template--id-9776 div.cl-element--instance-1004 .cl-element-taxonomy__term {
    font-weight: bold;
 }

.cl-template--id-9776 .cl-element--instance-1001 .cl-element-title__anchor {
    text-align: center !important;
     color: #333;
    font-style: normal;
    text-decoration: none;
    font-size: 1.4em;
       line-height: inherit;
}

.cl-template--id-9776 div.cl-element--instance-1025 {
  margin-top: -20%;
     z-index: 12;
  overflow: hidden;
}

.mec-masonry-img img {
 aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: bottom;
}

.mec-event-grid-classic img {
 aspect-ratio: 16 / 9;
  object-fit: cover;
}


.cl-element-featured_media__image {
 aspect-ratio: 16 / 9;
  object-fit: cover;
}

.mec-grid-event-location:before {
    color: #444;
      font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f3c5";
  padding-right: .5em;
  z-index: 3;
 } 

.mec-events-abbr {
  font-weight: 500 !important;
 color: #333 !important;
    text-transform: uppercase !important;
  font-size: 20px;
    margin-left: 10px;
}

.mec-more-info-button {
  font-weight: 500 !important;
 color: #333 !important;
    text-transform: uppercase !important;
  font-size: 20px;
    margin-left: 10px;
}

.mec-event-data-field-name{
  font-weight: 500 !important;
 color: #333 !important;
    text-transform: uppercase !important;
  font-size: 20px !important;
    margin-left: 10px;
}


.mec-event-data-field-value {
  font-weight: 500 !important;
 color: #333 !important;
  font-size: 20px !important;
    margin-left: 10px;
}

.mec-start-date-label {
  font-weight: 500 !important;
 color: #333 !important;
    text-transform: uppercase !important;
  font-size: 20px !important;
    margin-left: 0px;
}

.mec-grid-event-location {
	font-size: .8em !important;
  font-weight: 500 !important;
 color: #333 !important;
    text-transform: uppercase !important;
}

.mec-color-hover {
  font-weight: 800 !important;
 color: #333 !important;
    text-transform: none !important;
  font-size: 1.4em !important;
  }

.mec-color {
  font-size: .9em !important;
}

.ui-widget{
  z-index: 99999 !important;
}

.mec-event-image:before{
  position: absolute;
   left: 6px;
       top: 6px;
      font-family: sofia-pro; font-weight: 900; content: "EVENT";
  display: table-cell !important;

  position: auto;
  width: 4.7em;
    background-color: #e6017e  !important;
  padding-left: 1em  !important;
  padding-right: .0em  !important;
       color: #fff !important;
       z-index: 4;
        line-height: 2em  !important;
     font-size: 1.1em  !important;
  text-transform: uppercase  !important;
}

.mec-event-footer .mec-booking-button 
{ text-align: right;}


.mec-event-image:before{
  position: absolute;
   left: 6px;
       top: 6px;
      font-family: sofia-pro; font-weight: 900; content: "EVENT";
  display: table-cell !important;

  position: auto;
  width: 4.7em;
    background-color: #e6017e  !important;
  padding-left: 1em  !important;
  padding-right: .0em  !important;
       color: #fff !important;
       z-index: 12;
        line-height: 2em  !important;
     font-size: 1.1em  !important;
  text-transform: uppercase  !important;
}

.mec-event-footer .mec-booking-button 
{ text-align: right;}

.mec-skin-grid-events-container .mec-event-footer .mec-booking-button {
    position: static;
    display: inline-block;
    border: none;
    float: right;
}

.mec-masonry-img:before{
  position: absolute;
   left: 6px;
       top: 6px;
      font-family: sofia-pro; font-weight: 900; content: "EVENT";
  display: table-cell !important;

  position: auto;
  width: 4.7em;
    background-color: #e6017e  !important;
  padding-left: 1em  !important;
  padding-right: .0em  !important;
       color: #fff !important;
       z-index: 12;
        line-height: 2em  !important;
     font-size: 1.1em  !important;
  text-transform: uppercase  !important;
}

@media (max-width: 768px)
{
.splittextright {
    padding-left: 2vw !important;
    margin-right: 200px;
}
  .splittextleft{
padding-left: 2vw !important;
}
  .donnerboxdiv2 { width: 80%;} 
  .supportusdiv { width: 80%;}  
}

.splittextright{
    padding-top: 2vh;
  padding-left: 10vw;
padding-right: 5vw;
     max-height: 6vh;
       height: 50vh;
    border: 0px solid #f00;
    display: table-cell;
    vertical-align: middle;
}
.splittextleft{
  padding-top: 2vh;
padding-left: 5vw;
padding-right: 2vw;
       max-height: 50vh;
       height: 50vh;
    border: 0px solid #f00;
    display: table-cell;
    vertical-align: middle;
        }


.cl-element--instance-1006 .cl-element-featured_media__anchor:before{
  position: absolute;
   left: 6px;
       top: 6px;
      font-family: sofia-pro; font-weight: 900; content: "PROJECT";
  display: table-cell !important;

  position: auto;
  width: 5.0em;
    background-color: 
#c7d537  !important;
  padding-left: .4em  !important;
  padding-right: .2em  !important;
       color: #fff !important;
       z-index: 12;
        line-height: 2em  !important;
     font-size: 1.1em  !important;
  text-transform: uppercase  !important;
}


.cl-element-title__anchor {
  font-size: 1.4em !important;
  font-family: 'sofia-pro', serif, "Trebuchet MS", sans-serif !important;
  }

.cl-element-excerpt  {
  font-size: 1.0em !important;
  font-family: 'sofia-pro', serif, "Trebuchet MS", sans-serif !important;
  }

.cl-element-link__anchor {
  font-size: 0.9em !important;
  font-family: 'sofia-pro', serif, "Trebuchet MS", sans-serif !important;
  }

.cl-template--id-11490 div.cl-element--instance-1005 .cl-element-link__anchor {
 margin: -4px 0px 0px 0px !important;
}

.mec-schedule-part {
text-transform: uppercase;
    font-size: 1em !important;
    font-weight: 800;
    padding-bottom: 5px;
    display: inline;
    color: #000;
    padding-left: 1em;
}




.mec-schedule-time
 {
    font-weight: 800 !important;
  font-size: 1.8em !important;
  }

.mec-schedule-time:before {
    color: #40d9f1;
      font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f017";
  padding-right: 1em;
  z-index: 1;
  font-size: 25px;
 } 

.mec-schedule-title {
  text-transform: uppercase;
    font-size: 1.4em !important;
    font-weight: 800;
  }

.mecshed .mec-frontbox {
      border: 0px solid #e6e6e6;
    box-shadow: 0;
  background-color: #f7f7f7;
    margin: -15px 15px 15px 15px;
    padding: 15px;
    display: table;
    width: 96%;
}

.mec-color, .mec-color-hover:hover, .mec-wrap .mec-color, .mec-wrap .mec-wrap .mec-color-hover:hover {
    color: #000;
}

.mec-event-schedule-content {
  margin-top: 5px;
    padding-top: 10px;

}

.mec-event-schedule-content dl {
    padding-left: 24px;
    font-size: 12px;
    position: relative;
    margin-bottom: 5px;
}

.col.md-8 .mec-event-schedule
{
  display: none !important;
}

.mec-sl-calendar{
color: #40d9f1;
}

.mec-wrap .mec-totalcal-box i {
background-color: transparent;
}

mec-date:after {
  font-style: oblique;
  text-transform: capitalize;
font-style: italic;
  font-size: .7em;
font-family: sofia-pro, sans-serif;
font-weight: 400;
font-style: normal; content: "Schedule for Details";
    padding-left: .5em;
    padding-right: .5em;
     top: .4em
  z-index: 3;

 }

.mec-sl-clock {
color: #40d9f1 ;
}

.mec-single-event .mec-event-meta h3 {
  font-size: 1.2em;
}

.mec-single-event-date {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: none;
    background: #f7f7f7;
    box-shadow: none;
}

.mec-single-event-time {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: none;
    background: #f7f7f7;
    box-shadow: none;
}
  
}

.mec-event-content{
    padding-top: 5px !important;
  
}

#mec_search_form_9514{
background-color: transparent;
}

#mec_search_form_16325{
background-color: transparent;
}


@media (min-width: 810px) {
.whitetexth2 h2{
  text-align:center;
    color: #fff !important;
}
  }

@media (max-width: 809px) {
.whitetexth2 h2{
  padding-left: 6em;
  padding-right: 2em;
  text-align:right;
    color: #fff !important;
  }}
  
.whitetext h1{
    color: #fff !important;
  font-size: 2.4em;
  }
  
.pheader {
  margin-top: -0vh;
  margin-left: calc(50% - 50vw);
  width: 100vw;
  max-height: 60vh;
   display: table;
    border: 0px;
    background-repeat: no-repeat;     background-position: top right 50%; 
  background-size: 100%;
  background:no-repeat top center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
   }

  .iframefull {
        width: 100vw !important;
  }

.btestimons .flexslider { 
      align-content: center;
 background-image: url("https://b-side.org.uk/wp-content/uploads/2022/10/bslidebg.jpg");
  background-color: #234255;
      margin-left: calc(50% - 50vw);
  width: 100vw;
  max-height: 70vh;
         margin-top: -5px;
   margin-bottom: -5px;
  border: 0px;
   position: relative;
  text-align: center;
   background-repeat: no-repeat;  
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
      }

.flexslider .slides > li:first-child {display: list-item;}

#header .flex-control-paging li {
  display:none;
}

#header .flex-direction-nav {
  display:none;
}

* {
  box-sizing: border-box;
}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 600px;
 }

.flex-item-1 {
  flex: 5%;
}

.flex-item-2 {
  flex: 5%;
}
.flex-item-3 {
  flex: 5%;
}
.flex-item-4 {
  flex: 25%;
}

/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
  .flex-item-2 .flex-item-3 .flex-item-4 {
    flex: 10%;}
      .flex-item-1,  {
    flex: 5%;
  }
}

.bsidebutton a {
    color: #fff !important;
  text-decoration: none;
   background: #E6017E;
  border-radius: 25px;
    border: 2px solid #E6017E;
      padding: .375em 2em 0.325em;
    cursor: pointer;
  text-align: center;

 }

.bsidebutton a:hover{
  color: #E6017E !important;
      background: #fff;
  border-radius: 25px;
    border: 2px solid #E6017E;
    text-decoration: none;
 }

.bsidebutton {
  margin-top: 20px;
      background: #fff;
  border-radius: 0px;
    border: 0px ;
   
 }

.postid-3850 .pagination {
    color: #fff !important;
    text-align: center;
  
}

.postid-3850 .page-numbers {
margin: 5px;
    color: #fff !important;
  font-size: 1.4em;
  text-decoration: none;
}

 .hero-banner {
    /* Break out of the centre column */
     margin-left: calc(-50vw + 50%);
     margin-right: calc(-50vw + 50%);
     max-width: 100vw;
     width: 100vw;
     position: relative;
     height: 60vh;
 }
 .hero-banner video {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .hero-banner img {
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .hero-tint {
     background: rgb(40 184 206 / 1%);
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     height: 100%;
     transform: translateY(-50%);
     text-align: center;
}
 .hero-overlay {
     position: absolute;
     left: 0;
     top: 50%;
     width: 100%;
     transform: translateY(-50%);
     text-align: center;
}
 .hero-overlay h1 {
     text-align: center;
     padding: 0 .5em;
     font-size: 6vmin;
     font-weight: 500;
     line-height: 1.2em;
     color: white;
}
/* Call to Action button */
 .hero-overlay .hero-cta
{    text-decoration: none;
     color: white;
     margin-top: .5em;
     display: inline-block;
     padding: .5em;
     border-radius: 0.5em;
     font-weight: 300;
}


 .hero-overlay .hero-cta {
font-family: sofia-pro, sans-serif;
  font-size: 2.2em; 
  line-height: 1.1em; }




.hero-button {
  color: #fff;
text-decoration: none;
  
}

.hero-button:hover{
  color: #fff;
text-decoration: none;
  
}

/* Responsive sizes. */
 @media(min-width: 176px) and  (max-width: 700px) {
     .hero-banner {
         height: 40vh;
    }
      .hero-overlay .hero-cta {
font-family: sofia-pro, sans-serif;
  font-size: 1em;
   line-height: 1.2em;
	 margin: 10px;}
}
 @media(min-width: 701px) and  (max-width: 1119px) {
     .hero-banner {
         height: 60vh;
    }
    .hero-overlay .hero-cta {
font-family: sofia-pro, sans-serif;
  font-size: 1.4em; 
   line-height: 1.6em;}
}
 @media(min-width: 1280px)  and  (max-width: 1619px) {
     .hero-banner {
         height: 60vh;
    }
    .hero-overlay .hero-cta {
font-family: sofia-pro, sans-serif;
  font-size: 2em; 
	    line-height: 1.2em;}
}



.bcontentrow h4{
    font-weight: 600;
  font-size: 1.4em;
  line-height: 1.2em;
    text-align: left;
   margin-top: 10px;
	  margin-bottom: 10px;
  text-decoration:none;
  color: var(--the7-h5-color);
    }

.bcontentrow{
  padding-top:40px;
  padding-left: calc(50% - 40vw);
    padding-right: calc(50% - 40vw);

}

.bcontent{
  position: relative;
}

.b2columnleft {
  width:100%;
 }

.b2columnright {
  width:100%;
    
}

.socialrow {
display: inline-flex;
  width:50%;
    margin-left:40%;
  align-items: flex-end;
  justify-content: flex-end;
  }

.socialspan {
  float:right;
}

.linkrow {
    padding-bottom: 0.5px;
    padding-left: calc(50% - 40vw);
    padding-right: calc(50% - 40vw);
  }

@media (min-width: 48em) {
  .b2columnleft {
    
    width: 40vw;
      float:right;
  }

.b2columnright {
    width: 40vw;
      float:left;

  }
.b2columns {
    content: "";
    display: table;
    clear: both;
  }
  }

.vcelediv {
  padding-top: 10px;
    padding-bottom: 20px;
    padding-left: calc(50% - 40vw);
    padding-right: calc(50% - 40vw);
  }

.readmorediv {
  float:right;
  font-weight: 600;
}

.readmorediv:after {
  color: #e6017e;
      font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f061";
    left: -0.5em;
  z-index: 3;
}

.linkcolumnleft {
  width:100%;
    vertical-align: top;
 }

.linkcolumnright {
  width:100%;
    vertical-align: top;
}

@media (min-width: 48em) {
  .linkcolumnleft {
    width: 70%;
      float:left;
   display: inline-flex;
    vertical-align: top;
       position: relative;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    padding-bottom: 10px;
  }

.linkcolumnright {
 width: 30%;
    float: right;
    display: inline-flex;
    vertical-align: top;
    position: relative;
    justify-content: flex-end;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}


.jumpbut a{
    color: #fff !important;
    text-decoration: none;
}

.jumpbut {
  width: 120px;
  text-transform: uppercase;
  border-radius: 25px;
  border-color: #fff;
padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  border-style: solid;
    padding-bottom: 8px;
  font-weight: 600;
    display: inline-block;
  color: #fff !important;
  cursor: pointer;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
    }
*,
*:before,
*:after {
  box-sizing: border-box;
}
.jumpbut {
    box-shadow: 0px 0px 0px 1px #fff !important;
  transition: box-shadow 0.6s linear;
    align-content}

.jumpbut:hover {
  box-shadow: 0px 0px 0px 2px #fff !important;
}

.socialheader{
  position: relative;
  margin-top: -50px;
  right: 10px
}

#postgriddiv {
  position: relative;
}

#postgriddiv .gridreadmorebutton {
 position: absolute;
  bottom: 0;
  right: 0;
  float:right;
    display: flex;
  font-weight: 600;
  text-transform: uppercase;
    background: transparent !important;
  color: #e6017e !important;
  cursor: pointer;
  font-size: .8em;
  line-height: .9em;
  text-decoration: none;
    margin-bottom: .7em;
  margin-left: .7em;
  padding-left: .7em;
  padding-right: .7em; 
}

.gridreadmorebutton a {
  color: #e6017e !important;
   text-decoration: none;
}

.gridreadmorebutton:after {
  color: #e6017e;
      font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f061";
    padding-left: .5em;
  }

.gridtag2023 {
    background-color: #c8d43e;
    display: inline-block;
    z-index: 5;
   position: absolute;
    margin-top: .7em;
    margin-left: .7em;
    padding-left: .7em;
    padding-right: .7em;
    color: #fff;
    vertical-align: middle;
    line-height: 2em;
    font-size: .9em;
    text-transform: uppercase;
}


.gridtag2024 {
    background-color: #fe6b01;
    display: inline-block;
    z-index: 5;
   position: absolute;
    margin-top: .7em;
    margin-left: .7em;
    padding-left: .7em;
    padding-right: .7em;
    color: #fff;
    vertical-align: middle;
    line-height: 2em;
    font-size: .9em;
    text-transform: uppercase;
}


.gridtag {
    background-color: #eb5c24;
    display: inline-block;
    z-index: 5;
   position: absolute;
    margin-top: .7em;
    margin-left: .7em;
    padding-left: .7em;
    padding-right: .7em;
    color: #fff;
    vertical-align: middle;
    line-height: 2em;
    font-size: .9em;
    text-transform: uppercase;
}

.custom-post h2 a {
    color: #000 !important;
}

.custom-post h2 {
    margin: 0;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: #000 !important;
    background-color: #fff;
}

.custom-post-time  {
    text-align: center;
    margin: 0;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: #999;
}

.custom-post-date {
    text-align: center;
    margin: 0;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 16px;
    color: #999;
}

.custom-post-date-big {
    text-align: center;
    margin: 0;
	    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1.3em;
    color: #000;
	font-weight: 500;
}

.custom-post-location {
    text-align: center;
    margin: 0;
	text-transform: uppercase;
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: .9em;
    color: #000;
	font-weight: 500;
}

.custom-post-end-date {
    margin: 0;
    padding: 20px;
    font-size: 16px;
    color: #999;
}

.custom-post-location {
   text-align: center;
    margin: 0;
    padding: 10px;
    font-size: 16px;
    color: #999;
}

.custom-post-taxonomy {
    margin: 0;
    padding: 20px;
    font-size: 16px;
    color: #999;
}

.custom-post-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
}

.custom-post {
    flex-basis: calc(33.33% - 40px);
    margin: 20px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    overflow: hidden;
}

.custom-post-image {
    position: relative;
    width: 100%;
    padding-top: 100%;
    background-size: cover;
    background-position: center;
}

.custom-post-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .custom-post {
        flex-basis: calc(50% - 40px);
    }
}

@media screen and (max-width: 480px) {
    .custom-post {
        flex-basis: 100%;
    }
}

.gridtag-grey {
    background-color: #6f7678;
    display: inline-block;
    z-index: 5;
  top: 0;
margin-top: -96%;
    margin-left: .7em;
    padding-left: .7em;
    padding-right: .7em;
    color: #fff;
    vertical-align: top;
    line-height: 2em;
    font-size: .9em;
    text-transform: uppercase;
}

.gridtag-green {
    background-color: #c7d537;
    display: inline-block;
    z-index: 5;
  top: 0;
  margin-top: -96%;
    margin-left: .7em;
    padding-left: .7em;
    padding-right: .7em;
    color: #fff;
    vertical-align: top;
    line-height: 2em;
    font-size: .9em;
    text-transform: uppercase;
}

.gridtag-pink {
    background-color: #e6017e;
    display: inline-block;
    z-index: 5;
  top: 0;
  margin-top: -96%;
    margin-left: .7em;
    padding-left: .7em;
    padding-right: .7em;
    color: #fff;
    vertical-align: top;
    line-height: 2em;
    font-size: .9em;
    text-transform: uppercase;
}

.tagswrap{
  top: 0;
}

gridtag-artistblue {
    background-color: #28b8ce;
    display: inline-block;
    z-index: 5;
  top: 0;
  margin-top: -96%;
    margin-left: .7em;
    padding-left: .7em;
    padding-right: .7em;
    color: #fff;
    vertical-align: top;
    line-height: 2em;
    font-size: .9em;
    text-transform: uppercase;
}

.artist-custom-post-grid {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
      justify-content: space-between;
    align-items: stretch;
}

.artist-custom-post-grid2 {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
      justify-content: space-between;
    align-items: stretch;
}

.artist-custom-post-grid3 {
    display: flex;
    flex-wrap: wrap;
    margin: -20px;
      justify-content: space-between;
    align-items: stretch;
}


.artist-custom-post h2 a{
  text-align: center;
      font-size: calc(1vmin + 14px);
  line-height: calc(1vmin + 2px);
}

.artist-custom-post {
        margin: 10px;
    overflow: hidden;
    text-align: center;
    width: 300px;
  height: 320px;
    text-align: center;
}

.artist-custom-post-image {
  display: inline-grid;
    position: relative;
    width: 250px;
  height: 250px;
    padding-top: 200px;
    background-size: cover;
    background-position: center;
      border-radius: 50%;
}

.artist-custom-post-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .artist-custom-post {
        flex-basis: calc(50% - 40px);
    }
}

@media screen and (max-width: 480px) {
    .artist-custom-post {
        flex-basis: 100%;
    }
}

.artistsgrid1{

}

.artist-custom-post-image::before,
.artist-custom-post-image::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: transform 0.5s ease-in-out;
    z-index: 2;
    pointer-events: none; /* Add this line */
}

.artist-custom-post-image::before {
    top: 100%;
    height: 100%;
    width: 100%;
    opacity: 0;
}

.artist-custom-post-image::after {
    top: 80%;
    left: 50%;
    transform: translate(-50%, 0);
    background-image: url('https://b-side.org.uk/wp-content/uploads/2023/06/target-header2_green.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 150px;
    height: 150px;
    opacity: 0;
}

.artist-custom-post-image:hover::before {
    transform: translateY(-100%);
    opacity: 1;
    pointer-events: auto; /* Add this line */
}

.artist-custom-post-image:hover::after {
    transform: translate(-50%, -100%);
    opacity: 1;
    pointer-events: auto; /* Add this line */
}

.artist-custom-post-image:hover::after svg {
    transform: translateY(-50%);
    opacity: 1;
    transition-delay: 0.2s;
}

.eventtype {
  text-align: center;
  color: #fff !important;
    display: inline-block;
    margin: .2em;
    padding-left: .4em;
    padding-right: .4em;
   vertical-align: top;
    line-height: 1.4em;
    font-size: .9em;
}

.eventdiv{
       display: flex;
    text-align: center;
    margin: 0;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: center;
  }
.etc-Festival{background-color:#28b8ce;}
.etc-Activity{background-color:#e6017e;}
.etc-Meettheartist{background-color:#614389;}
.etc-Exhibition{background-color:#6f7678;}
.etc-WalkTours{background-color:#c8d986;}
.etc-Installation{background-color:#c7d537;}
.etc-Performance{background-color:#e6017e;}
.etc-Workshop{background-color:#eb5c24;}
.etc-FilmVideo{background-color:#c8d986;}
.etc-Sound{background-color:#28b8ce;}
.etc-Project{background-color:#333333;}
.etc-Talk{background-color:#28b8ce;}
.etc-Digital{background-color:#6f7678;}
.etc-Sculpture{background-color:#eff2ec;}
.etc-SpokenWord{background-color:#cadb2e;}

.mec-single-event .mec-events-meta-group-booking button {
    min-width: 155px;
    margin-top: 5px;
    margin-left: 10px;
    border-radius: 25px;
    box-shadow: 0 2px 1pxrgba(0,0,0,.08);
}

.mec-wrap .button, .mec-wrap button:not(.owl-dot):not(.gm-control-active):not(.mejs):not(.owl-prev):not(.owl-next), .mec-wrap input[type=button], .mec-wrap input[type=reset], .mec-wrap input[type=submit] {
    position: relative;
    border: none;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 21px;
    margin-right: 10px;
    line-height: 1;
    padding: 18px 20px 16px;
    background: #e6017e;
    -webkit-transition: all .21s ease;
    -moz-transition: all .21s ease;
    transition: all .21s ease;
}



.mec-wrap p{
    font-family: sofia-pro; }



.mec-event-grid-clean .mec-event-article {
       min-height: 50vh;
}

.mec-single-modern .col-md-4 .mec-frontbox {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: none;
    background: #f7f7f7;
    box-shadow: none;
}

.mec-single-event .mec-booking-button {
height: 4em;
    color: #fff !important;
    font-family: sofia-pro;
    font-weight: 600;
    font-size: 2em;
vertical-align: middle;
  text-decoration: none;
   background: #E6017E !important;
  border-radius: 25px;
    border: 2px solid #E6017E;
      padding: 1em 2em 0.325em;
       margin-left: 0.625em;
  cursor: pointer;
  text-align: center;
}


.mec-single-event .mec-booking-button:hover{
  color: #E6017E !important;
      background-color: #fff !important;
  border-radius: 25px;
    border: 2px solid #E6017E;
    text-decoration: none;
 }

.mec-event-grid-classic .mec-event-article, .mec-skin-grid-events-container .mec-event-footer {
    box-shadow: 2px;
    border: 2px;
    background: #eff2ec;
margin-bottom: 10px !important;
    padding-bottom: 10px;
}


.mec-event-grid-classic .mec-event-content {
    font-family: sofia-pro;
    font-weight: 600;
    background: none;
     padding: 10px 10px 10px;
    text-align: center;
min-height: 175px;
}



.mec-event-footer  .mec-booking-button {
height: 1.5em;
    color: #E6017E !important;
letter-spacing: 0px !important;
    font-family: sofia-pro;
    font-weight: 600;
    font-size: 1em;
vertical-align: middle;
  text-decoration: none;
   background: none !important;
  border-radius: 0px;
    border: 0px;
           margin-left: 0.625em;
  cursor: pointer;
  text-align: right !important;
}


.mec-event-footer  .mec-booking-button:hover{
  color: #E6017E !important;
      background-color: #none !important;
    border: 0px solid !important;
text-decoration: none;
text-align: right !important;
 }

.mec-event-footer  .mec-booking-button:after {
  color: #e6017e;
      font-family: "Font Awesome 5 Free"; font-weight: 800; content: "\f061";
    left: -0.5em;
  z-index: 3;
 }



.mec-wrap, .mec-wrap div:not([class^="elementor-"]), .lity-container, .mec-wrap h1, .mec-wrap h2, .mec-wrap h3, .mec-wrap h4, .mec-wrap h5, .mec-wrap h6, .entry-content .mec-wrap h1, .entry-content .mec-wrap h2, .entry-content .mec-wrap h3, .entry-content .mec-wrap h4, .entry-content .mec-wrap h5, .entry-content .mec-wrap h6, .mec-wrap .mec-totalcal-box input[type="submit"], .mec-wrap .mec-totalcal-box .mec-totalcal-view span, .mec-agenda-event-title a, .lity-content .mec-events-meta-group-booking select, .lity-content .mec-book-ticket-variation h5, .lity-content .mec-events-meta-group-booking input[type="number"], .lity-content .mec-events-meta-group-booking input[type="text"], .lity-content .mec-events-meta-group-booking input[type="email"], .mec-organizer-item a, .mec-single-event .mec-events-meta-group-booking ul.mec-book-tickets-container li.mec-book-ticket-container label {
    font-family: sofia-pro;
}

.mec-sl-microphone:before {
    content: "\e005";
}



.sectionlink{
  margin-left: 20px;
  float:right;
  text-decoration: none;
}

.sectiontextfield {
  max-width: 90%;
}


.sectionlink a:hover{
  text-decoration: none;
}

.gridrow h1 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.gridrow{
  padding-top: 10px;
	padding-bottom: 20px;
margin-bottom: -20px;
    margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
    padding-left: calc(50% - 40vw);
	    padding-right: calc(50% - 40vw);
}
.gridtitle h2{
  color: #000 !important;
}
.gridtitle{
  padding-top: 10px;
  padding-bottom: 10px;
}

.mec-labels-normal{
  margin-top: .5em;
display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
}

@media (min-width: 961px) {
.mec-single-modern.mec-sticky .col-md-4 {
    top: 170px;
  float: right;}
}

.menuimg img{
  width: 80%;
  
}
.menuimg {
    display: flex;
     justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center !important;

}

.menucentercont {
    display: flex;
     justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center !important;

}

.menu {
  letter-spacing: 1px;
  display: flex;
  font-size: 1.5em;
text-transform: uppercase;
   justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center !important;
  font-weight: 800;
  line-height: 1.3em;
}


.menu a{
  color: #2a282a;
}

.menu a:hover{
  color: #c7d537;
}

.menu .sub-menu a:hover{
  color: #c7d537absolute;
}

.menu-item-13243 a:hover{
  color: #28b8ce;
}

.menu-item-13240 a:hover{
  color: #e6017e;
}

.menu-item-13244 a:hover{
  color: #614389;
}

.menu-item-13249 a:hover{
  color: #eb5c24;
}

.menu-item-13241 a:hover{
  color: #eb5c24;
}

.menu .sub-menu {
  line-height: .6em;
  font-weight: 400;
  font-size: 0.6em !important;
margin-left: -.1em;
  
}

.dt-mobile-header .mobile-header-scrollbar-wrap {
    width: calc(1900px - 13px);
    padding: 25px 15px 15px 25px;
    box-sizing: border-box;
}

.mec-skin-grid-events-container .mec-event-content {
  background-color: #fff;
}

.mec-skin-grid-events-container .mec-event-footer {
  background-color: #fff;
}

.mec-event-grid-classic .mec-event-article {
  background-color: #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 1px;
  border: 10px:
    border-color: red;
    overflow: hidden;
}

.mec-skin-grid-events-container .mec-event-content {
    min-height: calc(22vmin + 2px);
}

.mec-event-grid-classic img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.mec-event-grid-classic .mec-event-title {
    font-size: calc(1vmin + 8px);
  line-height: calc(1vmin + 2px);
}

.mec-event-grid-classic .mec-event-content p {
    font-size: calc(1vmin + 4px);
  line-height: calc(1vmin + 6px);

}


#page .mec-load-more-button {
    border-radius: 25px;
  text-transform: uppercase;
  background-color: #e6017e;
    width: 220px;
    height: 50px;
    color: #fff;
    font-weight: 700;
    font-size: var(--the7-base-font-size);
    line-height: 50px !important;
  border: 0px;
}

#page .mec-load-more-button:hover {
    border-radius: 25px;
  text-transform: uppercase;
  background-color: #fff;
    width: 220px;
    height: 50px;
    color: #e6017e;
    font-weight: 700;
    font-size: var(--the7-base-font-size);
    line-height: 50px !important;
    border: 1px solid #e6017e;
}



.boxwhite h3 {
  color: #fff !important;
}

.boxwhite p {
  color: #fff !important;
}

.boxwhite ul {
  color: #fff !important;
}

.boxblack h3 {
  color: #000 !important;
}

.boxblack p {
  color: #000 !important;
}



.positiondiv a{
  text-decoration: none;
  text-align: center;
}

.positiondiv h4{
  color: #000 !important;
  text-decoration: none;
  text-align: center;
}


.positiontext p{
  color: #000 !important;
  text-decoration: none;
  text-align: center;
}

.positiondiv{
  text-decoration: none;
  text-align: center;
}


#mcara h5 {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.2em;
    text-align: left;
    position: relative;
  margin-left: 5px;
  margin-top: 5px;
  text-decoration:none;
   color: #50575e;
    }

#mcara h6 {
  text-align: left;
  font-weight: 400;
  font-size: .8em;
  line-height: 1em;
  position: relative;
  margin-left: 5px;
  margin-top: 2px;
  text-decoration:none;
    color: #505755;
    }


#mcara a {
  text-decoration:none;
  text-transform: uppercase;
    text-decoration:none !important;
  }

#mcara {
  width: 80vw;
  max-height: 400px;
  min-height: 400px;
    overflow:hidden;
}

 #mcara .flexslider { 
       width: 100vw;
  margin-bottom: 2vh;
           }

#mcara .controls {
  width: 100px;
  padding-bottom: 2vh;
  margin-left: 10vw;
margin-top: -2em;
}

#mcara img
{
  min-width: 500px;
  min-height: 300px;
    max-height: 300px;
    position: relative;
  text-align: center;
      overflow:hidden;
        object-fit: cover;
}

.mcustom-navigation {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
width: 100px;
margin: 0 10px;
}

.resourcepostdiv {
    margin-left: calc(50% - 50vw);
    width: 100vw;
    padding-left: calc(50% - 40vw);
    padding-top: 2%;
    padding-bottom: 2%;
    padding-right: calc(50% - 40vw);
}

.mec-wrap{
   padding-left: calc(50% - 42vw);
      padding-right: calc(50% - 42vw);
}

.mec-sl-expired {
    color: #40d9f1;
}
.mec-sl-expired:before {
   content: "\e617";
}

#eventlayout{
  margin-bottom: 20px;
}


.artist-custom-post a{
  color: #fff !important;
}


.menu-container {
   margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

.erow {
	padding-top:20px;
display: flex;
     justify-content: left;
 flex-direction: column;
}

#pageclass .alignleft {
    float: none;
    margin: 0;
}

#pageclass .alignright{
  position: relative;  
	float: none;
    right: -15vw;
}

.mec-single-event .mec-events-meta-group-countdown {
    color: #e6017e;
    text-align: center;
    margin-bottom: 30px;
    padding: 10px 10px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgba(0,0,0,.016);
}

.mec-event-meta i:before {
    font-size: 30px;
    vertical-align: middle;
  font-weight: 700;
}


.mec-sl-schedule::before {
    content: "\e018";
font-family: simple-line-icons;
    speak: none;
  color: #40d9f1;
    font-style: normal;
    font-weight: 700;
  font-size: 30px;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mec-sl-items::before {
    content: "\e07d";
font-family: simple-line-icons;
    speak: none;
  color: #40d9f1;
    font-style: normal;
    font-weight: 700;
  font-size: 30px;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mec-sl-mapicon::before {
    content: "\e041";
font-family: simple-line-icons;
    speak: none;
  color: #40d9f1;
    font-style: normal;
    font-weight: 700;
  font-size: 30px;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mec-event-schedule i {
  float: left;
  margin-right: 16px;
}

.mec-schedule-align  {
  display: inline-block;
  text-align: left !important;
}

.mec-single-event .mec-frontbox-title,  h4{
  font-size: 1.2em;
    color: var(--the7-h4-color);
  }

.mec-info {
    color: var(--the7-h4-color) !important;
    text-transform: uppercase;
    font-size: 20px !important;
    font-weight: 700 !important;
    padding-bottom: 5px;
    display: inline;
    padding-left: 10px;
}

.mapcontain{
margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: none;
    background: #f7f7f7;
    box-shadow: none;
}
.custom-post-image::before,
.custom-post-image::after {
    content: '';
    position: absolute;
    transition: opacity 0.5s ease-in-out;
    z-index: 2;
    pointer-events: none;
}

.custom-post-image::before {
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    transform: translateY(100%);
    transition: transform 0.5s ease-in-out;
}

.custom-post-image::after {
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    background-image: url('https://b-side.org.uk/wp-content/uploads/2023/06/target-header2_green.svg');
    background-repeat: no-repeat;
    background-position: center;
    width: 150px;
    height: 150px;
    opacity: 0;
    transition: transform 0.5s ease-in-out;
}

.custom-post-image:hover::before {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.custom-post-image:hover::after {
    opacity: 1;
    transform: translate(-50%, -50%);
    pointer-events: auto;
}

.custom-post-image {
    aspect-ratio: 1 / 1;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.custom-post-base {
    position: relative;
    z-index: 2;
	margin-bottom: 30px;
}

.sf-field-search input {
    width: 300px;
    border-style: solid;
    border: 1px;
  border-color: #000;
    border-radius: 25px;
    font-size: .8em;
    letter-spacing: 1.5px;
    background-color: #ffffff;
}

.sf-input-select {
    width: 300px;
    border-style: solid;
    border: 1px;
  border-color: #000;
    border-radius: 25px;
    font-size: .8em;
    letter-spacing: 1.5px;
    background-color: #ffffff;
}

.sf_date_field input {
    width: 300px;
    border-style: solid;
    border: 1px;
  border-color: #000;
    border-radius: 25px;
    font-size: .8em;
    letter-spacing: 1.5px;
    background-color: #ffffff;
}

.searchandfilter input[type="submit"] {
      border-style: solid;
    border: 1px;
  border-color: #e6017e;
    border-radius: 25px;
    font-size: .8em;
    letter-spacing: 1.5px;
 
}




.searchandfilter input[type="submit"]:hover {
      border-style: solid;
    border: 4px;
  border-color: #e6017e !important;
 
 
}

.erow h3{
    color: var(--the7-h3-color);
    font: var(--the7-h3-font);
    text-transform: var(--the7-h3-text-transform);
    letter-spacing: var(--the7-h3-letter-spacing);
    word-spacing: var(--the7-h3-word-spacing);
    text-decoration: var(--the7-h3-text-decoration);
}
  
.mec-wrap {
  color: #000;
}

.mec-single-event .mec-event-meta dt {
  font-size: 1.2em;
}

.mec-data-fields-tooltip-box {
  margin:15px;
}


.single .post-meta:last-child {
    margin-bottom: 50px;
   margin-top: 50px;
}


.custom-post-content {
    margin: 0;
    padding: 20px;
    font-size: 16px;
	line-height: 18px;
    font-weight: 500;
    color: #333;
	margin-bottom: 20px;
}

.pagincontainer {
  margin-top: 20px;
  display:flex;
  justify-content: center;
}

.paginbutton  {
  width: 300px;
    color: #E6017E;!important;
  text-decoration: none;
   background: #fff !important;
  border-radius: 25px;
    border: 2px solid #E6017E;
      padding: .375em 2em 0.325em;
       margin-left: 0.625em;
  cursor: pointer;
  text-align: center;

 }

.scroll-down {
  position: fixed;
  bottom: 10px;
  right: 60px;
  z-index: 999;
  display: none; /* hide the icon initially */
}

.scroll-down i {
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
}
.scroll-down a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
}

.scroll-down a img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.scroll-down::before {
    font-family: "FontAwesome";
    content: "\f175";
  position: absolute;
  font-weight: 200;
  color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
   display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
  background-color: rgba(0, 0, 0, 0.2); /* initial opacity */
  opacity: 1; /* always visible */
  transition: background-color 0.3s ease;
}

.scroll-down:hover::before,
.scroll-down:focus::before {
  background-color: rgba(0, 0, 0, 0.42); /* darken slightly when hovered or in focus */
}
.scroll-top::before {
    font-family: "FontAwesome";
    content: "\f176";
    font-weight: 200;
    top: 0;
  left: 0;
  width: 100%;
  height: 100%;
color: #fff;
     display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}

@media (max-width: 767px) {
  .scroll-down {
    display: block; /* override the display property for smaller screen sizes */
  }
}

   display: flex;
    flex-wrap: wrap;
  }

  .mason {
    flex-basis: 100%;
  }

  .pagincontainer {
    flex-basis: 100%;
  }


.bcontentcolumnleft blockquote,
.b2columnleft blockquote {
	     display: flex;
	color: #fff! important;
	border-radius: 80px;
  background-color: #28b8ce !important;
  margin-left: 60px;
	margin-right: 60px;
	margin-top: 30px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-right: 40px;
	padding-left:  40px;
	flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
			margin-bottom: 80px;
}

@media (max-width: 1068px) {
.bcontentcolumnleft blockquote,
.b2columnleft blockquote {
  margin-left: 40px;
	margin-right: 30px;
}
	
.bcontentcolumnleft ul,
.b2columnleft ul {
  margin-right: 124px !important;
}
	
}


.bcontentcolumnleft blockquote p,
.b2columnleft blockquote p {
	font-family: sofia-pro, sans-serif;
	  font-weight: 100;
        font-style: italic;
   display: inline;
	letter-spacing: 1px;
  line-height: 28px;
    font-size: 24px;
  color: #fff !important;

}
	
.bcontentcolumnleft blockquote:after,
.b2columnleft blockquote:after {
	margin-bottom: -110px;
	margin-right: 80px;
    content: "";
  width: 0; 
  height: 0; 
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
    border-top: 70px solid #28b8ce!important;
  
}

.bcontentcolumnleft blockquote:before,
.b2columnleft blockquote:before{
    display: none;
 
}

.bcontentcolumnleft blockquote p::before,
.b2columnleft blockquote p::before {
	display:none;
}

.bcontentcolumnleft blockquote p::after,
.b2columnleft blockquote p::after {
	display:none;
}

.bcontentcolumnleft ul,
.b2columnleft ul {
	margin-top: -20px;
line-height: 18px;
	text-align: right;
	text-transform: none;
    font-size: 16px;
	letter-spacing: 1px;
   color: #28b8ce!important;
       font-weight: 400;
        padding-right: 0px;
  margin-right: 154px;
}

.siderow li:before ,
.bcontentcolumnleft li:before ,
.b2columnleft li:before {
    display: none;
}

blockquote:not(.shortcode-blockquote):not(.elementor-blockquote), blockquote.shortcode-blockquote.block-style-widget, .block-style-widget {
    background-color: none !important;
}

blockquote {
  background-color: #00000000 !important;
  quotes: "\201C" "\201D";
}

blockquote p {
  color: #00000e !important;
  font-family: sofia-pro, sans-serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 1px;
  position: relative;
}

blockquote p::before {
  content: "\201C";
  display: inline-block;
  margin-left: 0.2em;
  color: #000;
}

blockquote p::after {
  content: "\201D";
  display: inline-block;
  margin-left: 0.2em;
  color: #000;
}


.siderow blockquote {
	     display: flex;
	color: #fff! important;
	border-radius: 80px;
  background-color: #28b8ce !important;
  margin-left: 0px;
	margin-right: 0px;
	margin-top: 30px;
	padding-top: 60px;
	padding-bottom: 60px;
	padding-right: 40px;
	padding-left:  40px;
	flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-end;
			margin-bottom: 80px;
}

@media (max-width: 1068px) {
.siderow blockquote {
  margin-left: 0px;
	margin-right: 0px;
}
	
.siderow ul {
  margin-right: 34px !important;
}

}
.siderow blockquote p {
	font-family: sofia-pro, sans-serif;
	  font-weight: 100;
		margin-left: 0px !important;
	margin-right: 0px !important;
        font-style: italic;
   display: inline;
	letter-spacing: 1px;
  line-height: 22px !important;
    font-size: 20px !important;
  color: #fff !important;

}
.siderow blockquote:after {
	margin-bottom: -110px;
	margin-right: 80px;
    content: "";
  width: 0; 
  height: 0; 
  border-left: 24px solid transparent;
  border-right: 24px solid transparent;
    border-top: 70px solid #28b8ce!important;
  
}
.siderow blockquote:before{
    display: none;
 }

.siderow blockquote p::before {
	display:none;
}

.siderow blockquote p::after {
	display:none;
}

.siderow ul {
	margin-top: -20px;
line-height: 18px;
	text-align: right;
	text-transform: none;
    font-size: 16px;
	letter-spacing: 1px;
   color: #28b8ce!important;
       font-weight: 400;
        padding-right: 0px;
  margin-right: 84px;
}

@media only screen and (min-width: 280px) and (max-width: 767px) {
.mec-container {
    width: 90vw;
	}}

.mec-single-event .mec-event-meta dd{
color: #000!important;
	    font-weight: 500 !important;
    font-size: 1em;
    line-height: 1.5;
	
}
.mec-single-event .mec-event-meta .mec-events-address .mec-address{
color: #000!important;
	    font-weight: 500 !important;
    font-size: 1.2em;
    line-height: 1.5;
	
}

.mec-sl-wallet:before {
	color: #40d9f1;
font-size: 30px;
    vertical-align: middle;
    font-weight: 700;
}

.mec-event-cost {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: none;
    background: #f7f7f7;
    box-shadow: none;
}

.mec-cost {
		color: var(--the7-h4-color) !important;
text-transform: uppercase;
    padding-bottom: 5px;
    display: inline;
       padding-left: 10px;
	font-size: 1.2em !important;
	   font-weight: 700 !important;
}

.mec-cost h3{
	font-family: sofia-pro;
	color: var(--the7-h4-color);
text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    padding-bottom: 5px;
    display: inline;
    color: #000;
    padding-left: 10px;
}

.mec-events-event-cost{
	 	font-weight: 500 !important;
    color: #333 !important;
    text-transform: uppercase !important;
    font-size: 20px;
    margin-left: 10px;
	}

.mec-event-cost dl {
          margin-left: 2em;
  
}

.mec-event-data-field-value p{
   margin-left: 10px !important;
	  color: #333 !important;
}


.postid-16324 .arrowbutblack a {
    text-transform: uppercase;
    color: #000 !important;
    cursor: pointer;
    font-size: 1em;
    text-decoration: none;
}

.postid-16324  .arrowbutblack:after {
    color: #000;
    font-family: "Font Awesome 5 Free";
    font-weight: 800;
    content: "\f061";
    left: -0.5em;
    z-index: 3;
}


#reset-button{
	}


.gridsearchdiv button {
    color: #fff !important;
  text-decoration: none;
   background: #fe6b01;
  border-radius: 25px;
    border: 2px solid #000;
      padding: .375em 2em 0.325em;
       margin-left: 0.625em;
  cursor: pointer;
  text-align: center;

 }

.gridsearchdiv button:hover{
  color: #fe6b01 !important;
      background: #000;
  border-radius: 25px;
    border: 2px solid #fe6b01;
    text-decoration: none;
     color: #fff !important;
 }

.gridsearchdiv i:before {
	padding-right: 5px;
  color: #fe6b01 !important;
    width: 25px !important;
    height: 23px !important;
    text-align: center !important;
   font-size: 25px !important;
	font-weight: 600;
 }

.gridsearchdiv {
	margin-bottom: 30px;
}



@media (min-width: 769px)
{
	#search-form {
    display: flex;
    align-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
}
	
	
	
	.gridsearchtext {
	min-width: 200px;
}

.gridsearchdate {
	min-width: 200px;
}
	
}
@media (max-width: 768px)
{
	#search-form {
    display: flex;
    align-content: center;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
		margin-bottom: 10px;
}
	.gridsearchtext {
	min-width: 200px;
}

.gridsearchdate {
	min-width: 200px;
}
	
}

.base2023 {
	display: flex;
	    flex-wrap: nowrap;
    flex-direction: column;
    margin-bottom: 10px;
	align-items: center;
	
}

select {
	border-radius: 25px;
}

#gridsearchbut {
	display: none;
}


.ui-datepicker.ui-widget td a {
    color: #9a9b9c;
    font-weight: 600;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 33px;
    padding: 0;
    background: #fff;
    transition: all .2s ease;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, {
    border: 0px solid #c5c5c5 !important;
    background: #f6f6f6;
    font-weight: normal;
    color: #454545;
}


.infogridcontainer {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 30px;
  align-content: stretch;
justify-content: space-evenly;
}

/* Tablet devices (min-width: 768px) */
@media (min-width: 768px) {
  .infogridcontainer {
    grid-template-columns: repeat(3, 1fr);
  }
	
}



.infogridcontrow {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.infogridcontainer {
    padding-left: calc(50% - 40vw);
    padding-right: calc(50% - 40vw);
    padding-top: 20px;
	  padding-bottom: 30px;
}

.infogrid-item {
display: flex;
flex-direction: column;
position: relative;
}

.infogridcont {
  display:flex;
  flex-direction: column;
  height: 100%;
}
.infogridcontmain {
  display:flex;
  flex-direction: column;
  height: 100%;
}

.infolink {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.linkbase {
margin-right: 20px;
  margin-bottom: 20px;
      text-align: right;
}

.infogridrow{
  padding-top: 10px;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
    padding-left: calc(50% - 40vw);
    padding-right: calc(50% - 40vw);
}

.infogridtext h3{
  font-size: 1.3em;
  line-height: 1.4em;
  text-transform:none;
}

.infogridtext{
   position: relative;
  text-align: left;
  margin: 20px;

  }

.gridwrapper {
  position: relative;
  overflow: hidden;
  z-index: 1;
margin-bottom: 10px;
}

.infogridimg {
	  flex-shrink: 0; /* prevents the image from shrinking */
  max-width:100%;
	margin-bottom: 1px;
}

.infogridimg img {
  max-width:100%;
	height: auto;
	 width: calc(75vw - 60px); 
	aspect-ratio: 4 / 3;
   -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/* Media query for smaller devices */
@media (max-width: 700px) {
  .infogridimg img {
    width: 100%;
    aspect-ratio: unset;
  }
}

/* Custom styles for iOS devices */
@supports (-webkit-touch-callout: none) {
  .gridwrapper {
    min-height: 50vh; /* Set the height to 100% of the viewport height on iOS */
  }
}

  .infomason {
    flex-basis: 100%;
		    margin-left: calc(50% - 40vw);
    margin-right: calc(50% - 40vw);
		margin-top: 20px;
		padding-bottom: 20px;
			padding-top: 20px;
  }


  .linkbase2 {
		overflow: hidden;
	  margin-right: 20px;
    margin-bottom: 20px;
    text-align: right;
    position: absolute;
		top: 10;
    bottom: 0;
    right: 0;
  }

.text {
	  font-size: fit-content;
}

  .infogridtext2 h3 {
    font-size: 1.3em;
    line-height: 1.4em;
    text-transform: none;
  }

  .infogridtext2 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    text-align: left;
    margin: 20px;
		padding-bottom: 30px;
  }

  .infogridcontrow2 {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .custom-info-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
		  margin-right: -20px;
		margin-top: 20px;
  }

  .custom-info {
    position: relative;
    flex-basis: calc(33.33% - 20px);
    margin: 10px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 1px;
    overflow: hidden;
  }


@media screen and (max-width: 480px) {
    .custom-info {
        flex-basis: 100%;
    }
}


 .infogridimg2 {
    width: 100%; /* Set width to 100% to maintain aspect ratio */
	 height: 20vmax;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

@media screen and (max-width: 480px) {
 .infogridimg2 {
	 height: 40vmax;
    }
}

.warning-msg {
    color: #000;
    background-color: #fe6b01 !important;
}

.mec-ticket-unavailable-spots.info-msg {
	color: #fff !important;
    background: #fe6b01 !important;
}

.mec-ticket-unavailable-spots.info-msg label {
       color: #fff;
}

.mec-waiting-form-next-button {
	    position: relative;
    border: opx solid #000 !important;
    border-radius: 25px !important;
    box-shadow: 0 0px 0 0 #ffffff !important;
    color: #000 !important;
    display: inline-block;
    font-size: 14px;
    line-height: 1.215;
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 10px 24px 11px;
    background: #fff !important;
    -webkit-transition: all .21s ease;
    -moz-transition: all .21s ease;
    transition: all .21s ease;
}

.mec-ticket-unavailable-spots.info-msg button{
	    position: relative;
    border: opx solid #000 !important;
    border-radius: 25px !important;
    box-shadow: 0 0px 0 0 #ffffff !important;
    color: #000 !important;
    display: inline-block;
    font-size: 14px;
    line-height: 1.215;
    text-transform: capitalize;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 10px 24px 11px;
    background: #fff !important;
    -webkit-transition: all .21s ease;
    -moz-transition: all .21s ease;
    transition: all .21s ease;
}

.postid-15082 .eventmap {
 display:none;
  
}

.mec-hourly-schedule-speaker-thumbnail img {
	width: 200px; }
}

.mobile-mini-widgets-in-menu {
    display: flex;
   justify-content: center;
  align-items: center;
  text-align: center !important;
  flex-direction: column-reverse;
}


.dt-mobile-header .mobile-mini-widgets-in-menu>* {
    margin: 5px 5px 5px 5px;
}


  .side-header-h-stroke .show-on-second-switch,
  .masthead .mobile-mini-widgets .show-on-second-switch {
    display: flex; /* Override the plugin's code to show the mobile widget section */
  }

/* Override the plugin's CSS to show the mobile widget section on all screen sizes */
.side-header-h-stroke .show-on-second-switch,
.masthead .mobile-mini-widgets .show-on-second-switch {
  display: flex;
}

.mobile-mini-widgets-in-menu .in-menu-second-switch, .show-on-second-switch, .masthead .show-on-second-switch {
  display: flex;}


/* Display mobile widgets on all screen sizes */
.dt-menu-widgets {
    display: block !important;
}

/* Hide the default desktop widgets */
.desktop-side-widgets {
    display: none !important;
}
.mobile-mini-widgets-in-menu.first-switch-no-widgets {
    padding-top: 20px;
}