/*.modal{#{ loop.index0 }#} .modal-dialog {max-width: 50vw;}*/

/*.modal{#{ loop.index0 }#} .modal-dialog {max-width: 50vw;}*/
.event-controls button {background:transparent !Important; border:0 !important; cursor:pointer; }
.event-controls button:focus {
    outline: none;
}

.event-controls button.mixitup-control-active {text-decoration:underline;}
.archive-event {
      opacity: 0.4;
    filter: grayscale(1);
}
.cj-card {
    display:flex;
    position: relative;
    width:100%;
     margin-bottom:50px;
    border-radius: 0;
    padding-bottom: 0rem;
}

.cj-card .card-image {
    position: relative;
    -webkit-transition: all .35s ease-out;
    transition: all .35s ease-out;
    background: #000;
  overflow:hidden;
  background-position:50% 50%;
   background-size:cover;
   width:100%;
}

.cj-card .card-image:before, .split-article-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: calc((9/16)* 100%);
}



.cj-card.split-view .card-image {

  min-height:275px;
  
}
.cj-card .card-image a {
    z-index: 0;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0px;
}
.cj-card .card-image img {
    display: block;
    border-radius: 0px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    opacity: 1;
  width:100%;
  
}

.cj-card:hover .card-image img {
   -ms-transform: scale(1.05) ; 
    -webkit-transform: scale(1.05);
    transform: scale(1.05) ;
  opacity:.7;
  width:100%;
}
.cj-card .card-type, .cj-card .card-title {width:100%}
.cj-card .card-type a { text-decoration:none;}

    position: relative;
    text-align: left;
    padding: 0 5px 10px 0px;
    font-weight: 400;
 
    width:100%;
    z-index: 2;
}

.cj-card .card-title p {
       font-size: 0.95rem;
       width:100%;
}

.cj-card .card-action {
    border-top:1px solid #ccc;
    bottom:0;
    left:0;
    right:0;
    font-size:11px;
    color:#000;
  padding:5px 0;
   width:100%;
  
}

.cj-card .card-action .tags {
  width:100%;
  min-height:45px;
}
.cj-card .card-action .likes {
  width:35%;
  text-align:right;
}
.cj-card .card-action .tags > a, .card-action .tags > #vertical > a {
  color:inherit;
}


.cj-card .img-overlay {
position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}