#espbp-org-temp2 * {
box-sizing: border-box;
}
#espbp-org-temp2 {
margin: 0;
padding: 30px 0;
width: 100%;
height: auto;
}
a {
text-decoration: none;
box-shadow: none;
word-break: break-word;
}
.organizer-container {
max-width: 1100px;
margin: auto;
}
#espbp-org-temp2 .espbp-org-left,
#espbp-org-temp2 .espbp-org-right {
padding: 0;
}
#espbp-org-temp2 .espbp-org-box {
display: flex;
flex-direction: column;
gap: 20px;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-title-box {
display: flex;
gap: 15px;
}
#espbp-org-temp2 .espbp-org-title {
display: flex;
align-items: center;
gap: 10px;
}
#espbp-org-temp2 h2 {
margin-top: 10px !important;
font-size: 30px;
}
#espbp-org-temp2 .espbp-org-title:after {
content: "";
display: block;
width: 50%;
height: 2px;
background-color: #000000;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-right .espbp-org-img {
width: 100%; height: 220px;
max-height: 220px;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-right .espbp-org-img img {
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 10px;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-desc {
color: #767676;
font-size: 15px;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details {
background: #E7EFFF;
border-radius: 15px;
padding: 30px;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-detail-box {
display: flex;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-phone,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-email {
border-right: 2px solid #528CFF;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-phone,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-email,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-website {
display: flex;
flex-direction: column;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-phone strong,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-email strong,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-website strong {
font-size: 18px;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-phone span,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-email span,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-website span {
font-size: 16px;
} #espbp-org-temp2 .espbp-show-events {
margin-top: 20px;
}
#espbp-org-temp2 .espbp-events-heading {
display: flex;
align-items: center;
gap: 10px;
}
#espbp-org-temp2 .espbp-events-heading:after {
content: "";
display: block;
width: 65%;
height: 2px;
background-color: #000000;
}
#espbp-org-temp2 .espbp-list-wrapper {
margin-top: 20px;
}
#espbp-org-temp2 .weight-500 {
font-weight: 500;
}
#espbp-org-temp2 .weight-600 {
font-weight: 600;
}
#espbp-org-temp2 .display-flex {
display: flex;
align-items: center;
}
#espbp-org-temp2 .espbp-events-schedule {
color: #767676;
font-size: 16px;
}
#espbp-org-temp2 .espbp-event-title {
color: #222222;
font-size: 24px;
margin: 10px 0px;
}
#espbp-org-temp2 .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-org-temp2 .espbp-evt-dsc {
color: #767676;
font-size: 15px;
margin: 13px 0px;
}
#espbp-org-temp2 .espbp-evt-venue-icon {
color: #0D95C7;
} #espbp-org-temp2 .espbp-image {
background-color: #222222;
position: relative;
}
#espbp-org-temp2 .espbp-image-overflow {
overflow: hidden;
height: 240px;
max-height: 240px;
}
#espbp-org-temp2 .espbp-image-box img {
height: 100%;
width: 100%;
opacity: 0.15;
}
#espbp-org-temp2 .espbp-evt-schd-details {
position: absolute;
height: 100%;
width: 100%;
top: 0;
}
#espbp-org-temp2 .espbp-evt-schd-minbox {
height: 100%;
width: 100%;
justify-content: center;
border: 2px solid #0000001A;
padding: 20px;
flex-direction: column;
color: white;
font-size: 18px;
}
#espbp-org-temp2 .espbp-evt-schd-details {
position: absolute;
width: 100%;
height: 100%;
padding: 25px;
}
#espbp-org-temp2 .espbp-image:hover .espbp-evt-schd-details {
display: none;
}
#espbp-org-temp2 .espbp-image:hover {
background-color: transparent;
}
#espbp-org-temp2 .espbp-image:hover .espbp-image-box img {
opacity: 1;
transform: scale(1.1);
transition-duration: 0.5s;
}
#espbp-org-temp2 .espbp-post {
display: flex;
align-items: center;
margin-bottom: 15px;
}
#espbp-org-temp2 .espbp-post .espbp-left {
width: 30%;
}
#espbp-org-temp2 .espbp-post .espbp-right {
width: 70%;
}
#espbp-org-temp2 .espbp-tribe-event-date {
text-align: center;
}
@media only screen and (max-width: 1024px) {
#espbp-org-temp2 {
padding: 30px 15px;
}
}
@media only screen and (max-width: 768px) {
#espbp-org-temp2 .espbp-tribe-event-date {
font-size: 12px;
}
#espbp-org-temp2 .espbp-event-title {
font-size: 20px;
}
#espbp-org-temp2 .espbp-events-schedule {
font-size: 13px;
}
#espbp-org-temp2 .espbp-org-box,
#espbp-org-temp2 .espbp-show-events,
#espbp-org-temp2 .espbp-org-details {
padding: 15px;
}
#espbp-org-temp2 .espbp-tribe-event-date {
font-size: 14px;
} #espbp-org-temp2 .espbp-image {
margin-bottom: 20px;
}
#espbp-org-temp2 h2 {
font-size: 23px;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-detail-box .espbp-org-phone,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-detail-box .espbp-org-email,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-detail-box .espbp-org-website {
width: 33%;
}
#espbp-org-temp2 .espbp-events-heading:after {
width: 60%;
}
}
@media only screen and (max-width: 662px) {
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-detail-box {
flex-direction: column;
gap: 10px;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-detail-box .espbp-org-phone,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-detail-box .espbp-org-email,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-detail-box .espbp-org-website {
width: 100%;
}
#espbp-org-temp2 .espbp-post {
flex-direction: column;
align-items: flex-start;
}
#espbp-org-temp2 .espbp-post .espbp-left,
#espbp-org-temp2 .espbp-post .espbp-right {
width: 100%;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-phone,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-email {
border-right: none !important;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-phone,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-email,
#espbp-org-temp2 .espbp-org-box .espbp-org-details .espbp-org-website {
display: flex;
flex-direction: row;
padding: 0;
}
#espbp-org-temp2 .espbp-org-box .espbp-org-title-box {
flex-direction: column;
}
}