/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Template: oceanwp
Author: OceanWP
Author URI: https://oceanwp.org/about-oceanwp/
Description: OceanWP is the perfect theme for your project. Lightweight and highly extendable, it will enable you to create almost any type of website such a blog, portfolio, business website and WooCommerce storefront with a beautiful & professional design. Very fast, responsive, RTL & translation ready, best SEO practices, unique WooCommerce features to increase conversion and much more. You can even edit the settings on tablet & mobile so your site looks good on every device. Work with the most popular page builders as Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin, etc... Developers will love his extensible codebase making it a joy to customize and extend. Best friend of Elementor & WooCommerce. Looking for a Multi-Purpose theme? Look no further! Check the demos to realize that it's the only theme you will ever need: https://oceanwp.org/demos/
Tags: two-columns,right-sidebar,footer-widgets,blog,news,custom-background,custom-menu,post-formats,rtl-language-support,sticky-post,editor-style,threaded-comments,translation-ready,buddypress,custom-colors,featured-images,full-width-template,theme-options,e-commerce,block-styles,wide-blocks,accessibility-ready
Version: 4.0.3.1732734096
Updated: 2024-11-27 19:01:36

*/


/*! Fonts */

@font-face {
    font-family: 'aeonik-regular';
       src: url('fonts/aeonik-regular.ttf')  format('truetype'),
        }
@font-face {
    font-family: 'Aeonik-Regular';
       src: url('fonts/aeonik-regular.woff2') format('woff2'), /* Modern Browsers */
         url('fonts/aeonik-regular.woff') format('woff'), /* Modern Browsers */
        
}


/* Fix giant social SVGs in Footer Column 4 */
.site-footer #menu-cst-menu-1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.site-footer #menu-cst-menu-1 li a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #323637;
    text-decoration: none;
}
.site-footer #menu-cst-menu-1 li a:hover {
    color: #0f5e73;
}
.site-footer #menu-cst-menu-1 svg {
    width: 22px !important;
    height: 22px !important;
    max-width: 22px !important;
    max-height: 22px !important;
    display: inline-block;
    vertical-align: middle;
    flex-shrink: 0;
}

/* Top Bar Styling */
#top-bar-wrap {
    background-color: #005999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#top-bar-wrap #top-bar-nav {
    display: none !important;
}
#top-bar-wrap #top-bar-content {
    width: 100%;
    text-align: left;
}
.topbar-contact-wrap {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    font-size: 13px;
    color: #ffffff;
    padding: 6px 0;
    flex-wrap: wrap;
}
.topbar-contact-wrap a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}
.topbar-contact-wrap a:hover {
    color: #ffd700;
}
.topbar-contact-wrap i {
    margin-right: 5px;
}
.topbar-contact-wrap .fa-whatsapp {
    color: #25D366;
    font-size: 15px;
}
.topbar-sep {
    color: rgba(255, 255, 255, 0.4);
}
@media (max-width: 768px) {
    #top-bar-wrap #top-bar-content {
        text-align: center;
    }
    .topbar-contact-wrap {
        justify-content: center;
        gap: 12px;
        font-size: 12px;
        padding: 5px 0;
    }
}

/* ==========================================================================
   Navigation Header CTAs (WhatsApp & Plan My Trip)
   ========================================================================== */
.main-navigation .menu-item-header-wa {
    margin-left: 6px;
    display: inline-flex;
    align-items: center;
}
.main-navigation .menu-item-header-wa a.nav-wa-link {
    display: inline-flex !important;
    align-items: center;
    color: #1e293b !important;
    font-weight: 600;
    font-size: 13.5px;
    padding: 0 8px !important;
    line-height: 1 !important;
    transition: color 0.2s ease;
}
.main-navigation .menu-item-header-wa a.nav-wa-link:hover {
    color: #25D366 !important;
}

.main-navigation .menu-item-header-plan {
    margin-left: 8px;
    display: inline-flex;
    align-items: center;
}
.main-navigation .menu-item-header-plan a.nav-plan-btn {
    background-color: #B31217 !important;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 13px !important;
    padding: 9px 18px !important;
    border-radius: 4px;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center;
    text-transform: none;
    box-shadow: 0 2px 6px rgba(179, 18, 23, 0.25);
    transition: background-color 0.2s ease, transform 0.2s ease;
}
.main-navigation .menu-item-header-plan a.nav-plan-btn:hover {
    background-color: #930e12 !important;
    transform: translateY(-1px);
}

/* Tablet screen adjustment: keep navigation compact */
@media screen and (max-width: 1200px) and (min-width: 960px) {
    .main-navigation .menu-item-header-wa .nav-wa-text {
        display: none;
    }
    .main-navigation .menu-item-header-plan a.nav-plan-btn {
        padding: 7px 12px !important;
        font-size: 12px !important;
    }
}

/* Mobile Menu drawer styling */
#mobile-dropdown .menu-item-header-wa a.nav-wa-link {
    color: #25D366 !important;
    font-weight: 600;
    padding: 10px 15px !important;
    display: flex !important;
    align-items: center;
}
#mobile-dropdown .menu-item-header-plan a.nav-plan-btn {
    background-color: #B31217 !important;
    color: #ffffff !important;
    margin: 10px 15px;
    text-align: center;
    display: block;
    border-radius: 4px;
    padding: 11px 16px !important;
    font-weight: 700;
}

/* ==========================================================================
   Normalized Tour Card Styles (UX Audit: Pricing, Duration & Taxonomy)
   ========================================================================== */
.tour_type_get {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    background: #0f5e73 !important; /* Deep Slate Teal */
    color: #ffffff !important;
    border-radius: 3px !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    z-index: 5;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.tour_type_get p {
    margin: 0 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    font-size: 11px !important;
}

.pp_main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 4px 6px !important;
    gap: 8px !important;
    border-top: 1px solid #f1f5f9;
    margin-top: 6px;
}

.pp_iinerr {
    width: auto !important;
    flex: 1 1 auto !important;
    font-size: 13px !important;
    line-height: 1.35 !important;
    color: #334155 !important;
    padding: 0 !important;
    text-align: left;
}

.pp_iinerr .price_persons {
    font-weight: 700;
    color: #0f5e73;
    font-size: 14.5px;
}

.pp_iinerr .price-request {
    font-size: 11.5px;
    color: #64748b;
    font-weight: 500;
}

.pp_iinerr .price_range_txt {
    font-size: 11px !important;
    color: #64748b !important;
    margin: 2px 0 0 0 !important;
    line-height: 1.2 !important;
}

.tour_duration {
    flex: 0 0 auto !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.tour_duration p {
    font-size: 12.5px !important;
    color: #334155 !important;
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.tour_duration svg {
    width: 15px !important;
    height: 15px !important;
    stroke: #0f5e73 !important;
    flex-shrink: 0;
    display: inline-block;
    vertical-align: middle;
}