/**
Theme Name: Dark Top Travel
Theme URI: https://themepalace.com/downloads/dark-top-travel/
Author: themepalace
Author URI: https://themepalace.com
Version: 1.0.3
Requires PHP: 5.6
Tested up to: 6.5
Requires at least: 5.0
Template: top-travel
Text Domain: dark-top-travel
Description: Dark Top Travel is a mobile responsive and super customizable WordPress child theme of Top Travel. It is developed for travel agencies and tour operators of any size. Within a few clicks, you can have a website ready to offer a clean design and professional functionality. You can flaunt your best images and blogs that make the site equally informative and beautiful to look at. What makes it best for the tourism business is that it is compatible with Wp travel Plugin. Yes, the visitors can search the trips and book the featured trips from the site. The navigation is accessible and user-friendly. Also, it is highly customizable. You can also add a newsletter section that helps you grow your visitors and subscribers. All these small details help you build your portfolio and to impress the visitors behind the screen.
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, editor-style, right-sidebar, full-width-template, two-columns, grid-layout, custom-colors, custom-header, custom-logo, featured-image-header, blog, portfolio, entertainment

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.
*/



/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
#masthead {
    position: absolute;
    background-color: rgb(0 0 0 / 80%);
}

/*--------------------------------------------------------------
# Featured Slider Section
--------------------------------------------------------------*/
.featured-content-wrapper {
    background-color: transparent;
}
.featured-content-wrapper .entry-title a {
    color: #fff;
}
#featured-slider-section .slick-dots li button {
    background-color: #fff;
    border-color: #fff;
}
#featured-slider-section .slick-dots li.slick-active button {
    background-color: #33cc66;
    border-color: #33cc66;
}

/*--------------------------------------------------------------
# About Us Section
--------------------------------------------------------------*/
.dark-version #about-us .section-title a, 
.dark-version #about-us .entry-content {
    color: #fff;
}
.dark-version #about-us .section-title a:hover,
.dark-version #about-us .section-title a:focus {
    color: #fff;
    opacity: 0.8;
}

/*--------------------------------------------------------------
# Services Section
--------------------------------------------------------------*/
#our-services + #about-us {
    padding-top: 0;
}
#our-services .section-content {
    margin: 0 -25px;
}
#our-services article {
    text-align: left;
    padding: 0 25px;
}
#our-services .icon-container {
    float: left;
    margin-right: 30px;
}
#our-services .entry-container {
    display: table-row;
}
#our-services .entry-title {
    text-transform: none;
    font-size: 22px;
    margin: 0 0 2px;
}

/*--------------------------------------------------------------
# Popular Destinations Section
--------------------------------------------------------------*/
#about-us + #popular-destinations {
    padding-top: 0;
}
#popular-destinations .slick-prev:before, 
#popular-destinations .slick-next:before {
    filter: brightness(0) invert(1);
}
#popular-destinations .slick-prev:hover, 
#popular-destinations .slick-next:hover, 
#popular-destinations .slick-prev:focus, 
#popular-destinations .slick-next:focus {
    background-color: #111;
    border-color: #111;
}
#popular-destinations .slick-prev {
    left: 10px;
}
#popular-destinations .slick-next {
    right: 10px;
}

/*--------------------------------------------------------------
# Subscribe Section
--------------------------------------------------------------*/
#subscribe-now .section-title {
    font-size: 32px;
}

/*--------------------------------------------------------------
# Title and Buttons
--------------------------------------------------------------*/
.section-subtitle,
.site-title {
    font-weight: 600;
}

.btn,
#subscribe-now button[type="submit"],
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"],
#colophon .widget-title, 
#secondary .widget-title {
    font-weight: 500;
}

#testimonial-section .client-details {
    display: block;
}

/*--------------------------------------------------------------
# Color
--------------------------------------------------------------*/
.backtotop,
#top-bar,
.main-navigation .count,
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
input[type="submit"],
#secondary .jetpack_subscription_widget input[type="submit"]:hover,
#secondary .jetpack_subscription_widget input[type="submit"]:focus,
.author-name:after,
.reply a,
.btn,
.slick-prev, 
.slick-next,
.slick-dots li.slick-active button,
#our-services .read-more a:hover,
#our-services .read-more a:focus,
#recommended-hotels .btn:hover,
#recommended-hotels .btn:focus,
#subscribe-now button[type="submit"],
.wp-travel-filter form input[type="submit"],
.single-wrapper .entry-meta > span.tags-links a:hover,
.single-wrapper .entry-meta > span.tags-links a:focus,
#products-collection article:nth-child(odd) .btn:hover,
#products-collection article:nth-child(odd) .btn:focus,
span.discount-offer {
    background-color: #33cc66;
}

