/*
Theme Name: Fashion Trend
Theme URI: https://rarathemes.com/wordpress-themes/fashion-trend/
Template: travelbee
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Fashion Trend is a feature-rich and easy-to-use WordPress fashion blog theme for professional bloggers. You can easily create a visually appealing and eye-catching site to share your fashion expertise, launch your travel or lifestyle blog, share food recipes, create beauty and makeup sites, 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 a gorgeous newsletter section that can help you generate more leads and an Instagram section to flaunt your Instagram posts. Fashion Trend is translation-ready, WooCommerce and RTL compatible. Check demo at https://rarathemes.com/previews/?theme=fashion-trend, read the documentation at https://docs.rarathemes.com/docs/fashion-trend/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.0.1
Requires at least: 4.7
Requires PHP: 5.6
Tested up to: 6.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fashion-trend
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, news

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.

Fashion Trend 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/
*/

:root {
    --primary-color: #dd8776;
    --primary-color-rgb: 221, 135, 118;
    --primary-font: "Nunito Sans", sans-serif;
    --secondary-font: "EB Garamond", serif;
    --signature-font: Caveat, cursive;
}

body {
    font-size: 17px;
}


/****** Header Style Six ************/

.site-header.style-six .secondary-nav {
    display: none;
    z-index: 112;
}

.site-header.style-six .secondary-nav .toggle-btn {
    display: none;
}

