/*
Theme Name: Top 10 Vina
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* All */
:root {
  --color-secondary: #111827;
  --color-success: #16A34A;
  --color-alert: #F59E0B;

  --color-text-base: #374151;
  --color-headline: #111111;
  --color-link: #D90416;

  --color-background: #FFFFFF;
  --color-surface: #F9FAFB;
  --color-border: #E5E7EB;
  --color-muted: #6B7280;
}

/* Header */

/* Home Page */
.wm-home-slide-post .image-cover{
	border-radius: 8px;	
}
.wm-home-slide-post .cat-label{
	padding: 3px 10px;
    background-color: var(--primary-color);
    width: fit-content;
	margin-bottom: 10px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    opacity: 1;
    text-transform: capitalize;
}
.wm-home-slide-post .post-meta, .wm-home-slide-post .from_the_blog_excerpt {
	font-weight: 600;
	opacity: 1;
}
.wm-home-slide-post .left .shade{
	background: linear-gradient(to top, rgb(0 0 0) 0%, rgba(0, 0, 0, 0.5) 70%, rgba(0, 0, 0, 0.1) 90%, transparent 100%) !important;
}
.wm-home-slide-post .left .box-text{
	top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.wm-home-slide-post .left .post-title{
	font-size: 28px;
}
.wm-home-slide-post .left .flickity-prev-next-button.previous{
	top: 3%;
	left: unset !important;
	right: 12%;
	bottom: unset !important;
	color: #fff;
}
.wm-home-slide-post .left .flickity-prev-next-button.next{
	top: 3%;
	left: unset !important;
	right: 4%;
	bottom: unset !important;
	color: #fff;
}
.wm-home-slide-post .left .flickity-prev-next-button svg, .wm-home-slide-post .left .flickity-prev-next-button svg {
	fill: #fff;
}
.wm-home-slide-post .left .flickity-page-dots{
	bottom: 40px;
}
.wm-home-slide-post .left .flickity-page-dots .dot.is-selected, .wm-home-slide-post .left .flickity-page-dots .dot{
	background-color: #fff !important;
}
.wm-home-slide-post .right .post-title{
	font-size: 22px;
}
.wm-home-slide-post .right .shade{
    background: linear-gradient(to right, rgb(0 0 0) 0%, rgba(0, 0, 0, 0.5) 65%, rgba(0, 0, 0, 0.1) 75%, transparent 100%);
}


/* Footer */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}