#espbp-venue-temp2 * {
box-sizing: border-box;
}
#espbp-venue-temp2 {
margin: 0;
padding: 30px 0px;
width: 100%;
height: auto;
}
a {
text-decoration: none;
box-shadow: none;
word-break: break-word;
}
#espbp-venue-temp2 h2 {
margin: 0;
}
.espbp-venue-container {
max-width: 1100px;
margin: auto;
}
#espbp-venue-temp2 .espbp-venue-box {
margin-bottom: 25px;
display: flex;
flex-direction: column;
gap: 50px;
background: #EAF9FF;
border-radius: 15px;
padding: 25px;
}
#espbp-venue-temp2 .espbp-venue-box .espbp-venue-title-image {
border-radius: 15px;
display: flex;
}
#espbp-venue-temp2 .espbp-venue-box .espbp-venue-title-box {
display: flex;
flex-direction: column;
gap: 25px;
}
#espbp-venue-temp2 .espbp-venue-box .espbp-venue-title-box .espbp-venue-title:after {
content: "";
display: block;
width: 50px;
height: 2px;
background-color: #0D95C7;
margin-top: 15px;
}
#espbp-venue-temp2 .espbp-venue-box .espbp-map-area iframe {
border-radius: 25px;
height: 250px;
}
#espbp-venue-temp2 .espbp-venue-box .espbp-venue-location {
display: flex;
gap: 5px;
}
#espbp-venue-temp2 .espbp-show-events .row {
display: flex;
gap: 35px;
margin-top: 40px;
flex-wrap: wrap;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events {
display: flex;
flex-direction: column;
gap: 18px;
border: 1px solid #00000035;
padding: 15px;
width: 31%;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events-heading {
text-align: center;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events:hover {
border: 1px solid #2667FF;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .espbp-events-image {
overflow: hidden;
height: 240px;
max-height: 240px;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .espbp-events-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition-duration: 0.7s;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .espbp-events-image img:hover {
transform: scale(1.2);
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .espbp-events-date {
display: flex;
gap: 15px;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .espbp-events-title a {
color: #2E2E36;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events h2 {
font-size: 25px;
font-weight: 600;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events h2:hover {
color: #2667FF;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .espbp-events-date-time span {
background-color: #2667FF;
color: #fff;
padding: 3px;
border-radius: 2px;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .espbp-events-readmore-div {
background: #000000; padding: 10px 0px;
text-align: center;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .espbp-events-readmore-div a {
color: #fff !important;
font-weight: 500;
}
#espbp-venue-temp2 .espbp-show-events .espbp-events .events-readmore-div:hover {
background: #2667FF;
}
@media only screen and (max-width: 600px) {
#espbp-venue-temp2 .espbp-show-events {
padding: 15px;
}
}
@media only screen and (max-width: 768px) {
#espbp-venue-temp2 .row .espbp-events {
width: 48%;
}
#espbp-venue-temp2 .espbp-show-events .row {
padding: 15px;
gap: 29px;
}
#espbp-venue-temp2 .espbp-venue-title-box,
#espbp-venue-temp2 .espbp-venue-image-box #espbp-venue-temp2 .espbp-map {
width: 50%;
}
}
@media only screen and (max-width: 662px) {
#espbp-venue-temp2 .espbp-venue-title-image {
flex-direction: column;
gap: 15px;
}
#espbp-venue-temp2 .espbp-venue-title-box,
#espbp-venue-temp2 .espbp-venue-image-box,
#espbp-venue-temp2 .espbp-map {
width: 100%;
}
#espbp-venue-temp2 .row .espbp-events {
width: 100%;
}
}