/*
Theme Name: Travel FSE
Theme URI: https://www.eaglevisionit.com/downloads/travel-fse/
Author: Eagle Vision IT
Author URI: http://eaglevisionit.com/
Description: Introducing Travel FSE, an innovative and fully-featured WordPress theme that seamlessly blends full site editing capabilities with compatibility for renowned plugins, responsive design, and SEO optimization. This theme provides a plethora of versatile features for booking management, trip planning, and seamless payment gateways, making it the perfect fit for travel websites seeking to establish an engaging and functional online presence. Experience the true potential of Travel FSE with this live demo: https://demos.eaglevisionit.com/travel-fse/
Version: 1.0.9
Requires at least: 5.9
Tested up to: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: travel-fse
Tags: editor-style, blog, custom-background, custom-logo, custom-menu, e-commerce, featured-images, footer-widgets, full-site-editing, left-sidebar, one-column, portfolio, right-sidebar, threaded-comments, translation-ready, two-columns, wide-blocks
 */

 html {
  scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {s

  html {
    scroll-behavior: auto;
  }
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

.wp-site-blocks .wp-block-section,
body>.is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.has-background,
.is-root-container .wp-block[data-align="full"]>.wp-block-group,
.is-root-container .wp-block[data-align="full"]>.wp-block-cover {
  padding-left: var(--wp--custom--outer);
  padding-right: var(--wp--custom--outer);
}

body.home .wp-site-blocks>*+* {
  margin-block-start: 0 !important;
}

/* FOOTER  */
.wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
  font-size: 16px;
}

@media screen and (max-width: 781px) {
  .featured-post .post-content {
    margin-left: unset;
  }

  .tf-footer-content .wp-block-navigation__container,
  .tf-footer-content .wp-block-social-links {
    justify-content: center;
  }

  .tf-footer-nav {
    display: flex;
    justify-content: center;
  }
}

.icon-up-arrow {
  all: unset;
  position: fixed;
  right: 20px;
  bottom: 20px;
  cursor: pointer;
  transition: .3s;
  z-index: 9;
  height: 45px;
  width: 42px;
  border-radius: 15%;
  fill: var(--wp--preset--color--background);
  background: var(--wp--preset--color--primary);
}

.destination-button .wp-block-button .wp-block-button__link {
  background: transparent;
  border: 1px solid;
}

.destination-button .wp-block-button .wp-block-button__link:hover {
  background: white;
  color: black !important;
  border: 1px solid white;
}

.galary-section figure img {
  padding: 9px;
  height: auto;
}

.phone-call img {
  height: auto !important;
}

.opacity::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 4px;
  margin-right: 18px;
  background-color: white;
  margin-bottom: 4px;
  opacity: 0.6;
}

.path-shape-top {
  top: -1px;
}

.path-path {
  position: relative;
}

.popular-region figure img {
  height: auto !important;
}

.popular-region figure img {
  height: 128px;
  width: 128px;
  border-radius: 50%;
  vertical-align: middle;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 20px rgba(214, 214, 214, .57);
  cursor: pointer;
}

.first-profile {
  padding: 60px 30px;
  transition: background 0s;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(77, 91, 108, .16);
  border-radius: 4px;
}

.first-profile figure img {
  height: 80px !important;
  width: 80px;
  border-radius: 50%;
}


.wp-travel-search form p input::placeholder {
  text-indent: 10px;
}

.wp-travel-search form p input:focus {
  text-indent: 10px;
}

.wp-travel-search form p select {
  text-indent: 10px;
}


#itinerary_types option {
  padding-left: 10px;
}

.wp-travel-search form p label {
  font-size: 20px;
}

#wp-travel-search {
  height: 39px;
}

.destination-section .taxonomy-item-wrapper {
  box-shadow: unset;
}

.destination-section .taxonomy-item-wrapper .taxonomy-thumb a img {
  height: 128px;
  width: 128px;
  border-radius: 50%;
  display: flex;
  box-shadow: 0 4px 20px rgba(214, 214, 214, .57);
}

.destination-section .taxonomy-item-wrapper .taxonomy-thumb a img:hover {
  transform: unset;
  transition: unset;

}

