/*! --------------------------------------------------
   Dont edit this common.css or common.min.css directly instead make changes in .scss files & use Sass compiler Or use theme's css to override plugin css.
   Generated/Compiled using: https://prepros.io/
   -------------------------------------------------- */
/* CSS Variables*/
:root {
	--dtb-border-color: #eee;
	--dtb-border-radius: 5px;
	--dtb-button-bg: #f9f9f9;
	--dtb-button-color: #444;
	--dtb-accent-color: #007bff;
}

/*********************
COLOR FUNCTIONS
These are helpful when you're working
with shadows and such things. It's essentially
a quicker way to write RGBA.

Example:
box-shadow: 0 0 4px black(0.3);
compiles to:
box-shadow: 0 0 4px rgba(0,0,0,0.3);
*********************/
/*********************
RESPONSIVE HELPER FUNCTION
If you're creating a responsive site, then
you've probably already read
Responsive Web Design: http://www.abookapart.com/products/responsive-web-design

Here's a nice little helper function for calculating
target / context
as mentioned in that book.

Example:
width: cp(650px, 1000px);
or
width: calc-percent(650px, 1000px);
both compile to:
width: 65%;
*********************/
/******************************************************************
Stylesheet: Mixins Stylesheet
Helpful:
http://sachagreif.com/useful-sass-mixins/
http://thesassway.com/intermediate/leveraging-sass-mixins-for-cleaner-code
http://web-design-weekly.com/blog/2013/05/12/handy-sass-mixins/

******************************************************************/
/*********************
TRANSITION
*********************/
/*
USAGE: @include transition(all 0.2s ease-in-out);
*/
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
BOX SIZING
*********************/
/* @include box-sizing(border-box); */
/* NOTE: value of "padding-box" is only supported in Gecko. So
probably best not to use it. I mean, were you going to anyway? */
/* --------------------------------------------------
   Breakpoint Mixin
   -------------------------------------------------- */
