.dnwoo_cateaccordion_wrapper {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
height: 80vh;
}
.dnwoo_cateaccordion_child {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.dnwoo_cateaccordion_bg {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity: 0;
visibility: hidden;
}
.dnwoo_cateaccordion_child:hover .dnwoo_cateaccordion_bg {
opacity: 1;
visibility: visible;
}
.dnwoo_cateaccordion_child.dnwoo-active {
-webkit-box-flex: 5;
-ms-flex: 5 0 auto;
flex: 5 0 auto;
}
.dnwoo_cateaccordion_child > div {
position: absolute;
cursor: pointer;
}
.dnwoo_clickable .dnwoo_cateaccordion_child {
cursor: pointer;
}
.dnwoo_cateaccordion_child_content_wrapper {
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
text-align: center;
}
.dnwoo_cateaccordion_child .dnwoo_cateaccordion_conent {
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
overflow: hidden;
background-color:#fff;
}
.dnwoo_cateaccordion_child.dnwoo-active .dnwoo_cateaccordion_conent {
opacity: 1;
padding: 15px;
}
.dnwoo_cateaccordion_categories {
font-size: 22px;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
margin-bottom: 6px;
}
.dnwoo_cateaccordion_child.dnwoo-active .dnwoo_cateaccordion_categories,
.dnwoo_cateaccordion_child.dnwoo-active .dnwoo_cateaccordion_description {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.dnwoo_cateaccordion_categories,
.dnwoo_cateaccordion_description {
font-size: 17px;
font-weight: 700;
color: #333333;
line-height: 1;
text-transform: capitalize;
text-decoration: none; padding: 5px 25px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.dnwoo_cateaccordion_categories a {
font-size: 17px;
font-weight: 700;
text-decoration: none;
color: #333333;
}
.dnwoo_cateaccordion_count {
font-size: 16px;
color: #666666;
}
.dnwoo_cateaccordion_description {
font-size: 16px;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
padding: 0;
margin: 0 0 6px;
}
.dnwoo_product_accordion_grid_stack {
display: block;
margin-top: 5px;
margin-left: 0;
}
.dnwoo_cateaccordion_child,
.dnwoo_cateaccordion_conent {
border-width: 0px;
border-style: solid;
border-color: transparent;
}