Current path: home/webdevt/www/demo2/wp-content/plugins/supreme-modules-for-divi/includes/modules/ImageAccordion/
?? Go up: /home/webdevt/www/demo2/wp-content/plugins/supreme-modules-for-divi/includes/modules
/*fix CPT*/
.et-db #et-boc .et-l .dsm_image_accordion_child>.et_pb_module_inner {
position: absolute;
}
/*New divi icon update*/
.dsm_image_accordion_child .et_pb_button[data-icon]:not([data-icon=""]):after {
content: attr(data-icon);
}
.dsm_image_accordion_wrapper {
width: 100%;
position: relative;
height: 380px;
display: flex;
flex-direction: column;
overflow: hidden;
}
.dsm_image_accordion_child {
position: relative;
flex: 1 0 auto;
text-align: center;
text-decoration: none;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: all .3s ease-in-out;
margin-bottom: 0 !important;
overflow: hidden;
transition-duration: 480ms;
}
.dsm_image_accordion_child:not(.et-animated--vb)>div:before, .dsm_image_accordion_child_content_vb:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: all .3s ease-in-out;
}
.dsm_image_accordion_child_image_vb {
position: absolute;
height: 100%;
width: 100%;
flex: 1 0 auto;
text-align: center;
text-decoration: none;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: all .3s ease-in-out;
margin-bottom: 0 !important;
overflow: hidden;
transition-duration: 480ms;
}
.dsm_image_accordion_click_item .dsm_image_accordion_child {
cursor: pointer;
}
.dsm_image_accordion_child.dsm_image_accordion_active_item {
flex: 5 0 auto;
}
.dsm_image_accordion_child_content {
z-index: 0;
}
.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
z-index: 1;
}
.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
position: relative;
transition-duration: 380ms;
transition-property: all;
}
.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transition-duration: 300ms;
transition-delay: 380ms;
transition-property: all;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: scale(1);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: translateY(0);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: translateY(0);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: translateY(0);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child .dsm_image_accordion_child_content {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_off .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_child_content {
opacity: 1;
transform: translateY(0);
}
/*Sequence On*/
.dsm_image_accordion_image_icon_wrapper, .dsm_image_accordion_title, .dsm_image_accordion_description,.dsm_image_accordion_button_wrapper{
transition: all .3s ease-in-out;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transition-delay: .2s;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transition-delay: .4s;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transition-delay: .6s;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
}
.dsm_image_accordion_animation_fade_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transition-delay: .8s;
}
/*Zoom In*/
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
transition-delay: .2s;
opacity: 1;
transform: scale(1);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
transition-delay: .4s;
opacity: 1;
transform: scale(1);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
transition-delay: .6s;
opacity: 1;
transform: scale(1);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: scale(0.5);
}
.dsm_image_accordion_animation_zoom_in.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
transition-delay: .8s;
opacity: 1;
transform: scale(1);
}
/*Push Up*/
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transform: translateY(0);
transition-delay: .2s;
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transform: translateY(0);
transition-delay: .4s;
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transform: translateY(0);
transition-delay: .6s;
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: translateY(18%);
}
.dsm_image_accordion_animation_push_up.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transform: translateY(0);
transition-delay: .8s;
}
/*Push Right*/
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transform: translateX(0);
transition-delay: .2s;
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transform: translateX(0);
transition-delay: .4s;
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transform: translateX(0);
transition-delay: .6s;
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: translateX(-18%);
}
.dsm_image_accordion_animation_push_right.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transform: translateX(0);
transition-delay: .8s;
}
/*Push Down*/
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transform: translateY(0);
transition-delay: .2s;
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transform: translateY(0);
transition-delay: .4s;
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transform: translateY(0);
transition-delay: .6s;
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: translateY(-18%);
}
.dsm_image_accordion_animation_push_down.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transform: translateY(0);
transition-delay: .8s;
}
/*Push Left*/
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
opacity: 1;
transform: translateX(0);
transition-delay: .2s;
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_title {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_title {
opacity: 1;
transform: translateX(0);
transition-delay: .4s;
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_description {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_description {
opacity: 1;
transform: translateX(0);
transition-delay: .6s;
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
opacity: 0;
transform: translateX(18%);
}
.dsm_image_accordion_animation_push_left.dsm_image_accordion_animation_sequence_on .dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_button_wrapper {
opacity: 1;
transform: translateX(0);
transition-delay: .8s;
}
.dsm_image_accordion_child>div {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: background-color .3s;
}
.et-pb-icon.dsm_image_accordion_icon {
font-size: 40px;
}
.dsm_image_accordion_child.dsm_image_accordion_active_item .dsm_image_accordion_image_icon_wrapper {
margin-bottom: 15px;
}
.dsm_image_accordion_child .dsm_image_accordion_image_icon_wrapper>img {
border-style: solid;
height: auto;
}
.dsm_image_accordion_child .dsm_image_accordion_title {
font-size: 22px;
color: #fff;
padding-bottom: 10px;
line-height: 1em;
font-weight: 500;
transition: all .3s ease-in-out;
}
.dsm_image_accordion_child .dsm_image_accordion_description {
color: #fff;
font-size: 14px;
font-weight: 500;
line-height: 1.5em;
margin-bottom: 20px;
transition: all .3s ease-in-out;
}
.dsm_image_accordion_child .dsm_image_accordion_button_wrapper {
transition: all .3s ease-in-out;
}
.dsm_image_accordion_child>div, .dsm_image_accordion_child_content_vb_wrapper {
display: flex;
width: 100%;
height: 100%;
z-index: 20;
}
.dsm_image_accordion_horizontal_left>div {
justify-content: flex-start;
}
.dsm_image_accordion_horizontal_center>div {
justify-content: center;
}
.dsm_image_accordion_horizontal_right>div {
justify-content: flex-end;
}
.dsm_image_accordion_horizontal_left>div {
text-align: left;
}
.dsm_image_accordion_horizontal_center>div {
text-align: center;
}
.dsm_image_accordion_horizontal_right>div {
text-align: right;
}
@media (max-width: 980px) {
.dsm_image_accordion_horizontal_tablet_left>div {
justify-content: flex-start;
}
.dsm_image_accordion_horizontal_tablet_center>div{
justify-content: center;
}
.dsm_image_accordion_horizontal_tablet_right>div {
justify-content: flex-end;
}
.dsm_image_accordion_horizontal_tablet_left .dsm_image_accordion_child_content {
text-align: left;
}
.dsm_image_accordion_horizontal_tablet_center .dsm_image_accordion_child_content {
text-align: center;
}
.dsm_image_accordion_horizontal_tablet_right .dsm_image_accordion_child_content {
text-align: right;
}
}
@media (max-width: 767px) {
.dsm_image_accordion_horizontal_phone_left>div {
justify-content: flex-start;
}
.dsm_image_accordion_horizontal_phone_center>div {
justify-content: center;
}
.dsm_image_accordion_horizontal_phone_right>div {
justify-content: flex-end;
}
.dsm_image_accordion_horizontal_phone_left .dsm_image_accordion_child_content {
text-align: left;
}
.dsm_image_accordion_horizontal_phone_center .dsm_image_accordion_child_content {
text-align: center;
}
.dsm_image_accordion_horizontal_phone_right .dsm_image_accordion_child_content {
text-align: right;
}
}
.dsm_image_accordion_vertical_top>div {
align-items: flex-start;
}
.dsm_image_accordion_vertical_center>div {
align-items: center;
}
.dsm_image_accordion_vertical_bottom>div {
align-items: flex-end;
}
@media (max-width: 980px) {
.dsm_image_accordion_vertical_tablet_top>div {
align-items: flex-start;
}
.dsm_image_accordion_vertical_tablet_center>div {
align-items: center;
}
.dsm_image_accordion_vertical_tablet_bottom>div {
align-items: flex-end;
}
}
@media (max-width:767px) {
.dsm_image_accordion_vertical_phone_top>div {
align-items: flex-start;
}
.dsm_image_accordion_vertical_phone_center>div {
align-items: center;
}
.dsm_image_accordion_vertical_phone_bottom>div {
align-items: flex-end;
}
}
