/*
Theme Name: Travel Voyage
Theme URI: https://rarathemes.com/wordpress-themes/travel-voyage/
Template: chic-lite
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Travel Voyage is a feature-rich and easy-to-use travel blog theme for professional bloggers. This theme is for you if you want to share your travel expertise, launch your fashion or lifestyle blog, share food recipes, or create beauty and makeup, coaching, or any other niche blog. The theme is mobile-friendly, SEO optimized, Schema friendly, and loads faster to help you rank your website higher on search engines. You can easily choose from unlimited colors and 1000+ Google fonts to change your website look and feel with a single click. This theme comes with an Instagram section to flaunt your Instagram posts and a strategically placed newsletter section that can help you generate more leads. Travel Voyage is translation-ready, WooCommerce and RTL compatible. Check demo at https://rarathemes.com/previews/?theme=travel-voyage, read the documentation at https://docs.rarathemes.com/docs/travel-voyage/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.0.0
Requires at least: 4.7
Requires PHP: 5.6
Tested up to: 5.8.1
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: travel-voyage
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, e-commerce

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Chic Lite is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*=============================
variable
=============================*/

:root {
    --primary-font: 'Hind', sans-serif;
    --secondary-font: 'Crimson Text', serif;
    --font-color: #333333;
    --primary-color: #63bbc6;
    --primary-color-rgb: 99, 187, 198;
    --black-color: #000000;
    --black-color-rgb: 0, 0, 0;
    --white-color: #ffffff;
    --white-color-rgb: 255, 255, 255;
}

/*=============================
BANNER STYLE FIVE
=============================*/
.site-banner.style-five .banner-caption {
	text-align: left;
	bottom: 0;
	background: -webkit-linear-gradient(transparent, rgba(var(--black-color-rgb),0.4));
	background: -moz-linear-gradient(transparent, rgba(var(--black-color-rgb),0.4));
	background: -ms-linear-gradient(transparent, rgba(var(--black-color-rgb),0.4));
	background: -o-linear-gradient(transparent, rgba(var(--black-color-rgb),0.4));
	background: linear-gradient(transparent, rgba(var(--black-color-rgb),0.4));
	padding: 60px 40px 40px 40px;
}

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

.site-banner.style-five .banner-caption .cat-links a, 
.site-banner.style-five .banner-caption .cat-links a::after {
	color: var(--white-color);
}

.site-banner.style-five .banner-caption .banner-title {
	background: none;
	color: var(--white-color);
	font-size: 1.3333em;
}

.site-banner.style-five .banner-caption .banner-title a {
	color: var(--white-color);
}

.site-banner.style-five .banner-caption .banner-title a:hover {
	color: rgba(var(--white-color-rgb), 0.7);
}

.site-banner.style-five .banner-meta > span {
	font-size: 0.6666em;
	font-weight: 700;
	color: var(--white-color);
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
}

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

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

.site-banner.style-five .banner-meta > span a {
	color: var(--white-color);
}

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

.site-banner.style-five .owl-carousel .owl-stage-outer + .owl-nav [class*="owl-"] {
	left: 2%;
	background-color: rgba(var(--white-color-rgb),0.8);
	border-color: rgba(var(--white-color-rgb),0.8);
}

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

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

/*========================
HEADER STYLE THREE
========================*/
.style-three .header-bottom .container {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	align-items: center;
}

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

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

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

.site-header.style-one .header-search-wrap, 
.site-header.style-three .header-search-wrap, 
.site-header.style-six .header-search-wrap {
	top: -2px;
}

/*========================================
BLOG POST LAYOUT TWELVE
========================================*/
.post-layout-twelve .site-main article {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(var(--primary-color-rgb), 0.2);
    margin-bottom: 48px;
    padding-bottom: 48px;
}

.post-layout-twelve .site-main article {
    align-items: center;
}

.post-layout-twelve .site-main article .post-thumbnail {
    margin-bottom: 0;
    width: 45%;
}

.post-layout-twelve .site-main article .post-thumbnail {
    width: 47%;
}

.post-layout-twelve .site-main article .content-wrap {
    width: 55%;
    padding-left: 30px;
}

.post-layout-twelve .site-main article .content-wrap {
    width: 53%;
}

.post-layout-twelve .site-main article .content-wrap .entry-title {
    margin-top: 15px;
    margin-bottom: 20px;
}

.post-layout-twelve .site-main article .content-wrap span.category {
    display: inline-block;
    font-size: 0.6666em;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.49;
    letter-spacing: 1px;
}

.post-layout-twelve .site-main article .content-wrap span.category a {
    color: var(--primary-color);
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
}

.post-layout-twelve .site-main article .content-wrap span.category a:hover {
    color: #121212;
    text-decoration: none;
}

.post-layout-twelve .site-main article .content-wrap span.category a::after {
    content: "";
    background: rgba(var(--primary-color-rgb), 0.3);
    width: 5px;
    height: 5px;
    display: inline-block;
    border-radius: 100%;
    vertical-align: middle;
    margin: -2px 5px 0 8px;
}

.post-layout-twelve .site-main article .content-wrap span.category a:last-child::after {
    display: none;
}

.post-layout-twelve .site-main article .entry-meta {
    margin-bottom: 30px;
}

.post-layout-twelve .site-main article .post-thumbnail {
    margin-bottom: 30px;
}

.post-layout-twelve .site-main article .content-wrap {
    padding-left: 30px;
}

.site-banner.style-eight .owl-carousel .owl-stage-outer+.owl-nav .owl-next {
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center;
}

.site-banner.style-eight .owl-carousel .owl-stage-outer+.owl-nav [class*="owl-"] {
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: center;
}

/* Design fixes */

.promo-section .owl-carousel>.owl-nav button.owl-prev {
    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>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

.promo-section .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>');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 17px;
}

.site-header.style-nine .main-navigation {
    align-items: center;
}



@media screen and (max-width: 1366px) {
    .promo-section .owl-carousel>.owl-nav button[class*="owl-"] {
        left: -24px;
    }

    .promo-section .owl-carousel>.owl-nav button.owl-next {
        left: auto;
        right: -24px;
    }
}

@media only screen and (max-width:1024px) {
    .site-banner .banner-caption {
        padding: 20px 0;
    }
}

@media only screen and (max-width:767px) {
    .post-layout-twelve .site-main article {
        flex-direction: column;
    }

    .post-layout-twelve .site-main article .post-thumbnail,
    .post-layout-twelve .site-main article .content-wrap {
        width: 100%;
        padding: 0;
    }

    #featured_area.promo-section .owl-carousel>.owl-nav button[class*="owl-"] {
        left: -10px;
    }

    #featured_area.promo-section .owl-carousel>.owl-nav button.owl-next {
        left: auto;
        right: -10px;
    }
}

@media only screen and (max-width:600px) {
    .site-banner .banner-caption {
        padding: 6px 0;
    }

    .site-header.style-nine .right {
        justify-content: center;
    }
}