/*
Theme Name: Eco Travel
Theme URI: https://rarathemes.com/wordpress-themes/eco-travel/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Eco Travel is a free travel and tour booking WordPress theme for travel agencies and tour operators. It is compatible with the most popular travel booking plugin, WP Travel Engine plugin. The Eco Travel theme is suited for building websites focused on travel agencies, tour operators, and a range of outdoor activities like trekking, camping, mountaineering, surfing, city tours, rafting, jungle safaris, hiking, and various kinds of holidays, including summer, winter, wine tours, cruises, beach holidays, and more. It allows you to add itineraries, destinations, activities, and different types of trips. Your site visitors can quickly search for tours and make bookings. Eco Travel is designed to be mobile-friendly, SEO-optimized, translation-ready, and RTL-ready. Moreover, it is compatible with Elementor and Gutenberg, offering more flexibility to customize your website. Check the demo at https://rarathemes.com/previews/?theme=eco-travel, documentation at https://docs.rarathemes.com/docs/travel-agency/, and get support at https://rarathemes.com/support-ticket/.
Requires PHP: 5.6
Tested up to: 6.2
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: eco-travel
Template: travel-agency
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, entertainment, food-and-drink, holiday

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.

Eco Travel is based on Underscores https://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
    --------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

:root {
  --primary-color: #00B5B9;
  --tac-primary-color: #00B5B9;
  --primary-color-rgb: 0, 181, 185;
  --secondary-color: #FFBE45;
  --secondary-color-rgb: 255, 190, 69;
  --primary-font-color: #4A4A4A;
  --tac-primary-font-color: #4A4A4A;
  --heading-font-color: #0F2454;
  --tac-heading-font-color: #0F2454;
  --primary-font: "Barlow", sans-serif;
  --secondary-font: "Vidaloka", sans-serif;
  --tac-secondary-font: "Vidaloka", sans-serif;
}

body {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.44;
}

@media (min-width: 1199px) {
  .container {
    max-width: 1320px;
  }
}

/*===================================
 Header Four style
===================================*/
.header-four .header-t {
  padding: 0;
  background: var(--primary-color);
}

.header-four .header-t .left {
  float: left;
}

.header-four .header-t .right {
  float: right;
}

.header-four .header-t .opening-time,
.header-four .header-t .email-link {
  color: #fff;
  float: left;
  margin-right: 22px;
  padding: 11px 0;
}

.header-four .header-t .opening-time{
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.header-four .header-t .opening-time svg,
.header-four .header-t .email-link svg {
  font-size: 16px;
  margin-right: 8px;
}

.header-four .header-t span {
  font-size: 18px;
  line-height: 1.214;
  letter-spacing: 0;
}

.header-four .social-networks li:first-child{
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.header-four .social-networks li {
  margin-right: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.header-four .social-networks li:last-child {
  margin: 0;
}

.header-four .social-networks li a {
  color: #fff;
  padding: 11px 10px;
}

.nav-holder .form-section .search-btn:focus {
  outline: thin dotted;
}

/**** Site Logo ****/

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
  color: var(--primary-color);
}

.site-branding .site-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 8px;
}

.site-branding .site-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.1875;
  letter-spacing: 0;
  opacity: 0.8;
}

.site-header .tools .form-section .form-holder {
  z-index: 99;
  top: 50px;
}

.header-b {
  padding: 40px 0 32px;
}

.header-b .right .phone-label {
  letter-spacing: 0;
  line-height: 1.214;
  margin-bottom: 10px;
}

.header-b .right .tel-link {
  letter-spacing: 0px;
}

/*** Search Section ***/

.nav-holder .form-section {
  float: right;
  margin: 0;
  padding: 10px 0;
  position: relative;
  border: 0;
}

.nav-holder .form-section .search-btn {
  color: var(--heading-font-color);
  background: none;
  border-radius: 5px;
  border: 0;
  font-size: 18px;
  padding: 0px;
  text-shadow: none;
  transition: linear 0.2s;
  opacity: 0.8;
}

