.widget_categories_list .categories_list_columns {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.widget_categories_list .categories_list_columns .categories_list_item {
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.widget_categories_list .categories_list_item {
text-align: center;
position: relative;
}
.widget_categories_list .categories_list_count {
display: inline-block;
margin-left: 0.5em;
}
.widget_categories_list .categories_list_link {
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.widget_categories_list .sc_button_size_small .sc_button_icon {
font-size: 1.4em;
}
.widget_categories_list .categories_list_style_1 .categories_list_title {
margin: 0.5em 0 0;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.widget_categories_list .categories_list_style_1 .categories_list_item:hover .categories_list_title {
color: #efa758;
}
.widget_categories_list .categories_list_style_1 .categories_list_image {
vertical-align: top;
height: 3em;
line-height: 3em;
}
.widget_categories_list .categories_list_style_1 .categories_list_image img {
display: inline-block;
vertical-align: middle;
width: auto;
max-height: 3em;
}
.widget_categories_list .categories_list_style_1 .categories_list_icon {
display: inline-block;
vertical-align: middle;
font-size: 3em;
line-height: 1em;
color: #efa758;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.widget_categories_list .categories_list_style_2 .categories_list_image img {
width: 100%;
}
.widget_categories_list .categories_list_style_2 .categories_list_count {
display: block;
margin-left: 0;
}
.widget_categories_list .categories_list_style_2 .categories_list_image:after {
content: ' ';
display: block;
position: absolute;
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
-webkit-transition: background-color 0.3s ease;
-ms-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
pointer-events: none;
}
.widget_categories_list .categories_list_style_2 .categories_list_item:hover .categories_list_image:after {
background-color: rgba(0, 0, 0, 0.1);
}
.widget_categories_list .categories_list_style_2 .categories_list_title {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
-ms-transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
width: 40%;
font-weight: 300;
margin: 0;
padding: 1.5em 1em;
background-color: rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.6);
}
.widget_categories_list .categories_list_style_2 .categories_list_item:hover .categories_list_title {
color: #000000;
background-color: #fff;
}
.widget_categories_list .categories_list_style_2 .categories_list_icon {
display: inline-block;
vertical-align: middle;
width: 1.2em;
height: 1.2em;
line-height: 1.2em;
text-align: center;
margin-right: 0.3em;
}
.widget_categories_list .categories_list_style_3 .categories_list_item {
overflow: hidden;
background-color: #fafafa;
position: relative;
}
.widget_categories_list .categories_list_style_3 .categories_list_info,
.widget_categories_list .categories_list_style_3 .categories_list_image {
float: left;
width: 50%;
height: 14em;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.widget_categories_list .categories_list_style_3 .categories_list_info {
position: relative;
}
.widget_categories_list .categories_list_style_3 .categories_list_info .wrap_in {
position: absolute;
z-index: 1;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 94%;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.widget_categories_list .categories_list_style_3 .categories_list_count {
display: block;
margin-left: 0;
}
.widget_categories_list .categories_list_style_3 .categories_list_title {
font-weight: 300;
margin: 0.3em 0;
text-transform: none;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.widget_categories_list .categories_list_style_3 .categories_list_item:hover .categories_list_title,
.widget_categories_list .categories_list_style_3 .categories_list_item:hover .categories_list_icon {
color: #efa758;
}
.widget_categories_list .categories_list_style_3 .categories_list_icon {
display: inline-block;
vertical-align: middle;
font-size: 2em;
line-height: 1em;
width: 1em;
height: 1em;
line-height: 1em;
text-align: center;
-webkit-transition: color 0.3s ease;
-ms-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.widget_categories_list .categories_list_style_3 img.categories_list_icon {
max-height: 1em;
width: auto;
}