/*
 * Readable source for post_masonry.min.css (identical copy).
 *
 * The minified file is what the plugin enqueues; this is the same CSS
 * expanded so the shipped code is human readable, per the WordPress.org
 * plugin guidelines. There is no build step between the two.
 */

.flavor-danger {
	padding:1rem 1.5rem;
	margin-bottom:2rem;
	border-left:5px solid rgba(0,0,0,.2);
	font-weight:700;
	color:#fff;
	background-color:#ba324f
}
.flavor-clear {
	clear:both
}
.flavor-overflow-hidden {
	overflow:hidden!important
}
.flavor-ellipsis {
	max-width:100%;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.flavor-posts-card {
	position:relative
}
.flavor-posts-horizontal {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch
}
.flavor-posts-horizontal-reverse {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:reverse;
	-ms-flex-direction:row-reverse;
	flex-direction:row-reverse;
	-webkit-box-align:stretch;
	-ms-flex-align:stretch;
	align-items:stretch
}
.flavor-posts-card-body-wrapper {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:horizontal;
	-webkit-box-direction:normal;
	-ms-flex-direction:row;
	flex-direction:row
}
.flavor-posts-card-body-wrapper .flavor-posts-card-body-wrapper-inner {
	max-width:100%
}
.flavor-posts-bg-img .flavor-posts-card-body-wrapper {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	z-index:1;
	-webkit-transition:background .4s ease-in-out;
	transition:background .4s ease-in-out;
	overflow:hidden
}
.flavor-posts-bg-img .flavor-posts-card-body-url {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	z-index:1
}
.flavor-posts-card-body {
	z-index:2
}
.flavor-posts-card-footer {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.flavor-posts-card-img-wrapper {
	position:relative;
	background-position:center center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-size:cover;
	-webkit-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out
}
.flavor-posts-horizontal .flavor-posts-card-img-wrapper a,.flavor-posts-horizontal-reverse .flavor-posts-card-img-wrapper a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1
}
.flavor-posts-card-featured-img {
	display:block;
	overflow:hidden;
	-webkit-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out
}
.flavor-posts-card-featured-img img {
	width:100%;
	height:auto
}
.flavor-posts-card-cats span {
	display:inline-block;
	margin-right:5px
}
.flavor-posts-card-cats span:last-child {
	margin-right:0
}
.flavor-posts-card-cats a {
	text-decoration:none
}
.flavor-masonry-badge {
	display:inline-block
}
.flavor-posts-card-title a {
	text-decoration:none
}
.flavor-posts-card-date,.flavor-posts-card-author-img,.flavor-posts-card-author-link {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center
}
.card-footer-block {
	-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
}
.card-footer-block .flavor-posts-card-author-link {
	margin-bottom:5px
}
.flavor-posts-card-author-link a,.flavor-posts-card-date-link {
	text-decoration:none
}
.flavor-posts-card-author-link i,.flavor-posts-card-date-link i {
	margin-right:5px
}
.flavor-posts-card-author-img img {
	border-radius:50%;
	margin-right:10px
}
.flavor-masonry-grid {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.flavor-masonry-item {
	width:100%
}
.flavor-posts-pager {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap
}
.flavor-posts-pager a,.flavor-posts-pager span {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	text-decoration:none
}
.flavor-post-carousel .slick-prev,.flavor-post-carousel .slick-next {
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index:1;
	cursor:pointer;
	border:none;
	background:0 0;
	padding:0;
	outline:0
}
.flavor-post-carousel .slick-prev {
	left:0
}
.flavor-post-carousel .slick-next {
	right:0
}
.flavor-post-carousel .slick-dots {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	margin:0;
	padding:0;
	list-style:none
}
.flavor-post-carousel .slick-dots li {
	margin:0 5px
}
.flavor-post-carousel .slick-dots li button {
	display:block;
	width:10px;
	height:10px;
	padding:0;
	border:none;
	border-radius:50%;
	background:0 0;
	text-indent:-9999px;
	cursor:pointer;
	outline:0;
	position:relative
}
.flavor-post-carousel .slick-dots li button:before {
	content:'•';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	opacity:.25;
	color:#000;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}
.flavor-post-carousel .slick-dots li.slick-active button:before {
	opacity:1;
	color:#000
}

/* Grid Skin */
.flavor-masonry-skin-grid .flavor-masonry-item  {

    float: left;

    padding: 0 10px;
	/* Matches default spacing */
}

.flavor-masonry-skin-grid .flavor-one-column .flavor-masonry-item  {
	width: 100%;

}

.flavor-masonry-skin-grid .flavor-two-columns .flavor-masonry-item  {
	width: 50%;

}

.flavor-masonry-skin-grid .flavor-three-columns .flavor-masonry-item  {
	width: 33.333%;

}

.flavor-masonry-skin-grid .flavor-four-columns .flavor-masonry-item  {
	width: 25%;

}

.flavor-masonry-skin-grid .flavor-five-columns .flavor-masonry-item  {
	width: 20%;

}

/* Metro Skin */
.flavor-masonry-skin-metro .flavor-masonry-item  {

    float: left;

    padding: 0;

    position: relative;

    overflow: hidden;

}

.flavor-masonry-skin-metro .flavor-one-column .flavor-masonry-item  {
	width: 100%;
	height: 400px;

}

.flavor-masonry-skin-metro .flavor-two-columns .flavor-masonry-item  {
	width: 50%;
	height: 400px;

}

.flavor-masonry-skin-metro .flavor-three-columns .flavor-masonry-item  {
	width: 33.333%;
	height: 300px;

}

.flavor-masonry-skin-metro .flavor-four-columns .flavor-masonry-item  {
	width: 25%;
	height: 300px;

}

.flavor-masonry-skin-metro .flavor-five-columns .flavor-masonry-item  {
	width: 20%;
	height: 250px;

}

/* Metro Item Styling */
.flavor-masonry-skin-metro .flavor-posts-card,
.flavor-masonry-skin-metro .flavor-posts-card-img-wrapper  {

    height: 100%;

}

.flavor-masonry-skin-metro .flavor-posts-card-img-wrapper a  {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.flavor-masonry-skin-metro .flavor-posts-card-featured-img img  {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

/* Overlay for Metro */
.flavor-masonry-skin-metro .flavor-posts-card-body-wrapper  {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0));

    padding: 20px;

    z-index: 2;

}

.flavor-masonry-skin-metro .flavor-posts-card-title a  {
	color: #fff !important;

}

.flavor-masonry-skin-metro .flavor-posts-card-date,
.flavor-masonry-skin-metro .flavor-posts-card-author-link,
.flavor-masonry-skin-metro .flavor-posts-card-excerpt  {
	color: rgba(255,255,255,0.8) !important;

}

/* Clearfix for floats */
.flavor-masonry-skin-grid:after,
.flavor-masonry-skin-metro:after  {

    content: "";

    display: table;

    clear: both;

}

/* Modern Card Skin */
.flavor-carousel-skin-modern .flavor-posts-card  {

    border-radius: 15px;

    overflow: hidden;

    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    transition: transform 0.3s ease;

    border: none !important;

}

.flavor-carousel-skin-modern .flavor-posts-card:hover  {

    transform: translateY(-5px);

}

.flavor-carousel-skin-modern .flavor-posts-card-img-wrapper img  {

    height: 220px;

    object-fit: cover;

}

.flavor-carousel-skin-modern .flavor-posts-card-body  {

    padding: 25px;

    background: #fff;

}

.flavor-carousel-skin-modern .flavor-posts-card-title  {

    font-size: 1.2rem;

    font-weight: 700;

    margin-bottom: 10px;

}

/* 3D Coverflow Skin */
.flavor-carousel-skin-coverflow .slick-list  {

    padding: 50px 0 !important;

    overflow: visible !important;

}

.flavor-carousel-skin-coverflow .flavor-carousel-item  {

    transition: all 0.3s ease;

    opacity: 0.5;

    transform: scale(0.85);

    filter: blur(2px);

}

.flavor-carousel-skin-coverflow .slick-center .flavor-carousel-item  {

    opacity: 1;

    transform: scale(1.1);

    filter: blur(0);

    z-index: 10;

    position: relative;

    box-shadow: 0 20px 50px rgba(0,0,0,0.3);

}

/* Focus Center Skin */
.flavor-carousel-skin-focus .slick-list  {

    padding: 40px 0 !important;

}

.flavor-carousel-skin-focus .flavor-carousel-item  {

    transition: all 0.3s ease;

    opacity: 0.6;

    transform: scale(0.95);

}

.flavor-carousel-skin-focus .slick-center .flavor-carousel-item  {

    opacity: 1;

    transform: scale(1);

    border: 2px solid #0073aa;
	/* Use theme primary color if possible */
    box-shadow: 0 0 20px rgba(0, 115, 170, 0.3);

}

.flavor-carousel-skin-focus .slick-center .flavor-posts-card-body  {

    background-color: #fff;

}

/* Woo Carousel - Stacked Cards Skin */
.flavor-woo-carousel-skin-stacked-cards .slick-list  {

    padding: 40px 0 !important;

    overflow: visible !important;

}

.flavor-woo-carousel-skin-stacked-cards .flavor-carousel-item  {

    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);

    opacity: 0.7;

    transform: scale(0.9) translateY(20px);

    z-index: 1;

}

.flavor-woo-carousel-skin-stacked-cards .slick-center .flavor-carousel-item  {

    opacity: 1;

    transform: scale(1) translateY(0);

    z-index: 10;

    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);

}

.flavor-woo-carousel-skin-stacked-cards .flavor-posts-card  {

    background: #fff;

    border-radius: 16px;

    overflow: hidden;

}

/* Woo Carousel - Focus Highlight Skin */
.flavor-woo-carousel-skin-focus-highlight .flavor-carousel-item  {

    transition: all 0.3s ease;

    border: 2px solid transparent;

    border-radius: 12px;

}

.flavor-woo-carousel-skin-focus-highlight .slick-center .flavor-carousel-item  {

    border-color: #0073aa;
	/* Theme Primary */
    background-color: #f9f9f9;

    transform: scale(1.02);

}

.flavor-woo-carousel-skin-focus-highlight .flavor-posts-card-featured-img img  {

    border-radius: 10px 10px 0 0;

}

/* Woo Carousel - Smooth Scroll Skin */
.flavor-woo-carousel-skin-smooth-scroll .slick-track  {

    display: flex !important;

    gap: 20px;

}

.flavor-woo-carousel-skin-smooth-scroll .flavor-carousel-item  {

    width: 300px !important;
	/* Fixed width for smooth flow */
    flex-shrink: 0;

}

.flavor-woo-carousel-skin-smooth-scroll .flavor-posts-card  {

    box-shadow: none;

    border: 1px solid #eee;

    border-radius: 8px;

}

/* Grid and Metro skins: fewer columns on tablet and mobile. The default skin
   gets its breakpoints from assets/css/library/masonry.css. */
@media (max-width: 1024px) {
	.flavor-masonry-skin-grid .flavor-three-columns .flavor-masonry-item,
	.flavor-masonry-skin-grid .flavor-four-columns .flavor-masonry-item,
	.flavor-masonry-skin-grid .flavor-five-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-three-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-four-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-five-columns .flavor-masonry-item {
		width: 50%;
	}
}

@media (max-width: 767px) {
	.flavor-masonry-skin-grid .flavor-masonry-item,
	.flavor-masonry-skin-grid .flavor-two-columns .flavor-masonry-item,
	.flavor-masonry-skin-grid .flavor-three-columns .flavor-masonry-item,
	.flavor-masonry-skin-grid .flavor-four-columns .flavor-masonry-item,
	.flavor-masonry-skin-grid .flavor-five-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-two-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-three-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-four-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-five-columns .flavor-masonry-item {
		width: 100%;
	}

	.flavor-masonry-skin-metro .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-one-column .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-two-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-three-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-four-columns .flavor-masonry-item,
	.flavor-masonry-skin-metro .flavor-five-columns .flavor-masonry-item {
		height: 260px;
	}
}

/* Page width guard (375 px audit). Coverflow and Stacked Cards let slides run
   past the slick list on purpose, and the masonry grids pull a negative gutter
   margin wider than a phone's container padding; either made the whole page
   scroll sideways. Clip at the widget's own edge. */
.elementor-widget-flavor-post_carousel:has(.flavor-carousel-skin-coverflow),
.elementor-widget-flavor-woo_carousel:has(.flavor-woo-carousel-skin-stacked-cards) {
	overflow-x: clip;
}
@media (max-width: 767px) {
	.elementor-widget-flavor-post_masonry,
	.elementor-widget-flavor-woo_masonry {
		overflow-x: clip;
	}
}
