/**
 * Theme Name: Treepy Swingpress
 * Template:   swingpress-pro
 * Author: Noviia
 */

@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&display=swap');

:root {
    --treepy-blue: #0b48b0;
    --treepy-green: #4cd115;
}
  

body {
    font-family: 'Bricolage Grotesque', sans-serif;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    font-family: 'Bricolage Grotesque', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Bricolage Grotesque', sans-serif;
}

.wp-travel-search p select { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px 20px;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 12px;
    background-position: calc(100% - 20px) center;
    background-repeat: no-repeat;
    border-radius: 0;
}

@media screen and (min-width: 1024px) {
    .main-navigation ul.nav-menu > li.menu-item-has-children:hover > a:before {
        content: "";
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid var(--treepy-blue);
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 10px;
        height: 10px;
        margin: auto;
    }
}

#page-site-header.header-media-disabled {
    margin-bottom: -50px;
    padding: 50px 0 0 0;
    background-color: transparent;
}

#page-site-header.header-media-disabled .overlay {
    background-color: transparent;
}

#page-site-header.header-media-disabled .page-title {
    color: black;
}

#page-site-header.header-media-disabled .trail-items li,
#page-site-header.header-media-disabled .trail-items li a {
    color: black;
}

.logo_noviia {
    display: inline-block;
    vertical-align: middle;
}

.logo_noviia img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.logo_noviia:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.wptravel-layout-v2 .wptravel-archive-wrapper.grid-view .view-box .view-content .right-content .explore-btn {
    border-radius: 50px;
}

.wptravel-layout-v2 .wptravel-archive-wrapper.grid-view .view-box .view-content .right-content .explore-btn:hover {
    color: var(--treepy-green);
}

.wp-travel.trip-headline-wrapper .wp-travel-booking-enquiry {
    display: inline;
}

.wp-block-button__link {
    background-color: var(--treepy-blue);
}

.wp-travel-archive-content .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link, 
.wp-block-button__link.is-style-outline {
    background-color: var(--treepy-blue) !important;
    color: white !important;
    border: none !important;
}
.wp-travel-archive-content .wp-block-button__link:hover {
    color: var(--treepy-green) !important;
}

.main-navigation a {
    font-family: 'Bricolage Grotesque', sans-serif;
}

@media screen and (min-width: 1024px) {
    .main-navigation ul ul {
        background-color: var(--treepy-blue);
        border-radius: 10px;
    }
    
    .main-navigation ul.sub-menu li a {
        color: #fff !important;
    }

    .main-navigation ul.sub-menu li.current_page_item a {
        background-color: var(--treepy-blue);
        color: var(--treepy-green) !important;
    }

    .main-navigation ul.sub-menu li a:hover {
        background-color: var(--treepy-green);
        color: var(--treepy-blue) !important;
    }

    .main-navigation ul.sub-menu li:first-of-type.current_page_item a {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .main-navigation ul.sub-menu li:first-of-type a:hover {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .main-navigation ul.sub-menu li:last-of-type.current_page_item a {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .main-navigation ul.sub-menu li:last-of-type a:hover {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
}

.um-page #page-site-header {
    display: none !important;
}

/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: var(--treepy-green) !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: var(--treepy-blue) !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um-request-button,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: var(--treepy-blue) !important;
    color: #fff !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um-request-button:hover,
.um input[type=submit].um-button:hover{
    background: var(--treepy-blue) !important;
    color: var(--treepy-green) !important;
}

.um-account-side ul li a.current {
    background: var(--treepy-blue);
}

.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current span.um-account-title,
.um-account-side li a.current span.um-account-arrow,
.um-account-side li a.current:hover span.um-account-icon {
    color: var(--treepy-green);
}

.wsdesk_wrapper .btn-primary,
.wsdesk_wrapper .btn {
    background-color: var(--treepy-blue) !important;
    color: white !important;
}

.wsdesk_wrapper a {
    color: var(--treepy-blue) !important;
}

.wsdesk_wrapper .dropdown {
    position: absolute !important;
    right: 4px;
}

.panel-heading button.dropdown-toggle {
    width: 24px;
    height: 29px;
}

.panel-heading .filter_dropdown {
    margin-top: 25px;
}

.wsdesk_wrapper .panel-title {
    margin-right: 20px;
}

.wsdesk_wrapper .main_new_suppot_request_form {
    margin: 20px 0;
}

.eh_crm_support_main .btn-primary {
    font-size: 18px !important;
}

.eh_crm_check_request {
    font: inherit !important;
}

.wp2fa-modal {
    font-family: inherit !important;
}

.enable_styling .wp-2fa-button-primary,
.enable_styling .wp-2fa-button-secondary,
.enable_styling #wizard-api-key button,
.enable_styling #wizard-sid-key button {
    border: none !important;
    cursor: pointer;
}

.enable_styling .wp-2fa-button-primary:hover {
    background-color: var(--treepy-green) !important;
    color: var(--treepy-blue) !important;
    border: none !important;
}

.wp2fa-modal .modal__close {
    top: 5px !important;
    right: 5px !important;
}

.wp2fa-modal.enable_styling h4,
.wp2fa-modal.enable_styling h3 {
    font-family: inherit !important;
}

table.wp-2fa-user-profile-form th,
table.wp-2fa-user-profile-form td {
    padding: 4px 10px !important;
}

.wp-2fa-user-profile-form a.button {
    padding: 8px 20px;
    font-size: 16px;
}

.um-account-tab-2fa h3 {
    font-size: 15px;
}

#swingpress_pro_popular_destination_section .wp-travel-average-review {
    display: none;
}

#swingpress_pro_popular_destination_section .trip-price {
    display: none;
}

#swingpress_pro_package_section .rating {
    display: none;
}