.site-header.style-six .secondary-nav .nav-menu li {
    padding: 20px 15px;
    font-size: 0.8888888889em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.site-header.style-six .secondary-nav .nav-menu li a {
    color: #141414;
    white-space: pre-wrap;
}

.site-header.style-six .secondary-nav .nav-menu li a:hover {
    color: var(--primary-color);
}

.site-header.style-six .secondary-nav .nav-menu li:hover>.sub-menu, .site-header.style-six .secondary-nav .nav-menu li:focus>.sub-menu, .site-header.style-six .secondary-nav .nav-menu li.hover>.sub-menu, .site-header.style-six .secondary-nav .nav-menu li.focus>.sub-menu {
    z-index: 99999;
}

.site-header.style-six .secondary-nav .nav-menu li>.submenu-toggle-btn {
    color: #141414;
}

.site-header.style-six .secondary-nav .nav-menu li>.submenu-toggle-btn .svg-inline--fa.fa-w-10 {
    width: 0.5em;
}

.site-header.style-six .secondary-nav .nav-menu li ul {
    margin: 0;
}

.site-header.style-six .secondary-nav .nav-menu li ul a {
    width: 120px;
}

.site-header.style-six>.header-top {
    background-color: rgba(var(--primary-color-rgb), 0.05);
}

.site-header.style-six>.header-top .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.site-header.style-six>.header-top .container .header-right {
    grid-gap: 0;
}

.site-header.style-six>.header-top .container .header-right ul+div {
    padding-left: 18px;
    margin-left: 18px;
    border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.site-header.style-six>.header-top .container .header-right div+div {
    margin-left: 20px;
}

.site-header.style-six>.header-main {
    padding: 40px 0;
    border-bottom: 1px solid #F3F3F3;
}

.site-header.style-six>.header-main .main-navigation {
    margin-right: 0;
    width: auto;
}

.site-header.style-six>.header-main .main-navigation .nav-menu>li:last-child {
    padding-right: 0;
}


/********** Banner Layout Nine ***************/

.site-banner.banner-layout-nine .container {
    max-width: 100%;
    padding: 0;
}

.site-banner.banner-layout-nine .banner-wrapper .item {
    position: relative;
}

.site-banner.banner-layout-nine .banner-wrapper .item:hover .banner-caption {
    opacity: 1;
    visibility: visible;
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px;
    text-align: center;
    background-color: var(--white-color);
    background-color: rgba(52, 64, 85, 0.9);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .entry-meta {
    margin-bottom: 8px;
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .entry-meta a:hover {
    text-decoration: underline;
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .banner-title {
    font-size: 1.778em;
    margin-bottom: 0;
    padding: 0;
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .banner-title a {
    color: var(--white-color);
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .banner-title a:hover {
    color: var(--primary-color);
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .entry-footer {
    justify-content: center;
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .entry-footer .post-read-time,
.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .entry-footer .posted-on {
    color: rgba(var(--white-color-rgb), 0.75);
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .entry-footer .posted-on {
    margin-left: 10px;
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .entry-footer .posted-on::before {
    background-color: rgba(var(--white-color-rgb), 0.75);
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-img-wrap .svg-holder {
    width: 100%;
    height: 480px;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-banner.banner-layout-nine .banner-wrapper .item .banner-img-wrap img {
    width: 100%;
    height: 350px;
    -o-object-fit: cover;
    object-fit: cover;
}

.site-banner.banner-layout-nine .owl-carousel .owl-nav button.owl-prev,
.site-banner.banner-layout-nine .owl-carousel .owl-nav button.owl-next {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.site-banner.banner-layout-nine .owl-carousel .owl-nav button.owl-prev {
    left: 0px;
}

.site-banner.banner-layout-nine .owl-carousel .owl-nav button.owl-next {
    right: 0px;
}

/****** Owl Carousel *********/

.banner-wrapper.owl-carousel .owl-nav button.owl-next,
.banner-wrapper.owl-carousel .owl-nav button.owl-prev,
.featured-section .owl-carousel .owl-nav button.owl-next,
.featured-section .owl-carousel .owl-nav button.owl-prev {
    display: block;
    width: 40px;
    height: 40px;
    background-color: var(--primary-color);
    border: 1px solid rgba(var(--primary-color-rgb), 0.1);
    border-radius: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-background-size: 18px 18px;
    background-size: 15px 18px;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
}

.banner-wrapper.owl-carousel .owl-nav button.owl-next.disabled, 
.banner-wrapper.owl-carousel .owl-nav button.owl-prev.disabled,
.featured-section .owl-carousel .owl-nav button.owl-next.disabled, 
.featured-section .owl-carousel .owl-nav button.owl-prev.disabled {
    pointer-events: none;
    background-color: rgba(var(--black-color-rgb), 0.25);
}

.banner-wrapper.owl-carousel .owl-nav button.owl-next:hover, 
.banner-wrapper.owl-carousel .owl-nav button.owl-prev:hover,
.featured-section .owl-carousel .owl-nav button.owl-next:hover, 
.featured-section .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: rgba(var(--black-color-rgb), 0.25);
    border: 1px solid rgba(var(--black-color-rgb), 0.01);
}

.banner-wrapper.owl-carousel .owl-nav button.owl-prev,
.featured-section .owl-carousel .owl-nav button.owl-prev {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 12L3 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 18L3 12L9 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.banner-wrapper.owl-carousel .owl-nav button.owl-next,
.featured-section .owl-carousel .owl-nav button.owl-next {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12L21 12' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15 6L21 12L15 18' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.banner-wrapper.owl-carousel .owl-dots,
.featured-section .owl-carousel .owl-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    grid-gap: 15px;
}

.banner-wrapper.owl-carousel .owl-dots .owl-dot,
.featured-section .owl-carousel .owl-dots .owl-dot {
    display: block;
    width: 11px;
    height: 11px;
    background: var(--primary-color);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    border-radius: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0.1;
}

.banner-wrapper.owl-carousel .owl-dots .owl-dot:hover,
.banner-wrapper.owl-carousel .owl-dots .owl-dot.active,
.featured-section .owl-carousel .owl-dots .owl-dot:hover,
.featured-section .owl-carousel .owl-dots .owl-dot.active {
    opacity: 1;
}

/******* Blog layout Nine *****/

.blog.classic-nine .site-main,
.home.classic-nine .site-main,
.archive.classic-nine .site-main,
.search-results.classic-nine .site-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.blog.classic-nine .site-main article,
.home.classic-nine .site-main article,
.archive.classic-nine .site-main article,
.search-results.classic-nine .site-main article {
    margin: 0 0 40px 0;
}

.blog.classic-nine .site-main article .post-thumbnail,
.home.classic-nine .site-main article .post-thumbnail,
.archive.classic-nine .site-main article .post-thumbnail,
.search-results.classic-nine .site-main article .post-thumbnail {
    margin-top: 0;
    margin-bottom: 24px;
}

.blog.classic-nine .site-main article .content-wrapper,
.home.classic-nine .site-main article .content-wrapper,
.archive.classic-nine .site-main article .content-wrapper,
.search-results.classic-nine .site-main article .content-wrapper {
    width: 100%;
    padding: 0;
    text-align: left;
    position: relative;
    z-index: 11;
}

.blog.classic-nine .site-main article .content-wrapper .entry-title,
.home.classic-nine .site-main article .content-wrapper .entry-title,
.archive.classic-nine .site-main article .content-wrapper .entry-title,
.search-results.classic-nine .site-main article .content-wrapper .entry-title {
    font-size: 1.333em;
    line-height: 1.5;
}

.blog.classic-nine .site-main article .content-wrapper .entry-meta,
.home.classic-nine .site-main article .content-wrapper .entry-meta,
.archive.classic-nine .site-main article .content-wrapper .entry-meta,
.search-results.classic-nine .site-main article .content-wrapper .entry-meta {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.blog.classic-nine .site-main article .content-wrapper .entry-content,
.home.classic-nine .site-main article .content-wrapper .entry-content,
.archive.classic-nine .site-main article .content-wrapper .entry-content,
.search-results.classic-nine .site-main article .content-wrapper .entry-content {
    margin: 16px 0;
}

.blog.classic-nine .content-area .site-main article,
.home.classic-nine .content-area .site-main article,
.archive.classic-nine .content-area .site-main article,
.search-results.classic-nine .content-area .site-main article{
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.05);
}
.blog.classic-nine .content-area .site-main article .post-thumbnail, 
.home.classic-nine .content-area .site-main article .post-thumbnail,
.archive.classic-nine .content-area .site-main article .post-thumbnail,
.search-results.classic-nine .content-area .site-main article .post-thumbnail {
  margin-bottom: 0;
  margin-top: 0;
}
.blog.classic-nine .content-area .site-main article .content-wrapper,
.home.classic-nine .content-area .site-main article .content-wrapper,
.archive.classic-nine .content-area .site-main article .content-wrapper,
.search-results.classic-nine .content-area .site-main article .content-wrapper {
  padding: 24px;
}

/*********** Responsive ***********/

@media screen and (min-width: 768px) {

    /********** Banner Layout Nine ***************/

    .site-banner.banner-layout-nine .banner-wrapper .item .banner-img-wrap .svg-holder {
        height: unset;
    }

    .site-banner.banner-layout-nine .banner-wrapper .item .banner-img-wrap img {
        height: unset;
    }

    .site-banner.banner-layout-nine .owl-carousel .owl-nav button.owl-prev {
        left: 30px;
    }

    .site-banner.banner-layout-nine .owl-carousel .owl-nav button.owl-next {
        right: 30px;
        left: unset;
    }

    .site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .banner-title {
        font-size: 1.222em;
    }

    /****** Blog Layout Nine ****/
    .blog.classic-nine .site-main,
    .home.classic-nine .site-main,
    .archive.classic-nine .site-main,
    .search-results.classic-nine .site-main {
        margin: 0 -15px;
    }

    .blog.classic-nine .site-main article,
    .home.classic-nine .site-main article,
    .archive.classic-nine .site-main article,
    .search-results.classic-nine .site-main article {
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px);
        margin: 0 15px 40px;
    }
}

@media screen and (min-width: 992px) {

    .blog.classic-nine.full-width .site-main article,
    .home.classic-nine.full-width .site-main article,
    .archive.classic-nine.full-width .site-main article,
    .search-results.classic-nine.full-width .site-main article {
        width: -webkit-calc(33.33% - 30px);
        width: calc(33.33% - 30px);
        margin: 0 15px 40px;
    }
}

@media screen and (min-width: 1199px) {

    /****** Header Style Six ************/
    .site-header.style-six .secondary-nav .nav-menu {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .site-header.style-six .secondary-nav .nav-menu li .submenu-toggle-btn {
        position: absolute;
        right: 15px;
        top: 20px;
    }

    /******* Banner Layout Nine **********/
    .site-banner.banner-layout-nine .banner-wrapper .item .banner-caption .banner-title {
        font-size: 1.778em;
    }
}


@media screen and (min-width: 1200px) {

    /****** Header Style Six ************/
    .site-header.style-six .secondary-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .site-header.style-six .secondary-nav .nav-menu li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media screen and (min-width: 1400px) {

    /****** Header Style Six ************/
    .site-header.style-six .secondary-nav .nav-menu li {
        padding: 20px 20px;
    }

    /********** Banner Layout Nine ***************/

    .site-banner.banner-layout-nine .owl-carousel .owl-nav button.owl-prev {
        left: 48px;
    }

    .site-banner.banner-layout-nine .owl-carousel .owl-nav button.owl-next {
        right: 48px;
    }
}

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

    /****** Header Style Six ************/
    .site-header.style-six .secondary-nav .nav-menu li .submenu-toggle-btn {
        position: absolute;
        right: 15px;
        top: 20px;
    }
}