a,
.site-title a:hover,
.site-title a:focus,
.main-navigation ul#primary-menu li.current-menu-item > a,
.main-navigation ul#primary-menu li:hover > a,
.main-navigation ul#primary-menu li:focus > a,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation ul.nav-menu > li > a:hover,
.main-navigation ul.nav-menu > li > a:focus,
.post-navigation a, 
.posts-navigation a,
.navigation.post-navigation a:hover,
.navigation.posts-navigation a:hover,
.navigation.post-navigation a:focus,
.navigation.posts-navigation a:focus,
.widget_popular_post h3 a:hover,
.widget_popular_post h3 a:focus,
.widget_popular_post a:hover time,
.widget_popular_post a:focus time,
.widget_latest_post h3 a:hover,
.widget_latest_post h3 a:focus,
.widget_latest_post a:hover time,
.widget_latest_post a:focus time,
.widget_featured_courses .course-wrapper h5 a:hover,
.widget_featured_courses .course-wrapper h5 a:focus,
.widget_featured_courses .tp-course-price,
.widget_popular_courses .course-wrapper h5 a:hover,
.widget_popular_courses .course-wrapper h5 a:focus,
.widget_popular_courses .tp-course-price,
#secondary .cat-links a,
#secondary a:hover,
#secondary a:focus,
.page-header small,
.single-wrapper span.tags-links a:hover,
.single-wrapper span.tags-links a:focus,
.section-title a:hover,
.section-title a:focus,
.entry-title a:hover,
.entry-title a:focus,
.section-subtitle,
#about-us .entry-title a:hover,
#about-us .entry-title a:focus,
#our-services .entry-title a:hover,
#our-services .entry-title a:focus,
#our-services .read-more a,
#popular-destinations .entry-title a:hover,
#popular-destinations .entry-title a:focus,
#recommended-hotels .slick-filtering ul li.active a,
.trip-price,
#recommended-hotels .btn,
#testimonial-section .client-name span a:hover,
#testimonial-section .client-name span a:focus,
.archive-blog-wrapper .entry-title a:hover,
.archive-blog-wrapper .entry-title a:focus,
.wp-travel-archive-content .description-left .entry-title a:hover,
.wp-travel-archive-content .description-left .entry-title a:focus,
.wp-travel-itinerary-items .wp-travel-post-item-wrapper .post-title a:hover,
.wp-travel-itinerary-items .wp-travel-post-item-wrapper .post-title a:focus,
.ws-theme-cart-page .ws-theme-cart-list .item_cart h4 a:hover,
.ws-theme-cart-page .ws-theme-cart-list .item_cart h4 a:focus,
ul.post-categories li a,
#colophon a:hover,
#colophon a:focus,
#colophon .widget_text .widget-title,
#colophon .site-info a {
    color: #33cc66;
}

.loader-container svg,
.main-navigation ul#primary-menu li:hover > svg,
.main-navigation ul#primary-menu li:focus > svg,
.main-navigation li.menu-item-has-children:hover > a > svg,
.main-navigation li.menu-item-has-children > a:hover > svg,
.main-navigation li.menu-item-has-children > a:focus > svg,
.main-navigation ul#primary-menu > li.current-menu-item > a > svg,
.main-navigation ul.nav-menu > li > a.search:hover svg.icon-search,
.main-navigation ul.nav-menu > li > a.search:focus svg.icon-search,
.main-navigation li.search-menu a:hover svg,
.main-navigation li.search-menu a:focus svg,
.main-navigation li.search-menu a.search-active svg,
.navigation.post-navigation a:hover svg,
.navigation.posts-navigation a:hover svg,
.navigation.post-navigation a:focus svg,
.navigation.posts-navigation a:focus svg,
.widget_search form.search-form button.search-submit:hover svg,
.widget_search form.search-form button.search-submit:focus svg,
.single-wrapper span.posted-on svg,
.single-wrapper span.cat-links svg,
.more-link a svg {
    fill: #33cc66;
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.pagination .page-numbers:focus,
input[type="submit"],
.single-wrapper span.tags-links a:hover,
.single-wrapper span.tags-links a:focus,
.reply a,
.btn,
.slick-prev, 
.slick-next,
.slick-dots li button,
#our-services .read-more a:hover,
#our-services .read-more a:focus,
#recommended-hotels .btn:hover,
#recommended-hotels .btn:focus,
#subscribe-now button[type="submit"],
.single-wrapper .entry-meta > span.tags-links a:hover,
.single-wrapper .entry-meta > span.tags-links a:focus,
#products-collection article:nth-child(odd) .btn:hover,
#products-collection article:nth-child(odd) .btn:focus {
    border-color: #33cc66;
}

