/*
Theme Name: Hello Travel
Theme URI: https://blossomthemes.com/wordpress-themes/hello-travel/
Template: blossom-travel  
Author: Blossom Themes
Author URI: https://blossomthemes.com/
Description: Hello Travel is a beautiful and highly customizable theme to create a professional travel blog. This multipurpose theme can be also used for creating different types of blogs such as fashion, lifestyle, journal, beauty, parenting, recipes, and many more. It includes sections such as Banner with CTA, About, Latest Posts, and Map to share your travel tips and expertise. Further, you can choose from unlimited colors and 1000+ Google fonts to change the look and feel of your site. With the Instagram section, you can flaunt your travel posts and increase your followers. The newsletter integration will help you grow your email list and stay in touch with your readers. Hello Travel is SEO-friendly, speed optimized, mobile-friendly, translation ready, RTL ready, and WooCommerce compatible. Check demo at https://blossomthemes.com/theme-demo/?theme=hello-travel, read the documentation at https://docs.blossomthemes.com/hello-travel/, and get support at https://blossomthemes.com/support-ticket/.
Version: 1.0.2
Requires PHP: 7.3
Tested up to: 6.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: hello-travel
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
*/
/*

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

:root {
    --primary-color: #a4cac8;
    --primary-color-rgb: 164, 202, 200;
    --primary-font: 'DM Sans', sans-serif;
    --font-color: #111111;
    --font-color-rgb: 17, 17, 17;
    --secondary-font: 'Nanum Myeongjo', serif;
    --secondary-color: #69cec9;
    --secondary-color-rgb: 105, 206, 201;
}

/*=========================
SITE HEADER LAYOUT FOUR
==========================*/
.header-four .header-t {
    background: rgba(228, 191, 182, 0.1);
}

.header-four .header-t .container {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.header-four .header-t .main-navigation {
    display: flex;
    flex: auto;
}

.header-four .header-t .submenu-toggle {
    top: 22px;
}

.header-four .main-navigation ul li a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.header-four .header-t .header-right {
    display: flex;
    flex: auto;
    justify-content: flex-end;
    align-items: center;
}

.header-four .header-t .social-list+.header-search .search-toggle {
    padding-left: 15px;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    margin-left: 15px;
}

.header-four .header-t .header-search .search-toggle {
    line-height: 1.2em;
    color: var(--font-color);
}

.banner-caption .banner-content p {
    color: #fff;
}

.header-four .header-search .header-search-wrap {
    left: auto;
    right: -30px;
}

.header-four .header-search.active .header-search-wrap {
    right: 0;
}

.header-four .header-main {
    padding: 35px 0;
    text-align: center;
}

/*=========================
Banner 2
==========================*/
.banner.style-two {
    background-color: rgba(var(--primary-color-rgb), 0.15);
    padding: 82px 0;
    overflow: hidden;
}

.banner.style-two .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;

}

.banner.style-two .wrapper .wp-custom-header {
    position: relative
}




.banner.style-two .wrapper .wp-custom-header img {
    width: unset;
    border: 10px solid #fff;
    transform: rotate(2deg);
}

.banner.style-two .wrapper .banner-caption {
    position: static;
    background: none;
    text-align: left;
    padding-top: 70px;

}

.banner.style-two .wrapper .banner-caption .entry-title {
    font-size: 2.2223em;
    margin-bottom: 25px;

}


.banner.style-two .wrapper .banner-caption .entry-title,
.banner.style-two .wrapper .banner-caption .entry-title a {
    color: var(--font-color);

}

.banner.style-two .wrapper .banner-caption .banner-content p {
    color: var(--font-color);
    margin: 0;
}

.banner.style-two .wrapper .banner-caption .button-wrap {
    margin-top: 40px;
}
.blog.header-layout-one.banner-layout-two .site-header,
.home.header-layout-one.banner-layout-two .site-header {
    background-color: #fff;
}

.home.header-layout-one.banner-layout-two .site-header.header-one .header-search .search-toggle,
.home.header-layout-one.banner-layout-two .header-one .site-description, 
.home.header-layout-one.banner-layout-two .site-header.header-one .main-navigation ul li a, 
.home.header-layout-one.banner-layout-two .site-header.header-one .submenu-toggle, 
.home.header-layout-one.banner-layout-two .site-header.header-one .site-title a, 
.home.header-layout-one.banner-layout-two .site-header.header-one .header-social .social-list li a
.home.header-layout-one.banner-layout-two .site-header.header-one .header-search .search-toggle,
.blog.header-layout-one.banner-layout-two .header-one .site-description, 
.blog.header-layout-one.banner-layout-two .site-header.header-one .main-navigation ul li a, 
.blog.header-layout-one.banner-layout-two .site-header.header-one .submenu-toggle, 
.blog.header-layout-one.banner-layout-two .site-header.header-one .site-title a, 
.blog.header-layout-one.banner-layout-two .site-header.header-one .header-social .social-list li a {
    color: var(--font-color);
}

.header-layout-one.banner-layout-two .banner.style-two{
    padding: 167px 0 50px;
}


@media(min-width:1024px) {
    .banner.style-two .wrapper {

        flex-direction: row-reverse;
    }
    .banner.style-two .wrapper .wp-custom-header::before {
        content: '';
        position: absolute;
        background: rgba(var(--primary-color-rgb), 0.2);
        width: 494px;
        height: 494px;
        border-radius: 100%;
        left: -105px;
        bottom: -245px;
        z-index: -1;
        top: unset;
    }

    .banner.style-two .wrapper .banner-caption,
    .banner.style-two .wrapper .wp-custom-header {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .banner.style-two .wrapper .banner-caption {
        padding-right: 100px;
        padding-top: 0;
    }

    .banner.style-two .wrapper .banner-caption .entry-title {
        font-size: 3.3333333333333333333333333333333em;

    }
    .header-layout-one.banner-layout-two .banner.style-two{
        padding: 220px 0 82px;
    }
}

@media screen and (max-width: 1370px) {
    .banner.style-two .wrapper .wp-custom-header img {
        height: unset;

    }
}


@media screen and (max-width: 767px) {

    .banner.style-one .banner-caption h3.entry-title,
    .banner.style-one .banner-caption .entry-title a {
        color: #333;
    }

    .banner.style-one .banner-caption .banner-content p {
        color: #333;
    }

    .banner.style-one .banner-caption p {
        padding-left: 20px;
        padding-right: 20px;
    }
    .banner.style-two .wp-custom-header::before{
		content:none;
	}
}

@media screen and (max-width: 1024px) {
    .header-four .header-t {
        display: none;
    }

    .header-four .header-main .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .blog.header-layout-one.banner-layout-two .header-one button.toggle-btn .toggle-bar,
    .home.header-layout-one.banner-layout-two .header-one button.toggle-btn .toggle-bar {
        background: var(--font-color);
    }

    .header-four .header-main .container .site-branding {
        text-align: left
    }
    .banner.style-two .wrapper .banner-caption {
        padding-top: 50px;
    }
}