/*
Theme Name: Fashionable Lite
Theme URI: https://blossomthemes.com/wordpress-themes/fashionable-lite/
Template: vilva 
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Fashionable Lite is an easy-to-use, feature-rich and mobile-friendly WordPress theme for professional fashion and travel bloggers. With this theme, you can create a website of different niches such as fashion, travel, lifestyle, beauty, recipes, makeup, journal, mom blog, coaching and much more. You can also choose from unlimited colors and 1000+ Google Fonts to change your site look and feel with a single click. In addition, you can flaunt your Instagram posts and increase your followers. The strategically placed newsletter section will help you grow your email list and stay in touch with your readers. Fashionable Lite is SEO-friendly, speed optimized, translation ready, RTL ready and WooCommerce compatible. Check demo at https://blossomthemes.com/theme-demo/?theme=fashionable-lite, read the documentation at https://docs.blossomthemes.com/fashionable-lite/, and get support at https://blossomthemes.com/support-ticket/.
Version: 1.0.0
Requires at least: 4.7
Requires PHP: 5.6
Tested up to: 6.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fashionable-lite
Tags: blog,one-column,two-columns,right-sidebar,left-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,full-width-template,rtl-language-support,translation-ready,theme-options,photography,e-commerce
*/

:root {
	--primary--color: #de8665;
	--primary-color-rgb: 222, 134, 101;
	--primary-font: 'Lato';
	--secondary-font: 'Lato';
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--secondary-font);
}

/*=========================
HEADER STYLE TWO
=========================*/
.style-two .header-bottom {
	padding-top: 10px;
	padding-bottom: 10px;
}

.style-two .header-bottom .container {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;
}