/* Widgets Shared Styles */
.dtb-widget-slider {
	position: relative;
	clear: both;
	--dtb-slider-widget-header-bg: #2F6298;
	--dtb-slider-widget-header-color: #fff;
	--dtb-slider-widget-header-control-bg: #20446a;
	--dtb-slider-widget-header-fz: 20px;
	--dtb-slider-widget-header-fw: normal;
	--dtb-slider-widget-header-padding: 0.4em;
	--dtb-slider-widget-header-control-offset: 7em;
	--dtb-slider-widget-header-gutter: 0 0 15px;
	--dtb-slider-widget-border-radius: 3px;
	--dtb-slider-widget-featured-image-ratio: 100%;
	--dtb-slider-widget-slide-title-color: var(--primary-color);
	--dtb-slider-widget-slide-title-fz: 1.15em;
}
.dtb-widget-slider.is-mobile-mode .hidden--mobile {
	display: none !important;
}
.dtb-widget-slider .bx-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y;
}
.dtb-widget-slider ul.bxslider {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;
}
.dtb-widget-slider ul.bxslider > li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.dtb-widget-slider .dtb_widget_title_controls {
	position: absolute;
	top: 50%;
	right: var(--dtb-slider-widget-header-padding);
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
	overflow: hidden;
}
.dtb-widget-slider .dtb_widget_title_controls .bx-prev,
.dtb-widget-slider .dtb_widget_title_controls .bx-next {
	line-height: 1em;
	font-size: var(--dtb-slider-widget-header-fz);
	background: var(--dtb-slider-widget-header-control-bg);
	color: var(--dtb-slider-widget-header-color);
	border-radius: var(--dtb-slider-widget-header-control-border-radius, var(--dtb-slider-widget-border-radius));
	text-align: center;
	padding: 0.3em 1em;
	font-weight: bold;
	visibility: visible;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.dtb-widget-slider .dtb_widget_title_controls .bx-prev.disabled,
.dtb-widget-slider .dtb_widget_title_controls .bx-next.disabled {
	opacity: 0.2;
	cursor: default;
}
.dtb-widget-slider .dtb_widget_title_controls .bx-prev {
	margin-right: 5px;
	float: left;
}
.dtb-widget-slider .dtb_widget_title_controls .bx-next {
	float: right;
}
.dtb-widget-slider .dtb_widget_title_controls a .fa {
	color: inherit;
}

.dtb_widget_title_wrapper {
	position: relative;
}
.dtb_widget_title_wrapper .dtb_slider_widget_title {
	color: var(--dtb-slider-widget-header-color);
	border: var(--dtb-slider-widget-header-border, 1px solid var(--dtb-slider-widget-header-bg));
	border-radius: var(--dtb-slider-widget-header-border-radius, var(--dtb-slider-widget-border-radius));
	background: var(--dtb-slider-widget-header-bg);
	font-size: var(--dtb-slider-widget-header-fz);
	font-weight: var(--dtb-slider-widget-header-fw);
	padding: var(--dtb-slider-widget-header-padding);
	padding-right: var(--dtb-slider-widget-header-control-offset);
	margin: var(--dtb-slider-widget-header-gutter);
	text-align: left;
	line-height: 1.4;
	-webkit-box-shadow: 0 8px 12px -12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 8px 12px -12px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.has_nocontrols .dtb_widget_title_wrapper .dtb_slider_widget_title {
	padding-right: var(--dtb-slider-widget-header-padding);
}
.dtb-widget-slider.has_alt_mobile_layout.is-mobile-mode .dtb_widget_title_wrapper .dtb_slider_widget_title {
	padding: var(--dtb-slider-widget-header-padding);
}
.has_nocontrols .dtb_widget_title_wrapper .dtb_widget_title_controls {
	display: none;
}

.dtb-widget-slider__container {
	--grid-size-factor: 1;
	--grid-layout-gap: 15px;
	--grid-column-count: 1;
	--grid-item--min-width: calc(100px * var(--grid-size-factor));
	--gap-count: calc(var(--grid-column-count) - 1);
	--total-gap-width: calc(var(--gap-count) * var(--grid-layout-gap));
	--grid-item--max-width: calc((100% - var(--total-gap-width)) / var(--grid-column-count));
	/**Alt Mobile Layout**/
}
.dtb-widget-slider__container.has_columns--1 {
	--grid-column-count: 1;
}
.dtb-widget-slider__container.has_columns--2 {
	--grid-column-count: 2;
}
.dtb-widget-slider__container.has_columns--3 {
	--grid-column-count: 3;
}
.dtb-widget-slider__container.has_columns--4 {
	--grid-column-count: 4;
}
.is-mobile-mode .dtb-widget-slider__container {
	--grid-column-count: 1;
	--grid-item--max-width: 100%;
}
.is-mobile-mode.has_alt_mobile_layout .dtb-widget-slider__container {
	--grid-layout-gap: 20px;
}
.is-mobile-mode.has_alt_mobile_layout .dtb-widget-slider__container li.alt-mobile-item:nth-child(n+2) {
	display: none;
}
.is-mobile-mode.has_alt_mobile_layout .dtb-widget-slider__container li.alt-mobile-item:nth-child(n+2).alt-mobile-item-loaded {
	display: -ms-grid !important;
	display: grid !important;
}
.is-mobile-mode.has_alt_mobile_layout .dtb-widget-slider__container .directorytoolbox-bxslider:not(.cloned) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: var(--grid-layout-gap);
}
.is-mobile-mode.has_alt_mobile_layout .dtb-widget-slider__container .alt-mobile-layout-load {
	display: block;
}
.dtb-widget-slider__container .alt-mobile-layout-load {
	display: none;
	text-align: center;
	padding: 0.75em 0;
	text-transform: uppercase;
	letter-spacing: -0.5px;
	font-weight: 600;
	text-decoration: none;
}
.dtb-widget-slider__container .alt-mobile-layout-load:hover, .dtb-widget-slider__container .alt-mobile-layout-load:focus {
	opacity: 0.85;
}
.dtb-widget-slider__container .alt-mobile-layout-load .icon-tabler {
	width: 1.25em;
	height: 1.25em;
	display: inline-block;
	vertical-align: middle;
	margin-top: -0.25em;
	fill: none;
}

.dtb_slide {
	padding: var(--dtb-slider-widget-slide-padding);
	border: var(--dtb-slider-widget-slide-border);
	border-radius: var(--dtb-slider-widget-slide-border-radius, var(--dtb-slider-widget-border-radius));
}
.dtb_slide .dtb_slide__featured_image {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: var(--dtb-slider-widget-featured-image-bg, #f1f1f1);
	border: var(--dtb-slider-widget-featured-image-border, 1px solid #eee);
	border-radius: var(--dtb-slider-widget-featured-image-border-radius, var(--dtb-slider-widget-border-radius));
	position: relative;
	margin: var(--dtb-slider-widget-featured-image-gutter, 0 0 10px);
	width: var(--dtb-slider-widget-featured-image-width, 100%);
	height: var(--dtb-slider-widget-featured-image-height, auto);
	min-height: var(--dtb-slider-widget-featured-image-minheight, 100px);
	padding-top: var(--dtb-slider-widget-featured-image-ratio);
	overflow: hidden;
}
.dtb_slide .dtb_slide__featured_image a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.dtb_slide .dtb_slide__featured_image img {
	height: 100%;
	width: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
	-o-object-position: center;
	   object-position: center;
}
.is-mobile-mode.has_alt_mobile_layout .dtb_slide .dtb_slide__featured_image {
	-ms-flex-item-align: start;
	    align-self: flex-start;
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 var(--dtb-slider-widget-featured-image-width);
	        flex: 0 0 var(--dtb-slider-widget-featured-image-width);
}
.dtb_slide .dtb_slide__title {
	margin: var(--dtb-slider-widget-slide-title-gutter, 0 0 8px) !important;
	font-weight: var(--dtb-slider-widget-slide-title-fw, 600);
	font-size: var(--dtb-slider-widget-slide-title-fz);
	line-height: var(--dtb-slider-widget-slide-title-lh, 1.1);
	color: var(--dtb-slider-widget-slide-title-color);
	word-break: break-word;
}
.dtb_slide .dtb_slide__title a {
	text-decoration: none;
	color: var(--dtb-slider-widget-slide-title-color);
	display: -webkit-box;
	-webkit-line-clamp: var(--dtb-slider-widget-slide-title-line-clamp, 2);
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.dtb_slide .dtb_slide__meta {
	color: var(--dtb-slider-widget-meta-color, #555);
	font-size: var(--dtb-slider-widget-meta-fz, 12px);
	line-height: var(--dtb-slider-widget-meta-lh, 1.2);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: var(--dtb-slider-widget-meta-gap, 0.75em);
}
.dtb_slide .dtb_slide__meta a {
	color: inherit;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.dtb_slide .dtb_slide__meta a.dtb-slide-meta {
	background-color: var(--dtb-slider-widget-meta-item-bg, #fff);
}
.dtb_slide .dtb_slide__meta a.dtb-slide-meta:hover, .dtb_slide .dtb_slide__meta a.dtb-slide-meta:focus {
	background-color: var(--dtb-slider-widget-meta-item-hover-bg, #eee);
	color: var(--dtb-slider-widget-meta-hover-color, var(--dtb-slider-widget-meta-color));
}
.dtb_slide .dtb_slide__meta .dtb-slide-meta {
	display: inline-block;
	padding: var(--dtb-slider-widget-meta-item-padding, 0.5em);
	border: var(--dtb-slider-widget-meta-item-border, 1px solid #ddd);
	border-radius: var(--dtb-slider-widget-meta-item-border-radius, var(--dtb-slider-widget-border-radius));
}
.is-mobile-mode.has_alt_mobile_layout .dtb_slide .dtb_slide__content {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}
.dtb_slide .dtb_slide__teaser {
	font-size: var(--dtb-slider-widget-teaser-fz, 1em);
	margin: var(--dtb-slider-widget-teaser-gutter, 8px 0 0);
	clear: both;
	word-break: break-word;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	gap: 8px;
}
.dtb_slide .dtb_slide__readmore {
	font-size: var(--dtb-slider-widget-readmore-fz, 12px);
	text-decoration: none;
}
.is-mobile-mode.has_alt_mobile_layout .dtb_slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: calc(var(--grid-layout-gap) / 2);
	--dtb-slider-widget-featured-image-width: 150px;
	--dtb-slider-widget-featured-image-ratio: var(--dtb-slider-widget-featured-image-width);
	--dtb-slider-widget-slide-border: 1px solid #eee;
	--dtb-slider-widget-slide-padding: 1em;
	--dtb-slider-widget-teaser-fz: 0.85em;
}
@media (max-width: 480px) {
	.is-mobile-mode.has_alt_mobile_layout .dtb_slide {
		--dtb-slider-widget-featured-image-width: 100px;
		--dtb-slider-widget-meta-fz: 11px;
		--dtb-slider-widget-meta-gap: 0.5em;
	}
}
.is-mobile-mode.has_alt_mobile_layout .dtb_slide.dtb_slide_more_link {
	display: block !important;
	--dtb-slider-widget-slide-border: 0;
	--dtb-slider-widget-slide-padding: 0;
}

.dtb-widget-slider__container .directorytoolbox-bxslider:not(.cloned) li {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: ;
	grid-template-columns: repeat(var(--grid-column-count), 1fr);
	grid-template-columns: repeat(auto-fill, minmax(max(var(--grid-item--min-width), var(--grid-item--max-width)), 1fr));
	gap: var(--grid-layout-gap);
	grid-gap: var(--grid-layout-gap);
}
.dtb-widget-slider__container .directorytoolbox-bxslider:not(.cloned) li.dtb_single_slide_container {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
}