/*--------------------------------------------------------------
# Dark Version 
--------------------------------------------------------------*/
.dark-version,
.dark-version #colophon,
.dark-version #masthead .menu-toggle:hover,
.dark-version #masthead .menu-toggle:focus {
    background-color: #333;
}

.dark-version #subscribe-now,
.dark-version #latest-products .entry-container,
.dark-version #secondary .widget,
.dark-version .navigation.post-navigation, 
.dark-version .navigation.posts-navigation,
.dark-version .comment-content,
.dark-version #about-us article,
.dark-version #recommended-hotels .entry-container {
    background-color: #111;
}

.dark-version #colophon .social-icons li a {
    background-color: rgb(255 255 255 / 10%);
}

.dark-version,
.dark-version h1, 
.dark-version h2, 
.dark-version h3, 
.dark-version h4, 
.dark-version h5, 
.dark-version h6,
.dark-version #our-services .entry-title a,
.dark-version #our-services .icon-container a:hover,
.dark-version #our-services .icon-container a:focus,
.dark-version #popular-destinations .entry-title a,
.dark-version .more-link a:hover,
.dark-version .more-link a:focus,
.dark-version #testimonial-section .entry-title a,
.dark-version #testimonial-section .client-name span a,
.dark-version #colophon .site-info a:hover,
.dark-version #colophon .site-info a:focus,
.dark-version #secondary a,
.dark-version .archive-blog-wrapper .entry-title a,
.dark-version .archive-blog-wrapper ul.post-categories li a:hover, 
.dark-version .archive-blog-wrapper ul.post-categories li a:focus,
.dark-version .archive-blog-wrapper .entry-meta a:hover, 
.dark-version .archive-blog-wrapper .entry-meta a:focus,
.dark-version .single-wrapper .entry-meta a:hover,
.dark-version .single-wrapper .entry-meta a:focus,
.dark-version .navigation.post-navigation a, 
.dark-version .navigation.posts-navigation a,
.dark-version .comment-meta a:hover,
.dark-version .comment-meta a:focus,
.dark-version #respond label,
.dark-version #recommended-hotels .entry-title a,
.dark-version #recommended-hotels .entry-content,
.dark-version .site-title a,
.dark-version .site-description,
.dark-version #masthead .menu-toggle span {
    color: #fff;
}

.dark-version #our-services .entry-title a:hover,
.dark-version #our-services .entry-title a:focus,
.dark-version #popular-destinations .entry-title a:hover,
.dark-version #popular-destinations .entry-title a:focus,
.dark-version #testimonial-section .entry-title a:hover,
.dark-version #testimonial-section .entry-title a:focus,
.dark-version #testimonial-section .client-name span a:hover,
.dark-version #testimonial-section .client-name span a:focus,
.dark-version #secondary a:hover,
.dark-version #secondary a:focus,
.dark-version .archive-blog-wrapper .entry-title a:hover,
.dark-version .archive-blog-wrapper .entry-title a:focus,
.dark-version .navigation.post-navigation a:hover, 
.dark-version .navigation.posts-navigation a:hover,
.dark-version .navigation.post-navigation a:focus, 
.dark-version .navigation.posts-navigation a:focus,
.dark-version #recommended-hotels .entry-title a:hover,
.dark-version #recommended-hotels .entry-title a:focus {
    color: #fff;
    opacity: 0.8;
}

.dark-version .more-link a:hover svg, 
.dark-version .more-link a:focus svg,
.dark-version #colophon .social-icons li a svg,
.dark-version .navigation.posts-navigation svg, 
.dark-version .navigation.post-navigation svg,
.dark-version .navigation.post-navigation a:hover svg, 
.dark-version .navigation.posts-navigation a:hover svg, 
.dark-version .navigation.post-navigation a:focus svg, 
.dark-version .navigation.posts-navigation a:focus svg,
.dark-version #masthead .menu-toggle svg {
    fill: #fff;
}

.dark-version .footer-widgets-area + .site-info .wrapper {
    border-top-color: rgb(255 255 255 / 20%);
}

