.listSimpleton {
margin: 50px 0 0;
}
.resourceDownloads {
margin-bottom: 50px;
}
.listSimpleton .fields-container{
display:none
}
.downloadBtn.lessons, .downloadBtn.books {
text-align: center;
}
.downloadBtn.books {
margin-bottom: 50px;
}
.article{
position: relative;
overflow: hidden;
}
.listSimpleton .introImage {
background-size: cover;
background-position: top center;;
/*transition: transform 0.6s cubic-bezier(0.32, 0.6, 0.13, 0.7); /* Slowed down to 0.6s */
width: 100%;
aspect-ratio: 1 / 1;
overflow: hidden;
display: block;
background-color: #f1f1f1;
}
.listSimpleton.educationBooks .imageArea,
.listSimpleton.educationLessons .imageArea {
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
}
.listSimpleton.educationLessons .introImage{
aspect-ratio: 3 / 4;
}
.article:hover .introImage {
/*transform: scale(1.1); /* Zooms the background image on hover */
}
.introImage a {
width: 100%;
height: 100%;
display: block;
border: 0!important;
}
.listSimpleton .introImage img {
/*transition: transform 0.3s ease-in-out;*/
border-radius: inherit;
}
/* Apply the zoom effect when either <a> is hovered */
.resourceDownloads:hover .introImage img,
.resourceDownloads .introContent a:hover ~ .introImage img {
/*transform: scale(1.05);*/
}
.introContent,.introContent .articleIntro{
color: #121212;
}
.introContent h4{
margin: 10px 0;
font-weight: 700;
}