/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 19 2023 | 07:57:27 */
/*********** Posts Styling CSS Code ***********/
/*------------- Posts Styling CSS Code -------------*/
/*********** Posts Styling CSS Code ***********/


.posgt-css-main-grd .elementor-posts .elementor-post .elementor-post__thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.posgt-css-main-grd .elementor-posts .elementor-post .elementor-post__text {
    width: 90%;
    margin: auto;
    box-shadow: 0px 5px 16px -5px #00000038;
    padding: 25px 20px;
    margin-bottom: 18px;
    transform: translateY(-60px);
    z-index: 1;
    opacity: 1;
    background: #fff;
	display: flex;
    justify-content: center;
    align-items: center;
	transition: all .4s ease-in;
}
.posgt-css-main-grd .elementor-posts .elementor-post .elementor-post__text .elementor-post__meta-data{
	order: -1;
}
.posgt-css-main-grd .elementor-posts .elementor-post:hover .elementor-post__text{
	transform: translateY(-80px);
	transition: all .4s ease-in;
}
.posgt-css-main-grd .elementor-posts .elementor-post .elementor-post__text a.elementor-post__read-more {
     display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    border: 2px solid var(--e-global-color-1cf45d3 );
    border-radius: 100px;
    min-width: 150px;
    min-height: 50px;
    padding-top: 19px;
    padding-bottom: 14px;
    width: 150px;
    height: 50px;
}
.posgt-css-main-grd .elementor-posts .elementor-post:hover .elementor-post__text a.elementor-post__read-more{
	background: var(--e-global-color-1cf45d3 );
}


/*********** Products Styling CSS Code ***********/
/*------------- Products Styling CSS Code -------------*/
/*********** Products Styling CSS Code ***********/


.prodcuts-style-css ul.products .product .astra-shop-summary-wrap {
    box-shadow: 0px 5px 16px -5px #00000038;
    padding: 20px 15px;
    margin-top: -40px;
    opacity: 1;
    background: #fff;
	border-radius: 0 0px 4px 4px;
	transform: translatey(0);
	transition: all .3s ease-in;
}
.prodcuts-style-css ul.products .product:hover .astra-shop-summary-wrap{
	transform: translatey(-20px);
	transition: all .3s ease-in;
}
.prodcuts-style-css ul.products .product:hover .astra-shop-summary-wrap a.button{
	background: var(--e-global-color-1cf45d3) !important;
}
.prodcuts-style-css ul.products .product .astra-shop-summary-wrap a>h2 {
    display: -webkit-box;
	margin: 0 auto;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}


/*********** Media Queries Styling CSS Code ***********/
/*------------- Media Queries Styling CSS Code -------------*/
/*********** Media Queries Styling CSS Code ***********/


@media screen and (max-width:767px){
	.prodcuts-style-css ul.products{
		grid-template-columns: repeat(1,1fr);
	}
}