/* image slideshows for events */

.owl-carousel {
-ms-touch-action: pan-y !important;
touch-action: pan-y !important;
}

.carousel-wrap {
    margin-bottom: 10px;
}



  .holder a{
    text-decoration: none;
  }


  .fa.fa-instagram{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip: text;
    /* Also define standard property for compatibility */
    background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateY(12%);
    margin: 5px 5px 0 0;
    font-size: 26px; /* change this to change the size*/

  }

  .view-on{
    background-color: #fff;
    font-weight: bold;
     margin-top: 51px; 
    padding: 8px;
    font-size: 14px;
    color: #C71E7E;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
  }

  .view-on:hover{
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%);
    color: #fff;

  }

  .holder{
    margin: 20px;
    text-align: center;
    justify-content: center;
  }



/*.item img {
  border-radius: 50%;
  }*/

/*  .carousel a{
    height: 100px !important;

  }

  .carousel img{
    height: 100px !important;
  }

  .carousel {
    overflow: hidden;
    }*/

    .overlay{
     transition: all 2s ease-in-out;
     overflow: hidden;
   }

   .owl-nav>div {
    margin-top: -26px;
    position: absolute;
    top: 50%;
    color: #cdcbcd;
  }
  .overlay:hover img{
   -webkit-transform: scale(1.2);
   -moz-transform: scale(1.2);
   transform: scale(1.2);
   -webkit-transition: all 1.2s ease;
   -moz-transition: all 1.2s ease;
   transition: all 1.2s ease;
 }

 .div-hover{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background-color: rgba(42, 86, 212, 0.40);
}


.overlay a:hover .div-hover{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(42, 86, 212, 0.40);
  -webkit-transition: all 1.2s ease;
  -moz-transition: all 1.2s ease;
  transition: all 1.2s ease;
}


.carousel a{
 height: 100px !important;
}


.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
  color: #000;
}

.owl-nav .owl-next {
  right: -30px;
  color: #000;
}

.aboutrow {
  display: flex;
}

.aboutcol {
  padding: 1.5em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.eventname {
  font-size: 2.25em;
  font-weight: bold;
  color: #8d0700;
}


button:not(.toggle), 
.button, .faux-button, 
.wp-block-button__link,
.wp-block-file 
.wp-block-file__button, 
input[type="button"], input[type="reset"], 
input[type="submit"], .bg-accent, 
.bg-accent-hover:hover, .bg-accent-hover:focus, :root .has-accent-background-color, .comment-reply-link{
  background-color: transparent !important;
}