/*
Theme Name: Hello Elementor Child
Theme URI: https://example.com/hello-elementor-child
Description: Child theme for the Hello Elementor theme
Author: Your Name
Author URI: https://example.com
Template: hello-elementor
Version: 1.0
*/

/* Import the parent theme's stylesheet */
@import url("../hello-elementor/style.css");

/* Custom styles can be added below */

.box-hover{
	transition: 0.5s ease;
}
.box-hover:hover {
    transform: scale(1.03);
}
.cat-tabs ul {
    display:flex;
	justify-content:center;
    list-style:none;
    gap:30px;
}

ul.post-list.tab-content {
    display:none;
}

.post-filter ul.post-list.tab-content.active {
    display: flex;
    gap:25px;
	margin-top: 50px;
	flex-wrap: wrap;
    padding-left: 0;
}
.post-filter ul.post-list.tab-content.active li {
    flex: 0 0 31.9%;
}
.post-filter li.tab-panel {
    list-style:none;
    background: white;
    border: none;
    box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.16);
    padding: 0;
    border-radius: 30px;
}
.post-filter .post-thumbnail img{
    border-radius:30px 30px 0 0px;
}
.post-filter .post-content{
    padding:10px 30px;
}
.post-filter .post-title{
    text-align:center;
	color: #09092d;
}
.post-filter .cat-tabs ul{
    background:#fff;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
    padding:20px 0 10px;
    border-radius:0 0 20px 20px;
}
.post-filter .cat-tabs ul li{
    background-color: hsla(260,11%,85%,1) !important;
    padding:10px 30px;
   cursor:pointer;
    border-radius:10px;
} 
.post-filter .cat-tabs ul li.active{
    background-color: hsl(240deg 66.67% 10.59%) !important;
    color:#fff;
}
.post-filter .cat-tabs ul li:hover{
    background:#09092d !important;
    color:#fff;
}

@media(max-width:1024px){
	.post-filter ul.post-list.tab-content.active {
    gap: 14px;
}
}
@media(max-width:767px){
	.post-filter ul.post-list.tab-content.active li {
    flex: 0 0 100%;
}
.post-filter ul.post-list.tab-content.active {
        gap: 40px;
    }
.post-filter .cat-tabs ul{
	max-width: 100% !important;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    display: inline-block !important;
}	
.post-filter .cat-tabs ul li{
	display: inline-block !important;
	margin-right:20px;
} 
.post-filter .cat-tabs ul {
    
    padding: 20px 20px 10px;
}	
}