/*
Theme Name: Travlla-Child
Theme URI: https://travlla.wprdx.com/
Author: DexignZone
Author URI: https://themeforest.net/user/dexignzone
Description: Travlla is a responsive Travel & Tour Wordpress Theme designed for travel agencies, tour operators, holiday planners, and booking websites.
Version: 1.1
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: travlla
Text Domain: travlla-child
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, rtl-language-support, sticky-post, translation-ready, microformats
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.
*/
/* ===== CUSTOM FIX: navbar-one overflow fix ===== */
.navbar-one {
    width: 100%;
    box-sizing: border-box;
    left: 0;
    right: 0;
    max-width: 100%;
    overflow-x: auto;
    flex-wrap: wrap;
}

.navbar-one a {
    white-space: nowrap;
}

@media (max-width: 575px) {
    .navbar-one {
        gap: 8px;
        padding: 10px 8px;
        justify-content: flex-start;
    }
    .navbar-one a {
        font-size: 11px;
        padding: 6px 8px;
        flex: 1 1 auto;
        text-align: center;
    }
}

/* ===== FIX: Remove sticky from navbar-one ===== */
.navbar-one {
    position: relative !important;
    top: unset !important;
}

/* ===== FIX: Logo size update ===== */
.header-style-2 .logo-header .logo-header-inner img {
    max-width: 60px;
}

/* ===== FIX: Logo size (with !important to override parent) ===== */
.header-style-2 .logo-header .logo-header-inner img {
    max-width: 60px !important;
}
.header-style-2 .logo-header .logo-header-inner img,
.header-style-2 .logo-header .logo-header-one img {
    max-width: 60px !important;
    width: 60px !important;
}

/* ===== FIX: Logo size - header-style-1 (homepage) ===== */
.header-style-1 .logo-header .logo-header-inner img {
    max-width: 60px !important;
    width: 60px !important;
}

/* ===== FIX: Hero banner text - smaller font, one line ===== */
.trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large,
.trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large-outline {
    font-size: 100px !important;
    white-space: nowrap !important;
}
@media (max-width: 1366px) {
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large,
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large-outline {
        font-size: 90px !important;
    }
}
@media (max-width: 1024px) {
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large,
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large-outline {
        font-size: 70px !important;
    }
}
@media (max-width: 640px) {
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large,
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large-outline {
        font-size: 45px !important;
    }
}

/* ===== UPDATE: Hero banner text - 150px ===== */
.trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large,
.trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large-outline {
    font-size: 150px !important;
}
@media (max-width: 1366px) {
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large,
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large-outline {
        font-size: 130px !important;
    }
}
@media (max-width: 1024px) {
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large,
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large-outline {
        font-size: 90px !important;
    }
}
@media (max-width: 640px) {
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large,
    .trv-banner-1-wrap .trv-banner-1-text .trv-banner-1-text-large-outline {
        font-size: 55px !important;
    }
}