/*
 Theme Name: Astra Child
 Template: astra
 Author: Your Name
 Description: Child theme for Astra
 Version: 1.0.0
*/
html{
	overflow-x:hidden;
}
.box-shade .elementor-flip-box__layer.elementor-flip-box__front{
    box-shadow:0px 0px 15px 5px rgba(0, 0, 0, 0.2);
}
.montserrat{
    font-family:'montserrat';
}
a:hover {
    text-decoration: none;
}

.content-trim {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-red{
	color:#D72029 !important;
}
.btn-red{
    background-color: #D72029;
    color:#fff;
    text-decoration: none !important;
    border:1px solid #D72029;
}
.btn-red:hover{
    background-color:#fff;
    color:#D72029;
    border:1px solid #D72029;
}
.bg-red{
    background-color:#ff0000 !important;
    color:#fff !important;
}
.text-black{
	color: #282828 !important;
}
.btn-primary{
	background-color: transparent !important;
    border: 1px #fff solid !important;
    border-radius: 100px !important;
    text-decoration: none !important;
}
.btn-primary:hover{
	background-color:#D72029 !important;
	color:#fff !important;
}
 .post-card {
	 position: relative;
	border-radius: 10px;
    overflow: hidden;
}
.post-card img {
	transition: transform 0.3s ease-in-out;
}
.post-card:hover img {
	transform: scale(1.1);
}
.post-overlay {
	background: rgba(255, 0, 0, 0.8);
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}
.post-card:hover .post-overlay {
	opacity: 1;
}
.fade-in-up-cs {
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUpcs 0.9s ease forwards;
}

@keyframes fadeInUpcs {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 992px) {
                .post-overlay {
                    font-size: 14px;
                  
                }
            }
            @media (max-width: 768px) {
                .post-overlay h5 {
                    font-size: 12px;
                }
               
            }
            @media (max-width: 576px) {
                .post-overlay {
                    font-size: 12px;
                    padding: 5px;
                }
                .post-overlay h5 {
                    font-size: 14px;
                }
                .post-card img {
                    height: 200px;
                    object-fit: cover;
                }
            }