.dnwoo_imgaccordion_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_imgaccordion_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_imgaccordion_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_imgaccordion_child:hover .dnwoo_imgaccordion_bg {
opacity: 1;
visibility: visible;
}
.dnwoo_imgaccordion_child.dnwoo-active {
-webkit-box-flex: 5;
-ms-flex: 5 0 auto;
flex: 5 0 auto;
}
.dnwoo_imgaccordion_child > div {
position: absolute;
cursor: pointer;
}
.dnwoo_clickable .dnwoo_imgaccordion_child {
cursor: pointer;
}
.dnwoo_imgaccordion_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_imgaccordion_child .dnwoo_imgaccordion_conent {
opacity: 0;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
padding: 15px 30px;
}
.dnwoo_imgaccordion_child.dnwoo-active .dnwoo_imgaccordion_conent {
opacity: 1;
}
ul.dnwoo_imgaccordion_categories {
font-size: 16px;
-webkit-transform: translateY(-50px);
-ms-transform: translateY(-50px);
transform: translateY(-50px);
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 6px;
}
.dnwoo_imgaccordion_categories li {
display: inline-block;
}
.dnwoo_imgaccordion_categories li a {
color: #fff;
}
.dnwoo_imgaccordion_child.dnwoo-active .dnwoo_imgaccordion_categories,
.dnwoo_imgaccordion_child.dnwoo-active .dnwoo_imgaccordion_title,
.dnwoo_imgaccordion_child.dnwoo-active .dnwoo_imgaccordion_price,
.dnwoo_imgaccordion_child.dnwoo-active .dnwoo_imgaccordion_buttons {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.dnwoo_imgaccordion_categories,
.dnwoo_imgaccordion_title,
.dnwoo_imgaccordion_description,
.dnwoo_imgaccordion_price,
.dnwoo_imgaccordion_buttons {
font-weight: 400;
color: #fff;
line-height: 1;
text-transform: capitalize;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.dnwoo_imgaccordion_title {
font-size: 24px;
font-weight: 700;
-webkit-transform: translateY(60px);
-ms-transform: translateY(60px);
transform: translateY(60px);
padding: 0;
margin: 0 0 6px;
}
.dnwoo_imgaccordion_price {
font-size: 16px;
-webkit-transform: translateY(70px);
-ms-transform: translateY(70px);
transform: translateY(70px);
margin: 0 0 6px;
}
.dnwoo_imgaccordion_price span {
display: inline-block;
}
.dnwoo_imgaccordion_price span:not(:last-child),
.dnwoo_imgaccordion_price del span {
text-decoration: line-through;
}
.dnwoo_imgaccordion_price del span.woocommerce-Price-currencySymbol {
text-decoration: none !important;
}
.dnwoo_imgaccordion_buttons a:not(:last-child) {
margin-right: 6px;
}
.dnwoo_imgaccordion_buttons {
-webkit-transform: translateY(80px);
-ms-transform: translateY(80px);
transform: translateY(80px);
}
.dnwoo_imgaccordion_buttons .dnwoo_imgaccordion_view_button {
display: none;
}
.dnwoo_imgaccordion_buttons .add_to_cart_button .icon_cart:before,
.dnwoo_imgaccordion_buttons .dnwoo_choose_variable_option .icon_menu:before {
font-family: "ETmodules";
content: attr(data-icon);
}
.dnwoo_imgaccordion_buttons a.added_to_cart::before {
content: "\e013";
font-family: ETmodules !important;
width: 100%;
height: 100%;
text-indent: 0;
margin-right: 3px;
}
.dnwoo_imgaccordion_buttons .add_to_cart_button.added {
display: none !important;
}
.dnwoo_imgaccordion_buttons .dnwoo_choose_variable_option,
.dnwoo_imgaccordion_buttons .add_to_cart_button,
.woocommerce .dnwoo_imgaccordion_buttons .added_to_cart,
.dnwoo_imgaccordion_view_button,
.dnwoo_imgaccordion_quick_button {
font-size: 14px;
color: #fff;
line-height: 1;
display: inline-block !important;
padding: 12px 20px;
text-align: center;
text-transform: capitalize;
font-weight: 400;
background-color: #5a2ed2;
border-radius: 50px;
text-decoration: none;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.dnwoo_imgaccordion_buttons .add_to_cart_button:hover,
.dnwoo_imgaccordion_buttons .dnwoo_choose_variable_option:hover,
.dnwoo_imgaccordion_buttons .added_to_cart:hover,
.dnwoo_imgaccordion_view_button:hover,
.dnwoo_imgaccordion_quick_button:hover {
background-color: #ec3b75;
}
.dnwoo_imgaccordion_buttons .dnwoo_choose_variable_option{
text-transform: initial;
}
.dnwoo_imgaccordion_onsale{
position: absolute;
left: 10px;
top: 10px;
background: #f6724c;
font-size: 16px;
color: #fff;
padding: 3px 14px;
border-radius: 25px;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.dnwoo_imgaccordion_featured{
position: absolute;
right: 10px;
top: 10px;
background: #5a2ed2;
font-size: 16px;
color: #fff;
padding: 2px 14px;
border-radius: 25px;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.dnwoo_imgaccordion_outofstock {
position: absolute;
left: 15px;
top: 15px;
background: #ec3b75;
font-size: 16px;
color: #fff;
padding: 2px 12px;
border-radius: 25px;
text-transform: capitalize;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.dnwoo_imgaccordion_onsale:hover {
background: #5a2ed2;
}
.dnwoo_imgaccordion_featured:hover {
background: #f6724c;
}
.dnwoo_imgaccordion_child,
.dnwoo_imgaccordion_title,
.dnwoo_imgaccordion_child .add_to_cart_button,
.dnwoo_imgaccordion_child .dnwoo_choose_variable_option,
.added_to_cart,
.dnwoo_imgaccordion_onsalestock,
.dnwoo_imgaccordion_outofstock {
border-width: 0px;
border-style: solid;
border-color: transparent;
} .dnwoo_imgaccordion_child.woocommerce .dnwoo_product_ratting span:before {
color: #f2b01e;
}
.dnwoo_imgaccordion_child.woocommerce
.dnwoo_product_ratting
.star-rating:before,
.dnwoo_imgaccordion_child.woocommerce
.dnwoo_product_ratting
.star-rating
span:before,
.dnwoo_imgaccordion_child.woocommerce .dnwoo_product_ratting span:before {
color: #f2b01e;
}
.dnwoo_imgaccordion_child.woocommerce .dnwoo_product_ratting {
display: flex;
justify-content: center;
margin: 5px 0;
} .woocommerce.product_type_variable .dnwoo_imgaccordion_price span {
text-decoration: none;
}