#espbp-cat-temp1 * {
box-sizing: border-box;
}
#espbp-cat-temp1 {
margin: 0;
width: 100%;
height: auto;
border: 2px solid #0000001A;
border-radius: 15px;
padding-left: 0px;
padding-right: 0px;
}
a {
text-decoration: none;
box-shadow: none;
word-break: break-word;
}
a:hover {
text-decoration: none !important;
}
.category-container {
max-width: 1100px;
margin: auto;
}
.espbp-cat-box {
padding: 25px;
display: flex;
flex-direction: column;
gap: 5px;
}
.espbp-cat-name p {
display: inline;
border-radius: 5px;
padding: 2px 6px;
}
.espbp-child-cat,
.espbp-event-count {
display: flex;
gap: 5px;
align-items: baseline;
padding: 0px !important;
}
.espbp-child-cat strong,
.espbp-event-count strong {
font-size: 17px;
}
.espbp-cat-box .espbp-cat-title {
color: #0D95C7;
font-size: 28px;
font-weight: 500; }
.espbp-cat-box .espbp-cat-desc {
color: #4B4B4B;
font-size: 16px;
} .weight-500 {
font-weight: 500;
}
.weight-600 {
font-weight: 600;
}
.display-flex {
display: flex;
align-items: center;
}
.espbp-show-events {
padding: 25px 25px 25px 25px;
}
.espbp-list-wrapper .espbp-post .col-md-4,
.espbp-list-wrapper .espbp-post .col-md-8 {
padding: 0;
}
.espbp-events-schedule {
color: #767676;
font-size: 16px;
}
.espbp-event-title {
color: #222222;
font-size: 24px;
margin: 10px 0px;
}
.espbp-event-title:hover {
color: #0D95C7;
}
ul.espbp-evt-tag {
gap: 4px;
flex-wrap: wrap;
padding: 0px;
margin: 0px;
list-style: none;
}
li.espbp-each-tag a {
font-size: 13px;
color: white;
background-color: #0D95C7;
padding: 6px 14px;
border-radius: 5px;
}
.espbp-evt-dsc {
color: #767676;
font-size: 15px;
margin: 13px 0px;
}
.espbp-evt-venue-icon {
color: #0D95C7;
} .espbp-image {
background-color: #000;
position: relative;
}
.espbp-image-overflow {
overflow: hidden; width: 100%;
}
.espbp-post .espbp-left {
width: 30%;
}
.espbp-post .espbp-right {
width: 70%;
}
.espbp-image-box img {
height: 100%;
width: 100%;
opacity: 0.15;
}
.espbp-evt-schd-details {
position: absolute;
height: 100%;
width: 100%;
top: 0;
}
.espbp-evt-schd-minbox {
height: 100%;
width: 100%;
justify-content: center;
border: 2px solid #0000001A;
padding: 20px;
flex-direction: column;
color: #fff;
font-size: 18px;
}
.espbp-evt-schd-details {
position: absolute;
width: 100%;
height: 100%;
padding: 25px;
}
.espbp-image-overflow img {
transform: scale(1.1);
}
.espbp-image:hover .espbp-evt-schd-details {
display: none;
}
.espbp-image:hover {
background-color: transparent;
}
.espbp-image:hover .espbp-image-box img {
opacity: 1;
transform: scale(1.3) !important;
transition-duration: 0.5s;
}
.espbp-post {
display: flex;
align-items: center;
margin-bottom: 15px;
gap: 15px;
}
.espbp-tribe-event-date {
text-align: center;
}
@media only screen and (max-width: 991px) {
.espbp-tribe-event-date {
font-size: 12px;
}
.espbp-event-title {
font-size: 20px;
}
.espbp-events-schedule {
font-size: 13px;
}
.category-container {
padding: 10px;
}
}
@media only screen and (max-width: 767px) {
.espbp-tribe-event-date {
font-size: 14px;
}
.espbp-post {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.espbp-image {
margin-bottom: 20px;
} .espbp-post .espbp-left,
.espbp-post .espbp-right {
width: 100%;
}
}