.destination-section.wp-block-template-part .wp-travel-itinerary-items .wptravel-archive-wrapper {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.destination-section .taxonomy-item-wrapper .taxonomy-content .taxonomy-title {
  width: 100%;
  text-align: center;
}

.destination-section .taxonomy-item-wrapper .taxonomy-content .taxonomy-meta {
  display: none;
}

.wptravel-layout-v2 .wptravel-archive-wrapper.grid-view .view-box .view-content .left-content .trip-icons {
  display: flex !important;
  padding: 20px 0px !important;
}


.wp-travel .slick-arrow {
  top: 35px !important;
}

.footer-email-bar {
  flex-wrap: wrap !important;
}

.footer-email-bar form p .wpcf7-spinner {
  display: none;
}


.entry-content.wp-block-post-content {
  color: black;
}

.post-date-icon figure{
  display: flex;
  align-items: center;
}

.trip-search-main div.wp-travel-search:first-child {
  display: flex;
  justify-content: center;
}

.trip-search-main .wp-travel-search form {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 16px;
}

@media (max-width:500px){
  .trip-search-main .wp-travel-search form {
  gap: 10px;
  flex-wrap: wrap;
  
  }}
/* 
.destination-section .taxonomy-item-wrapper {
  width: 22%;
} */

.wp-travel-trip-time.trip-duration .fa-clock {
  color: black;
}

.wptravel-layout-v2 .wptravel-archive-wrapper .view-box .view-content .right-content .footer-wrapper .trip-price del {
  font-size: 14px !important;
}

.wptravel-layout-v2 .wptravel-archive-wrapper.grid-view .view-box .view-content .right-content .footer-wrapper .trip-price .price-here {
  font-size: 17px !important;
}

.right-content .explore-btn {
  color: white;
}

.wp-travel-itinerary-items .taxonomy-item-wrapper .taxonomy-content h4 a {
  display: inline-block;
}



.view-box {
  position: relative;
}

.view-box .discount {
  position: absolute;
  top: 9px;
  right: 23px;

}

.destination-section .wp-travel-itinerary-items .taxonomy-item-wrapper {
  margin-bottom: unset;
  padding-bottom: unset;
}

.entry-header h1 {
  font-size: 30px;
  font-weight: 600;
  padding: 0px 0px 10px 0px;
}

.wp-travel-trip-price-figure {
  font-size: 20px;
  font-weight: 600;
}

.wp-block-button__link.explore-btn {
  margin-bottom: 10px !important;
}

.right-content .trip-price .price-here {
  margin-top: 25px !important;
}


@media (max-width: 767px) {
  .wp-toolbar-content.wp-toolbar- {
    width: 100%;

  }

  #page .wp-toolbar-content.wp-toolbar-left .active {
    background-color: white !important;
    position: unset !important
  }

}

/* loader  */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999999;
  background: #fff;
}

#loader-wrapper #loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  animation: spin 2s linear infinite;
}

#loader-wrapper #loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  animation: spin 3s linear infinite;
}

#loader-wrapper #loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  animation: spin 1.5s linear infinite;
}

.wp-travel.trip-headline-wrapper .wptravel-book-your-trip {
  padding: 12px 15px;
}
.destination-section.wp-block-template-part
.wp-travel-itinerary-items{
  display: flex;
    justify-content: flex-end;
}
.destination-section.wp-block-template-part
.wp-travel-itinerary-items
.wp-travel-itinerary-items.wptravel-archive-wrapper.grid-view{
  width: 90%;
}

.wp-travel-toolbar .wp-travel-post-filter{
  gap:11px !important;
}
/*responsive*/

@media (max-width:784px){
  .trip-search-main .banner-video .wp-block-cover__inner-container
  .text-button
  .wp-block-heading {
    font-size:40px !important;
  }
  .wp-block-group.is-vertical.is-content-justification-center.is-layout-flex.wp-container-49{
  margin-top:unset !important;
}
}
@media (max-width:690px){
  .destination-section.wp-block-template-part .wp-travel-itinerary-items .wp-travel-itinerary-items.wptravel-archive-wrapper.grid-view {
    width:100%;
    justify-content:center;
  }
  
}
@media (max-width:782px){
  .sidebar-variation
  .wp-block-column.is-vertically-aligned-top.col-content{
    padding-right:unset !important;
  }

  .tf-footer-content
  .wp-block-column:nth-child(2)
  .wp-block-group{
    justify-content: center !important;
  }
}


/* CONTACT  PAGE */

.page code {
  padding-left: 20px;
}

.tf-phone,
.tf-email,
.tf-address {
  color: black;
  position: relative; /* set the position of the date container to relative */
  padding-left: 21px; /* add some left padding to make space for the icon */
}

.tf-phone:before,
.tf-email:before,
.tf-address:before{
  font-family: "Font Awesome 5 Free"; /* set the font family to Font Awesome */
  font-weight: 600; /* set the font weight to ensure the icon is visible */
  position: absolute; /* position the icon absolutely within the date container */
  left: 18px; /* set the left position of the icon to 0 */
  top: 50%; /* vertically center the icon within the date container */
  transform: translateY(-50%); /* adjust the position of the icon to center it vertically */
  font-size: 16px; /* set the size of the icon */
  color: black; /* set the color of the icon */
}
.tf-phone:before {
  content: "\f095"; /* use the Unicode code for the calendar icon */
}
.tf-email:before {
  content: "\f0e0"; /* use the Unicode code for the calendar icon */
}
.tf-address:before {
  content: "\f2b9"; /* use the Unicode code for the calendar icon */
}
.wpcf7-submit{
  border-radius: 2px !important;
}
.wpcf7-submit:hover{
  background: transparent;
  color: black;
  border: 1px solid var(--wp--preset--color--primary);

}
.tf-contact-form
form 
p{
  margin-bottom: 10px;
}

