.eb-event-card{
display: flex;
margin-bottom:40px;
padding: 24px;
flex-direction: column;
align-items: flex-start;
gap: 12px;
align-self: stretch;
border-radius: 24px;
background: #FFF;
box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.50);
}	

.eb-event-card .eb-top-tags{
display: flex;
gap: 10px;
}
.eb-event-card .eb-date{
display: flex;
padding: 10px 18px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: #2D3142;
color:#fff;
color: #FFF;
font-family: Roboto;
font-size: 0.8rem;
font-style: normal;
font-weight: 700;
line-height: 1em; 
}

.eb-event-card .eb-spots{
display: flex;
padding:10px 18px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 8px;
background: #FF6D43;
color: #000;
font-family: Roboto;
font-size: 0.8rem;
font-style: normal;
font-weight: 700;
line-height: 1em; 
}
.eb-event-card .eb-title{
font-family: "Overpass", Sans-serif!important;
color:#2D3142;
font-size: 2.15rem;
line-height: 1.1em;
margin-bottom:10px;

}

.eb-event-card .eb-desc{
font-size: 1.25rem;
line-height: 1.6rem;
font-family: "Roboto", Sans-serif!important;
color:#000;
}
.eb-event-card	.eb-meta{
display: flex;
gap: 15px;
}

.eb-event-card .eb-meta span{
font-family: "Roboto", Sans-serif!important;	
font-size: 0.9rem;
line-height:1.2em;
position:relative;
padding-left: 25px;
}

.eb-event-card	.eb-meta span.time::before{
position:absolute;
content:'';
top:50%;
left:0;
margin-top:-10px;
background-image:url('images/Vector-time.png');
background-repeat:no-repeat;
background-position:left center;
width:20px;
height:20px;
background-size:80% 80%;
}

.eb-event-card .eb-meta span.address::before{
position:absolute;
content:'';
top:50%;
left:0;
margin-top:-10px;
background-image:url('images/Vector-map.png');
background-repeat:no-repeat;
background-position:left center;
width:16px;
height:20px;
background-size:80% 80%;
}

.eb-event-card .eb-bottom{
border-top: 1px solid #FF6D43;
display: flex;
padding-top: 20px;
width: 100%;
align-items: center;
}

.eb-event-card .eb-bottom a{
background-color: #000000;
font-family: "Roboto", Sans-serif!important;
font-size: 1.15rem;
line-height: 1.6rem;
font-weight: 500;
fill: #FFFFFF;
color: #FFFFFF;
border-radius: 50px 50px 50px 50px;
padding: 10px 18px;
}

.eb-event-card .eb-type{
color: #2D3142;
font-family: "Roboto", Sans-serif!important;
font-size: 0.8rem;
font-style: normal;
font-weight: 600;
line-height: 1.2em;
padding-left:15px;
}


#eb-load-more{
background-color: #000;
font-family: "Roboto", Sans-serif !important;
font-size: 1.15rem;
line-height: 1.6rem;
font-weight: 500;
fill: #FFF;
color: #FFF;
border-radius: 50px 50px 50px 50px;
padding: 10px 18px;
border-color: #000;
margin: 0 auto;
display: flex;

}

#eb-load-more:hover{
color:#FF6D43;
fill:#FF6D43;
}

button:disabled {
background-color: #cccccc;
color: #666666;
cursor: not-allowed; /* Shows a blocked cursor on hover */
opacity: 0.6;        /* Fades the button */
}


@media(min-width:1920px){
	
.eb-event-card .eb-date{
	 font-size: 1.1rem;
	 padding: 0.7vw 1.2vw;
}
.eb-event-card .eb-spots{
	 font-size: 1.1rem;
	 padding: 0.7vw 1.2vw;
}
.eb-event-card .eb-title { 
  font-size: 3rem;
  line-height: 1.2em;
 
}
.eb-event-card .eb-desc {
  font-size: 1.6rem;
  line-height: 1.8rem; 
}

.eb-event-card .eb-meta span {
  font-size: 1.1rem;
 }

.eb-event-card .eb-bottom a{
font-size: 1.52rem;
line-height: 1.6rem;
padding: 1vw 1.5vw;
}

.eb-event-card .eb-type {
  font-size: 1.1rem;
  line-height: 1.2em;
  
}

#eb-load-more{
font-size: 1.25rem;
line-height: 1.6rem;
padding: 1vw 1.5vw;
}
}


@media(min-width:2400px){
  .eb-event-card .eb-date {
    font-size: 1.5rem;
  }
  
    .eb-event-card .eb-spots {
    font-size: 1.5rem;

  }

 .eb-event-card .eb-title {
	 font-size: 3.5rem;
    margin: 30px 0 20px;
  }
    
 .eb-event-card .eb-desc {
    font-size: 2rem;
    line-height: 2.3rem;
  }
  
 .eb-event-card .eb-meta span {
    font-size: 1.5rem;
  }
  

  
   .eb-event-card .eb-type {
    font-size: 1.5rem;
    line-height: 1.7em;
  }
  
.eb-event-card .eb-bottom a{
font-size: 1.62rem;
}

.eb-event-card .eb-bottom {
  padding-top: 30px;
  margin-top: 15px;
}
	
}

@media(max-width:1200px){	
.eb-event-card .eb-title {
font-size: 1.8rem;
line-height: 1.1em;
}

.eb-event-card .eb-desc {
font-size: 1.1rem;
line-height: 1.3rem; 
}

.eb-event-card .eb-bottom a {  
font-size: 1rem;
line-height: 1.2rem;  
}

#eb-load-more{
font-size: 1rem;
line-height: 1.2rem;  		
}
}


@media(max-width:600px){		
.eb-event-card	.eb-meta, .eb-event-card	.eb-meta span{
display: block; 
}

.eb-event-card	.eb-meta span.address	{
margin-top:15px;
}
}

@media(max-width:348px){	
.eb-event-card .eb-top-tags {
display: block;  
}
.eb-event-card .eb-spots{
margin-top:8px;
}
}