File: /home/vhosts/harpoeditore.it/httpdocs/wp-content/themes/dt-the7/css/dynamic-less/sidebar.less
/* #Sidebar
================================================== */
/*Sidebar width*/
#main:not(.sidebar-none) .wf-container-main {
.responsive-off & {
grid-column-gap: @sidebar-distace-to-content;
}
}
.sidebar-right .wf-container-main {
.responsive-off & {
-ms-grid-columns: calc(100% ~'-' @sidebar-width ~'-' @sidebar-distace-to-content/2) @sidebar-distace-to-content calc(@sidebar-width ~'-' @sidebar-distace-to-content/2 );
grid-template-columns: calc(100% ~'-' @sidebar-width ~'-' @sidebar-distace-to-content/2) calc(@sidebar-width ~'-' @sidebar-distace-to-content/2 );
}
}
.sidebar-left .wf-container-main {
.responsive-off & {
-ms-grid-columns: calc(@sidebar-width ~'-' @sidebar-distace-to-content/2 ) @sidebar-distace-to-content calc(100% ~'-' @sidebar-width ~'-' @sidebar-distace-to-content/2);
grid-template-columns: calc(@sidebar-width ~'-' @sidebar-distace-to-content/2 ) calc(100% ~'-' @sidebar-width ~'-' @sidebar-distace-to-content/2);
}
}
.sidebar-left .sidebar {
.sidebar-divider-vertical& {
.responsive-off & {
padding-right: @sidebar-distace-to-content;
}
}
}
.sidebar-right .sidebar {
.sidebar-divider-vertical& {
.responsive-off & {
padding-left: @sidebar-distace-to-content;
}
}
}
/*Sidebar - > Dividers*/
.sidebar-right .sidebar {
border-left: 1px solid var(--the7-divider-color);
}
.sidebar-left .sidebar {
border-right: 1px solid var(--the7-divider-color);
}
/*Sidebar - > Background behind whole sidebar*/
.solid-bg .sidebar-content {
background: @widget-sidebar-bg-color @widget-sidebar-bg-image @widget-sidebar-bg-repeat @widget-sidebar-bg-position-x @widget-sidebar-bg-position-y;
}
.solid-bg.sidebar-outline-decoration .sidebar-content,
.bg-under-widget.sidebar-outline-decoration .widget {
border: 1px solid @sidebar-outline-color;
}
/*Sidebar - > Background behind each widget*/
.bg-under-widget .sidebar-content .widget,
.solid-bg.sidebar-content .widget {
background: @widget-sidebar-bg-color @widget-sidebar-bg-image @widget-sidebar-bg-repeat @widget-sidebar-bg-position-x @widget-sidebar-bg-position-y;
}
.solid-bg.sidebar-content.sidebar-outline-decoration .widget {
border: 1px solid @sidebar-outline-color;
}
/*Sidebar - > Decoration: Shadow */
.solid-bg.sidebar-shadow-decoration .sidebar-content,
.bg-under-widget.sidebar-shadow-decoration .sidebar-content .widget,
.solid-bg.sidebar-content.sidebar-shadow-decoration .widget {
box-shadow: 0 6px 18px rgba(0,0,0,0.1);
}
/*Sidebar - > Text, Dividers between widgets*/
.sidebar .widget,
.sidebar-content .widget,
.elementor-widget-sidebar .widget {
border-top: 1px solid var(--the7-divider-color);
color: @widget-sidebar-color;
padding-top: @widget-sidebar-distace/2;
padding-bottom: @widget-sidebar-distace/2;
}
.sidebar .widget,
.widget_product_categories li a,
.widget .st-accordion li > a,
ul.cart_list li a,
ul.product_list_widget li a,
.sidebar-content .widget,
.widget .testimonial-vcard .text-primary,
.widget .testimonial-vcard .text-secondary,
div[class*='elementor-widget-wp-widget-'],
.elementor-widget-sidebar .widget,
.elementor-widget-wp-widget-woocommerce_recently_viewed_products,
.elementor-widget-wp-widget-woocommerce_recent_reviews,
.elementor-widget-wp-widget-woocommerce_product_categories,
.elementor-widget-wp-widget-woocommerce_top_rated_products,
.elementor-widget-wp-widget-woocommerce_widget_cart,
.elementor-widget-wp-widget-woocommerce_price_filter,
.elementor-widget-wp-widget-woocommerce_layered_nav,
.elementor-widget-wp-widget-woocommerce_products,
.elementor-widget-woocommerce-products,
.elementor-widget-wp-widget-woocommerce_layered_nav_filters,
.elementor-widget-wp-widget-woocommerce_rating_filter,
.the7-product-filter{
font: var(--the7-widget-content-font);
text-transform: var(--the7-widget-content-text-transform);
letter-spacing: var(--the7-widget-content-letter-spacing);
text-decoration: var(--the7-widget-content-text-decoration);
}
.sidebar.bg-under-widget .widget,
.bg-under-widget .sidebar-content .widget,
.solid-bg.sidebar-content .widget,
.mec-wrap .col-md-4 .widget {
margin-top: @widget-sidebar-distace;
}