@charset "UTF-8";
/*
Theme Name: Tour Operator Agency
Author: TheMagnifico52
Theme URI: https://www.themagnifico.net/products/tour-operator-wordpress-theme
Author URI: https://www.themagnifico.net/
Description: The Tour Operator Agency theme is a modern and versatile design tailored for travel agencies, tour operators, and travel-related businesses looking to present destinations and services in an appealing manner. With an adventure-focused layout, it effectively showcases tour packages, travel itineraries, and destination highlights to inspire exploration. The intuitive interface allows visitors to easily navigate tours, compare options, and access detailed travel information, ensuring a smooth planning experience. Fully responsive and mobile-friendly, this design performs seamlessly on desktops, tablets, and smartphones, enabling users to discover and book travel services conveniently. Integrated booking and reservation systems simplify the process for customers and agency operators alike. The customizable templates let businesses align the website with their branding, whether targeting luxury travel, adventure tourism, group tours, or cultural experiences. Optimized for SEO and fast loading, this theme boosts online visibility and attracts travelers seeking tour packages and travel services. By combining usability, aesthetics, and functionality, the Tour Operator Agency theme creates a powerful digital platform for promoting travel experiences and managing bookings, ultimately fostering growth in the tourism sector..
Version: 0.8.2
Tested up to: 7.0
Requires PHP: 7.2
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: traveller-agency
Text Domain: tour-operator-agency
Tags: custom-logo, one-column, two-columns, wide-blocks, block-styles, editor-style, sticky-post, custom-background, custom-colors, custom-header, custom-menu, footer-widgets, featured-images, flexible-header, full-width-template, threaded-comments, theme-options, rtl-language-support, left-sidebar, right-sidebar, grid-layout, photography, food-and-drink, entertainment

Tour Operator Agency WordPress Theme has been created by TheMagnifico52(themagnifico.net), 2023.
Tour Operator Agency WordPress Theme is released under the terms of GNU GPL
*/

/*--------------------------------------------------------------
# Global Color
--------------------------------------------------------------*/

:root {
  --first-color: #63ab45;
}

body{
    font-family: "Outfit";
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained,a.added_to_cart.wc-forward,.sidebar h5, .sidebar .wp-block-search .wp-block-search__label, .sidebar .widget h2.wp-block-heading,.main-navigation .menu li.page_item_has_children ul.children,.sidebar .tagcloud a:hover,.sidebar h5,#top-slider .owl-nav i,#button,.pro-button a, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce .woocommerce-ordering select,.sidebar input[type="submit"], .sidebar button[type="submit"],.comment-respond input#submit,.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover,.btn-primary,.woocommerce-account .woocommerce-MyAccount-navigation ul li, .load hr, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    background: var(--first-color);
}
button.wc-block-components-button.wp-element-button.wc-block-components-checkout-place-order-button.contained,button.wc-block-components-button.wp-element-button.wc-block-components-totals-coupon__button.contained,a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained{
    border:0px;
    color: #ffffff;
}
section.related.products a.added_to_cart.wc-forward{
    margin-top: 20px;
    margin-left: 0px;
}
a.added_to_cart.wc-forward{
    color: #ffffff;
    padding: 7px 20px;
    margin-left: 10px;
}
.navbar-brand a:hover{
    color: #fff !important;
}
.phone-text:hover, .phone-text:hover i, .phone-text:hover a{
    background: #fff;
    color: var(--first-color);
}
.slider-inner-box h1 a:hover, .latest-destination .box-content h4 a:hover{
    color: var(--first-color);
}
.article-box {
    background: #fcfffb;
}
.article-box:hover h3 a, .article-box:hover a.btn-text, .article-box:hover .meta-info-box a{
  color: #222222;
}
#colophon a:hover, #colophon a:focus,.navbar-brand a,a,.main-navigation .menu > li > a:hover,p.price, .woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price,.widget a:hover,.sidebar ul li a:hover,.article-box a{
    color: var(--first-color);
}
.sidebar section {
    padding: 10px;
}
.site-info a,.footer-menu-left a:hover{
    color: #ffffff;
}
.site-info a:hover{
    color: #000;
}
.main-navigation .menu > li > a:hover, #site-navigation .menu ul li a:hover{
    color: var(--first-color);
}
.main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus {
    background: var(--first-color);
    color: #fff !important;
}
#site-navigation .menu ul li a{
    font-weight: 400;
    font-size: 16px;
}
#colophon{
    background: #222222;
}
.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover, .posts-navigation .nav-previous a:hover, .posts-navigation .nav-next a:hover,.btn-primary, .navigation.pagination .nav-links a.current, .navigation.pagination .nav-links a:hover, .navigation.pagination .nav-links span.current, .navigation.pagination .nav-links span:hover{
    border-color:var(--first-color);
}
.wp-block-quote, .wp-block-quote:not(.is-large):not(.is-style-large), .wp-block-pullquote{
    border-left-color: var(--first-color);
}
.slider-inner-box{
    right: 15%;
    left: 45%;
}
.page-template-home-template .stick_header{
        background: #222222
}
.admin-bar .stick_header{
    margin-top: 32px;
}
.main-navigation .menu > li > a{
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
    text-align: center;
}
.phone-text{
    font-size: 17px;
    padding: 5px 20px;
    display: inline-block;
    color: #ffffff;
    font-weight: 400;
    background-color: var(--first-color);
    text-align: center;
}
.slider-inner-box h2{
    font-size: 18px;
    letter-spacing: 3px;
    color: var(--first-color);
    font-weight: 400;
    text-align: right;
}
.slider-inner-box h1 a{
    font-size: 45px;
    color: #ffffff;
    font-weight: 700;
    text-align: right;
}
.socialmedia {
    border-bottom: 1px solid #968b83;
}
#top-slider img {
    opacity: 0.5; 
}
.latest-destination .box-image img {
    width: 100%;
}
.latest-destination .box-content {
    background: transparent; 
    padding: 15px 0px;
    margin: 0 0px;
    margin-top: 0px;
    border-radius: 0px; 
    box-shadow: none; 
}
.latest-destination p.tour-amount {
    position: absolute;
    top: -22px;
    color: #fff;
    right: 20px;
    border-radius: 30px;
    background: var(--first-color);
    padding: 9px 25px;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;
}
.tour-amount span{
    font-size: 17px;
    color: #ffffff;
    margin-left: 5px;
    font-weight: 600;
}
.latest-destination .box-content h4 a {
    font-size: 20px;
    color: #222222;
    font-weight: 600;
}
.phone-text a{
    font-size: 15px;
    color: #ffffff;
    font-weight: 400;
}
.latest-destination p{
    font-size: 16px;
    color: #757575;
    font-weight: 400;
}
@media screen and (min-width: 320px) and (max-width: 767px){
   .sidenav #site-navigation {
        padding: 40px 0;
    }
    .slider-inner-box {
        right: 5%;
        left: 5%;
    }
    .slider-inner-box h1 {
        text-align: center !important;
    }
    .slider-inner-box h2, .footer-menu-left{
        text-align: center;
    }
    .slider-inner-box h1 a{
        font-size: 22px;
    }
    #top-slider .owl-nav{
        display: none;
    }
}
@media screen and (max-width: 1000px){
    .sidenav .closebtn, .toggle-nav i{
        background: var(--first-color);
    }
    .main-navigation ul.sub-menu > li > a:hover, .main-navigation ul.sub-menu > li > a:focus, .main-navigation .menu > li > a:hover {
        background: transparent;
        color: var(--first-color) !important;
    }
    .main-navigation .menu > li > a{
        text-align: left;
    }
}