body {
margin: 0px;
}
.lardal-custom-container {
width: 100%;
margin: 0;
padding: 0;
}
.lardal-custom-container .lardal-custom-row {
margin: 0;
padding: 0;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction: row;
}
.lardal-post-card img {
width: 266px !important;
height: 270px !important;
}	
.lardal-custom-container .lardal-post-card {
margin: 0;
padding: 0;
width: 25%;
padding-right: 2.3%;
margin-bottom: 50px;
overflow: hidden;
}
.lardal-custom-container .lardal-post-card:nth-child(4n) {
padding-right: 22px;
}
.lardal-custom-container img {
width: 100%;
}
.lardal-custom-container .card-top img {
width: 100%;
}
.lardal-custom-container .card-top h3 {
font-size: 24px;
font-weight: 700;
line-height: 36px;
margin-bottom: 10px;
}
.lardal-custom-container .card-top p {
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-overflow: ellipsis;
}
.lardal-custom-container .card-bottom {
display: flex;
justify-content: start ;
align-items: center;
margin-top: 10px;
}
.lardal-custom-container .card-bottom a {
font-size: 18px;
font-weight: 600;
line-height: 18px;
color: #407514;
text-decoration: none;
}
.overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
transition: opacity 500ms;
display: none;
background: rgba(0, 0, 0, 0.7);
z-index:999;
overflow: auto;
}
.showModal{
cursor: pointer;
}
.popup {
width: 550px;
background: #FFFFFF;
box-shadow: 0px 9px 25px rgba(0, 0, 0, 0.15);
padding: 30px;
margin: 70px auto;
position: relative;
transition: all 5s ease-in-out;
}
.popup h3 {
font-size: 24px;
font-weight: 700;
line-height: 36px;
margin-bottom: 10px;
}
.popup p {
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-overflow: ellipsis;
}
.popup .close:hover {
cursor: pointer;
}
.popup .content {
max-height: 30%;
overflow: auto;
}
.popup img {
width: 270px;
}
@media screen and (max-width: 700px) {
.box {
width: 70%;
}
.popup {
width: 85%;
}
}
@media only screen and (max-width: 1024px) {
.lardal-custom-container .lardal-post-card {
margin: 0;
padding: 0;
width: 33% !important;
padding-right: 2.3% !important;
margin-bottom: 50px;
overflow: hidden;
}
.elementor-1033 .elementor-element.elementor-element-49e67e45 {
padding: 0px 20px 60px 20px;
}
.lardal-custom-container .lardal-post-card:nth-child(3n) {
padding-right: 0px !important;
}
.lardal-custom-container .card-top h3 {
font-size: 24px;
font-weight: 700;
line-height: 36px;
margin-bottom: 10px;
}
.lardal-custom-container .card-top p {
font-size: 16px;
font-weight: 500;
line-height: 26px;
text-overflow: ellipsis;
}
.lardal-custom-container .card-bottom a {
font-size: 16px;
}
.lardal-custom-container .card-bottom svg {
width: 30px;
height: 30px;
}
}
@media only screen and (max-width: 767px) {
.lardal-custom-container .lardal-post-card {
margin-bottom: 30px !important;
width: 100% !important;
padding-right: 0% !important;
margin-bottom: 50px;
overflow: hidden;
text-align: center;
padding: 0px 20px !important;
}    
.lardal-custom-container .card-top h3 {
font-size: 18px !important;
font-weight: 700;
line-height: 24px !important;
margin-bottom: 10px;
}
.lardal-custom-container .card-top p {
font-size: 14px !important;
font-weight: 500;
line-height: 22px !important;
text-overflow: ellipsis;
}
.lardal-custom-container .card-bottom {
display: flex;
justify-content: center !important;
align-items: center;
margin-top: 10px;
}
.lardal-custom-container .card-bottom svg {
width: 35px !important;
height: 35px !important;
}
.elementor-1033 .elementor-element.elementor-element-780f5860
img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
width: 300px !important ;
height: 280px !important ;
}
}
}