/*Wall Category*/
.categorywall-container .title-module{
  margin-bottom: 15px;
  padding: 0px 0px;
  position:relative;
text-align: center;
}
.categorywall-container .col-xs-12,
.categorywall-container .col-sm-6, 
.categorywall-container .col-md-4, 
.categorywall-container .col-lg-3{
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
}
.categorywall-container .title-module span{
	font-size: 20px;
	padding: 0 20px 0px 0px;
	z-index: 5;
	color:#212121;
	position: relative;
	text-transform:uppercase;

}
.box-item {
margin-bottom: 20px;
}

/*Wall Category*/
/* Wall Category - Layout Fix */
.categorywall-container {
    display: block;
    width: 100%;
    margin-bottom: 40px; /* Reduced to normal since height calculation is fixed */
    clear: both;
}

.wall-category-box {
    display: flex; /* Use flex to ensure height consistency */
    flex-wrap: wrap;
    margin: 0 -10px;
    overflow: visible;
}

.wall-category-box .item-category {
    display: flex;
    flex-direction: column; /* Forces image on top, name on bottom */
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    position: relative;
    background: #ffffff;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 100%; /* Ensures blocks in a row are equal height */
}

.wall-category-box .item-category:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
    border-color: #2e5b37;
}

.wall-category-box .wall-cat-image {
    flex-grow: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wall-category-box .wall-cat-image img {
    display: block;
    max-width: 100%;
    height: auto;
    padding: 15px;
    transition: transform 0.6s ease;
}

.wall-category-box .item-category:hover img {
    transform: scale(1.08);
}

.wall-cat-name {
    position: relative !important; /* Forces block to stay in normal document flow */
    display: block !important;
    width: 100%;
    background: #fcfcfc !important;
    padding: 15px 5px;
    text-align: center;
    margin-top: 0 !important; 
    border-top: 1px solid #eee;
    z-index: 1;
}

.item-category .wall-cat-name a {
    color: #333333 !important;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none !important;
    display: block;
}

.wall-category-box .item-category:hover .wall-cat-name {
height: 100%;
    background: #008cd3 !important;
}

.wall-category-box .item-category:hover .wall-cat-name a {
    color: #ffffff !important;
}

/* Clearfix for older browsers if needed */
.categorywall-container::after {
    content: "";
    clear: both;
    display: table;
}

@media (min-width: 768px) {
.wall-category-box .item-sub-category {
	padding-left:15px;
}
.wall-category-box .item-sub-category .subcategory-name a{
font-size:14px;
line-height: 15px;
color:#040707;
}
.wall-category-box .item-sub-category .subcategory-name a:hover{
text-decoration: underline;
}
.wall-category-box .item-sub-category{
	background:#edeef2;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:45px;
	opacity:0;
	padding-top:5px;
	padding-left:10px;

	transition:all ease-in-out 0.4s;
}	
.wall-category-box .parent_category .wall-cat-image{opacity:1;transform:rotateY(0deg);transition:all ease-in-out 0.4s;}

.wall-category-box .parent_category:hover .item-sub-category{opacity:0.75;transform:rotateY(0deg);}
}

@media (max-width: 768px) {
	.wall-category-box .item-category.parent_category .wall-cat-image {
		cursor:pointer;
	}
	.wall-category-box .item-sub-category {
		display:none;
	}
	.wall-category-box .item-sub-category.active-sub-menu {
		display:block;
		padding:10px;
		background:#edeef2;
		overflow:hidden;
		border-top:1px solid #ddd;
	}
	.wall-category-box .item-sub-category.active-sub-menu .subcategory-name a{
		font-size:14px;
		color:#222222;
		opacity:1;
	}
	.wall-category-box .item-sub-category.active-sub-menu .subcategory-name a:hover{
		font-size:14px;
		color:#c2c2c2;
		opacity:1;
	}
	
}
.nswc-scrollbar {
width: 6px;
margin: 4px;
background-color: #EDEEF2;
}
.nswc-thumb {
background-color: #c2c2c2;
border-radius:5px;
}
.nswc-scrollbar.active .nswc-thumb {
 background-color: #313740;
 }
/*------*/

 .display-table {
  display: table;
  height: 100%;
  width: 100%;
  overflow:hidden;
}
.display-table-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  width: 100%;
}