/*
 #upcomming-events
*/

:root {
  --upcommingcolor: #eb0000;
}

.upcomming-events-list {
 background-position:center bottom;
 background-repeat:repeat-x
}
.upcomming-events-list ol,
.upcomming-events-list ul {
 list-style:none;
 padding-left: 0px;
}
.upcomming-events-list li {
 padding:17px 0
}
.upcomming-events-list li:not(:last-child) {
 border-bottom:1px solid rgba(147, 147, 147, 0.5);
}
.upcomming-events-list li>div {
 position:relative;
 overflow:hidden;
 margin:0 auto;
}

@media (min-width:768px) {
 .upcomming-events-list li p {
  float:left
 }
}
.upcomming-events-list li p span {
 display:block;
 color: var(--upcommingcolor);
}
.upcomming-events-list li .date-event {
 text-align:center;
 font-size:40px;
 font-weight:800;
 line-height:29px;
 padding:26px 15px 16px
}
@media (min-width:768px) {
 .upcomming-events-list li .date-event {
  border-left:2px solid var(--upcommingcolor);
  max-width:10%;
  float:left
 }
}
@media (min-width:1600px) {
 .upcomming-events-list li .date-event {
  padding:18px
 }
}
.upcomming-events-list li .date-event span {
 font-size:18px;
 text-transform:uppercase;
 font-weight:400;
 letter-spacing:4px
}
.upcomming-events-list li .name {
 font-size:16px;
 line-height:22px;
 padding:15px;
 width: 50%; float: left
}
.upcomming-events-list li .name .up_image {
 height: 80px;
}
.upcomming-events-list li .name .up_image img {
 height: 80px;
}
@media (min-width:768px) {
 .upcomming-events-list li .name {
  text-align:left;
  width: 40%;
 }
}
@media (min-width:1600px) {
 .upcomming-events-list li .name {
  width:40%;
  padding:15px;
 }
}
.upcomming-events-list li .name span {
 text-transform:uppercase;
 font-weight:600;
 font-size:20px;
 margin-bottom:5px
}
.upcomming-events-list li .venue {
 text-transform:uppercase;
 font-size:14px;
 font-weight:500;
 padding:18px;
 text-align:center;
 text-align:left;
 float: left;
}
 .upcomming-events-list li .venue {
  border-left:1px solid rgba(147, 147, 147, 0.5);
  border-right:1px solid rgba(147, 147, 147, 0.5);
 }
@media (min-width:768px) {
  .upcomming-events-list li .venue {
  width:20%;
  padding:18px;
 }
}
@media (min-width:1600px) {
 .upcomming-events-list li .venue {
  width:20%;
  padding:15px;
 }
}
.upcomming-events-list li .venue span {
 text-transform:none;
 font-size:18px;
 margin-top:5px
}
.upcomming-events-list li .price {
 text-align:center;
 padding:15px;
 text-transform:uppercase;
 font-size:12px;
 font-weight:500
}
@media (min-width:768px) {
 .upcomming-events-list li .price {
  max-width:15%;
 }
}
@media (min-width:1600px) {
 .upcomming-events-list li .price {
  width:15%;
  padding: 15px;
 }
}
.upcomming-events-list li .price span {
 font-size:28px;
 margin-top:8px;
 font-weight:700;
}
.upcomming-events-list li .buy {
 text-align:center
}
@media (min-width:768px) {
 .upcomming-events-list li .buy {
  text-align:left;
  width: 15%;
 }
}
.upcomming-events-list li .btn {
 margin:18px 0px;
 padding:11px 20px
}
.upcomming-events-list p {
 margin-bottom:0px
}
.upcomming-events-list li.more {
 display:none
}
.upcomming-events-list-title {
 text-transform:uppercase;
 text-align:center;
 padding:58px 0 42px;
 font-size:26px;
 line-height:normal
}
.upcomming-events-list .btn.rounded {
 background-color: var(--upcommingcolor);
 color: #fff;
 border:none;
 font-style:normal;
 width:auto;
 text-transform:uppercase;
 font-weight:600;
 letter-spacing:normal;
 border-radius:20px
}
.upcomming-events-list .btn.rounded:hover {
 background-color:#b2b9bc
}
.upcomming-events-list li .date-event span::first-line {
  font-size:35px;
  color: #aaa;
}