.radio-checkbox-label
{
    display: flex !important;
    align-items: center;
    
    margin-right: unset;
}
.radio-checkbox-label
input
{

    margin-right: 10px;
    width: auto !important;
}

/* blog page css starts heere */

ul.wp-block-categories-list li {
  list-style: none;
  position: relative;
}
ul.wp-block-categories-list li  a{
  position: absolute;
  top: 12px;
  left: 3px;

}
ul.wp-block-categories-list li::marker {
content: ".";
color:var(--wp--preset--color--primary);
margin-right: 3px;
font-size: 50px;
}

.col-sidebar
form .wp-block-search__inside-wrapper button {
margin:0;
border-radius:unset;
}
.col-sidebar
form .wp-block-search__inside-wrapper input {
border-radius:unset;
} 
.single 
.wp-block-post-comments-form .comment-form-cookies-consent #wp-comment-cookies-consent{
  margin-top: unset;
}

.sidebar-item{
  border: 2px dashed #d2d2d2;
    border-radius: 6px;

}

.sidebar-item ul.wp-block-categories li {
    border-bottom: 2px dashed #d2d2d2;
    margin-right: 31px;
}
.sidebar-item .latest-posts li , .sidebar-item ul.wp-block-categories li , .sidebar-item .taxonomy-post_tag a{
  border-bottom: 2px dashed #d2d2d2;
    margin-right: 31px;
}
.wp-block-latest-posts.wp-block-latest-posts__list , .sidebar-item .taxonomy-post_tag {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sidebar-item .taxonomy-post_tag .wp-block-post-terms__separator{
  display: none;
}

.wp-block-query-pagination-previous, .wp-block-query-pagination-next {
  padding: 10px;
}

.page-numbers.current {
  padding: 7px 10px;
  border: 1px solid var(--wp--preset--color--primary);
}

.wp-block-query-pagination-previous:hover, .wp-block-query-pagination-next:hover, .page-numbers.current:hover {
  color: black;
  background-color: transparent !important;
}

.page-numbers {
  padding: 10px;
}

.wp-block-query-pagination {
  padding: 50px;
}
.blog-description-section {
  box-shadow: 0px 0px 65px 0px rgb(0 0 0 / 6%);
}

.blog-description-section .taxonomy-category {
  display: flex;
  flex-wrap: wrap;
}

.blog-description-section .taxonomy-category a {
  color: #23262f;
  text-decoration: none;
  font-size: 12px;
  border: 1px solid var(--wp--preset--color--primary);
  padding: 2px 4px;
  margin: 4px;

}

.blog-description-section .taxonomy-category a:hover {
  background: transparent !important;
  text-decoration: underline;
}
.wp-block-comments
#reply-title
{
  font-size: 18px;
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
  padding: 0.5em 1em;
}

/* WOOCOMMERCE */
.woocommerce ul.products {
  margin:  0 0 0;
}

.product-archive-banner .woocommerce-breadcrumb a,
.product-archive-banner .woocommerce-breadcrumb {
  color: #fff;
}

.wc-block-breadcrumbs {
  text-align: center;
}

/*.archive .woocommerce-breadcrumb,
.woocommerce-products-header {
  display: none;
}*/

div[data-template="archive-product"][data-block-name="woocommerce/legacy-template"] .woocommerce-breadcrumb,
div[data-template="archive-product"][data-block-name="woocommerce/legacy-template"] .woocommerce-products-header{
    display: none;
}

.wp-block-woocommerce-stock-filter .wc-block-components-checkbox label {
  font-size: unset;
}

/* WooCommerce Sidebar  */
.wc-block-product-categories-list {
  list-style: none;
}
.wc-block-product-categories-list a{
  text-decoration: none;
}

.woocommerce .quantity .qty {
    width: 6.631em;
}

.site-footer a {
  text-decoration: none;
}




/* SHop page css starts here  */

.wc-block-product-categories-list , .wc-blocks-filter-wrapper{
  display: flex;
  gap: 12px;
  flex-direction: column;
} 
.wc-block-product-categories-list .wc-block-product-categories-list-item{
  display: flex;
  justify-content: space-between;
}
.woocommerce .woocommerce-ordering .orderby{
  height: 50px;
  background: b;
  background:var(--wp--preset--color--primary);
  color: white;
  padding: 9px;
}
   
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
    border: 1px solid #ccc7d1;
    border-radius: 10px;
    padding:10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
  
}
.wc-block-components-product-sale-badge {
  color: white;
  background-color: red;
}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button{
border: 1px solid var(--wp--preset--color--primary);
padding: 13px 18px;
border-radius: unset;
}

.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li:hover {
  box-shadow: -20px 30px 60px #0000001A;
  z-index: 1;
  transition: .2s ;
}


.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
    max-width: unset;
}

.wp-element-button, .wp-block-button__link{
  border: 1px solid var(--wp--preset--color--primary);
}
.woocommerce-page .cart-collaterals h2{
  font-size: 20px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button br{
  display: none;
}
.woocommerce-cart .cart-collaterals .cart_totals table{
  margin-top: 10px;
}