#espbp-org-temp1 * {
box-sizing: border-box;
}
#espbp-org-temp1 {
margin: 0;
padding: 30px 0;
width: 100%;
height: auto;
}
a {
text-decoration: none;
box-shadow: none;
word-break: break-word;
}
.espbp-org-container {
max-width: 1100px;
margin: auto;
}
#espbp-org-temp1 h2 {
margin: 0;
}
#espbp-org-temp1 .espbp-org-box {
display: flex;
gap: 25px;
margin-bottom: 25px;
flex-direction: row;
align-items: center;
}
#espbp-org-temp1 .espbp-org-image-box {
position: relative;
}
#espbp-org-temp1 .espbp-org-image {
width: 95%; height: 250px;
max-height: 250px;
padding-left: 25px;
padding-top: 25px;
}
#espbp-org-temp1 .espbp-bg-color {
position: absolute;
width: 90%;
height: 90%;
background-color: #cccccc;
border-radius: 10px;
z-index: -1;
top: 0;
left: 0;
}
#espbp-org-temp1 .espbp-org-image img {
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 10px;
}
#espbp-org-temp1 .espbp-org-right h2 {
font-weight: 600;
}
#espbp-org-temp1 .espbp-org-personal-details {
display: flex;
gap: 8px;
flex-direction: column;
}
#espbp-org-temp1 .espbp-org-box .espbp-org-right,
#espbp-org-temp1 .espbp-org-box .espbp-org-right .espbp-org-personal-details a{
color: black;
}
#espbp-org-temp1 .espbp-org-personal-details strong {
font-size: 16px;
} #espbp-org-temp1 .espbp-show-all-events,
#espbp-org-temp1 .espbp-org-left,
#espbp-org-temp1 .espbp-org-right {
padding: 0;
}
#espbp-org-temp1 .espbp-show-all-events h3 {
font-size: 25px;
font-weight: 600;
}
#espbp-org-temp1 .espbp-events-heading {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#espbp-org-temp1 .espbp-events-heading:after {
content: "";
display: block;
width: 50px;
height: 2px;
background-color: #000000;
}
#espbp-org-temp1 .espbp-show-events {
display: flex;
gap: 35px;
flex-wrap: wrap;
margin-top: 20px;
}
#espbp-org-temp1 .espbp-show-events .espbp-events {
display: flex;
flex-direction: column;
gap: 10px;
border: 1px solid #00000035;
padding: 15px;
width: 31%;
}
#espbp-org-temp1 .espbp-show-events .espbp-events:hover {
border: 1px solid #2667FF;
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-image {
overflow: hidden;
height: 240px;
max-height: 240px;
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition-duration: 0.7s;
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-image img:hover {
transform: scale(1.2);
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-date {
display: flex;
gap: 15px;
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-title a {
color: #2E2E36;
}
#espbp-org-temp1 .espbp-show-events .espbp-events h2 {
font-size: 25px;
font-weight: 600;
}
#espbp-org-temp1 .espbp-show-events .espbp-events h2:hover {
color: #2667FF;
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-date-time {
background-color: #2667FF;
color: #fff;
padding: 3px;
border-radius: 2px;
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-readmore-div {
background: #000000; padding: 10px 0px;
text-align: center;
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-readmore-div a {
color: #fff !important;
font-weight: 500;
}
#espbp-org-temp1 .espbp-show-events .espbp-events .espbp-events-readmore-div:hover {
background: #2667FF;
}
@media only screen and (max-width: 1024px) {
#espbp-org-temp1 {
padding: 30px 15px;
}
#espbp-org-temp1 .espbp-show-events {
gap: 34px;
}
}
@media only screen and (max-width: 768px) {
#espbp-org-temp1 .espbp-show-events .espbp-events {
width: 48%;
}
#espbp-org-temp1 .espbp-show-events { gap: 29px;
}
#espbp-org-temp1 .espbp-org-left {
width: 40%;
}
#espbp-org-temp1 .espbp-org-right {
width: 60%;
}
}
@media only screen and (max-width: 662px) {
#espbp-org-temp1 .espbp-org-box {
display: flex;
gap: 10px;
flex-direction: column-reverse;
}
#espbp-org-temp1 .espbp-show-events {
padding: 15px;
}
#espbp-org-temp1 .espbp-show-events .espbp-events {
width: 100%;
}
#espbp-org-temp1 .espbp-org-left {
width: 100%;
}
#espbp-org-temp1 .espbp-org-right {
width: 100%;
}
}