.style-two .header-bottom .secondary-menu {
	flex: initial;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.style-two .header-bottom .secondary-menu .toggle-btn {
	display: inline-block;
	padding: 0;
	width: 20px;
	height: 20px;
	background: none;
	border: none;
	position: relative;
	cursor: pointer;
}

.style-two .header-bottom .secondary-menu .toggle-btn .toggle-bar {
	background: #333;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s;
	transition: all ease 0.35s;
}

.style-two .header-bottom .secondary-menu .toggle-btn .toggle-bar:first-child {
	top: -12px;
}

.style-two .header-bottom .secondary-menu .toggle-btn .toggle-bar:last-child {
	bottom: -12px;
}

.style-two .header-bottom .secondary-menu .toggle-btn:hover .toggle-bar {
	background: var(--primary-color);
}

.style-two .header-bottom .secondary-menu ul.nav-menu {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 320px;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	z-index: 999;
	overflow: auto;
	padding-top: 80px;
	visibility: hidden;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s;
	transition: all ease 0.35s;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	transform: translateX(-100%);
}

.style-two .header-bottom .secondary-menu.menu-toggled ul.nav-menu {
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.style-two .secondary-menu .nav-menu .close {
	display: block;
	width: 20px;
	height: 20px;
	position: fixed;
	top: 30px;
	right: 30px;
	cursor: pointer;
}

.style-two .secondary-menu .nav-menu .close::before,
.style-two .secondary-menu .nav-menu .close::after {
	content: "";
	background: #333;
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s;
	transition: all ease 0.35s;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.style-two .secondary-menu .nav-menu .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.style-two .secondary-menu .nav-menu .close:hover::before,
.style-two .secondary-menu .nav-menu .close:hover::after {
	background: #f00;
}

.style-two .header-bottom .secondary-menu ul li {
	display: block;
	padding-left: 0;
	padding-right: 0;
}

.style-two .header-bottom .secondary-menu ul li a {
	display: block;
	padding: 25px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.style-two .header-bottom .secondary-menu ul li.menu-item-has-children>a {
	padding-right: 30px;
}

.style-two .header-bottom .secondary-menu ul li .submenu-toggle {
	top: 0;
	width: 25px;
	height: 60px;
	font-size: inherit;
	display: flex;
	flex: 1;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	right: 5px;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	-webkit-transition: all ease 0.35s;
	-moz-transition: all ease 0.35s;
	transition: all ease 0.35s;
}

.style-two .header-bottom .secondary-menu ul li .submenu-toggle.active {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.style-two .secondary-menu ul ul {
	display: none;
	position: static;
	width: 100%;
	opacity: 1;
	visibility: visible;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.02);
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}

.style-two .header-bottom .main-navigation {
	display: flex;
	flex: auto;
	flex-wrap: wrap;
}

.style-two .header-bottom .right {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.style-two .header-bottom .header-social+.header-search,
.style-two .header-bottom .header-social+.cart-block {
	border-left: 1px solid rgba(0, 0, 0, 0.15);
	padding-left: 15px;
	margin-left: 5px;
}


/* Owl nav layout one*/
.site-banner.style-one .owl-carousel>.owl-nav button[class*="owl-"] {
	width: 50px;
	height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 50%;
	left: 260px;
	border-radius: 0;
	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>') !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: 17px !important;
	text-indent: 60px;
	overflow: hidden;
	z-index: 999;
}

.site-banner.style-one .owl-carousel>.owl-nav button.owl-next {
	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>') !important;
	left: auto;
	right: 260px;
}

.site-banner.style-one .owl-carousel>.owl-nav button.owl-next:hover {
	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>') !important;
	background-color: var(--primary--color);
	border: 1px solid var(--primary--color);
}

.site-banner.style-one .owl-carousel>.owl-nav button.owl-prev:hover {
	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>') !important;
	background-color: var(--primary--color);
	border: 1px solid var(--primary--color);
}

/*===========================
BANNER STYLE NINE
===========================*/
.site-banner.style-nine .item-holder {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
	grid-gap: 8px;
}

.site-banner.style-nine .item-holder .item:first-child {
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}

.site-banner.style-nine .item-holder .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.site-banner.style-nine .banner-caption {
	text-align: left;
	bottom: 0;
	background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	background: -moz-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	background: -ms-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	background: -o-linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
	padding: 100px 60px 60px 60px;
}

.site-banner.style-nine .item:not(:first-child) .banner-caption {
	padding: 60px 30px 30px 30px;
}

.site-banner.style-nine .banner-caption .container {
	max-width: 100%;
}

.site-banner.style-nine .banner-caption .cat-links a,
.site-banner.style-nine .banner-caption .cat-links a::after {
	color: #fff;
}

.site-banner.style-nine .banner-caption .banner-title {
	background: none;
	color: #fff;
	font-size: 1.3333em;
}

.site-banner.style-nine .item:first-child .banner-caption .banner-title {
	font-size: 2.2223em;
}

.site-banner.style-nine .banner-caption .banner-title a {
	color: #fff;
}

.site-banner.style-nine .banner-caption .banner-title a:hover {
	color: rgba(255, 255, 255, 0.7);
}

.site-banner.style-nine .banner-meta>span {
	font-size: 0.6666em;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
}

.site-banner.style-nine .banner-meta>span::after {
	content: "";
	background: rgba(255, 255, 255, 0.25);
	width: 5px;
	height: 5px;
	display: inline-block;
	margin: 0 5px;
	vertical-align: middle;
	border-radius: 100%;
}

.site-banner.style-nine .banner-meta>span:last-child::after {
	display: none;
}

.site-banner.style-nine .banner-meta>span a {
	color: #fff;
}

.site-banner.style-nine .banner-meta>span a:hover {
	color: var(--primary-color);
}

.site-banner.style-nine .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
	left: -60px;
	border: none;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M152.485 396.284l19.626-19.626c4.753-4.753 4.675-12.484-.173-17.14L91.22 282H436c6.627 0 12-5.373 12-12v-28c0-6.627-5.373-12-12-12H91.22l80.717-77.518c4.849-4.656 4.927-12.387.173-17.14l-19.626-19.626c-4.686-4.686-12.284-4.686-16.971 0L3.716 247.515c-4.686 4.686-4.686 12.284 0 16.971l131.799 131.799c4.686 4.685 12.284 4.685 16.97-.001z"></path></svg>');
}

.site-banner.style-nine .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
	left: auto;
	right: -60px;
	background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="%23fff" d="M295.515 115.716l-19.626 19.626c-4.753 4.753-4.675 12.484.173 17.14L356.78 230H12c-6.627 0-12 5.373-12 12v28c0 6.627 5.373 12 12 12h344.78l-80.717 77.518c-4.849 4.656-4.927 12.387-.173 17.14l19.626 19.626c4.686 4.686 12.284 4.686 16.971 0l131.799-131.799c4.686-4.686 4.686-12.284 0-16.971L312.485 115.716c-4.686-4.686-12.284-4.686-16.97 0z"></path></svg>');
}

.site-banner.style-nine .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"]:hover {
	background-color: var(--primary-color);
}


/* Featured Area Section */
.promo-section ul li {
	position: relative;
}

.promo-section .widget_bttk_image_text_widget .bttk-itw-holder li a {
	z-index: 999;
}

.promo-section ul li::before {
	content: "";
	border: 1px solid rgba(255, 255, 255, 0.2);
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	z-index: 1;
}

/*==========================
BLOG POST LAYOUT NINE
==========================*/
body.post-layout-nine .site-main article {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 10px;
	margin-bottom: 60px;
}

body.post-layout-nine .site-main article .entry-header {
	margin-bottom: 25px;
}

body.post-layout-nine .site-main article .entry-title {
	margin-top: 10px;
	font-size: 2.22em;
}

body.post-layout-nine .site-main article .content-wrap {
	background: #fff;
	width: 90%;
	margin: 0 auto;
	padding: 40px 40px 0 40px;
	position: relative;
	top: -50px;
}




/*=================================
accessiblity 
=================================*/

@media(min-width:1025px) {

	.secondary-menu .submenu-toggle,
	.main-navigation .submenu-toggle {
		display: none;
	}

	.secondary-menu .nav-menu>li.menu-item-has-children>a::after,
	.main-navigation .nav-menu>li.menu-item-has-children>a::after {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-chevron-down fa-w-14' aria-hidden='true' data-prefix='fas' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' data-fa-i2svg=''%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
		display: inline-block;
		width: 0.9em;
		height: 0.9em;
		background-repeat: no-repeat;
		margin-left: 7px;
	}

	.secondary-menu .nav-menu>li.menu-item-has-children.hover>a::after,
	.secondary-menu .nav-menu>li.menu-item-has-children:hover>a::after,
	.main-navigation .nav-menu>li.menu-item-has-children.hover>a::after,
	.main-navigation .nav-menu>li.menu-item-has-children:hover>a::after {

		background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-chevron-down fa-w-14' aria-hidden='true' data-prefix='fas' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' data-fa-i2svg=''%3E%3Cpath fill='%23e18284' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");

	}

	.secondary-menu .nav-menu li .sub-menu li.menu-item-has-children>a,
	.main-navigation .nav-menu li .sub-menu li.menu-item-has-children>a {
		position: relative;

	}

	.secondary-menu .nav-menu li .sub-menu li.menu-item-has-children>a::after,
	.main-navigation .nav-menu li .sub-menu li.menu-item-has-children>a::after {
		content: "";
		background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-chevron-down fa-w-14' aria-hidden='true' data-prefix='fas' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' data-fa-i2svg=''%3E%3Cpath fill='currentColor' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
		position: absolute;
		right: 0px;
		top: 18px;
		width: 0.9em;
		height: 0.9em;
		background-repeat: no-repeat;
		transform: rotate(-90deg);


	}

	.secondary-menu .nav-menu li .sub-menu li.menu-item-has-children.hover>a::after,
	.secondary-menu .nav-menu li .sub-menu li.menu-item-has-children:hover>a::after,
	.main-navigation .nav-menu li .sub-menu li.menu-item-has-children.hover>a::after,
	.main-navigation .nav-menu li .sub-menu li.menu-item-has-children:hover>a::after {
		background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-chevron-down fa-w-14' aria-hidden='true' data-prefix='fas' data-icon='chevron-down' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' data-fa-i2svg=''%3E%3Cpath fill='%23e18284' d='M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z'%3E%3C/path%3E%3C/svg%3E");
	}

	.site-header.header-main .main-navigation>div .nav-menu>li:last-child .sub-menu li a::after,
	.site-header .header-main .main-navigation>div .nav-menu>li:nth-last-child(2) .sub-menu li a::after {
		transform: rotate(90deg);
	}

	.secondary-menu .nav-menu>li:nth-last-of-type(1)>ul ul,
	.secondary-menu .nav-menu>li:nth-last-of-type(2)>ul ul,
	.secondary-menu .nav-menu>li:nth-last-of-type(3)>ul ul {
		left: 100%;
		right: auto;
	}

}


@media screen and (max-width: 1366px) {
	.site-banner.style-one .owl-carousel>.owl-nav button[class*="owl-"] {
		left: 145px;
	}

	.site-banner.style-one .owl-carousel>.owl-nav button.owl-next {
		left: auto;
		right: 145px;
	}
}

@media screen and (max-width: 1199px) {
	.site-banner.style-one .owl-carousel>.owl-nav button[class*="owl-"] {
		left: 105px;
	}

	.site-banner.style-one .owl-carousel>.owl-nav button.owl-next {
		left: auto;
		right: 105px;
	}

	.main-navigation ul li a {
		padding: 22px 15px;
	}

	.main-navigation ul li.menu-item-has-children>a {
		padding-right: 15px;
	}
}

@media screen and (max-width: 1024px) {
	.site-banner.style-one .owl-carousel>.owl-nav button[class*="owl-"] {
		width: 30px;
		height: 30px;
		background-size: 12px;
		left: 60px;
	}

	.site-banner.style-one .owl-carousel>.owl-nav button.owl-next {
		left: auto;
		right: 60px;
	}

	.site-banner.style-two .item img {
		height: 400px;
		object-fit: cover;
	}

	.site-banner.style-two .fallback-svg {
		height: 400px;
		width: 100%;
	}

	.main-navigation {
		padding: 10px;
	}

	.site-banner.style-nine .item:not(:first-child) .banner-caption {
		padding: 20px;
	}

	.widget_bttk_image_text_widget .bttk-itw-holder li .btn-readmore {
		padding: 15px;
	}

	.site-banner.style-nine .banner-caption .banner-title,
	.site-banner.style-nine .item:first-child .banner-caption .banner-title {
		font-size: 1.1112em;
	}
}


@media only screen and (max-width: 767px) {
	.site-banner.style-one .owl-carousel>.owl-nav button[class*="owl-"] {
		left: 0px;
	}

	.site-banner.style-one .owl-carousel>.owl-nav button.owl-next {
		left: auto;
		right: 0px;
	}

	.post-layout-two .site-main article {
		flex-direction: column;
		margin-bottom: 40px;
		padding-bottom: 40px;
	}

	.post-layout-two .site-main article .post-thumbnail {
		width: 100%;
		margin-bottom: 30px;
	}

	.post-layout-two .site-main article .content-wrap {
		width: 100%;
		padding-left: 0px;
	}

	/*==========================
	SITE BANNER STYLE NINE
	==========================*/
	.site-banner.style-nine .item-holder {
		grid-template-columns: repeat(1, 1fr);
		grid-template-rows: repeat(1, 1fr);
		padding: 0;
	}

	.site-banner.style-nine .item-holder .item:first-child {
		grid-column: 1 / span 1;
		grid-row: 1 / span 1;
	}
}