/*
Theme Name: Traveldeck
Theme URI: https://blossomthemes.com/wordpress-themes/traveldeck/
Template: vilva  
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Traveldeck is perfect for professional bloggers who want an easy-to-use, feature-rich and mobile-friendly theme. This theme is suitable for creating a website in any niche, including fashion, travel, lifestyle, beauty, recipes, makeup journaling, mom blogs, coaching and more. You can also choose from unlimited colors and 1000+ Google Fonts to change your site's look and feel with a single click. Furthermore, you can show off your Instagram posts and attract more followers. By placing a newsletter signup section, you can grow your email list and stay connected with your readers. Traveldeck is SEO-friendly, speed-optimized, translation-ready, RTL ready and WooCommerce compatible. Check the demo at https://blossomthemes.com/theme-demo/?theme=traveldeck, read the documentation at https://docs.blossomthemes.com/vilva/, and get support at https://blossomthemes.com/support-ticket/.
Version: 1.0.0
Requires at least: 4.7
Tested up to: 6.1
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: traveldeck
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: #ef746a;
    --primary-color-rgb: 239, 116, 106;
    --background-color: #fff;
    --background-color-rgb: 255, 255, 255;
    --primary-font: 'Cardo';
    --secondary-font: 'Cardo';
}

/*=========================
HEADER STYLE TEN
=========================*/
.site-header.style-ten {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
}

.site-header.style-ten .header-t {
	background: none;
}

.site-header.style-ten .header-bottom {
	border-bottom: none;
}

.site-header.style-ten .container {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	padding: 0 3%;
}

.site-header.style-ten .secondary-menu,
.site-header.style-ten .right {
	flex: 1;
}

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

.style-ten .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-ten .secondary-menu .toggle-btn .toggle-bar:first-child {
	top: -12px;
}

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

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

.style-ten .secondary-menu .secondary-menu-list {
	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: 99999;
	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-ten .secondary-menu.menu-toggled .secondary-menu-list{
	visibility: visible;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}

.style-ten .secondary-menu .secondary-menu-list .close {
	display: block;
	width: 20px;
	height: 20px;
	position: fixed;
	top: 30px;
	right: 30px;
	cursor: pointer;
	background: unset;
	z-index: 9999;
}

.style-ten .secondary-menu .secondary-menu-list .close::before,
.style-ten .secondary-menu .secondary-menu-list .close::after {
	content: "";
	background: #333;
	height: 2px;
	width: 20px;
	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-ten .secondary-menu .secondary-menu-list .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.style-ten .secondary-menu .secondary-menu-list .close:hover::before,
.style-ten .secondary-menu .secondary-menu-list .close:hover::after {
	background: var(--primary-color);
}

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

.style-ten .secondary-menu ul li a {
	display: block;
	padding: 25px 15px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.style-ten .secondary-menu ul.nav-menu>li:first-child a {
    padding-left: 15px;
}

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

.style-ten .secondary-menu ul li.menu-item-has-children .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-ten .secondary-menu ul li.menu-item-has-children .submenu-toggle.active {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}

.style-ten .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;
}

.site-header.style-ten .site-branding {
	display: flex;
	flex-direction: column;
	flex: auto;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.header-t .header-search + .cart-block {
    border-left: 1px solid rgba(0,0,0,0.15);
    padding-left: 15px;
    margin-left: 15px;
}
@media screen and (max-width: 1024px){
	.style-ten .header-t .secondary-menu .secondary-menu-list{
		display: none;
		position: absolute;
		top: 100%;
		left: 15px;
		right: 15px;
		width: auto;
		height: auto;
		background: #fff;
		box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
		padding: 0 20px;
		max-height: 47vh;
		overflow: auto;
		visibility: visible;
		z-index: 9;
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
		padding-top: 30px;
	}
	.style-ten .header-t .secondary-menu.menu-toggled .secondary-menu-list{
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
	.style-ten .secondary-menu .secondary-menu-list .mobile-menu{
		display:block !important;
		padding:0;
		max-height: unset;
		overflow: auto;
		background: unset;
		box-shadow:unset;
		visibility: visible;
		padding-top: 30px;
	}
	.style-ten .secondary-menu ul.nav-menu{
		transform:unset !important;
		width:unset;
		position: static;
		padding:0;
		max-height: unset;
		overflow: auto;
		background: unset;
		box-shadow:unset;
		visibility: visible;
	}
	.style-ten .secondary-menu .secondary-menu-list .close{
		position: relative;
		margin-left: auto;
		
	}
}


/*===========================
BANNER STYLE FOUR
===========================*/
.site-banner.style-four .banner-caption {
	bottom: 0;
	top: 0;
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.site-banner.style-four .banner-caption .container {
	max-width: 600px;
	background: rgba(255, 255, 255, 0.95);
	padding: 40px;
}

.site-banner.style-four .banner-caption .banner-title {
	font-size: 2em;
	background: none;
}

.site-banner.style-four .banner-meta {
	margin-top: 10px;
}

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

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

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

.site-banner.style-four .banner-meta>span a {
	color: #999;
}

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

.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
	left: -7%;
}

.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
	left: auto;
	right: -7%;
}


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

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

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

/*===============================
RESPONSIVE STYLESHEET
===============================*/
@media screen and (max-width: 1366px){
	.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
		left: 0;
	}
	.site-banner.style-four .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
		right: 0;
		left: auto;
	}
}

@media screen and (max-width: 1024px) {
    /*============================
	SITE HEADER STYLE TEN
	============================*/
	.site-header.style-ten .site-branding {
		flex: 1;
    }
}

@media screen and (max-width: 767px) {
    /*============================
	SITE HEADER STYLE TEN
	============================*/
	.site-header.style-ten .container {
		padding-left: 15px;
		padding-right: 15px;
		max-width: 420px;
	}

	.site-header.style-ten .secondary-menu {
		flex: initial;
		order: 2;
	}

	.site-header.style-ten .site-branding {
		text-align: left;
		justify-content: flex-start;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.site-header.style-ten .site-branding .site-logo + .site-title-wrap {
		padding-left: 15px;
	}

	.site-header.style-ten .right {
		flex: auto;
		justify-content: center;
		width: 100%;
		margin-top: 15px;
		order: 3;
    }
	.site-banner.style-four .banner-caption .banner-title {
		font-size: 1.1112em;
	}
	body[class*="post-layout-"] .site-main article .entry-title {
		font-size: 1.3333em;
	}
    
}

/* Logo overflow issue */

@media only screen and (max-width:600px) {
 .site-logo	.custom-logo-link img {
      width: auto;
	}
	.custom-logo-link {
		margin-right: 40px;
	}
}