.dark-version .comment-content:before {
    border-right-color: #111;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6,
#respond input[type="submit"],
#top-bar .contact-info a,
.site-title,
input[type="submit"],
.reply a,
.comment-meta .url,
.comment-meta .fn,
.btn,
.video-link,
#our-services .more-link,
.more-link,
.wp-travel-filter p label,
.wp-travel-filter form input[type="submit"],
.trip-price,
.destination-item-wrapper .more-link,
.per-person-text,
.client-address,
#subscribe-now button[type="submit"] {
    font-family: 'Poppins', sans-serif;
}

.read-more a{
    border-radius: 50px;
}

#recommended-hotels .entry-container{
    border-radius: 0 0 50px 50px;
}

.section-subtitle.recommended-hotels-subtitle {
    position: relative;
}

.slick-filtering {
    position: relative;
}

#recommended-hotels .featured-image{
    border-radius: 50px 50px 0 0;
}

#testimonial-section .featured-image img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    margin: auto;
}

#testimonial-section article{
    text-align: center;
}

#our-services + #about-us {
    padding-top: 80px;
}

#about-us article {
    border-radius: 50px;
}

#about-us .featured-image {
    border-radius: 50px 0 0 50px;
}

#recommended-hotels .slick-filtering a,
#recommended-hotels .section-title {
    color: #fff;
}

#popular-destinations {
    padding-bottom: 0px;
}
#counter-section article {
    display: block;
    text-align: center;
}

#counter-section article {
    display: block;
    text-align: center;
}

#masthead ul.nav-menu > li > a {
    font-size: 18px;
    font-weight: bold;
}

#popular-destinations .entry-content{
    display: none;
}

.wp-travel-toolbar .wp-travel-filter-button .btn-wp-travel-filter {
    padding: 7px 19px;
}

.wp-travel-tab-wrapper .tab-list-content {
    background-color: #222;
}

.wp-travel-trip-meta-info {
    margin: 20px 0;
}

.wp-travel-booking__panel-bottom {
    background-color: #222;
}

.qty-spinner span,
.wp-travel-booking__pax-selector-wrapper h4{
    color: #000;    
}

.checkout-page-wrap {
    grid-gap: 20px;
    grid-template-columns: 1fr 40%;
}

#page-site-header {
    padding: 200px 0 40px 0;
    text-align: left;
}

#page-site-header .page-title {
    font-size: 52px;
}

#popular-destinations .entry-title {
    font-size: 22px;
}

.wp-travel-itinerary-items .wp-travel-post-wrap-bg .trip-price {
    text-align: left;
}

.wp-travel-itinerary-items .wp-travel-post-wrap-bg .recent-post-bottom-meta {
    width: 100%;
    float: left;
}

.resp-accordion {
    background-color: #222;
}

#recommended-hotels .slick-dots {
    bottom: -40px;
}
.dark-version .site-title a:hover,
.dark-version .site-title a:focus,
.dark-version #masthead ul.nav-menu > li > a:hover,
.dark-version #masthead ul.nav-menu > li > a:focus{
    color: #33cc66;
}


@media screen and (min-width: 992px){
   #page-site-header .page-title {
        font-size: 42px;
    }
 
}



/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/
@media screen and (min-width: 1024px) {

    .single-trip{
        display: flex;
    }

    .single-trip #primary{
        width: 70%;
        padding-right: 20px;
    }

    .single-trip #secondary{
        width: 30%;
    }

    .dark-version #masthead ul.nav-menu > li > a {
        color: #fff;
    }

 
    .dark-version #masthead ul.nav-menu > li > a > svg,
    .dark-version #masthead .main-navigation .social-menu ul li a svg {
        fill: #fff;
    }
    .featured-content-wrapper .entry-title {
        font-size: 72px;
    }
    #about-us article.has-post-thumbnail .featured-image,
    #about-us article.has-post-thumbnail .entry-container {
        width: 50%;
    }
    #about-us .entry-container,
    #about-us .section-header,
    #about-us .read-more {
        text-align: left;
    }
    #popular-destinations article {
        position: relative;
    }
    #popular-destinations .featured-image {
        margin-bottom: 0;
    }
    #popular-destinations .entry-container {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        padding: 50px;
        background: linear-gradient(0deg, rgba(0,0,0,.8) 0, transparent);
    }
    #popular-destinations .entry-title a,
    #popular-destinations .entry-content {
        color: #fff;
    }
    .dark-version #recommended-hotels .slick-current + .slick-active .entry-container {
        background-color: #000;
    }
    .dark-version #recommended-hotels .slick-current + .slick-active .featured-image:after {
        border-color: #000;
    }

    #recommended-hotels .slick-current + .slick-active .featured-image:after {

        border-radius: 50px 50px 0 0;
    }
}