/*
Theme Name: Travel Joy Child
Theme URI: https://wensolutions.com/themes/travel-joy/
Template: travel-joy
Author: WEN Solutions
Author URI: https://wensolutions.com/
Description: Travel joy is a simple and clean Travel WordPress Theme. This Theme is ideal for travel agencies, hotels, tour operators or any other organization related to travel and tours. The theme has Theme Options panel based on powerful Customizer API which makes theme pretty easy to customize and configure. Travel joy theme also has compatibality for WP Travel Plugin, that adds ease to managing tours and bookings. Compatible Travel Plugin : https://wordpress.org/plugins/wp-travel/
Tags: custom-background,photography,entertainment,custom-logo,custom-menu,featured-images,translation-ready,one-column,two-columns,right-sidebar,custom-header,custom-colors,theme-options,threaded-comments,blog
Version: 1.6.2.1758219467
Updated: 2025-09-18 21:17:47

*/

/* Change Primary Background Color: #FF8121 to Brown: #A52A2A */
.wp-travel-toolbar .wp-travel-filter-button .btn-wp-travel-filter,
.wp-travel-default-article .wp-travel-explore a,
.wp-travel.trip-headline-wrapper .wp-travel-booknow-btn,
.wp-travel-list-view .wp-travel-booking__trip-extras-wrapper .wp-travel-booking__trip-option-list li .text-right .qty-spinner button,
.primary-button, 
button.slick-arrow,
ul.availabily-list .availabily-content .btn, 
.wp-travel .button,
#wp-travel-enquiry-submit,
.ws-theme-cart-page .actions .book-now-btn,
.checkout-page-wrap .wp-travel-form-field input[type=submit],
.form-submit .submit,
#wp-travel-tab-content-bookings .my-order .book-more a, 
#wp-travel-tab-content-bookings .my-order .no-order a,
.nav-links .prev.page-numbers, 
.nav-links .next.page-numbers {
    background-color: #A52A2A !important;
}

/* Change Primary Hover Color: #F9985B to Sienna: #B86D48 */
.wp-travel-toolbar .wp-travel-filter-button .btn-wp-travel-filter:hover,
.wp-travel-default-article .wp-travel-explore a:hover,
.wp-travel.trip-headline-wrapper .wp-travel-booknow-btn:hover,
.wp-travel-list-view .wp-travel-booking__trip-extras-wrapper .wp-travel-booking__trip-option-list li .text-right .qty-spinner button:hover,
.primary-button:hover, 
button.slick-arrow:hover, 
.primary-button:focus, 
button.slick-arrow:focus,
ul.availabily-list .availabily-content .btn:hover, 
.wp-travel .button:hover,
#wp-travel-enquiry-submit:hover,
.ws-theme-cart-page .actions .book-now-btn:hover,
.checkout-page-wrap .wp-travel-form-field input[type=submit]:hover,
.form-submit .submit:hover,
#wp-travel-tab-content-bookings .my-order .book-more a:hover, 
#wp-travel-tab-content-bookings .my-order .no-order a:hover,
.nav-links .prev.page-numbers:hover, 
.nav-links .next.page-numbers:hover,
.wp-travel-toolbar .wp-travel-filter-button .btn-wp-travel-filter:focus, 
.wp-travel-default-article .wp-travel-explore a:focus, 
.wp-travel.trip-headline-wrapper .wp-travel-booknow-btn:focus,
.secondary-button:hover, /* Secondary button hover color was #f08039 */
.ws-theme-cart-page .update-cart:hover {
    background-color: #B86D48 !important; 
}

/* Change Link Hover Color: #F08039 to Brown: #A52A2A (for text links) */
.blog-wrapper .aside-left a:hover,
.footer-credit-text:hover,
.wrapper .section-5 .section-wrapper .flex-box .flex__description-box .title h3:hover,
.menu-primary-nav-menu-container a:hover,
.D-article-1 a:hover,
#comments a:hover, #comments a:focus,
.wp-travel-archive-content .entry-meta .post-category a:hover, 
.wp-travel-archive-content .entry-meta .post-category a:focus,
.header .menu-primary-nav-menu-container ul .menu-item .sub-menu li a:hover,
a.dropbtn:hover,
div.dropdown-content a:hover,
.middle .title a:hover,
.right a:hover,
#wp-travel-tab-content-logout a:hover, #wp-travel-tab-content-dashboard a:hover,
.dashboard-tab .box-content a, /* This was the *link* color, so we'll change it here */
.wp-travel-widget-area a:hover,
.wp-travel-view-mode.active-mode a,
.wp-travel.trip-headline-wrapper .wp-travel-booking-enquiry:hover,
.wp-travel-default-article .wp-travel-entry-content-wrapper .description-left .entry-title a:hover,
h4.post-title a:hover,
.item_cart h4 a:hover,
#wp-travel-tab-content-bookings .my-order table.order-list-table td .name-title a:hover, 
#wp-travel-tab-content-bookings .my-order table.my-order-payment-details td .name-title a:hover,
.flex__item .flex__inner-item a:hover {
    color: #A52A2A !important;
}

/* Change link active/focus text color which was #4e4e4e in some spots */
.keyboard-nav-on a:focus, .keyboard-nav-on input:focus, .keyboard-nav-on button:focus {
    outline: thin solid #A52A2A !important;
}

/* Change secondary button border, which was set to #fff */
.ws-theme-cart-page .update-cart {
    border-color: #A52A2A !important;
}