/*
Theme Name: Travel Agency Child
Theme URI: https://rarathemes.com/wordpress-themes/travel-agency/
Template: travel-agency
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Travel Agency is a free WordPress theme to create travel online booking website for tour and travel operators and companies. You can add trips, destinations, and trip types, feature travel activities, highlight your specialties and allow visitors to book the trips. The stunning design combined with modern CSS effects and animation will make your visitors feel like they are already on a trip. Travel Agency WordPress theme is speed optimized, translation ready, SEO-friendly and mobile-friendly. Apart from travel booking companies, you can also use Travel Agency theme for travel blogging, hotel, spa, bed and breakfast, luxury resort, reservation, tour operator, tourism, transports and car booking. Check the demo at https://rarathemes.com/previews/?theme=travel-agency , documentation at https://docs.rarathemes.com/docs/travel-agency/, and get support at https://rarathemes.com/support-ticket/.
Tags: one-column,two-columns,right-sidebar,footer-widgets,custom-background,custom-header,custom-menu,custom-logo,featured-images,threaded-comments,rtl-language-support,translation-ready,theme-options,food-and-drink,holiday,entertainment
Version: 1.5.5.1763888669
Updated: 2025-11-23 09:04:29

*/

/* === CUSTOM BRAND COLORS (TheFiveIsles) === */

:root {
    /* Your brand colors */
    --primary-color: #293858 !important;     /* blue */
    --secondary-color: #9c8640 !important;   /* gold */
    --accent-color: #293858 !important;

    /* Travel Agency theme colors (kills remaining teal) */
    --tac-primary-color: #293858 !important;   /* blue (replaces teal) */
    --tac-secondary-color: #9c8640 !important; /* gold */
    --tac-accent-color: #9c8640 !important;    /* gold accents */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    color: var(--primary-color) !important;
}

/* Icons (FontAwesome + SVG) */
i, svg, svg path {
    color: var(--primary-color) !important;
    fill: var(--primary-color) !important;
}

/* Mobile menu override */
@media (max-width: 1024px) {
    .mobile-navigation,
    .mobile-navigation * {
        background-color: #293858 !important;
        color: white !important;
    }
}

/* === Force all icons to brand blue === */

/* Icon fonts + pseudo elements */
i, 
i:before, i:after,
.fa, .fas, .far, .fab,
.icon, .icons,
[class*="icon-"]:before,
[class^="icon-"]:before {
  color: #293858 !important;
}

/* SVG icons */
svg,
svg * {
  fill: #293858 !important;
  stroke: #293858 !important;
}

/* If theme uses links to color icons */
a svg,
a svg * {
  fill: #293858 !important;
  stroke: #293858 !important;
}

/* Hover/active gold (optional) */
i:hover, 
a:hover i,
a:hover svg,
a:hover svg * {
  color: #9c8640 !important;
  fill: #9c8640 !important;
  stroke: #9c8640 !important;
}


/* ======================================================
   Fix Featured Trips buttons (border + hover) ONLY
   ====================================================== */

/* Force TAC primary inside featured section (in case theme redefines it there) */
.featured-trip {
  --tac-primary-color: #293858 !important;   /* blue */
  --tac-secondary-color: #9c8640 !important; /* gold */
}

/* Border color (normal) */
.featured-trip .btn-more,
.featured-trip .grid .text-holder .btn-more,
.featured-trip .btn-holder .btn-more {
  border-color: #293858 !important;   /* blue border */
  color: #293858 !important;          /* blue text */
  background: transparent !important;
}

/* Hover state */
.featured-trip .btn-more:hover,
.featured-trip .grid .text-holder .btn-more:hover,
.featured-trip .btn-holder .btn-more:hover,
.featured-trip .btn-more:focus {
  background: #9c8640 !important;     /* gold fill */
  border-color: #9c8640 !important;   /* gold border */
  color: #ffffff !important;
}

/* Hover animation layers (if any) */
.featured-trip .btn-more::before,
.featured-trip .btn-more::after {
  background: #9c8640 !important;
}