.nav-holder .form-section .form-holder {
  position: absolute;
  z-index: 99;
  top: 42px;
  right: -20px;
  width: 230px;
  background: #f9f9f9;
  border: 1px solid #eee;
  display: none;
}

.nav-holder .form-section .form-holder:before {
  width: 10px;
  height: 7px;
  background: #f9f9f9;
  top: -1px;
  right: 20px;
  content: "";
  position: absolute;
  z-index: 1;
}

.nav-holder .form-section .form-holder:after {
  width: 10px;
  height: 10px;
  background: #f9f9f9;
  border: 1px solid #eee;
  position: absolute;
  top: -5px;
  right: 20px;
  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.nav-holder .form-holder .search-form {
  position: relative;
}

.nav-holder .search-form label {
  width: 100%;
}

.btn-form-close {
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
  top: 50%;
  right: 47px;
  width: 15px;
  height: 15px;
  padding: 0px;
  border: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  transform: translate(0, -50%);
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  opacity: 0;
  border-color: none;
  border-radius: 0;
  background-color: transparent;
}

.btn-form-close:focus{
  opacity: 1;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18M6 6L18 18' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 100%;
}

.nav-holder .search-form input[type="search"] {
  font-size: 14px;
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 10px;
  width: 100%;
}

.nav-holder .form-holder .search-form input[type="submit"] {
  opacity: 1;
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000000' viewBox='0 0 512 512'%3E%3Cpath d='M508.5 468.9L387.1 347.5c-2.3-2.3-5.3-3.5-8.5-3.5h-13.2c31.5-36.5 50.6-84 50.6-136C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c52 0 99.5-19.1 136-50.6v13.2c0 3.2 1.3 6.2 3.5 8.5l121.4 121.4c4.7 4.7 12.3 4.7 17 0l22.6-22.6c4.7-4.7 4.7-12.3 0-17zM208 368c-88.4 0-160-71.6-160-160S119.6 48 208 48s160 71.6 160 160-71.6 160-160 160z'/%3E%3C/svg%3E") center center no-repeat;
  width: 14px;
  height: 14px;
  padding: 0;
  top: 16px;
  right: 10px;
  font-size: 0;
}


/*** Inner Page *****/

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-feat-ribbon {
  margin: 8px 8px 0;
  top: 0;
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-title {
  padding: 0;
}

.related-post .col .img-holder .cat-links {
  top: 8px;
  left: 8px;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-form input {
  border-radius: 16px;
  width: 100%;
}

.wp-block-contact-form-7-contact-form-selector .wpcf7-form {
  max-width: 720px;
  margin: 0 auto;
}

/** Container **/
.container{
  padding: 0 15px;
  margin: 0 auto;
}

/*===================================
        Responsive
===================================*/

@media only screen and (max-width: 1024px) {

  .nav-holder{
    padding: 15px 15px 0;
  }

  .nav-holder .container{
    display: flex;
  }

  .mobile-menu-wrapper{
    flex: 1;
  }

  .nav-holder .form-section {
    padding: 0 15px;
  }

  .nav-holder .form-section .search-btn {
    color: #ffffff;
    opacity: 1;
  }

  .nav-holder .form-section .search-btn{
    padding: 5px 0;
  }

  .mobile-navigation {
    background-color: var(--primary-color);
    top: 50px;
  }

  .mobile-navigation .close {
    background: var(--primary-color);
  }


  .trip-search form .wte-advanced-search-wrapper-nice-select .advanced-search-field:first-of-type {
    padding-left: 40px;
  }

  .trip-search form .advanced-search-field-submit input[type="submit"] {
    border-radius: 0 0 16px 16px;
  }

  .our-features .section-header {
    width: 100%;
  }

  .our-features .features-holder {
    padding: 40px 0;
    width: 100%;
  }

  .featured-trip .grid .img-holder img,
  .our-deals .grid .img-holder img,
  .blog-section .grid .post .img-holder img {
    width: 100%;
  }
  
  .trip-search form .wte-advanced-search-wrapper-nice-select .advanced-search-field:first-of-type {
    padding-left: 40px;
  }

  .trip-search form .advanced-search-field-submit input[type="submit"] {
    border-radius: 0 0 16px 16px;
  }

  .our-features .section-header {
    width: 100%;
  }

  .our-features .features-holder {
    padding: 40px 0;
    width: 100%;
  }

  .featured-trip .grid .img-holder img,
  .our-deals .grid .img-holder img,
  .blog-section .grid .post .img-holder img {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {

  .header-four .header-t span, .header-four .header-t .opening-time svg, .header-four .header-t .email-link svg{
    font-size: 14px;
  }

  .header-b {
    padding: 15px 0;
  }

  .banner .form-holder .search-form input[type="submit"] {
    background-position: 195px center;
    text-align: center;
    width: 100%;
    text-indent: -20px;
  }
}

@media(max-width: 630px){
  .header-four .header-t .container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .header-four .social-networks li, .header-four .header-t .opening-time{
    border: none !important;
  }
  .header-four .header-t .opening-time, .header-four .header-t .email-link{
    margin: 0;
    float: none;
    padding-right: 0;
    padding-bottom: 0;
  }
  .header-four .header-t .left{
    text-align: center;
  }
}

@media only screen and (min-width: 1025px) {

  /*** Menu Section ***/
  .header-four .main-navigation {
    float: left;
    width: auto;
  }

  .header-four .main-navigation .menu {
    font-family: var(--primary-font);
  }

  .nav-holder {
    border-color: rgba(64, 59, 55, 0.08);
  }

  .header-four .main-navigation>div>ul>li {
    margin: 0;
    border-right: 1px solid rgba(64, 59, 55, 0.08);
  }

  .header-four .main-navigation>div>ul>li.menu-item-has-children:after,
  .main-navigation ul ul li.menu-item-has-children:after {
    right: 15px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 3.78132L8.29999 0.481323L9.24266 1.42399L4.99999 5.66666L0.757324 1.42399L1.69999 0.481323L4.99999 3.78132Z' fill='%230F2454' fill-opacity='0.8'/%3E%3C/svg%3E%0A") center center no-repeat;
  }

  .header-four .main-navigation>div>ul>li:first-child {
    border-left: 1px solid rgba(64, 59, 55, 0.08);
  }

  .header-four .main-navigation>div>ul>li>a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0;
    padding: 16px;
  }

  .header-four .main-navigation>div>ul>li:hover:after,
  .header-four .main-navigation>div>ul>li:focus:after {
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 3.78132L8.29999 0.481323L9.24266 1.42399L4.99999 5.66666L0.757324 1.42399L1.69999 0.481323L4.99999 3.78132Z' fill='%2300B5B9' fill-opacity='0.8'/%3E%3C/svg%3E") center center no-repeat;
  }

  .header-four .main-navigation>div>ul>li.current-menu-item:after,
  .header-four .main-navigation>div>ul>li.current-menu-ancestor:after,
  .header-four .main-navigation>div>ul>li.current_page_item:after,
  .header-four .main-navigation>div>ul>li.current_page_ancestor:after {
    background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.99999 3.78132L8.29999 0.481323L9.24266 1.42399L4.99999 5.66666L0.757324 1.42399L1.69999 0.481323L4.99999 3.78132Z' fill='%2300B5B9' fill-opacity='0.8'/%3E%3C/svg%3E") center center no-repeat;
  }
}

/* site footer */
.site-footer .widget .textwidget a{
  color: #d4d4d4;
}
.site-footer .widget .textwidget a:hover{
  color: var(--primary-color);
}

/* posts module */
.meafe-post-modules-wrapper .meafe-post-modules.items-right .meafe-post-modules-card-inner{
	flex: 1;
}