@charset "UTF-8";
/*
Theme Name: BYO Tour Packages New
Theme URI: https://rarathemes.com/wordpress-themes/travel-agency/
Author: Rara Theme
Author URI: https://rarathemes.com/
Description: Travel Agency is a free WordPress theme to create travel online booking website for tour and travel operators and companies. You can add trips, destinations, and trip types, feature travel activities, highlight your specialties and allow visitors to book the trips. The stunning design combined with modern CSS effects and animation will make your visitors feel like they are already on a trip. Travel Agency WordPress theme is speed optimized, translation ready, SEO-friendly and mobile-friendly. Apart from travel booking companies, you can also use Travel Agency theme for travel blogging, hotel, spa, bed and breakfast, luxury resort, reservation, tour operator, tourism, transports and car booking. Check the demo at https://rarathemes.com/previews/?theme=travel-agency , documentation at https://docs.rarathemes.com/docs/travel-agency/, and get support at https://rarathemes.com/support-ticket/.
Version: 1.5.5
Requires PHP: 5.6
Tested up to: 6.8
Requires at least: 6.2
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: 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, food-and-drink, holiday, 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.

Travel Agency is based on Underscores http://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 http://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
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
:root {
  --primary-color: #32b67a;
  /*used in fonts*/
  --primary-color-rgb: 50, 182, 122;
  /*primary color rgb value*/
  --secondary-color: #e54b4b;
  /*used in links and buttons*/
  --secondary-color-rgb: 229, 75, 75;
  /*secondary color rgb value*/
  --primary-font-color: #666666;
  --heading-font-color: #111111;
  --primary-font: "Poppins", sans-serif;
  --secondary-font: "Montserrat", sans-serif;
}

body,
button,
input,
select,
optgroup,
textarea {
  color: var(--primary-font-color);
  font-family: var(--primary-font);
  font-size: 16px;
  line-height: 1.75em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  margin-top: 0;
}

p {
  margin-bottom: 1.5em;
  margin-top: 0;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr,
acronym {
  border-bottom: 1px dotted var(--primary-font-color);
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 0;
  padding: 0 0 0 20px;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type=button],
input[type=reset],
input[type=submit] {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
  color: #fff;
  font-family: var(--secondary-font);
  background: var(--primary-color);
  border-radius: 50px;
  border: 1px solid var(--primary-color);
  padding: 16px 32px;
  text-shadow: none;
  transition: linear 0.2s;
  outline: none;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  background: none;
  color: var(--primary-color);
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  background: none;
  color: var(--primary-color);
}

button:focus,
input[type=button]:focus,
input[type=reset]:focus,
input[type=submit]:focus {
  outline: thin dotted;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 7px 10px;
  outline: none;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
  color: var(--heading-font-color);
  outline: thin dotted;
}

select {
  border: 1px solid #e5e5e5;
}

textarea {
  width: 100%;
  height: 150px;
  resize: vertical;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color: var(--primary-color);
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.nav-holder {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  font-size: 15px;
  font-family: var(--secondary-font);
  font-weight: 500;
  text-transform: uppercase;
}

.main-navigation ul li {
  float: left;
  position: relative;
  margin-right: 50px;
}

.main-navigation ul li:last-child {
  margin-right: 0;
}

.main-navigation ul li a {
  display: block;
  text-decoration: none;
  color: var(--heading-font-color);
  padding: 19px 0 21px;
  transition: linear 0.2s;
}

.main-navigation ul li.menu-item-has-children {
  padding-right: 17px;
}

.main-navigation ul li.menu-item-has-children:after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 320 512'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E") center center no-repeat;
  width: 10px;
  height: 16px;
  content: "";
  position: absolute;
  top: 47%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: linear 0.2s;
}

.main-navigation ul li:hover:after,
.main-navigation ul li:focus:after {
  color: var(--primary-color);
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: var(--primary-color);
}

.main-navigation ul ul {
  background: #fff;
  width: 290px;
  border: 1px solid #e5e5e5;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  font-size: 14px;
  line-height: 36px;
  font-weight: 400;
  padding: 10px;
  opacity: 0;
  left: 0;
  margin-left: -99999px;
  text-transform: none;
  -webkit-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation ul li.hover > ul {
  margin-left: 0;
  opacity: 1;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li:focus > ul,
.main-navigation ul ul li.hover > ul {
  left: 100%;
}

@media only screen and (min-width: 1025px) {
  .main-navigation ul li:hover > ul {
    display: block !important;
  }
  .main-navigation ul li:focus-within > ul {
    display: block !important;
  }
  .main-navigation ul li.hover > ul {
    display: block !important;
  }
}
.main-navigation ul ul li {
  margin: 0 0 2px;
  float: none;
  display: block;
  padding: 0 10px;
}

.main-navigation ul ul li:hover,
.main-navigation ul ul li:focus,
.main-navigation ul ul .current_page_item,
.main-navigation ul ul .current-menu-item,
.main-navigation ul ul .current_page_ancestor,
.main-navigation ul ul .current-menu-ancestor {
  background: #f6f6f6;
}

.main-navigation ul ul .current_page_item > a,
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current_page_ancestor > a,
.main-navigation ul ul .current-menu-ancestor > a {
  color: var(--heading-font-color);
}

.main-navigation ul ul li a {
  padding: 0 14px 0 0;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus {
  color: var(--heading-font-color);
}

.main-navigation ul ul li.menu-item-has-children:after {
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}

.main-navigation ul ul li:hover:after,
.main-navigation ul ul li:focus:after {
  color: var(--heading-font-color);
}

.main-navigation ul ul ul {
  left: 268px;
  top: 0;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
body:not(.single-trip) .entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*===================================
 General site style
 ===================================*/
.container {
  /*max-width: 1290px;*/
  /*max-width: 1320px;*/
  max-width: 1290px;
  padding: 0 15px;
  margin: 0 auto;
}

.container:after {
  content: "";
  display: block;
  clear: both;
}

.row {
  margin-left: -15px;
  margin-right: -15px;
}

.row:after {
  content: "";
  display: block;
  clear: both;
}

.site {
  background: #fff;
}

.custom-background .site {
  max-width: 90%;
  margin: 0 auto;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar ul ul {
  padding-left: 15px;
  font-size: 1em;
  margin-top: 10px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar ul ul li:last-child {
  margin-bottom: 0;
}

.category-grid .col .review-wrap .average-rating,
.grid .col .review-wrap .average-rating,
.archive .archive-grid article .review-wrap .average-rating {
  margin-bottom: 10px;
  padding-bottom: 0;
  border-bottom: none;
}

/*================================
 Header style
 ================================*/
.site-header .header-t {
  background: var(--primary-color);
  color: #fff;
  padding: 6px 0;
}

.site-header .social-networks {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-header .social-networks li {
  float: left;
  margin-right: 20px;
}

.site-header .social-networks li a {
  color: #fff;
  display: block;
  transition: linear 0.2s;
}

.site-header .social-networks li a:hover,
.site-header .social-networks li a:focus {
  text-decoration: none;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.site-header .tools {
  float: right;
}

.site-header .tools .form-section {
  float: right;
  padding-left: 20px;
  margin-left: 0;
  /*border-left: 1px solid rgba(255, 255, 255, 0.1);*/
  position: relative;
}

.site-header .tools .form-section a {
  color: #fff;
  font-size: 16px;
}

.site-header .tools .form-section .form-holder {
  position: absolute;
  top: 34px;
  right: -20px;
  width: 230px;
  background: #f9f9f9;
  padding: 6px 10px;
  border: 1px solid #eee;
  display: none;
}

.site-header .tools .form-section .form-holder:before {
  width: 10px;
  height: 7px;
  background: #f9f9f9;
  top: -1px;
  right: 20px;
  content: "";
  position: absolute;
  z-index: 1;
}

.site-header .tools .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);
}

.site-header .tools .form-section .form-holder .search-form {
  position: relative;
}

.site-header .tools .form-section .form-holder .search-form label {
  width: 100%;
}

.site-header .tools .form-section .form-holder .search-form input[type=search] {
  font-size: 14px;
  color: var(--heading-font-color);
  background: none;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  width: 100%;
}

.site-header .tools .form-section .form-holder .search-form input[type=submit] {
  opacity: 0;
  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: 17px;
  height: 17px;
  padding: 0;
  top: 6px;
  right: 3px;
  font-size: 0;
}

.site-header .tools .form-section .form-holder .search-form input[type=submit]:focus {
  opacity: 1;
}

.site-header .tools .languages {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 14px;
  font-weight: 500;
  float: right;
}

.site-header .tools .languages li {
  position: relative;
  padding-right: 15px;
}

.site-header .tools .languages li a {
  color: #fff;
}

.site-header .tools .languages li a:hover,
.site-header .tools .languages li a:focus {
  text-decoration: none;
}

.site-header .tools .languages ul {
  display: none;
}

.site-header .tools .languages ul li:after {
  display: none;
}

.site-header .tools .languages ul li a {
  color: var(--primary-font-color);
}

.header-b {
  padding: 40px 0;
}

.site-branding {
  float: left;
}

.site-branding .custom-logo-link {
  display: inline-block;
  margin-right: 9px;
  vertical-align: middle;
}

.site-branding .custom-logo-link img {
  vertical-align: top;
}

.site-branding .text-logo {
  display: inline-block;
  vertical-align: middle;
}

.site-branding .site-title {
  font-size: 36px;
  font-weight: 500;
  line-height: 48px;
  margin: 0;
  font-family: var(--secondary-font);
}

.site-branding .site-title a {
  color: var(--heading-font-color);
  transition: linear 0.2s;
}

.site-branding .site-title a:hover,
.site-branding .site-title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.site-branding .site-description {
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
  margin: 0;
  letter-spacing: 1px;
}

.header-b .right {
  float: right;
  margin: 9px 0 0;
  text-align: right;
}

.header-b .right .phone-label {
  display: block;
  font-size: 14px;
  letter-spacing: -0.05em;
  margin: 0 0 3px;
}

.header-b .right .tel-link {
  font-size: 30px;
  font-weight: 500;
  letter-spacing: -0.03em;
  transition: linear 0.2s;
}

/*==================================
 Banner style
 ==================================*/
.banner {
  position: relative;
}

.banner img {
  vertical-align: top;
  width: 100%;
}

.banner .form-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  text-align: center;
  max-width: 690px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.banner .form-holder .text {
  margin: 0 0 50px;
  text-shadow: 0 4px 2px rgba(0, 0, 0, 0.2);
  font-size: 20px;
  line-height: 1.65em;
  color: #fff;
}

.banner .form-holder .text h1,
.banner .form-holder .text h2 {
  font-size: 58px;
  line-height: 1.25em;
  font-weight: 500;
  font-family: var(--secondary-font);
  margin: 0;
}

.banner .form-holder .search-form {
  max-width: 640px;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
  padding: 15px;
  text-align: left;
}

.banner .form-holder .search-form:after {
  content: "";
  display: block;
  clear: both;
}

.banner .form-holder .search-form label {
  float: left;
  width: 450px;
  margin-right: 10px;
}

.banner .form-holder .search-form input[type=search] {
  width: 100%;
  margin: 0;
  padding: 0 15px;
  border: 5px;
  background: #fff;
  height: 45px;
  -webkit-appearance: none;
}

.banner .form-holder .search-form input[type=submit] {
  float: right;
  width: 149px;
  height: 45px;
  text-align: center;
  background: var(--primary-color) url(images/bg-search.png) no-repeat 30px 15px;
  border-radius: 5px;
  border: 0;
  color: #fefefe;
  font-size: 17px;
  line-height: 45px;
  font-weight: 600;
  font-family: var(--secondary-font);
  padding: 0;
  text-indent: 20px;
}

/*===================================
 Breadcrumbs style
 ===================================*/
#crumbs {
  font-size: 13px;
  line-height: 1.69em;
  font-weight: 500;
  padding: 20px 0 0;
}

#crumbs .separator {
  font-size: 18px;
  color: var(--primary-color);
}

#crumbs .separator,
#crumbs a {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

#crumbs a {
  color: var(--heading-font-color);
  transition: linear 0.2s;
}

#crumbs a:hover,
#crumbs a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

#crumbs .current a {
  pointer-events: none;
  cursor: default;
  color: #b5b5b5;
}

/*===================================
 Blog page style
 ==================================*/
#content {
  margin: 60px 0 80px;
}

#primary {
  float: left;
  width: 75%;
  padding-left: 15px;
  padding-right: 65px;
}

.full-width #primary {
  width: 100%;
}

/*#primary .site-main{padding-right: 50px;}*/
#primary .post {
  margin: 0 0 70px;
}

#primary .post .entry-header {
  text-align: center;
}

#primary .post .entry-header .entry-meta {
  margin: 0 0 15px;
}

#primary .post .entry-header .entry-meta .cat-links {
  font-size: 12px;
  line-height: 1.833em;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  margin: 0 5px;
}

#primary .post .entry-header .entry-meta .cat-links a {
  display: inline-block;
  border: 2px solid rgba(var(--primary-color-rgb), 0.1);
  border-radius: 20px;
  padding: 0 10px;
  margin: 0 3px;
  transition: linear 0.2s;
}

#primary .post .entry-header .entry-meta .cat-links a:hover,
#primary .post .entry-header .entry-meta .cat-links a:focus {
  text-decoration: none;
  color: #fff;
  background: var(--primary-color);
  border-color: var(--primary-color);
}

#primary .post .entry-header .entry-meta .cat-links a:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

#primary .post .entry-header .entry-meta .posted-on {
  display: inline-block;
  margin: 0 5px;
  font-size: 14px;
  line-height: 1.571em;
  padding-left: 24px;
  position: relative;
}

#primary .post .entry-header .entry-meta .posted-on:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 7px;
  left: 0;
  content: "";
}

#primary .post .entry-header .entry-meta .posted-on a {
  color: rgba(0, 0, 0, 0.5);
  transition: linear 0.2s;
}

#primary .post .entry-header .entry-meta .posted-on a:hover,
#primary .post .entry-header .entry-meta .posted-on a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

#primary .post .entry-header .entry-title {
  font-size: 36px;
  line-height: 1.25em;
  font-weight: 500;
  font-family: var(--secondary-font);
  color: var(--heading-font-color);
}

#primary .post .entry-header .entry-title a {
  color: var(--heading-font-color);
  transition: linear 0.2s;
}

#primary .post .entry-header .entry-title a:hover,
#primary .post .entry-header .entry-title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

#primary .post .post-thumbnail:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

#primary .post .post-thumbnail img {
  vertical-align: top;
  border-radius: 5px;
}

#primary .post .entry-footer .btn-holder {
  text-align: center;
  position: relative;
}

#primary .post .entry-footer .btn-holder:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #e5e5e5;
  z-index: -1;
}

#primary .post .entry-footer .btn-holder .btn-more {
  display: inline-block;
  font-size: 13px;
  line-height: 2em;
  font-family: var(--secondary-font);
  color: #fff;
  background: var(--primary-color);
  border: 2px solid var(--primary-color);
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: 300;
  padding: 2px 30px;
  letter-spacing: 1px;
  transition: linear 0.2s;
}

#primary .post .entry-footer .btn-holder .btn-more:hover,
#primary .post .entry-footer .btn-holder .btn-more:focus {
  text-decoration: none;
  color: var(--primary-color);
  background: #fff;
}

#primary .post .entry-footer .meta-holder {
  overflow: hidden;
}

#primary .post .entry-footer .meta-info {
  float: left;
  font-size: 14px;
  line-height: 1.571em;
}

#primary .post .entry-footer .meta-info span,
#primary .page .entry-footer .meta-info span {
  margin-right: 20px;
}

#primary .post .entry-footer .meta-info span span,
#primary .post .entry-footer .meta-info span:last-child,
#primary .page .entry-footer .meta-info span span,
#primary .page .entry-footer .meta-info span:last-child {
  margin-right: 0;
}

#primary .post .entry-footer .meta-info a,
#primary .page .entry-footer .meta-info a {
  color: var(--primary-font-color);
  transition: linear 0.2s;
}

#primary .post .entry-footer .meta-info a:hover,
#primary .post .entry-footer .meta-info a:focus,
#primary .page .entry-footer .meta-info a:hover,
#primary .page .entry-footer .meta-info a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

#primary .post .entry-footer .meta-info svg,
#primary .page .entry-footer .meta-info svg {
  margin-right: 5px;
  color: var(--primary-color);
}

#primary .post .entry-footer .social-networks {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 16px;
  overflow: hidden;
  text-align: right;
}

#primary .post .entry-footer .social-networks li {
  float: left;
  margin-left: 5px;
}

#primary .post .entry-footer .social-networks li a {
  display: block;
  width: 36px;
  height: 36px;
  background: #f6f6f6;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
  color: var(--primary-color);
  transition: linear 0.2s;
}

#primary .post .entry-footer .social-networks li a:hover,
#primary .post .entry-footer .social-networks li a:focus {
  text-decoration: none;
  background: var(--primary-color);
  color: #fff;
}

/*=================================
 Pagination style
 =================================*/
.pagination {
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  text-align: center;
  border-radius: 5px;
}

.pagination a {
  color: var(--primary-font-color);
  transition: linear 0.2s;
}

.pagination a:hover,
.pagination a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.pagination a:after,
.pagination span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--primary-color);
  opacity: 0;
  transition: linear 0.2s;
}

.pagination a:hover:after,
.pagination a:focus:after,
.pagination .current:after {
  opacity: 1;
}

.pagination .current {
  color: var(--primary-color);
  font-weight: 500;
}

.pagination .first-page {
  border-left: 1px solid #e5e5e5;
}

.pagination span,
.pagination a {
  display: inline-block;
  margin: 0 -3px;
  min-width: 50px;
  min-height: 50px;
  line-height: 50px;
  padding: 0 8px;
  border-right: 1px solid #e5e5e5;
  position: relative;
}

.pagination .nav-links {
  overflow: hidden;
}

.pagination .prev {
  float: left;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-font-color);
  padding: 0 25px 0 40px;
}

.pagination .prev:before {
  position: absolute;
  top: 0;
  left: 25px;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2332b67a' viewBox='0 0 192 512'%3E%3Cpath d='M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z'/%3E%3C/svg%3E") center center no-repeat;
  width: 10px;
  height: 100%;
  background-size: 0.4em;
}

.pagination .next {
  float: right;
  font-size: 14px;
  font-weight: 500;
  color: var(--heading-font-color);
  padding: 0 40px 0 25px;
  border-right: 0;
  border-left: 1px solid #e5e5e5;
}

.pagination .next,
.pagination .prev {
  display: inline-flex;
  align-items: center;
}

.pagination .next:before {
  position: absolute;
  top: 0;
  right: 25px;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%2332b67a' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E") center center no-repeat;
  width: 10px;
  height: 100%;
  background-size: 0.4em;
}

/*=================================
 Single post style
 =================================*/
#primary .post .entry-content .dropcap,
#primary .page .entry-content .dropcap {
  float: left;
  font-size: 95px;
  font-weight: 500;
  line-height: 1.052;
  color: var(--heading-font-color);
  font-family: var(--secondary-font);
  margin: -8px 10px -7px 0;
}

#primary .post .entry-content blockquote,
#primary .page .entry-content blockquote {
  font-size: 22px;
  line-height: 1.545em;
  color: var(--heading-font-color);
  margin: 0 0 1.5em;
  padding: 0 0 0 15px;
  border-left: 4px solid var(--primary-color);
  font-family: var(--secondary-font);
  font-weight: 500;
  font-style: italic;
}

#primary .post .entry-content blockquote p,
#primary .page .entry-content blockquote p {
  margin: 0 0 5px;
}

#primary .post .entry-content blockquote cite,
#primary .page .entry-content blockquote cite {
  font-size: 14px;
  line-height: 1.571em;
  color: #b5b5b5;
  text-transform: uppercase;
  font-family: var(--primary-font);
  font-weight: 400;
  font-style: normal;
}

#primary .post .entry-content figure,
#primary .page .entry-content figure {
  margin-bottom: 0;
}

#primary .post .entry-content .wp-caption-text,
#primary .page .entry-content .wp-caption-text {
  font-size: 13px;
  line-height: 21px;
  color: #b5b5b5;
  text-align: left;
  margin: 5px 0 0;
}

#primary .post .entry-content .pull-left,
#primary .page .entry-content .pull-left {
  font-size: 22px;
  line-height: 1.545em;
  color: var(--heading-font-color);
  font-family: var(--secondary-font);
  font-weight: 500;
  font-style: italic;
  max-width: 425px;
  margin-right: 15px;
  margin-bottom: 10px;
  float: left;
  position: relative;
  padding-top: 10px;
}

#primary .post .entry-content .pull-left:before,
#primary .page .entry-content .pull-left:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 4px;
  background: var(--primary-color);
  content: "";
}

#primary .post .entry-content .pull-right,
#primary .page .entry-content .pull-right {
  font-size: 22px;
  line-height: 1.545em;
  color: var(--heading-font-color);
  font-family: var(--secondary-font);
  font-weight: 500;
  font-style: italic;
  max-width: 425px;
  margin-left: 15px;
  margin-bottom: 10px;
  float: right;
  position: relative;
  padding-top: 10px;
}

#primary .post .entry-content .pull-right:before,
#primary .page .entry-content .pull-right:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 4px;
  background: var(--primary-color);
  content: "";
}

#primary .post .entry-content h1,
#primary .page .entry-content h1,
#primary .post .entry-content h2,
#primary .page .entry-content h2,
#primary .post .entry-content h3,
#primary .page .entry-content h3,
#primary .post .entry-content h4,
#primary .page .entry-content h4,
#primary .post .entry-content h5,
#primary .page .entry-content h5,
#primary .post .entry-content h6,
#primary .page .entry-content h6 {
  font-family: var(--secondary-font);
  color: var(--heading-font-color);
}

#primary .post .entry-content h1,
#primary .page .entry-content h1 {
  font-size: 36px;
  line-height: 1.222em;
}

#primary .post .entry-content h2,
#primary .page .entry-content h2 {
  font-size: 32px;
  line-height: 1.187em;
}

#primary .post .entry-content h3,
#primary .page .entry-content h3 {
  font-size: 28px;
  line-height: 1.285em;
}

#primary .post .entry-content h4,
#primary .page .entry-content h4 {
  font-size: 24px;
  line-height: 1.208em;
}

#primary .post .entry-content h5,
#primary .page .entry-content h5 {
  font-size: 20px;
  line-height: 1.2em;
}

#primary .post .entry-content h6,
#primary .page .entry-content h6 {
  font-size: 16px;
  line-height: 1.5em;
}

#primary .post .entry-content table,
#primary .page .entry-content table {
  border: 1px solid #f5f5f5;
}

#primary .post .entry-content table thead,
#primary .page .entry-content table thead {
  background: #f5f5f5;
  font-weight: 400;
  color: var(--heading-font-color);
}

#primary .post .entry-content table thead th,
#primary .page .entry-content table thead th {
  font-weight: 500;
}

#primary .post .entry-content table th,
#primary .page .entry-content table th,
#primary .post .entry-content table td,
#primary .page .entry-content table td {
  padding: 10px 15px;
  text-align: left;
}

#primary .post .entry-content table tr,
#primary .page .entry-content table tr {
  border-bottom: 1px solid #ebebeb;
}

.single #primary .post .entry-footer {
  margin-top: 20px;
}

#primary .post .entry-footer .tags {
  overflow: hidden;
}

#primary .post .entry-footer .tags a {
  font-size: 12px;
  color: var(--heading-font-color);
  background: #eee;
  float: left;
  margin-right: 6px;
  padding: 0 10px;
  transition: linear 0.2s;
}

#primary .post .entry-footer .tags a:hover,
#primary .post .entry-footer .tags a:focus {
  text-decoration: none;
  color: #fff;
  background: var(--primary-color);
}

.single #primary .entry-footer .meta-holder {
  border-top: 1px solid #e5e5e5;
  padding-top: 15px;
}

.advertise-holder {
  text-align: center;
  margin: 0 0 60px;
}

.page-header .page-title {
  font-size: 40px;
  line-height: 1.125em;
  color: var(--heading-font-color);
  font-weight: 500;
  font-family: var(--secondary-font);
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.page-header .page-title:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--primary-color);
}

/*==================================
 Author section style
 ==================================*/
.author-section {
  overflow: hidden;
  margin: 0 0 60px;
}

.author-section .img-holder {
  float: left;
  width: 150px;
  margin-right: 30px;
}

.author-section .img-holder img {
  vertical-align: top;
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
}

.author-section .text-holder {
  overflow: hidden;
  font-size: 14px;
  line-height: 1.714em;
}

.author-section .text-holder h2 {
  font-size: 22px;
  line-height: 1.272em;
  color: var(--heading-font-color);
  margin: 0 0 15px;
  padding-bottom: 5px;
  position: relative;
  font-weight: 500;
  font-family: var(--secondary-font);
}

.author-section .text-holder h2:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--primary-color);
}

.author-section .text-holder .social-networks {
  font-size: 16px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.author-section .text-holder .social-networks li {
  float: left;
  margin-right: 15px;
}

.author-section .text-holder .social-networks li a {
  color: #b5b5b5;
  transition: linear 0.2s;
}

.author-section .text-holder .social-networks li a:hover,
.author-section .text-holder .social-networks li a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

/*=================================
 Post Navigation style
 =================================*/
.post-navigation {
  margin: 0 0 60px;
}

.post-navigation .nav-links {
  overflow: hidden;
}

.post-navigation .nav-holder {
  border: 0;
}

.post-navigation .meta-nav {
  display: block;
  color: var(--primary-font-color);
  margin: 0 0 5px;
}

.post-navigation .post-title {
  font-size: 18px;
  line-height: 1.444em;
  color: var(--heading-font-color);
  font-weight: 500;
  font-family: var(--secondary-font);
  transition: linear 0.2s;
}

.post-navigation .nav-previous a {
  padding-left: 38px;
  display: block;
  position: relative;
}

.post-navigation .nav-previous a:before {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  background: #f6f6f6;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

.post-navigation .nav-previous a:after {
  content: "";
  position: absolute;
  top: 7px;
  left: 10px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 192 512'%3E%3Cpath d='M192 127.338v257.324c0 17.818-21.543 26.741-34.142 14.142L29.196 270.142c-7.81-7.81-7.81-20.474 0-28.284l128.662-128.662c12.599-12.6 34.142-3.676 34.142 14.142z'/%3E%3C/svg%3E") center center no-repeat;
  width: 10px;
  height: 17px;
}

.post-navigation .nav-next a {
  padding-right: 38px;
  display: block;
  position: relative;
}

.post-navigation .nav-next a:before {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid rgba(0, 0, 0, 0.1);
  background: #f6f6f6;
  position: absolute;
  top: 0;
  right: 0;
  content: "";
}

.post-navigation .nav-next a:after {
  content: "";
  position: absolute;
  top: 7px;
  right: 10px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23111' viewBox='0 0 192 512'%3E%3Cpath d='M0 384.662V127.338c0-17.818 21.543-26.741 34.142-14.142l128.662 128.662c7.81 7.81 7.81 20.474 0 28.284L34.142 398.804C21.543 411.404 0 402.48 0 384.662z'/%3E%3C/svg%3E") center center no-repeat;
  width: 10px;
  height: 17px;
}

.post-navigation .nav-holder a:hover,
.post-navigation .nav-holder a:focus {
  text-decoration: none;
}

.post-navigation .nav-holder a:hover .post-title,
.post-navigation .nav-holder a:focus .post-title {
  color: var(--primary-color);
}

/*=================================
 Subscription style
 =================================*/
.subscription {
  margin: 0 0 60px;
}

/*=================================
 Related-post style
 =================================*/
.related-post {
  margin: 0 0 60px;
}

.related-post .title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.272em;
  margin: 0 0 40px;
  padding: 0 0 3px;
  position: relative;
  color: var(--heading-font-color);
  text-align: center;
  font-family: var(--secondary-font);
}

.related-post .title:after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 60px;
  height: 3px;
  background: var(--primary-color);
  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.related-post .grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -17px;
}

.related-post .col {
  width: 33.333%;
  padding: 0 17px;
  margin: 0 0 35px;
}

.related-post .col .holder {
  border-radius: 5px;
  border: 1px solid #e7e7e7;
  transition: linear 0.2s;
  height: 100%;
}

.related-post .col:hover .holder,
.related-post .col:focus .holder {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
}

.related-post .col .img-holder {
  position: relative;
}

.related-post .col .img-holder .cat-links {
  position: absolute;
  top: 20px;
  left: 20px;
}

.related-post .col .img-holder .cat-links a {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  padding: 0 15px;
  border-radius: 20px;
  margin-right: 2px;
  background: var(--primary-color);
}

.related-post .col img {
  vertical-align: top;
  width: 100%;
  border-radius: 5px 5px 0 0;
}

.related-post .col .text-holder {
  padding: 15px 20px;
}

.related-post .col .text-holder .posted-on {
  font-size: 14px;
  line-height: 1.571em;
  display: block;
  margin: 0 0 5px;
}

.related-post .col .text-holder .posted-on a {
  color: rgba(0, 0, 0, 0.5);
  transition: linear 0.2s;
}

.related-post .col .text-holder .posted-on a:hover,
.related-post .col .text-holder .posted-on a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.related-post .col .text-holder .post-title {
  margin: 0;
  font-size: 16px;
  line-height: 1.5em;
}

.related-post .col .text-holder .post-title a {
  color: var(--heading-font-color);
  transition: linear 0.2s;
}

.related-post .col .text-holder .post-title a:hover,
.related-post .col .text-holder .post-title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

/*=================================
 Comment section style
 ================================*/
.comments-area {
  margin: 0 0 60px;
}

.comments-area .comments-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.272em;
  margin: 0 0 40px;
  padding: 0 0 7px;
  position: relative;
  color: var(--heading-font-color);
  font-family: var(--secondary-font);
}

.comments-area .comments-title:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--primary-color);
  content: "";
}

.comments-area ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.comments-area .comment-body {
  overflow: hidden;
  margin: 0 0 30px;
}

.comments-area .comment-body .comment-meta {
  float: left;
  width: 85px;
  margin-right: 25px;
}

.comments-area .comment-body .comment-meta img {
  border-radius: 50%;
  vertical-align: top;
  width: 85px;
  height: 85px;
  -o-object-fit: cover;
  object-fit: cover;
}

.comments-area .comment-body .text-holder {
  overflow: hidden;
}

.comments-area .comment-body .text-holder .top {
  overflow: hidden;
  margin: 0 0 10px;
}

.comments-area .comment-body .text-holder .top .left {
  float: left;
}

.comments-area .comment-body .text-holder .top .reply {
  float: right;
}

.comments-area .comment-body .fn {
  font-size: 16px;
  line-height: 21px;
  color: #333;
  margin: 0;
  font-weight: 500;
  display: block;
  font-family: var(--secondary-font);
}

.comments-area .comment-body .fn a {
  color: var(--heading-font-color);
}

.comments-area .comment-body .fn a:hover,
.comments-area .comment-body .fn a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.comments-area .comment-body .says {
  display: none;
}

.comments-area .comment-body .comment-metadata {
  font-size: 12px;
  line-height: 21px;
  color: #b5b5b5;
}

.comments-area .comment-body .comment-metadata a {
  color: #999;
}

.comments-area .comment-body .comment-metadata a:hover,
.comments-area .comment-body .comment-metadata a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.comments-area .comment-body .reply {
  font-size: 13px;
  line-height: 21px;
}

.comments-area .comment-body .reply a {
  text-decoration: underline;
  color: #b5b5b5;
  padding-left: 21px;
  position: relative;
}

.comments-area .comment-body .reply a:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23b5b5b5' viewBox='0 0 512 512'%3E%3Cpath d='M503.691 189.836L327.687 37.851C312.281 24.546 288 35.347 288 56.015v80.053C127.371 137.907 0 170.1 0 322.326c0 61.441 39.581 122.309 83.333 154.132 13.653 9.931 33.111-2.533 28.077-18.631C66.066 312.814 132.917 274.316 288 272.085V360c0 20.7 24.3 31.453 39.687 18.164l176.004-152c11.071-9.562 11.086-26.753 0-36.328z'/%3E%3C/svg%3E") center center no-repeat;
  width: 13px;
  height: 21px;
}

.comments-area .comment-body .reply a:hover,
.comments-area .comment-body .reply a:focus {
  color: var(--primary-color);
}

.comments-area .comment-body .comment-content {
  font-size: 14px;
  line-height: 25px;
}

.comments-area .comment-body .comment-content p {
  margin: 0 0 5px;
}

.comments-area .children {
  margin-left: 25px;
  border-left: 1px solid #eee;
}

.comments-area .children li {
  padding-left: 30px;
  position: relative;
}

.comments-area .children li:first-child:before {
  position: absolute;
  top: 25px;
  left: 0;
  width: 21px;
  height: 1px;
  background: #eee;
  content: "";
}

.comments-area .bypostauthor > .comment-body .comment-content {
  background: #f9f9f9;
  padding: 15px 20px;
}

.comments-area .childrend .comment-body .comment-meta {
  width: 55px;
}

.comments-area .childrend .comment-body .comment-meta img {
  width: 55px;
  height: 55px;
  -o-object-fit: cover;
  object-fit: cover;
}

.comments-area .childrend .comment-body .fn {
  font-size: 14px;
  line-height: 21px;
}

.comments-area ol ol {
  margin-left: 110px;
}

.comments-area ol ol ol {
  margin-left: 80px;
}

/*===============================
 Comment form style
 ===============================*/
.comments-area .comment-reply-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.272em;
  margin: 0 0 25px;
  padding: 0 0 7px;
  position: relative;
  color: var(--heading-font-color);
  font-family: var(--secondary-font);
}

.comments-area .comment-reply-title:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--primary-color);
  content: "";
}

.comments-area .comment-form {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px;
}

.comments-area .comment-form p {
  margin: 0 0 30px;
  width: 33.333%;
  padding: 0 15px;
}

.comments-area .comment-form .comment-notes,
.comments-area .comment-form .comment-form-comment,
.comments-area .comment-form .comment-form-cookies-consent,
.comments-area .comment-form .form-submit {
  width: 100%;
}

.comments-area .comment-form .comment-form-cookies-consent label {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

.comments-area .comment-form label {
  display: block;
  margin: 0 0 5px;
}

.comments-area .comment-form input[type=text],
.comments-area .comment-form input[type=email],
.comments-area .comment-form input[type=url] {
  width: 100%;
}

/*=================================
 Sidebar style
 =================================*/
#secondary {
  float: left;
  width: 25%;
  padding: 0 15px;
}

#secondary .widget {
  margin: 0 0 60px;
}

.widget .widget-title {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 600;
  color: var(--heading-font-color);
  text-transform: uppercase;
  margin: 0 0 30px;
  position: relative;
  text-align: center;
  padding: 0 0 5px;
  font-family: var(--secondary-font);
}
.widget.widget_wte_weather_forecast_widget .widget-title {
  padding: 16px 24px;
}
.widget.widget_wte_weather_forecast_widget .widget-title::after {
  content: none;
}

.widget .widget-title:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 60px;
  height: 3px;
  background: var(--primary-color);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*===============================
 Common widget style
 ================================*/
.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.widget ul ul {
  margin: 15px 0 0 20px;
}

.widget ul li {
  margin: 0 0 15px;
  padding-bottom: 8px;
  border-bottom: 1px dashed #cecece;
}

.widget ul li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.widget ul li a {
  color: var(--primary-font-color);
  transition: linear 0.2s;
}

.widget ul li a:hover,
.widget ul li a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.widget select {
  width: 100%;
}

/*==============================
 Widget calendar style
 ==============================*/
.widget_calendar caption {
  font-size: 18px;
  color: #fff;
  line-height: 20px;
  background: var(--primary-color);
  font-weight: 600;
  text-transform: uppercase;
  padding: 9px 0;
}

.widget_calendar table {
  position: relative;
}

.widget_calendar .calendar_wrap {
  position: relative;
}

.widget_calendar .wp-calendar-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.widget_calendar .wp-calendar-nav span {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding: 12px 10px;
}

.widget_calendar .wp-calendar-nav span a {
  color: #FFF;
  visibility: collapse;
}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev {
  text-align: left;
}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-prev a:before {
  visibility: visible;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 256 512'%3E%3Cpath d='M231.293 473.899l19.799-19.799c4.686-4.686 4.686-12.284 0-16.971L70.393 256 251.092 74.87c4.686-4.686 4.686-12.284 0-16.971L231.293 38.1c-4.686-4.686-12.284-4.686-16.971 0L4.908 247.515c-4.686 4.686-4.686 12.284 0 16.971L214.322 473.9c4.687 4.686 12.285 4.686 16.971-.001z'/%3E%3C/svg%3E") center center no-repeat;
  width: 14px;
  height: 14px;
  display: block;
  float: left;
}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-next {
  text-align: right;
}

.widget_calendar .wp-calendar-nav span.wp-calendar-nav-next a:before {
  visibility: visible;
  content: "";
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFF' viewBox='0 0 256 512'%3E%3Cpath d='M24.707 38.101L4.908 57.899c-4.686 4.686-4.686 12.284 0 16.971L185.607 256 4.908 437.13c-4.686 4.686-4.686 12.284 0 16.971L24.707 473.9c4.686 4.686 12.284 4.686 16.971 0l209.414-209.414c4.686-4.686 4.686-12.284 0-16.971L41.678 38.101c-4.687-4.687-12.285-4.687-16.971 0z'/%3E%3C/svg%3E") center center no-repeat;
  width: 14px;
  height: 14px;
  display: block;
  float: right;
}

.widget_calendar table td,
.widget_calendar thead th {
  border: 1px solid #eee;
}

.widget_calendar thead th {
  font-size: 13px;
  background: #fff;
  color: var(--heading-font-color);
  font-weight: 600;
  height: 45px;
}

.widget_calendar tbody td {
  text-align: center;
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  color: var(--heading-font-color);
}

.widget_calendar table #prev a {
  left: 15px;
  position: absolute;
  top: 12px;
  background: url(images/btn-prev-month.png) no-repeat;
  width: 7px;
  height: 12px;
  text-indent: -9999px;
}

.widget_calendar table #next a {
  position: absolute;
  right: 15px;
  top: 12px;
  background: url(images/btn-next-month.png) no-repeat;
  width: 7px;
  height: 12px;
  text-indent: -9999px;
}

.widget_calendar table tbody td a {
  display: block;
  height: 100%;
  background: var(--primary-color);
  color: #fff;
}

.widget_calendar table tfoot td {
  line-height: 0;
}

.widget_tag_cloud .tagcloud {
  overflow: hidden;
}

.widget_tag_cloud .tagcloud a {
  float: left;
  margin: 0 6px 6px 0;
  font-size: 12px !important;
  line-height: 15px;
  background: #eee;
  color: #333;
  padding: 10px 15px;
  transition: linear 0.2s;
}

.widget_tag_cloud .tagcloud a:hover,
.widget_tag_cloud .tagcloud a:focus {
  text-decoration: none;
  color: #fff;
  background: var(--primary-color);
}

.widget_recent_comments ul,
.widget_rss ul {
  color: #999;
}

.widget_rss .widget-title a {
  color: var(--heading-font-color);
}

.widget_rss .widget-title a:hover,
.widget_rss .widget-title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.widget_search .search-form {
  border: 1px solid #e5e5e5;
}

.widget_search .search-form:after {
  content: "";
  display: block;
  clear: both;
}

.widget_search .search-form label {
  float: left;
  width: 80%;
  padding: 10px 0 0 20px;
}

.widget_search .search-form input[type=search] {
  padding: 0;
  margin: 0;
  background: none;
  border: 0;
  border-radius: 0;
  width: 100%;
}

.widget_search .search-form input[type=submit] {
  padding: 0;
  margin: 0;
  float: right;
  font-size: 0;
  background: var(--primary-color) url(images/bg-search.png) no-repeat 50% 50%;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 0;
}

.widget_search .search-form input[type=submit]:focus {
  outline: thin dotted #fff;
  outline-offset: -2px;
}

.widget_raratheme_popular_post ul li,
.widget_raratheme_recent_post ul li {
  /*overflow: hidden;*/
  padding-bottom: 0;
  border-bottom: 0;
  margin: 0 0 30px;
}

.widget_raratheme_popular_post ul li:last-child,
.widget_raratheme_recent_post ul li:last-child {
  margin-bottom: 0;
}

/*===================================
 Gallery Widget
 ===================================*/
.widget_media_gallery .gallery-item {
  margin: 0 0 4px;
  padding: 0 2px;
}

.widget_media_gallery .gallery-item img {
  vertical-align: top;
}

.widget_media_gallery .gallery {
  margin: 0 2px;
}

/*===================================
 Footer style
 ===================================*/
.site-footer {
  background: var(--heading-font-color);
  color: #fff;
}

.site-footer .footer-t {
  padding: 70px 0 30px;
  border-bottom: 1px solid #33383a;
}

.site-footer .column {
  float: left;
  width: 25%;
  padding: 0 15px;
}

.site-footer .widget {
  margin: 0 0 40px;
}

.site-footer .widget .widget-title {
  font-size: 18px;
  line-height: 1.444em;
  color: #fff;
  text-transform: none;
  font-weight: 500;
  text-align: left;
}

.site-footer .widget .widget-title:after {
  left: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.site-footer .widget ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-footer .widget ul li:last-child {
  border-bottom: 0;
}

.site-footer .widget ul li a {
  color: rgba(255, 255, 255, 0.75);
}

.site-footer .widget ul li a:hover,
.site-footer .widget ul li a:focus {
  color: #fff;
}

.site-footer .widget_calendar table tbody {
  background: #fff;
}

.site-footer .widget_rss .widget-title a {
  color: #fff;
}

.site-footer .widget_raratheme_popular_post ul li,
.site-footer .widget_raratheme_recent_post ul li {
  overflow: hidden;
  padding-bottom: 0;
  border-bottom: 0;
  margin: 0 0 30px;
}

.site-footer .widget_raratheme_popular_post ul li:last-child,
.site-footer .widget_raratheme_recent_post ul li:last-child {
  margin-bottom: 0;
}

.site-footer .widget_search .search-form input[type=search] {
  color: #fff;
}

.site-footer .footer-b {
  padding: 30px 0;
  font-size: 14px;
  line-height: 1.714em;
  color: rgba(255, 255, 255, 0.75);
}

.site-footer .footer-b:after {
  content: "";
  display: block;
  clear: both;
}

.site-footer .footer-b a {
  color: rgba(255, 255, 255, 0.75);
  transition: linear 0.2s;
}

.site-footer .footer-b a:hover,
.site-footer .footer-b a:focus {
  color: var(--primary-color);
  text-decoration: none;
}

.site-footer .site-info {
  float: left;
}

.site-footer .privacy-policy-link {
  float: right;
  line-height: 1em;
}

.footer-navigation {
  float: right;
}

.footer-menu-privacy .footer-navigation {
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.75);
}

.footer-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1em;
}

.footer-navigation ul:after {
  content: "";
  display: block;
  clear: both;
}

.footer-navigation ul li {
  float: left;
  margin-left: 20px;
  padding-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.75);
}

.footer-navigation ul li:first-child {
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
}

.home-link,
#primary-toggle-button {
  display: none;
}

/*================================
 Archive Page style
 =================================*/
.archive-grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 -15px;
  margin-bottom: 20px;
}

.archive-grid .trip {
  width: 33.333%;
  padding: 0 15px;
  margin: 0 0 30px;
}

.archive-grid .trip .holder {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  transition: linear 0.2s;
  height: 100%;
}

.archive-grid .trip:hover .holder {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
}

.archive-grid .img-holder {
  position: relative;
}

.archive-grid .img-holder a:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

.archive-grid .img-holder img {
  vertical-align: top;
  border-radius: 5px 5px 0 0;
}

.archive-grid .img-holder .price-holder {
  background: var(--primary-color);
  border-top-left-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  left: -5px;
  position: absolute;
  bottom: -20px;
}

.archive-grid .img-holder .price-holder:after {
  background: #144e33;
  border-bottom-left-radius: 4px;
  bottom: -6px;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  width: 5px;
}

.archive-grid .img-holder .price-holder span {
  display: block;
  padding: 6px 15px;
  position: relative;
}

.archive-grid .img-holder .price-holder span:before {
  width: 0;
  height: 0;
  border-top: 20px solid var(--primary-color);
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  right: -20px;
  content: "";
}

.archive-grid .img-holder .price-holder span:after {
  width: 0;
  height: 0;
  border-bottom: 20px solid var(--primary-color);
  border-right: 20px solid transparent;
  position: absolute;
  bottom: 0;
  right: -20px;
  content: "";
}

.archive-grid .text-holder {
  background: #fff;
  padding: 40px 0 14px;
  border-radius: 0 0 5px 5px;
}

.archive-grid .text-holder .title {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--secondary-font);
  padding: 0 20px;
  margin: 0 0 7px;
}

.archive-grid .text-holder .title a {
  color: var(--heading-font-color);
  transition: linear 0.2s;
}

.archive-grid .text-holder .title a:hover,
.archive-grid .text-holder .title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.archive-grid .text-holder .meta-info {
  padding: 0 20px;
  font-size: 14px;
}

.archive-grid .text-holder .meta-info span {
  display: block;
  margin: 0 0 7px;
}

.archive-grid .text-holder .meta-info svg {
  font-size: 16px;
  margin-right: 5px;
  color: var(--primary-color);
}

.archive-grid .text-holder .btn-holder {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}

.archive-grid .text-holder .btn-more {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
  border: 2px solid var(--primary-color);
  border-radius: 20px;
  text-transform: uppercase;
  padding: 2px 30px;
  font-family: var(--secondary-font);
  transition: linear 0.2s;
}

.archive-grid .text-holder .btn-more:hover,
.archive-grid .text-holder .btn-more:focus {
  text-decoration: none;
  background: var(--primary-color);
  color: #fff;
}

.archive-grid .text-holder .btn-more:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

/*===================================
 Single Trip Style
 ===================================*/
.single-trip #content {
  margin-top: 0;
}

.single-trip .container {
  padding: 0 20px;
}

.trip-content-area {
  padding: 0;
}

/*trip price info style*/
.trip-content-area .widget-area .trip-price {
  margin: 0 0 60px;
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
}

.trip-content-area .widget-area .trip-price .price-holder {
  background: var(--primary-color);
  text-align: left;
  border-radius: 5px;
  padding: 30px;
  border: 0;
}

.trip-content-area .widget-area .trip-price .price-holder .top-price-holder {
  font-family: var(--secondary-font);
  margin: 0 0 10px;
  padding: 0;
  border-bottom: 0;
}

.trip-content-area .widget-area .trip-price .price-holder .top-price-holder .price-from {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  display: block;
  margin: 0 0 10px;
}

.trip-content-area .widget-area .trip-price .price-holder .prev-price strike {
  font-size: 22px;
  line-height: 1.272em;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5) !important;
  margin: 0 0 10px;
  display: block;
}

.trip-content-area .widget-area .trip-price .price-holder .price {
  font-size: 36px;
  line-height: 1.25em;
  color: #fff;
  font-weight: 500;
}

.trip-content-area .widget-area .trip-price .price-holder .price .trip-cost-holder {
  font-weight: 600;
}

.trip-content-area .widget-area .trip-price .price-holder .price .currency-code {
  display: inline-block;
  margin-right: 2px;
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  font-size: 20px;
}

.trip-content-area .widget-area .trip-price .price-holder .price .per-person {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  font-family: var(--primary-font);
}

.trip-content-area .widget-area .trip-price .price-holder form .travelers-number-input label {
  color: #fff;
  position: relative;
  font-size: 14px;
}

.trip-content-area .widget-area .trip-price .price-holder form input[type=number] {
  border: 0;
}

.trip-content-area .widget-area .trip-price .price-holder form .date-time-wrapper input[type=text] {
  padding: 7px 10px;
}

.trip-content-area .widget-area .trip-price .price-holder form .date-time-wrapper {
  margin: 0 0 10px;
  padding: 0;
  border-bottom: 0;
  border-radius: 5px;
}

.trip-content-area .widget-area .trip-price .price-holder form .date-time-wrapper:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.trip-content-area .widget-area .trip-price .price-holder form .total-amt {
  font-size: 20px;
  line-height: 1.3em;
  font-weight: 500;
  color: #fff;
  font-family: var(--secondary-font);
  padding: 0;
  margin: 20px 0;
}

.trip-content-area .widget-area .trip-price .price-holder form .total-amt b {
  font-weight: 400;
}

.trip-content-area .widget-area .trip-price .price-holder form .check-availability {
  font-size: 13px;
  line-height: 2em;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: var(--secondary-font);
  background: #ffaf46;
  display: block;
  width: 100%;
  border: 2px solid #ffaf46;
  border-radius: 5px;
}

.trip-content-area .widget-area .trip-price .price-holder form .check-availability:hover,
.trip-content-area .widget-area .trip-price .price-holder form .check-availability:focus,
.trip-content-area .widget-area .trip-price .price-holder form .book-submit:hover,
.trip-content-area .widget-area .trip-price .price-holder form .book-submit:focus {
  color: #fff;
  background: none;
  border-color: #ffaf46;
}

.trip-content-area .widget-area .trip-price .price-holder form .book-submit {
  font-size: 13px;
  line-height: 2em;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: var(--secondary-font);
  background: #ffaf46;
  width: 100%;
  width: 100%;
  border: 2px solid #ffaf46;
  border-radius: 5px;
}

.date-time-wrapper:after {
  right: 10px;
}

.widget-area .wpte-booking-area .wpte-bf-discount-tag {
  font-size: 15px;
  color: rgba(222, 45, 45, 0.9);
  background-color: rgba(222, 45, 45, 0.1);
  border-radius: 3px;
  margin-top: 12px;
}

.trip-content-area .widget-area .trip-price .price-holder .top-price-holder .group-discount-notice {
  background: var(--secondary-color) url(images/group-discount.png) no-repeat 50% 15px;
  color: #fff;
  position: absolute;
  top: -10px;
  right: 10px;
  width: 88px;
  text-align: center;
  font-size: 12px;
  text-transform: uppercase;
  line-height: 1.3em;
  font-weight: 600;
  padding: 55px 0 20px;
  box-shadow: none;
}

.trip-content-area .widget-area .trip-price .price-holder .top-price-holder .group-discount-notice:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 13px solid var(--primary-color);
  border-left: 44px solid transparent;
  border-right: 45px solid transparent;
}

.trip-content-area .widget-area .trip-price .price-holder .top-price-holder .group-discount-notice:before {
  width: 0;
  height: 0;
  border-bottom: 10px solid #850100;
  border-left: 10px solid transparent;
  position: absolute;
  top: 0;
  left: -10px;
  content: "";
  background: none;
}

.trip-content-area .widget-area .trip-price .price-holder .group-discount-check {
  font-weight: 600;
  border-bottom: 1px dotted #fff;
  display: inline-block;
  margin: 0 0 10px;
  padding: 0;
  color: #fff;
}

.trip-content-area .widget-area .trip-price .group-discount-check:focus,
.trip-content-area .widget-area .trip-price .group-discount-check:hover {
  color: #fff;
  text-decoration: none;
  border-bottom-color: transparent;
}

.trip-content-area .widget-area .trip-price .group-discount-check svg {
  margin-left: 5px;
}

.trip-content-area .widget-area .trip-price .price-holder form .travelers-number-input {
  padding: 0;
  border-bottom: 0;
}

.group-discount-pop h3 {
  color: var(--heading-font-color);
  font-weight: 500;
  font-family: var(--secondary-font);
  position: relative;
  line-height: 1.272em;
  padding: 0 0 5px;
}

.group-discount-pop h3:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--primary-color);
}

.group-discount-pop .popup-inner table {
  margin: 0;
}

.group-discount-pop .popup-inner table td {
  border: 0;
  padding: 10px;
}

.group-discount-pop .popup-inner table thead {
  background: #f3f3f3;
  border-bottom: 4px solid #e4e4e4;
  font-weight: 600;
}

.group-discount-pop .popup-inner table tbody tr {
  border-bottom: 2px solid #e4e4e4;
}

.group-discount-pop .popup-inner table tbody svg {
  color: #32b67c;
}

.group-discount-pop .popup-inner .popup-close {
  display: none;
}

.group-discount-pop .popup-inner a[data-popup-close=popup-1] {
  width: 40px;
  height: 40px;
  background: #32b67c;
  color: #fff;
  font-size: 0;
  border-radius: 50%;
  position: absolute;
  top: -20px;
  right: -10px;
}

.group-discount-pop .popup-inner a[data-popup-close=popup-1]:after {
  content: "X";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  font-size: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.trip-content-area .widget-area .trip-price form .discount-price-per-traveler,
.trip-content-area .widget-area .trip-price form .discount-price-per-child-traveler {
  color: #fff;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #fff;
  font-size: 14px;
  line-height: 1.65em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.trip-content-area .widget-area .trip-price form .discount-price-per-traveler strong,
.trip-content-area .widget-area .trip-price form .discount-price-per-child-traveler strong {
  font-weight: 400;
  width: 60%;
}

/*====================================
 Extra Service Style
 ====================================*/
.wpte-expand-extra-service {
  color: #fff;
  margin: 0 0 15px;
  padding: 0;
  border-bottom: 0;
}

.wpte-expand-extra-service:after {
  display: none;
}

.wpte-expand-extra-service .scroll-down h5 {
  margin: 0;
  font-family: var(--secondary-font);
  font-weight: 600;
  font-size: 15px;
  position: relative;
}

.wpte-expand-extra-service .scroll-down h5:after {
  position: absolute;
  top: 50%;
  right: 10px;
  content: "";
  width: 15px;
  height: 15px;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 320 512'%3E%3Cpath d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E") center center no-repeat;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);
}

.wpte-expand-extra-service .scroll-down {
  display: block;
}

.wpte-expand-extra-service .extra-service-wrap {
  border: 0;
  margin: 0 -30px;
  padding: 20px 30px;
  display: block;
  color: var(--primary-font-color);
  background: rgba(255, 255, 255, 0.85);
  border-radius: 0;
  text-align: center;
}

.wpte-expand-extra-service .extra-service-wrap .extra-service-info-holder {
  padding-right: 0;
  margin-bottom: 10px;
}

.wpte-expand-extra-service .extra-service-wrap span.extra-service {
  font-size: 15px;
}

.extra-service-wrap .tooltip {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23666' viewBox='0 0 512 512'%3E%3Cpath d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zM262.655 90c-54.497 0-89.255 22.957-116.549 63.758-3.536 5.286-2.353 12.415 2.715 16.258l34.699 26.31c5.205 3.947 12.621 3.008 16.665-2.122 17.864-22.658 30.113-35.797 57.303-35.797 20.429 0 45.698 13.148 45.698 32.958 0 14.976-12.363 22.667-32.534 33.976C247.128 238.528 216 254.941 216 296v4c0 6.627 5.373 12 12 12h56c6.627 0 12-5.373 12-12v-1.333c0-28.462 83.186-29.647 83.186-106.667 0-58.002-60.165-102-116.531-102zM256 338c-25.365 0-46 20.635-46 46 0 25.364 20.635 46 46 46s46-20.636 46-46c0-25.365-20.635-46-46-46z'/%3E%3C/svg%3E") center center no-repeat;
  width: 12px;
  height: 15px;
  margin-left: 10px;
  position: relative;
}

.extra-service-wrap .tooltip-content {
  padding: 10px 15px;
  font-size: 12px;
  line-height: 1.6em;
  top: inherit;
  bottom: 30px;
}

.wpte-expand-extra-service .extra-service-wrap span.price-per-extra-service,
.wpte-expand-extra-service .extra-service-wrap span.extra-service-currency,
.wpte-expand-extra-service .extra-service-wrap span.extra-service-price {
  font-size: 14px;
}

.wpte-expand-extra-service .extra-service-wrap .input-holder {
  border: 0;
  background: #fff;
  width: 130px;
  margin: 0 auto;
  border-radius: 100px;
  padding: 5px;
}

.wpte-expand-extra-service .extra-service-wrap .input-holder .less-no,
.wpte-expand-extra-service .extra-service-wrap .input-holder .more-no {
  background: var(--primary-color);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
}

.wpte-expand-extra-service .extra-service-wrap .input-holder input[type=text] {
  border-top: 0;
  border-bottom: 0;
  border-radius: 0;
  background: none;
  color: #000;
  border: 0;
  width: 60px;
}

.extra-service-title {
  font-size: 15px;
  font-weight: 600;
  color: #000;
}

/*====================================
 Single Trip slider gallery
 ===================================*/
.wpte-trip-feat-img-gallery img {
  height: 490px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
}

/*===================================
 Checkout Page style
 ===================================*/
.place-order-form-secondary-wrapper {
  margin: 0 0 60px;
}

.place-order-form-secondary-wrapper .wp-travel-engine-order-form-wrapper {
  padding: 108px 40px 40px 40px;
  border: 1px solid #e5e5e5;
  position: relative;
  border-radius: 5px 5px 0 0;
}

.place-order-form-secondary-wrapper .wp-travel-engine-order-left-column {
  width: 300px;
  margin-right: 40px;
}

.place-order-form-secondary-wrapper .wp-travel-engine-order-left-column img {
  vertical-align: top;
}

.wp-travel-engine-order-form-wrapper .trip-title {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--primary-color);
  color: #fff !important;
  font-size: 20px !important;
  line-height: 1.3em !important;
  font-weight: 600;
  font-family: var(--secondary-font);
  margin: 0;
  padding: 20px 40px;
}

.place-order-form-secondary-wrapper .trip-property li {
  font-size: 15px;
  margin: 0 0 15px;
  font-family: var(--secondary-font);
}

.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price .cart-trip-total-price-holder {
  width: auto;
  font-size: 22px;
  line-height: 1.181em;
  font-weight: 600;
  color: var(--heading-font-color);
}

.place-order-form-secondary-wrapper .trip-property li .travelers-number {
  width: inherit;
}

.place-order-form-secondary-wrapper .trip-property li span {
  width: 50%;
}

.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price {
  border-top: 1px solid #e5e5e5;
  margin-top: 25px;
  padding-top: 20px;
  font-size: 22px;
  line-height: 1.181em;
  font-weight: 600;
  color: var(--heading-font-color);
}

.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price > span {
  font-size: 16px;
  line-height: 1.444em;
  font-weight: 600;
  color: #000;
  margin: 0 0 10px;
}

.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price .extra-service span {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  vertical-align: top;
}

.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price .extra-service .extra-service-cost {
  width: inherit;
}

.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price .extra-service .extra-service-total-cost {
  padding-top: 10px;
  border-top: 1px solid #e5e5e5;
}

.place-order-form-secondary-wrapper .trip-property .cart-trip-total-price .extra-service .extra-service-total-cost span {
  font-weight: 500;
  color: #000;
}

.place-order-form-secondary-wrapper .trip-property .payable-now,
.place-order-form-secondary-wrapper .trip-property .remaining-amount {
  display: flex;
  flex-wrap: wrap;
}

.place-order-form-secondary-wrapper .trip-property .payable-now label,
.place-order-form-secondary-wrapper .trip-property .remaining-amount label {
  width: 50% !important;
}

.place-order-form-secondary-wrapper .trip-property .payable-now .wrap-payable-now,
.place-order-form-secondary-wrapper .trip-property .remaining-amount .wrap-remaining-amount {
  color: #000;
  font-weight: 500;
}

.relation-options-title,
.personal-options-title {
  font-size: 22px;
  line-height: 1.272em;
  font-weight: 500;
  font-family: var(--secondary-font);
  color: var(--heading-font-color);
  margin: 0 0 35px;
  background: #f6f6f6;
  border-radius: 5px;
}

.wp-travel-engine-billing-details-wrapper,
.wp-travel-engine-personal-details-inner-wrapper,
.wp-travel-engine-relation-details-inner-wrapper {
  margin: 0 -15px;
}

.wp-travel-engine-billing-details-field-wrap,
.wp-travel-engine-personal-details,
.wp-travel-engine-relation-details {
  padding: 0 15px;
  margin-bottom: 30px;
}

.wp-travel-engine-billing-details-field-wrap:last-child {
  margin-bottom: 0;
}

#wp-travel-engine-order-form label {
  font-size: 14px;
  line-height: 1.714em;
}

#wp-travel-engine-order-form input[type=submit] {
  font-size: 13px;
  line-height: 15px;
}

.wp-travel-engine-relation-details select,
.wp-travel-engine-personal-details select {
  padding: 11px 10px;
}

.secondary-inner-wrapper {
  padding: 0;
  background: none;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
  margin-top: -1px;
}

.secondary-inner-wrapper table thead {
  background: none !important;
}

.trip-content-area .widget-area .trip-price {
  clear: both;
}

/*==================================
 Fixed Departure Date Style
 ==================================*/
.entry-content > .fixed-starting {
  margin: 1.5em 0;
}

.fixed-starting {
  margin: 0 0 1.5em;
}

.fixed-starting h2 {
  color: var(--heading-font-color);
  font-family: var(--secondary-font);
  font-weight: 500;
}

.fixed-starting .dd-list table {
  border: 0;
  color: var(--heading-font-color);
  margin: 0 0 1.5em;
}

.fixed-starting .dd-list table thead {
  border-bottom: 4px solid #e5e5e5;
}

.fixed-starting .dd-list table thead th {
  font-weight: 600;
  background: none;
  text-align: left;
  padding: 15px;
}

.fixed-starting .dd-list table tbody tr {
  border-bottom: 2px solid #e5e5e5;
  transition: ease 0.2s;
}

.fixed-starting .dd-list table tbody tr:hover,
.fixed-starting .dd-list table tbody tr:focus {
  background: #fafafa;
}

.fixed-starting .dd-list table tbody .accordion-cost svg,
.dd-list table tr td svg {
  color: #2cbb7d;
  margin-right: 5px;
}

.fixed-starting .dd-list table tbody .accordion-cost strong {
  font-weight: 400;
}

.fixed-starting .dd-list table tbody .accordion-seats .seats {
  font-weight: 400;
}

.fixed-starting .dd-list table tbody .book-btn {
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  border-radius: 5px;
  transition: ease 0.2s;
  padding: 13px 20px;
}

.fixed-starting .dd-list table tbody .book-btn:hover,
.fixed-starting .dd-list table tbody .book-btn:focus {
  text-decoration: none;
  background: none;
  color: var(--primary-color);
}

.fixed-starting .dd-list table tbody .sold-out {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600;
}

.fixed-starting .dd-list .btn-more-dates {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
  border: 1px solid var(--primary-color);
  background: var(--primary-color);
  border-radius: 5px;
  transition: ease 0.2s;
  padding: 13px 20px;
  cursor: pointer;
}

.fixed-starting .dd-list .btn-more-dates:hover,
.fixed-starting .dd-list .btn-more-dates:focus {
  text-decoration: none;
  background: none;
  color: var(--primary-color);
}

/*=====================================
 Blog section style
 =====================================*/
.blog-section {
  padding: 80px 0;
}

.blog-section .section-header {
  max-width: 660px;
  margin: 0 auto 60px;
  text-align: center;
}

.blog-section .section-header .section-title {
  font-family: var(--secondary-font);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.25em;
  margin: 0 0 16px;
  padding-bottom: 10px;
  position: relative;
  color: var(--heading-font-color);
}

.blog-section .section-header .section-title:after {
  background: var(--primary-color);
  content: "";
  height: 3px;
  left: 50%;
  position: absolute;
  top: 100%;
  width: 90px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.blog-section .grid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 -15px 50px;
}

.blog-section .grid .post {
  width: 33.333%;
  padding: 0 15px;
  margin: 0 0 30px;
}

.blog-section .grid .post .holder {
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  height: 100%;
  transition: linear 0.2s;
}

.blog-section .grid .post:hover .holder {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
}

.blog-section .grid .post .img-holder {
  position: relative;
}

.blog-section .grid .post .img-holder .cat-links {
  position: absolute;
  top: 20px;
  left: 20px;
}

.blog-section .grid .post .img-holder .cat-links a {
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  font-weight: 500;
  background: var(--primary-color);
  display: inline-block;
  margin-right: 5px;
  padding: 0 10px;
  border-radius: 20px;
}

.blog-section .grid .post .img-holder a:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

.blog-section .grid .post .img-holder img {
  vertical-align: top;
  border-radius: 5px 5px 0 0;
}

.blog-section .grid .post .text-holder {
  padding: 20px 20px 1px;
}

.blog-section .grid .post .text-holder .posted-on {
  display: block;
  font-size: 14px;
}

.blog-section .grid .post .text-holder .posted-on a {
  color: rgba(0, 0, 0, 0.5);
  transition: linear 0.2s;
}

.blog-section .grid .post .text-holder .posted-on a:hover,
.blog-section .grid .post .text-holder .posted-on a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.blog-section .grid .post .text-holder .entry-title {
  font-size: 18px;
  line-height: 1.444em;
  font-weight: 500;
  font-family: var(--secondary-font);
  margin: 0 0 13px;
}

.blog-section .grid .post .text-holder .entry-title a {
  color: var(--heading-font-color);
  transition: linear 0.2s;
}

.blog-section .grid .post .text-holder .entry-title a:hover,
.blog-section .grid .post .text-holder .entry-title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.blog-section .grid .post .text-holder .entry-content {
  margin: 0 0 20px;
  height: 85px;
  overflow: hidden;
}

.blog-section .grid .post .entry-footer {
  border-top: 1px solid #e5e5e5;
  padding: 8px 20px;
  font-size: 14px;
}

.blog-section .grid .post .entry-footer span {
  margin-right: 20px;
}

.blog-section .grid .post .entry-footer span span,
.blog-section .grid .post .entry-footer span:last-child {
  margin-right: 0;
}

.blog-section .grid .post .entry-footer span svg {
  font-size: 16px;
  color: var(--primary-color);
  margin-right: 5px;
}

.blog-section .grid .post .entry-footer a {
  color: var(--primary-font-color);
  transition: linear 0.2s;
}

.blog-section .grid .post .entry-footer a:hover,
.blog-section .grid .post .entry-footer a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.blog-section .btn-holder {
  text-align: center;
}

.blog-section .btn-holder .btn-more {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1px;
  display: inline-block;
  border: 2px solid var(--primary-color);
  border-radius: 5px;
  text-transform: uppercase;
  padding: 6px 29px;
  font-family: var(--secondary-font);
  transition: linear 0.2s;
}

.blog-section .btn-holder .btn-more:hover,
.blog-section .btn-holder .btn-more:focus {
  text-decoration: none;
  background: var(--primary-color);
  color: #fff;
}

.blog-section .btn-holder .btn-more:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

/*===================================
 Trip facts style
 ==================================*/
.trip-facts-value {
  grid-column-gap: 30px;
}

.secondary-trip-info .wte-trip-facts {
  background: rgba(var(--primary-color-rgb), 0.04);
  border: 1px solid rgba(15, 29, 35, 0.1019607843);
  border-radius: 8px;
  padding: 30px;
  margin-top: 0;
}

.trip-facts-value li svg {
  color: var(--primary-color);
}

.trip-facts-value .trip-facts-text label,
.trip-facts-value .trip-facts-textarea label,
.trip-facts-value label {
  font-size: 13px;
  line-height: 1.538em;
  font-weight: 600;
  color: var(--primary-color);
}

#secondary .trip-facts-value {
  grid-row-gap: 10px;
}

/*======================================
 Destination Page
 ======================================*/
.page-template-template-destination .trip-content-area,
.page-template-template-activities .trip-content-area,
.page-template-template-trip_types .trip-content-area {
  padding: 0 15px;
}

.page-template-template-destination .trip-content-area .wp-travel-engine-archive-outer-wrap,
.page-template-template-activities .trip-content-area .wp-travel-engine-archive-outer-wrap,
.page-template-template-trip_types .trip-content-area .wp-travel-engine-archive-outer-wrap {
  margin: 0;
}

.page-template-template-destination .trip-content-area .wp-travel-engine-archive-outer-wrap .page-header .page-title,
.page-template-template-activities .trip-content-area .wp-travel-engine-archive-outer-wrap .page-header .page-title,
.page-template-template-trip_types .trip-content-area .wp-travel-engine-archive-outer-wrap .page-header .page-title {
  display: none;
}

.page-template-template-destination .destination-holder .item {
  position: relative;
}

.page-template-template-destination .destination-holder .item a:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

.page-template-template-destination .destination-holder .item img {
  vertical-align: top;
  height: 275px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.page-template-template-destination .destination-holder .item .child-title {
  position: absolute;
  left: 15px;
  bottom: 0;
  width: calc(100% - 30px);
  font-size: 30px;
  line-height: 1.2em;
  color: #fff;
  font-family: var(--secondary-font);
  font-weight: 600;
  margin: 0;
  padding: 23px;
  pointer-events: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  /* IE6-9 */
}

/*==================================
 Activities page style
 ==================================*/
.page-template-template-activities .activities-holder .img-holder,
.page-template-template-trip_types .trip_types-holder .img-holder {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}

.page-template-template-activities .activities-holder .img-holder img,
.page-template-template-trip_types .trip_types-holder .img-holder img {
  vertical-align: top;
  width: 100%;
}

.page-template-template-activities .activities-holder .item .img-holder .title-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder .title-holder {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--secondary-font);
  color: #fff;
  padding: 40px 26px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#a6000000", GradientType=0);
  /* IE6-9 */
}

.page-template-template-activities .activities-holder .item .img-holder .text-holder,
.page-template-template-trip_types .trip_types-holder .item .img-holder .text-holder {
  padding: 30px 25px;
}

.page-template-template-activities .activities-holder .item .text-holder .text,
.page-template-template-trip_types .trip_types-holder .item .text-holder .text {
  max-height: 295px;
  overflow: hidden;
}

.page-template-template-activities .activities-holder .item .text-holder .title,
.page-template-template-trip_types .trip_types-holder .item .text-holder .title {
  font-size: 18px;
  margin: 0 0 10px;
  font-weight: 500;
  font-family: var(--secondary-font);
}

.page-template-template-activities .activities-holder .item .text-holder p,
.page-template-template-trip_types .trip_types-holder .item .text-holder p {
  margin: 0 0 5px;
  max-height: 250px;
  overflow: hidden;
}

.page-template-template-activities .activities-holder .item .text-holder .btn-more,
.page-template-template-trip_types .trip_types-holder .item .text-holder .btn-more {
  font-size: 40px;
  color: #fff;
  transition: linear 0.2s;
}

.page-template-template-activities .activities-holder .item .text-holder .btn-more:hover,
.page-template-template-activities .activities-holder .item .text-holder .btn-more:focus,
.page-template-template-trip_types .trip_types-holder .item .text-holder .btn-more:hover,
.page-template-template-trip_types .trip_types-holder .item .text-holder .btn-more:focus {
  text-decoration: none;
  color: var(--primary-color);
}

/*===========================================================
 Destination / Activity / Trip Type listing page style
 ===========================================================*/
.archive .wp-travel-engine-archive-outer-wrap {
  margin: 0;
}

.archive .trip-content-area .page-header,
.archive .trip-content-area .parent-desc,
.archive .trip-content-area .child-desc {
  padding: 0;
}

.archive .trip-content-area .activity-title {
  font-size: 40px;
  line-height: 1.125em;
  color: var(--heading-font-color);
  font-weight: 500;
  font-family: var(--secondary-font);
  position: relative;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
}

.archive .trip-content-area .activity-title:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.4);
  content: "";
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.archive .trip-content-area .activity-title:after {
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.4);
  content: "";
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.archive .trip-content-area .activity-title span {
  background: #fff;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0 30px;
}

.archive .trip-content-area .grid {
  margin-bottom: 50px;
  margin-top: 50px;
}

.archive .trip-content-area .grid .col .holder {
  border: 1px solid #dcdcdc;
  background: #fff;
  border-radius: 5px;
  transition: linear 0.2s;
  height: 100%;
}

.archive .trip-content-area .grid .col:hover .holder {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
}

.archive .trip-content-area .grid .img-holder {
  position: relative;
}

.archive .trip-content-area .grid .img-holder a:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

.archive .trip-content-area .grid .img-holder img {
  vertical-align: top;
  border-radius: 5px 5px 0 0;
}

.archive .trip-content-area .grid .img-holder .price-holder {
  background: var(--primary-color);
  border-top-left-radius: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  left: -5px;
  position: absolute;
  bottom: -20px;
  padding: 0;
}

.archive .trip-content-area .grid .img-holder .price-holder:after {
  background: #144e33;
  border-bottom-left-radius: 4px;
  bottom: -6px;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  width: 5px;
}

.archive .trip-content-area .grid .img-holder .price-holder span {
  display: block;
  padding: 6px 15px;
  position: relative;
}

.archive .trip-content-area .grid .img-holder .price-holder span:before {
  width: 0;
  height: 0;
  border-top: 20px solid var(--primary-color);
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  right: -20px;
  content: "";
}

.archive .trip-content-area .grid .img-holder .price-holder span:after {
  width: 0;
  height: 0;
  border-bottom: 20px solid var(--primary-color);
  border-right: 20px solid transparent;
  position: absolute;
  bottom: 0;
  right: -20px;
  content: "";
}

.trip-content-area .grid .col .img-holder {
  margin-bottom: 0;
}

.archive .trip-content-area .grid .text-holder {
  background: #fff;
  padding: 40px 0 14px;
  border-radius: 0 0 5px 5px;
}

.archive .trip-content-area .grid .text-holder .title,
#primary .post .entry-content .trip-content-area .grid .text-holder .title,
#primary .page .entry-content .trip-content-area .grid .text-holder .title {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--secondary-font);
  padding: 0 20px;
  margin: 0 0 7px;
}

.archive .trip-content-area .grid .text-holder .title a {
  color: var(--heading-font-color);
  transition: linear 0.2s;
}

.archive .trip-content-area .grid .text-holder .title a:hover,
.archive .trip-content-area .grid .text-holder .title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.archive .trip-content-area .grid .text-holder .meta-info {
  padding: 0 20px;
  font-size: 14px;
}

.archive .trip-content-area .grid .text-holder .meta-info span {
  display: block;
  margin: 0 0 7px;
}

.archive .trip-content-area .grid .text-holder .meta-info svg {
  font-size: 16px;
  margin-right: 5px;
  color: var(--primary-color);
}

.archive .trip-content-area .grid .text-holder .btn-holder {
  padding-top: 15px;
  border-top: 1px solid #e5e5e5;
  text-align: center;
}

.archive .trip-content-area .grid .text-holder .wp-travel-engine-cart {
  margin: 0 0 10px;
}

.archive .trip-content-area .grid .text-holder .btn-more,
.archive .trip-content-area .grid .text-holder .wp-travel-engine-cart {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  display: inline-block;
  border: 2px solid var(--primary-color);
  border-radius: 20px;
  text-transform: uppercase;
  padding: 2px 30px;
  font-family: var(--secondary-font);
  transition: linear 0.2s;
}

.archive .trip-content-area .grid .text-holder .btn-more:hover,
.archive .trip-content-area .grid .text-holder .btn-more:focus,
.archive .trip-content-area .grid .text-holder .wp-travel-engine-cart:hover,
.archive .trip-content-area .grid .text-holder .wp-travel-engine-cart:focus {
  text-decoration: none;
  background: var(--primary-color);
  color: #fff;
}

.archive .trip-content-area .grid .text-holder .btn-more:focus {
  outline: thin dotted #000;
  outline-offset: 2px;
}

.archive .trip-content-area .grid .load-destination,
.archive .trip-content-area .grid .btn-loadmore {
  width: 100%;
  padding: 0 15px;
  text-align: center;
}

.archive .trip-content-area .grid .load-destination span,
.archive .trip-content-area .grid .btn-loadmore span {
  display: inline-block;
  font-size: 13px;
  line-height: 2em;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 600;
  font-family: var(--secondary-font);
  background: #ffaf46;
  border: 2px solid #ffaf46;
  padding: 10px 40px;
  border-radius: 5px;
  cursor: pointer;
  transition: ease 0.2s;
}

.archive .trip-content-area .grid .load-destination span:hover,
.archive .trip-content-area .grid .load-destination span:focus,
.archive .trip-content-area .grid .btn-loadmore span:hover,
.archive .trip-content-area .grid .btn-loadmore:focus {
  background: none;
  color: #ffaf46;
}

/* new css code */
.group-discount,
.archive .trip-content-area .grid .col .img-holder .group-discount {
  position: absolute;
  font-size: 12px;
  display: inline-block;
  bottom: -14px;
  top: inherit;
  right: 20px;
  background: var(--primary-color);
  color: #fff;
  border-radius: 40px;
  padding: 0 15px;
  font-weight: 500;
  letter-spacing: 0.5px;
  cursor: default;
}

.archive .trip-content-area .grid .col .img-holder .group-discount:before {
  display: none;
}

.archive .trip-content-area .grid .col .img-holder .group-discount .tooltip {
  position: absolute;
  bottom: 100%;
  width: 270px;
  right: 0;
  top: inherit;
  left: inherit;
  font-size: 100%;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 40px;
  padding: 3px 15px;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0);
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  transition: all ease 0.35s;
}

.archive .trip-content-area .grid .col .img-holder .group-discount:hover .tooltip,
.archive .trip-content-area .grid .col .img-holder .group-discount:focus .tooltip {
  bottom: calc(100% + 10px);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.archive .trip-content-area .grid .col .img-holder .group-discount .tooltip:after {
  display: none;
}

.archive .trip-content-area .grid .col .img-holder .group-discount .tooltip:before {
  content: "";
  border-top: 7px solid rgba(0, 0, 0, 0.85);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -7px;
  right: 60px;
}

.group-discount .tooltip {
  position: absolute;
  bottom: 100%;
  width: 270px;
  right: 0px;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 40px;
  padding: 3px 15px;
  text-align: center;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  transition: all ease 0.35s;
}

.group-discount .tooltip::after {
  content: "";
  border-top: 7px solid rgba(0, 0, 0, 0.85);
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -7px;
  right: 60px;
}

.group-discount:hover .tooltip {
  bottom: calc(100% + 10px);
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
}

.next-trip-info h3,
.next-trip-info .fsd-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #000;
  margin-bottom: 10px;
}

.next-trip-info .next-departure-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.next-trip-info .next-departure-list li {
  margin-bottom: 10px;
  font-weight: 300;
  font-size: 14px;
  position: relative;
  z-index: 1;
}

.next-trip-info .next-departure-list li::before {
  border-bottom: 1px dotted var(--primary-font-color);
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  height: 1px;
  content: "";
  z-index: -1;
}

.next-trip-info .next-departure-list li .left {
  color: var(--primary-color);
  background: #fff;
  padding-right: 10px;
}

.next-trip-info .next-departure-list li .left svg {
  margin-right: 5px;
}

.next-trip-info .next-departure-list li .right {
  float: right;
  background: #fff;
  padding-left: 10px;
}

/* SINGLE TRIP RATING */
.advanced-search-wrapper .title {
  font-size: 18px;
  font-weight: 500;
  font-family: var(--secondary-font);
  padding: 0 20px;
  margin: 0 0 7px;
}

.advanced-search-wrapper .title a {
  color: var(--heading-font-color);
  -webkit-transition: linear 0.2s;
  -moz-transition: linear 0.2s;
  transition: linear 0.2s;
}

.advanced-search-wrapper .title a:hover,
.advanced-search-wrapper .title a:focus {
  text-decoration: none;
  color: var(--primary-color);
}

.agg-rating.jq-ry-container {
  display: inline-block;
}

/*====================================
 Trip search Page style
 ====================================*/
.trip-search-result #primary .advanced-search-wrapper .sidebar h2 {
  font-family: var(--secondary-font);
  font-weight: 500;
  color: var(--heading-font-color);
  position: relative;
  margin: 0 0 25px;
  padding: 0 0 2px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar h2:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 60px;
  height: 3px;
  background: var(--primary-color);
  content: "";
}

.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field {
  margin: 0 0 30px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar h3 {
  color: #212121;
  font-weight: 500;
  font-family: var(--secondary-font);
  margin: 0 0 8px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar ul {
  font-size: 0.875em;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar ul li .count {
  font-size: 0.75em;
  background: #eee;
  border-radius: 20px;
  padding: 0 10px;
  line-height: 2em;
}

/*=====================================
 Base for label styling 
 =====================================*/
.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:not(:checked),
.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:checked {
  position: absolute;
  left: -9999px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:not(:checked) + span,
.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:checked + span {
  position: relative;
  padding-left: 26px;
  cursor: pointer;
}

/*=================================
 Checkbox aspect 
 =================================*/
.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:not(:checked) + span:before,
.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:checked + span:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 13px;
  height: 13px;
  border: 2px solid #d3d3d3;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:checked + span:before {
  border-color: var(--primary-color);
}

/*====================================
 Checked active aspect
 ====================================*/
.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:not(:checked) + span:after,
.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:checked + span:after {
  content: "";
  position: absolute;
  top: 8px;
  left: 4px;
  width: 5px;
  height: 5px;
  background: var(--primary-color);
  transition: all 0.2s;
}

/*======================================
 Checked active aspect changes
 =====================================*/
.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:not(:checked) + span:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.trip-search-result #primary .advanced-search-wrapper .sidebar ul li [type=checkbox]:checked + span:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*============================
 Price slider style
 ============================*/
/*.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .ui-widget.ui-widget-content {
    height: 2px;
    background: #d3d3d3;
    border-radius: 0;
    margin: 0 0 10px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .ui-slider-horizontal .ui-slider-range {
    border-radius: 0;
    background: var(--primary-color);
    height: 2px;
    top: -1px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .ui-slider-horizontal .ui-slider-handle {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 6px solid var(--primary-color);
    border-bottom: 8px solid transparent;
    background: none;
    border-right: 0;
    border-radius: 0;
    top: -6px;
    margin-left: -1px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .ui-slider-horizontal .ui-slider-handle+.ui-slider-handle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: -5px;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .cost-slider-value,
.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .duration-slider-value {
    overflow: hidden;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .cost-slider-value .min-cost,
.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .duration-slider-value .min-duration {
    float: left;
    font-size: 0.75em;
    background: #eee;
    border-radius: 20px;
    padding: 0 10px;
    line-height: 2em;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .cost-slider-value .max-cost,
.trip-search-result #primary .advanced-search-wrapper .sidebar .advanced-search-field .duration-slider-value .max-duration {
    float: right;
    font-size: 0.75em;
    background: #eee;
    border-radius: 20px;
    padding: 0 10px;
    line-height: 2em;
}
.trip-search-result .foundPosts{
    font-size: 24px;
    font-weight: 600;
    color: var(--heading-font-color);
}
.trip-search-result .advanced-search-wrapper + .wp-travel-engine-archive-repeater-wrap{
    padding-left: 66px;
}
.trip-search-result .category-trips-single .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-icon{
    background: var(--primary-color);
}
.trip-search-result .category-trips-single .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-txt{
    color: var(--primary-color);
    font-size: 14px;
}
.trip-search-result .category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-title{
    font-size: 18px;
    font-weight: 500;
}
.trip-search-result .category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-title a{
    color: var(--heading-font-color);
}
.trip-search-result .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur,
.category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc{
    color: var(--primary-font-color);
    font-size: 14px;
    font-weight: 400;
}
.trip-search-result .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur span,
.category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc span{
    font-weight: 500;
}
.category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc a{
    color: var(--primary-font-color);
}
.category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc i,
.trip-search-result .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur i{
    color: var(--primary-color);
}

.category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc i svg,
.trip-search-result .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur i svg{
    fill: var(--primary-color);
}*/
/*===================================
 Advance Search Result items
 ==================================*/
/*.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .foundPosts {
    font-family: var(--secondary-font);
    color: var(--heading-font-color);
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px;
    margin-bottom: 50px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .col {
    width: 33.3333%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .col .holder {
    border: 1px solid #dcdcdc;
    background: #fff;
    border-radius: 5px;
    transition: linear 0.2s;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .col:hover .holder {
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .img-holder {
    position: relative;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .img-holder img {
    vertical-align: top;
    border-radius: 5px 5px 0 0;
    width: 100%;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .img-holder .price-holder {
    background: var(--primary-color);
    border-top-left-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    left: -5px;
    position: absolute;
    bottom: -20px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .img-holder .price-holder:after {
    background: #144e33;
    border-bottom-left-radius: 4px;
    bottom: -6px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 5px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .img-holder .price-holder span {
    display: block;
    padding: 6px 15px;
    position: relative;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .img-holder .price-holder span:before {
    width: 0;
    height: 0;
    border-top: 20px solid var(--primary-color);
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    right: -20px;
    content: '';
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .img-holder .price-holder span:after {
    width: 0;
    height: 0;
    border-bottom: 20px solid var(--primary-color);
    border-right: 20px solid transparent;
    position: absolute;
    bottom: 0;
    right: -20px;
    content: '';
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder {
    background: #fff;
    padding: 40px 0 14px;
    border-radius: 0 0 5px 5px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .entry-title {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--secondary-font);
    padding: 0 20px;
    margin: 0 0 7px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .entry-title a {
    color: var(--heading-font-color);
    transition: linear 0.2s;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .entry-title a:hover,
.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .entry-title a:focus {
    text-decoration: none;
    color: var(--primary-color);
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .meta-info {
    padding: 0 20px;
    font-size: 14px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .meta-info span {
    display: block;
    margin: 0 0 7px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .meta-info svg {
    font-size: 16px;
    margin-right: 5px;
    color: var(--primary-color);
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .btn-holder {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .wp-travel-engine-cart {
    margin: 0 0 10px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .btn-more,
.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .wp-travel-engine-cart {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    border: 2px solid var(--primary-color);
    border-radius: 20px;
    text-transform: uppercase;
    padding: 2px 30px;
    font-family: var(--secondary-font);
    transition: linear 0.2s;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .btn-more:hover,
.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .btn-more:focus,
.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .wp-travel-engine-cart:hover,
.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .text-holder .wp-travel-engine-cart:focus {
    text-decoration: none;
    background: var(--primary-color);
    color: #fff;
}

.trip-search-result #primary .advanced-search-wrapper .sidebar {
    margin-bottom: 50px;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .load-more-search {
    display: block;
    font-size: 13px;
    line-height: 2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--secondary-font);
    background: #ffaf46;
    border: 2px solid #ffaf46;
    padding: 10px 40px;
    border-radius: 5px;
    cursor: pointer;
    transition: ease 0.2s;
    width: 220px;
    margin: 0 auto;
    text-align: center;
}

.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .load-more-search:hover,
.trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .load-more-search:focus {
    text-decoration: none;
    color: #ffaf46;
    background: none;
}*/
/*==================================
 Thank You Page Style
 ==================================*/
.thank-you #secondary {
  display: none !important;
}

.thank-you .page-header {
  max-width: 945px;
  margin: 0 auto;
  text-align: center;
}

.thank-you .page-header .page-title {
  padding: 0;
  margin: 0;
}

.thank-you .page-header .page-title:after {
  display: none;
}

.thank-you #primary {
  width: 100%;
  padding: 0 15px;
}

.thank-you #primary .page .text-holder {
  max-width: 945px;
  margin: 0 auto;
  text-align: center;
}

#primary .entry-content .thank-you-container .trip-details {
  font-size: 18px;
}

.detail-container {
  margin: 0 auto;
  max-width: 575px;
  border-top: 1px solid #BFBFBF;
  border-bottom: 1px solid #BFBFBF;
  padding: 0;
  text-align: left;
}

.detail-item {
  border-bottom: 1px solid #F2F2F2;
}

svg.fallback-svg {
  vertical-align: top;
}

body.rightsidebar .wpte-bf-checkout .wpte-bf-summary-wrap {
  padding: 5% 0;
  background: transparent;
  border: none;
}

body.rightsidebar #primary .wpte-bf-checkout .wpte-bf-summary-wrap table tbody tr td:last-child {
  text-align: right !important;
}

body.rightsidebar .wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td .wpte-bf-total-txt {
  font-size: 14px;
}

body.rightsidebar #primary .wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td {
  text-align: right;
}

body.rightsidebar .wpte-bf-checkout .wpte-bf-summary-total .wpte-bf-total-txt {
  font-size: 15px;
  margin: 0;
  padding: 0;
}

body.rightsidebar .wpte-bf-checkout .wpte-bf-summary-total .wpte-bf-currency,
body.rightsidebar .wpte-bf-checkout .wpte-bf-summary-total .wpte-bf-price-amt {
  font-size: 24px;
}

body.rightsidebar .wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step {
  margin-left: 40px;
}

body.rightsidebar .wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::after {
  right: calc(100% + 15px);
  right: -webkit-calc(100% + 15px);
  right: -moz-calc(100% + 15px);
  width: 25px;
}

.wpte-bf-checkout .wpte-bf-summary-wrap {
  background: #FFF;
  border: none;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-trip-name {
  font-size: 20px;
}

.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-trip-date {
  font-size: 16px;
  color: #232323;
  display: block;
  margin-top: 10px;
}

.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-trip-name-wrap {
  border-bottom: none;
  margin-bottom: 10px;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot td {
  text-align: right !important;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table,
.wpte-bf-checkout .wpte-bf-summary-wrap table tr {
  border: none !important;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tr td {
  padding: 10px 0 !important;
  color: #232323;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tr td:last-child {
  text-align: right !important;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tbody {
  padding-bottom: 10px;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot {
  border-top-color: var(--primary-color);
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot td {
  padding-top: 20px !important;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tr:last-child {
  padding-bottom: 10px;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td .wpte-bf-total-txt {
  font-size: 16px;
  color: rgba(35, 35, 35, 0.8);
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td .wpte-bf-currency,
.wpte-bf-checkout .wpte-bf-summary-wrap table tfoot tr td .wpte-bf-price-amt {
  color: #232323;
  font-size: 20px;
  font-weight: 500;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tr td b {
  color: #232323;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tbody tr:last-child td {
  padding-bottom: 20px !important;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tbody tr td:first-child {
  font-size: 16px;
  color: #232323;
  font-weight: 500;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tbody tr td:first-child span {
  position: relative;
  background: #FFF;
  padding-right: 20px;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tbody tr td b {
  background: #FFF;
  display: inline-block;
  position: relative;
  padding-left: 20px;
  font-size: 16px;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table tbody tr td:first-child span:after {
  position: absolute;
  content: "";
  width: 500px;
  height: 1px;
  border: 1px dashed rgba(0, 0, 0, 0.1);
  top: 10px;
  left: 100%;
}

.wpte-bf-booking-steps .wpte-bf-step-wrap {
  background: transparent;
  border-bottom: solid 1px rgba(50, 182, 122, 0.2);
  padding: 25px 15px 15px;
}

.wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step {
  text-transform: capitalize;
}

.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap {
  padding-bottom: 30px;
  text-align: left;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.completed::before {
  background-color: rgba(50, 182, 122, 0.1);
  background-image: url('data:image/svg+xml; utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="%2332b67a" d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"></path></svg>');
}

.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::after {
  background-color: rgba(50, 182, 122, 0.1);
}

.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.active::after {
  background-color: rgb(50, 182, 122);
}

.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.active::before {
  background-color: rgb(50, 182, 122);
}

.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step::before {
  color: rgb(50, 182, 122);
  border-color: rgba(50, 182, 122, 0.1);
}

.wpte-bf-checkout .wpte-bf-radio .wpte-bf-radio-wrap input[type=radio]:checked + label::before,
.wpte-bf-checkbox .wpte-bf-checkbox-wrap input[type=checkbox]:checked + label::before {
  background-color: rgb(50, 182, 122);
  border-color: rgb(50, 182, 122);
}

.wpte-bf-step-content-wrap .wpte-bf-btn-wrap input.wpte-bf-btn,
.wpte-bf-submit input[type=submit] {
  background: rgb(50, 182, 122);
  border: 1px solid rgb(50, 182, 122);
  font-size: 13px;
  font-weight: 600;
  padding: 11px 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.wpte-bf-step-content-wrap .wpte-bf-btn-wrap input.wpte-bf-btn:hover,
.wpte-bf-submit input[type=submit]:hover,
.wpte-bf-step-content-wrap .wpte-bf-btn-wrap input.wpte-bf-btn:focus,
.wpte-bf-submit input[type=submit]:focus {
  color: rgb(50, 182, 122);
  background: none;
}

.wpte-bf-step-content-wrap .wpte-bf-toggle-wrap table caption {
  font-size: 16px;
  color: #232323;
  font-weight: 500;
}

.wpte-bf-checkout .wpte-bf-summary-wrap table.wpte-bf-extra-info-table {
  margin-top: 10px;
}

.wpte-bf-checkbox .wpte-bf-checkbox-wrap a {
  color: rgb(50, 182, 122);
}

.wpte-bf-toggle-wrap .wpte-bf-toggle-title {
  color: #FFF;
  text-transform: capitalize;
  background: rgba(50, 182, 122, 0.8);
}

.wpte-bf-toggle-wrap .wpte-bf-toggle-title:hover {
  background: rgb(50, 182, 122);
}

.wpte-bf-booking-steps {
  margin-top: 0;
}

.wpte-bf-help-block {
  background: #FFF;
  font-size: 13px;
  border-top: 1px solid rgba(50, 182, 122, 0.2);
  font-weight: 500;
  color: #232323;
}

.wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step.active {
  color: rgb(50, 182, 122);
  font-size: 14px;
}

.wpte-bf-help-block a {
  color: rgb(50, 182, 122);
}

.wpte-bf-price-wrap .wpte-bf-ptitle {
  margin-top: 13px;
  font-size: 14px;
  font-weight: 600;
  color: rgba(35, 35, 35, 0.8);
  display: block;
  text-align: center;
}

.wpte-bf-price-wrap .wpte-bf-price ins b {
  padding-left: 2px;
  font-weight: 700;
}

.wpte-bf-step-content .wpte-bf-block-title {
  font-size: 18px;
}

.wpte-bf-price-wrap .wpte-bf-price .wpte-bf-pqty {
  padding-left: 0;
  padding-right: 10px;
  color: #232323;
}

.wpte-bf-datepicker .ui-datepicker-inline .ui-widget-header a[class*=ui-datepicker-] {
  bottom: 7px;
}

.wpte-bf-step-content .ui-datepicker table {
  font-size: 14px !important;
}

.wpte-bf-datepicker .ui-datepicker th {
  font-size: 13px;
  font-weight: 400;
}

.wpte-bf-step-content-wrap .wpte-bf-toggle-content table tr td .wpte-bf-info {
  color: rgba(0, 0, 0, 0.9);
}

.wpte-bf-step-content-wrap .wpte-bf-toggle-content table tr td {
  -ms-word-break: break-word;
  word-break: break-word;
}

.wpte-bf-step-content-wrap .wpte-bf-toggle-content table tr td:last-child {
  font-size: 16px;
  color: #232323;
  font-weight: 500;
}

.wpte-bf-toggle-wrap .wpte-bf-toggle-title {
  background: rgba(50, 182, 122, 0.8);
}

.wte-bf-price-detail .wpte-bf-toggle-wrap .wpte-bf-toggle-title {
  background: rgba(50, 182, 122, 0.1);
  color: rgb(50, 182, 122);
}

.wpte-bf-toggle-wrap .wpte-bf-toggle-title:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpte-bf-step-content .wpte-bf-number-field button:hover {
  color: rgb(50, 182, 122);
}

.wpte-bf-step-content-wrap .wpte-bf-btn-wrap input.wpte-bf-btn:focus,
.wpte-bf-submit input[type=submit]:focus,
.wpte-bf-step-content .wpte-bf-number-field button:focus {
  outline: none;
}

.wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step-arrow {
  color: rgba(51, 51, 51, 0.25);
}

.wpte-bf-datepicker .ui-datepicker-inline .ui-widget-header {
  background: rgba(50, 182, 122, 0.07);
  padding: 13px 0;
  border-bottom: none;
}

.wpte-bf-datepicker .ui-datepicker-inline .ui-datepicker-title {
  font-weight: 500;
}

.wpte-bf-step-content .wpte-bf-number-field + span {
  font-size: 14px;
}

.wpte-bf-step-content .wpte-bf-price ins {
  color: rgb(50, 182, 122);
  font-size: 18px;
}

.wpte-bf-step-content .wpte-bf-price ins b {
  font-size: 18px;
  font-weight: 600;
}

.wpte-bf-step-content .wpte-bf-price .wpte-bf-pqty {
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-currency,
.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-price-amt {
  color: rgb(50, 182, 122);
  font-weight: 500;
  font-size: 26px;
}

.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-currency {
  font-weight: 300;
}

.wpte-bf-checkout .wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-currency,
.wpte-bf-checkout .wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-price-amt {
  color: #232323;
  font-weight: 500;
}

.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-total-txt {
  font-size: 20px;
  font-weight: 500;
  color: rgb(35, 35, 35);
}

.wpte-bf-checkout .wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-total-txt {
  font-size: 16px;
  padding-right: 0;
}

.wpte-bf-step-content .wpte-bf-number-field {
  border: 1px solid rgba(50, 182, 122, 0.4);
  width: 100px;
  height: 40px;
}

.wpte-bf-step-content .wpte-bf-number-field button {
  color: rgb(50, 182, 122);
  background: rgba(50, 182, 122, 0.03);
  border: solid 1px rgba(50, 182, 122, 0.05);
}

.wpte-bf-step-content-wrap .wpte-bf-toggle-content .wpte-bf-total {
  font-size: 14px;
  text-transform: uppercase;
}

.wpte-bf-step-content-wrap .wpte-bf-toggle-content .wpte-bf-total b {
  color: rgb(50, 182, 122);
  font-size: 18px;
}

.wpte-bf-checkout .wpte-bf-summary-total {
  padding: 5% 0;
  margin-top: 10px;
  background: none;
  border-top: 1px solid rgb(50, 182, 122);
}

.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-title,
.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-trip-name-wrap {
  text-align: left;
}

.wpte-bf-checkout .wpte-bf-summary-wrap .wpte-bf-title {
  font-size: 30px;
  margin-bottom: 30px;
}

/*.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-currency,
.wpte-bf-step-content-wrap .wpte-bf-total-price .wpte-bf-price-amt{
color: #232323;
}*/
.wpte-bf-checkout .wpte-bf-step-content-wrap .wpte-bf-total-price {
  text-align: right;
}

.wpte-bf-outer input[type=text],
.wpte-bf-outer input[type=email],
.wpte-bf-outer input[type=url],
.wpte-bf-outer input[type=password],
.wpte-bf-outer input[type=search],
.wpte-bf-outer input[type=number],
.wpte-bf-outer input[type=tel],
.wpte-bf-outer input[type=range],
.wpte-bf-outer input[type=date],
.wpte-bf-outer input[type=month],
.wpte-bf-outer input[type=week],
.wpte-bf-outer input[type=time],
.wpte-bf-outer input[type=datetime],
.wpte-bf-outer input[type=datetime-local],
.wpte-bf-outer input[type=color],
.wpte-bf-outer textarea,
.wpte-bf-outer select {
  background: none;
}

.wpte-bf-outer.wpte-bf-checkout {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpte-bf-booking-steps {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.wpte-bf-datepicker .ui-datepicker td a.ui-state-default {
  background: rgb(50, 182, 122);
  color: #FFF;
}

.wpte-bf-toggle-wrap .wpte-bf-toggle-content {
  padding: 0 20px;
}

.wpte-bf-checkout .wpte-bf-book-summary {
  padding: 45px 60px;
  -webkit-box-shadow: 0px 0px 42px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 42px rgba(0, 0, 0, 0.05);
}

body.rightsidebar .wpte-bf-checkout .wpte-bf-book-summary {
  padding: 20px 20px 10px;
}

body.rightsidebar .wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap .wpte-bf-step:first-child {
  margin-left: 0;
}

.wpte-bf-checkout .wpte-bf-checkout-form,
body.rightsidebar .wpte-bf-checkout .wpte-bf-checkout-form {
  width: 60%;
}

.wpte-bf-checkout .wpte-bf-book-summary,
body.rightsidebar .wpte-bf-checkout .wpte-bf-book-summary {
  width: 40%;
}

.wpte-bf-checkout .wpte-bf-title {
  color: #232323;
  font-size: 20px;
}

.trip-search-result #primary {
  width: 100%;
  float: none;
  padding: 0 15px;
}

/*===================================
 Advance Search Result items
 ==================================*/
/*.trip-search-result .wp-travel-engine-archive-outer-wrap .advanced-search-wrapper{
    width: 330px;
}
.trip-search-result .wp-travel-engine-archive-outer-wrap .advanced-search-wrapper + .wp-travel-engine-archive-repeater-wrap{
    width: -webkit-calc(100% - 330px);
    width: -moz-calc(100% - 330px);
    width: calc(100% - 330px);
}
.trip-search-result .advanced-search-wrapper .advanced-search-field.search-trip-type h3:after,
.trip-search-result .advanced-search-wrapper .advanced-search-field.trip-dates h3:after{
    right: 3px;
}
.trip-search-result #primary .advanced-search-wrapper .sidebar{
    background: #fafafa;
    border-radius: 5px;
    padding: 20px;
}
.trip-search-result #primary .wp-travel-engine-archive-wrap .title {
    font-size: 18px;
    font-weight: 500;
    padding: 0 20px;
    margin: 0 0 7px;
}
.trip-search-result #primary .wp-travel-engine-archive-wrap .title a{
    color: var(--heading-font-color);
    transition: all ease 0.3s;
}
.trip-search-result #primary .wp-travel-engine-archive-wrap .title a:hover{
    color: var(--primary-color);
    text-decoration: none;
}
.trip-search-result #primary .category-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.trip-search-result #primary .category-grid .col {
    width: 33.3333%;
    padding: 0 15px;
    margin: 0 0 30px;
}

.trip-search-result #primary .category-grid .col .holder {
    border: 1px solid #dcdcdc;
    background: #fff;
    border-radius: 5px;
    transition: linear 0.2s;
}

.trip-search-result #primary .category-grid .col:hover .holder {
    box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
}

.trip-search-result #primary .category-grid .img-holder {
    position: relative;
}

.trip-search-result #primary .category-grid .img-holder img {
    vertical-align: top;
    border-radius: 5px 5px 0 0;
    width: 100%;
}

.trip-search-result #primary .category-grid .img-holder .price-holder {
    background: var(--primary-color);
    border-top-left-radius: 5px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    padding: 0;
    left: -5px;
    position: absolute;
    bottom: -20px;
}

.trip-search-result #primary .category-grid .img-holder .price-holder:after {
    background: #144e33;
    border-bottom-left-radius: 4px;
    bottom: -6px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 5px;
}

.trip-search-result #primary .category-grid .img-holder .price-holder span {
    display: block;
    padding: 8px 15px;
    line-height: 1;
    position: relative;
}

.trip-search-result #primary .category-grid .img-holder .price-holder span:before {
    width: 0;
    height: 0;
    border-top: 20px solid var(--primary-color);
    border-right: 20px solid transparent;
    position: absolute;
    top: 0;
    right: -20px;
    content: '';
}

.trip-search-result #primary .category-grid .img-holder .price-holder span:after {
    width: 0;
    height: 0;
    border-bottom: 20px solid var(--primary-color);
    border-right: 20px solid transparent;
    position: absolute;
    bottom: 0;
    right: -20px;
    content: '';
}

.trip-search-result #primary .category-grid .text-holder {
    background: #fff;
    padding: 20px 0 14px;
    border-radius: 0 0 5px 5px;
}

.trip-search-result #primary .category-grid .text-holder .entry-title {
    font-size: 18px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
    padding: 0 20px;
    margin: 0 0 7px;
}

.trip-search-result #primary .category-grid .text-holder .entry-title a {
    color: var(--heading-font-color);
    transition: linear 0.2s;
}

.trip-search-result #primary .category-grid .text-holder .entry-title a:hover,
.trip-search-result #primary .category-grid .text-holder .entry-title a:focus {
    text-decoration: none;
    color: var(--primary-color);
}

.trip-search-result #primary .category-grid .text-holder .meta-info {
    padding: 0 20px;
    font-size: 14px;
}

.trip-search-result #primary .category-grid .text-holder .meta-info span {
    display: block;
    margin: 0 0 7px;
}

.trip-search-result #primary .category-grid .text-holder .meta-info svg {
    font-size: 16px;
    margin-right: 5px;
    color: var(--primary-color);
}

.trip-search-result #primary .category-grid .text-holder .btn-holder {
    padding-top: 15px;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

.trip-search-result #primary .category-grid .text-holder .wp-travel-engine-cart {
    margin: 0 0 10px;
}

.trip-search-result #primary .category-grid .text-holder .btn-more,
.trip-search-result #primary .category-grid .text-holder .wp-travel-engine-cart {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    display: inline-block;
    border: 2px solid var(--primary-color);
    border-radius: 20px;
    text-transform: uppercase;
    padding: 2px 30px;
    font-family: var(--secondary-font);
    transition: linear 0.2s;
}

.trip-search-result #primary .category-grid .text-holder .btn-more:hover,
.trip-search-result #primary .category-grid .text-holder .btn-more:focus,
.trip-search-result #primary .category-grid .text-holder .wp-travel-engine-cart:hover,
.trip-search-result #primary .category-grid .text-holder .wp-travel-engine-cart:focus {
    text-decoration: none;
    background: var(--primary-color);
    color: #fff;
}

.trip-search-result #primary .sidebar {
    margin-bottom: 50px;
}

.trip-search-result #primary .wte-advanced-search-wrap .load-more-search {
    display: block;
    font-size: 13px;
    line-height: 2em;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 1px;
    font-weight: 600;
    font-family: var(--secondary-font);
    background: #ffaf46;
    border: 2px solid #ffaf46;
    padding: 10px 40px;
    border-radius: 5px;
    cursor: pointer;
    transition: ease 0.2s;
    width: 220px;
    margin: 0 auto;
    text-align: center;
}

.trip-search-result #primary .wte-advanced-search-wrap .load-more-search:hover,
.trip-search-result #primary .wte-advanced-search-wrap .load-more-search:focus {
    text-decoration: none;
    color: #ffaf46;
    background: none;
}
.trip-search-result .wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount{
    position: absolute;
    font-size: 12px;
    display: inline-block;
    bottom: -14px;
    top: inherit;
    right: 20px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 40px;
    padding: 0 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    cursor: default;
}
.trip-search-result .wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount:before{
    display: none;
}
.trip-search-result .wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount .tooltip{
    position: absolute;
    bottom: 100%;
    width: 270px;
    right: 0;
    top: inherit;
    left: inherit;
    font-size: 100%;
    background: rgba(0, 0, 0, 0.85);
    border-radius: 40px;
    padding: 3px 15px;
    text-align: center;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    transform: translate(0);
    -webkit-transition: all ease 0.35s;
    -moz-transition: all ease 0.35s;
    transition: all ease 0.35s;
}
.trip-search-result .wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount:hover .tooltip,
.trip-search-result .wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount:focus .tooltip{
    bottom: calc(100% + 10px);
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
}
.trip-search-result .wp-travel-engine-archive-outer-wrap .wp-travel-engine-archive-wrap .img-holder .group-discount .tooltip:before{
    content: "";
    border-top: 7px solid rgba(0, 0, 0, 0.85);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: -7px;
    right: 60px;
}
.trip-search-result #primary .wte-category-outer-wrap .load-more-search{
    font-family: var(--secondary-font);
    background: #ffaf46;
    border-color: #ffaf46;
}
.trip-search-result #primary .wte-category-outer-wrap .load-more-search:hover{
    color: #ffaf46;
    background: transparent;
}
.trip-search-result #primary .wte-category-outer-wrap .load-more-search:focus{
    text-decoration: none;
    }*/
.wp-travel-toolbar .wte-filterby-dropdown .wte-ordering span,
.wp-travel-toolbar .wte-view-modes span,
.wp-travel-toolbar .wte-filterby-dropdown .wte-ordering select {
  font-size: 14px;
  font-weight: 500;
}

/*.category-list .category-trips-single-inner-wrap .category-trip-prc-title-wrap .category-trip-budget .price-holder span.striked-price{
    color: rgba(50,182,122,0.65);
    display: block;
    margin-bottom: 5px;
}
.category-list .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-viewmre-btn{
    border: 1px solid var(--primary-color);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    font-size: 14px;
    padding: 10px 25px;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    transition: all ease 0.3s;
}
.category-list .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-viewmre-btn:hover{
    color: #FFF;
    background: var(--primary-color);
    text-decoration: none;
}
.category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc span a:hover{
    color: var(--primary-color);
}
.category-trips-single .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount .discount-offer span{
    font-size: 16px;
}
.category-trips-single .category-trips-single-inner-wrap .category-trip-aval-time .category-available-trip-text{
    font-weight: 400;
    }*/
.wp-travel-engine-archive-outer-wrap .advanced-search-wrapper + .wp-travel-engine-archive-repeater-wrap {
  padding-left: 66px;
}

.wp-travel-engine-archive-outer-wrap {
  position: relative;
}

.wp-travel-engine-archive-outer-wrap #loader {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.95);
}

.wp-travel-engine-archive-outer-wrap #loader svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.trip-search-result .foundPosts {
  color: var(--heading-font-color);
  font-size: 24px;
  font-weight: 600;
  color: var(--heading-font-color);
}

/*Grid Layout*/
.category-main-wrap.category-grid .category-trips-single-inner-wrap {
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap:hover {
  -webkit-box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.15);
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap {
  padding: 0;
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-budget {
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  position: relative;
  margin-left: -5px;
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-budget:after {
  background: #144e33;
  border-bottom-left-radius: 4px;
  bottom: -6px;
  content: "";
  height: 6px;
  left: 0;
  position: absolute;
  width: 5px;
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-budget .price-holder {
  display: block;
  padding: 10px 15px;
  position: relative;
  background: var(--primary-color);
  -webkit-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-budget .price-holder:before {
  width: 0;
  height: 0;
  border-top: 20px solid var(--primary-color);
  border-right: 20px solid transparent;
  position: absolute;
  top: 0;
  right: -20px;
  content: "";
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-budget .price-holder:after {
  width: 0;
  height: 0;
  border-bottom: 20px solid var(--primary-color);
  border-right: 20px solid transparent;
  position: absolute;
  bottom: 0;
  right: -20px;
  content: "";
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-budget .price-holder .striked-price {
  color: #FFF;
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  opacity: 1;
  font-weight: 500;
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-budget .price-holder .actual-price {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
  color: #FFF;
  padding-left: 3px;
  font-weight: 500;
}

.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.3;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc span a:hover,
.category-main-wrap.category-grid .category-trip-prc-title-wrap .category-trip-title a:hover {
  color: var(--primary-color);
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur span,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc span,
.category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur,
.category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur span,
.category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc,
.category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc span {
  font-size: 14px;
  font-weight: 500;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc a {
  color: var(--primary-font-color);
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur i svg,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc i svg,
.category-list .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-dur i svg,
.category-list .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desti .category-trip-loc i svg {
  fill: var(--primary-color);
}

.category-main-wrap.category-grid .category-trip-review {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  padding: 0;
}

.category-main-wrap.category-grid .category-trip-review .rating-rev {
  display: inline-block;
  margin-top: -1px;
}

.category-main-wrap.category-grid .category-trip-review .category-trip-reviewcount {
  display: inline-block;
  padding-left: 5px;
}

.category-list .category-trip-reviewcount .aggregate-rating,
.category-main-wrap.category-grid .category-trip-reviewcount .aggregate-rating {
  margin: 0;
}

.category-list .category-trip-reviewcount .stars,
.category-list .category-trip-reviewcount .review-based-on-wrap,
.category-main-wrap.category-grid .category-trip-reviewcount .stars,
.category-main-wrap.category-grid .category-trip-reviewcount .review-based-on-wrap {
  display: none;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desc {
  font-size: 16px;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-aval-time {
  text-align: center;
  padding-top: 30px;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-avl-tip-inner-wrap {
  text-align: left;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-viewmre-btn {
  display: inline-block;
  margin: 0 auto 0;
  padding: 13px 30px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  border: 2px solid var(--primary-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-viewmre-btn:hover {
  background: var(--primary-color);
  color: #FFFFFF;
  text-decoration: none;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-viewmre-btn:active,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-viewmre-btn:focus {
  text-decoration: none;
}

.category-list .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-icon,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-icon {
  background: var(--primary-color);
}

.category-list .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-txt,
.category-trips-single .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-txt {
  font-size: 14px;
  color: var(--primary-color);
}

/*List Layout*/
.category-list .category-trips-single-inner-wrap .category-trip-prc-title-wrap .category-trip-title {
  font-weight: 500;
}

.category-list .category-trips-single-inner-wrap .category-trip-prc-title-wrap .category-trip-title a:hover {
  color: var(--primary-color);
}

.category-list .category-trips-single-inner-wrap .category-trip-prc-title-wrap .category-trip-budget .price-holder span.striked-price {
  color: var(--primary-color);
  opacity: 0.65;
  font-size: 18px;
  margin-bottom: 5px;
}

.category-list .category-trips-single-inner-wrap .category-trip-prc-title-wrap .category-trip-budget .price-holder span.actual-price {
  font-weight: 600;
}

/* .category-list .category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desc {
    margin-top: 12px;
} */
.category-list .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-viewmre-btn {
  padding: 10px 20px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
  -webkit-border-radius: 35px;
  border-radius: 35px;
  border: 2px solid var(--primary-color);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.category-list .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-viewmre-btn:hover {
  color: #FFF;
  background: var(--primary-color);
  text-decoration: none;
}

.wp-travel-engine-archive-repeater-wrap .wte-search-load-more .load-more-search {
  background: var(--primary-color);
  border-color: var(--primary-color);
}

.wp-travel-engine-archive-repeater-wrap .wte-search-load-more .load-more-search:focus,
.wp-travel-engine-archive-repeater-wrap .wte-search-load-more .load-more-search:active {
  text-decoration: none;
}

.wp-travel-engine-archive-repeater-wrap .wte-search-load-more .load-more-search:hover {
  color: var(--primary-color);
  background: transparent;
  text-decoration: none;
}

.category-list .category-trips-single {
  padding: 0 15px;
}

.category-list .category-trips-single:last-of-type {
  margin-bottom: 50px;
}

.category-list .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount {
  background: var(--secondary-color);
  color: #FFF;
  -webkit-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}

.category-list .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount:after,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount:after {
  background: #830000;
  border-bottom-right-radius: 4px;
  bottom: -6px;
  content: "";
  height: 6px;
  right: 0;
  position: absolute;
  width: 6px;
}

.category-list .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount .discount-offer,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount .discount-offer {
  font-size: 16px;
  display: block;
  padding: 6px 15px;
}

.category-list .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount .discount-offer:before,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount .discount-offer:before {
  width: 0;
  height: 0;
  border-top: 17px solid var(--secondary-color);
  border-left: 15px solid transparent;
  position: absolute;
  top: 0;
  left: -15px;
  content: "";
}

.category-list .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount .discount-offer:after,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount .discount-offer:after {
  width: 0;
  height: 0;
  border-bottom: 17px solid var(--secondary-color);
  border-left: 15px solid transparent;
  position: absolute;
  bottom: 0;
  left: -15px;
  content: "";
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig .category-trip-discount .discount-offer span {
  font-weight: 400;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig .category-disc-feat-wrap {
  top: 20px;
}

.category-main-wrap.category-grid .category-trips-single-inner-wrap .category-feat-ribbon {
  top: 56px;
}

.category-list .category-trips-single-inner-wrap .next-trip-info .next-departure-list li .left svg,
.category-main-wrap.category-grid .category-trips-single-inner-wrap .next-trip-info .next-departure-list li .left svg {
  fill: var(--primary-color);
}

.featured-trip .grid-latest .img-holder[data-cat-rib=enabled] .category-feat-ribbon,
.our-deals .grid-latest .img-holder[data-cat-rib=enabled] .category-feat-ribbon {
  top: 54px;
}

.featured-trip .grid-latest .img-holder[data-cat-rib=disabled] .category-feat-ribbon,
.our-deals .grid-latest .img-holder[data-cat-rib=disabled] .category-feat-ribbon {
  top: 20px;
}

@media only screen and (max-width: 1200px) {
  .trip-search-result #primary .category-grid .col {
    width: 50%;
  }
  .trip-search-result .advanced-search-wrapper + .wp-travel-engine-archive-repeater-wrap {
    padding-left: 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-step-wrap {
    -webkit-justify-content: center;
    justify-content: center;
  }
  .wpte-bf-checkout .wpte-bf-checkout-form,
  body.rightsidebar .wpte-bf-checkout .wpte-bf-checkout-form {
    width: 100%;
  }
  .wpte-bf-checkout .wpte-bf-book-summary,
  body.rightsidebar .wpte-bf-checkout .wpte-bf-book-summary {
    width: 100%;
  }
  .trip-search-result .wp-travel-engine-archive-outer-wrap .advanced-search-wrapper {
    width: 100%;
  }
  .trip-search-result .wp-travel-engine-archive-outer-wrap .advanced-search-wrapper + .wp-travel-engine-archive-repeater-wrap {
    width: 100%;
    padding: 0;
  }
  .main-navigation ul ul {
    display: none;
    opacity: 1;
    margin-left: 0;
  }
}
@media only screen and (max-width: 550px) {
  .trip-search-result #primary .category-grid .col {
    width: 100%;
  }
  .wp-travel-toolbar .wte-filterby-dropdown:before {
    display: none;
  }
}
/*==============================
 Responsive style
 ==============================*/
@media only screen and (max-width: 1430px) {
  .container {
    max-width: 1170px;
  }
}
@media only screen and (max-width: 1199px) {
  .container {
    max-width: 970px;
  }
  .main-navigation ul li {
    margin-right: 40px;
  }
  .widget_search .search-form label {
    width: 77%;
  }
  .page-template-template-activities .activities-holder .item,
  .page-template-template-trip_types .trip_types-holder .item {
    width: 33.3333%;
  }
  .page-template-template-destination .destination-holder .item {
    width: 33.3333%;
  }
  .trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .col {
    width: 50%;
  }
}
@media only screen and (max-width: 1024px) {
  html {
    position: unset !important;
    top: 0 !important;
  }
  body {
    padding-top: 0px !important;
  }
  .custom-background .site {
    max-width: 95%;
  }
  .container {
    max-width: 720px;
  }
  .nav-holder {
    border-top: 0;
    border-bottom: 0;
    padding: 15px 0 0;
    margin: 0 0 15px;
  }
  .nav-holder .container {
    background: var(--primary-color);
    padding: 10px;
    border-radius: 5px;
    position: relative;
  }
  .home-link {
    display: block;
    float: left;
    font-size: 22px;
    line-height: 35px;
    color: #fff;
    width: 35px;
    height: 35px;
    background: rgba(0, 0, 0, 0.2);
    text-align: center;
    border-radius: 5px;
  }
  #primary-toggle-button {
    display: block;
    float: right;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: var(--secondary-font);
    width: 96px;
    height: 35px;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    text-align: center;
    padding: 3px 0 0;
    cursor: pointer;
  }
  #primary-toggle-button svg {
    font-size: 22px;
    vertical-align: middle;
    margin-left: 10px;
  }
  /* #site-navigation {
      display: none;
      clear: both;
      position: absolute;
      background: var(--primary-color);
      padding: 10px;
      border-radius: 5px;
      left: 0;
      top: 100%;
      z-index: 10;
      margin-top: -10px;
  } 
  */
  .main-navigation {
    display: none;
  }
  .main-navigation ul {
    font-size: 16px;
    text-transform: none;
  }
  .main-navigation ul ul {
    display: none;
    opacity: 1;
    left: 0;
  }
  .main-navigation ul li {
    float: none;
    display: block;
    margin: 0 0 2px;
  }
  .main-navigation ul li a {
    padding: 10px 15px;
    color: #fff;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 5px;
  }
  .main-navigation ul li a:hover,
  .main-navigation ul li a:focus,
  .main-navigation .current_page_item > a,
  .main-navigation .current-menu-item > a,
  .main-navigation .current_page_ancestor > a,
  .main-navigation .current-menu-ancestor > a {
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
  }
  .main-navigation ul li.menu-item-has-children {
    padding: 0;
  }
  .main-navigation ul li.menu-item-has-children:after {
    display: none;
  }
  .main-navigation ul li.menu-item-has-children .arrow-down {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .main-navigation ul li.menu-item-has-children .arrow-down.active {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .main-navigation ul ul {
    position: unset;
    background: none;
    width: 100%;
    border: 0;
    padding: 0 10px;
    margin-top: 8px;
    margin-bottom: 6px;
  }
  .main-navigation ul ul li {
    padding: 0;
  }
  .main-navigation ul ul li a {
    background: none;
    padding: 0 10px;
  }
  .main-navigation ul ul .current_page_item,
  .main-navigation ul ul .current-menu-item,
  .main-navigation ul ul .current_page_ancestor,
  .main-navigation ul ul .current-menu-ancestor {
    background: none;
  }
  .main-navigation ul ul li a:hover,
  .main-navigation ul ul li a:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
  }
  .main-navigation ul ul li:hover,
  .main-navigation ul ul li:focus {
    background: none;
  }
  .main-navigation ul ul .current_page_item > a,
  .main-navigation ul ul .current-menu-item > a,
  .main-navigation ul ul .current_page_ancestor > a,
  .main-navigation ul ul .current-menu-ancestor > a {
    color: #fff;
    background: rgba(0, 0, 0, 0.1);
  }
  .main-navigation ul ul li.menu-item-has-children .arrow-down {
    height: 36px;
    line-height: 36px;
  }
  .banner img {
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .banner .form-holder .text h1 {
    font-size: 52px;
    line-height: 1.192em;
  }
  .site-footer .column {
    width: 50%;
  }
  .site-footer .site-info {
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
  }
  .footer-navigation {
    width: 100%;
  }
  .footer-navigation ul {
    text-align: center;
  }
  .footer-navigation ul li {
    float: none;
    display: inline-block;
  }
  #primary {
    width: 100%;
    padding: 0 15px;
    margin: 0 0 60px;
    float: none;
  }
  #secondary {
    width: 100%;
  }
  #primary .post .entry-header .entry-title {
    font-size: 32px;
  }
  .widget_raratheme_popular_post ul,
  .widget_raratheme_recent_post ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 -15px;
  }
  .widget_raratheme_popular_post ul,
  .widget_raratheme_recent_post ul li {
    width: 50%;
    padding: 0 15px;
    margin: 0 0 30px;
  }
  .widget_raratheme_popular_post ul li .post-thumbnail img,
  .widget_raratheme_recent_post ul li .post-thumbnail img {
    width: 100%;
  }
  .blog-section .section-header .section-title {
    font-size: 32px;
  }
  .blog-section {
    padding: 50px 0;
  }
  .blog-section .grid .post {
    width: 50%;
  }
  .page-template-template-destination .destination-holder .item {
    width: 50%;
  }
  .archive-grid .trip {
    width: 50%;
  }
  .page-template-template-activities .activities-holder .item,
  .page-template-template-trip_types .trip_types-holder .item {
    width: 50%;
  }
  .trip-search-result #primary .advanced-search-wrapper .sidebar {
    width: 100%;
  }
  .trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap {
    width: 100%;
    padding-left: 15px;
  }
  .category-main-wrap.category-grid.col-3 .category-trips-single,
  .category-main-wrap.category-grid.col-4 .category-trips-single {
    width: 50%;
  }
  .wp-travel-engine-archive-outer-wrap .advanced-search-wrapper {
    width: 100%;
  }
  .wp-travel-engine-archive-outer-wrap .advanced-search-wrapper + .wp-travel-engine-archive-repeater-wrap {
    width: 100%;
    padding: 0 !important;
  }
}
@media only screen and (max-width: 767px) {
  .site-header .tools .form-section .form-holder {
    right: 0;
  }
  .site-header .tools .form-section .form-holder:after,
  .site-header .tools .form-section .form-holder:before {
    right: 10px;
  }
  .container {
    max-width: 100%;
    margin: 0 15px;
  }
  .site-branding {
    width: 100%;
    text-align: center;
  }
  .header-b .right {
    width: 100%;
    text-align: center;
  }
  .header-b {
    padding: 20px 0;
  }
  .nav-holder {
    padding: 0;
  }
  .banner img {
    height: 387px;
  }
  .banner .form-holder .text h1 {
    font-size: 36px;
    line-height: 1.222em;
  }
  .banner .form-holder .text {
    font-size: 16px;
    line-height: 1.5em;
  }
  .banner .form-holder {
    width: 100%;
    padding: 0 15px;
  }
  .banner .form-holder .search-form label {
    width: 100%;
    margin: 0 0 5px;
  }
  .banner .form-holder .search-form input[type=submit] {
    width: 100%;
    background-position: 32% 15px;
  }
  .site-footer .column {
    width: 100%;
  }
  .site-footer .footer-t {
    padding: 30px 0;
  }
  #primary .post .entry-header .entry-title {
    font-size: 23px;
  }
  #secondary {
    max-width: 400px;
    margin: 0 auto;
    float: none !important;
    display: block;
  }
  #content {
    margin: 30px 0;
  }
  .author-section .img-holder {
    margin: 0 0 20px;
  }
  .author-section .text-holder {
    width: 100%;
  }
  .comment-navigation .nav-previous,
  .posts-navigation .nav-previous,
  .post-navigation .nav-previous,
  .comment-navigation .nav-next,
  .posts-navigation .nav-next,
  .post-navigation .nav-next {
    width: 100%;
  }
  .related-post .grid {
    max-width: 290px;
    margin: 0 auto;
  }
  .related-post .col {
    width: 100%;
  }
  .comments-area .comment-body .comment-meta {
    display: none;
  }
  .comments-area .children {
    border: 0;
    margin-left: 20px;
  }
  .comments-area .children li {
    padding-left: 0;
  }
  .comments-area .children li:first-child:before {
    display: none;
  }
  .comments-area .comment-form p {
    width: 100%;
  }
  .comments-area {
    margin: 0;
  }
  .blog-section {
    padding: 40px 0;
  }
  .blog-section .section-header .section-title {
    font-size: 23px;
  }
  .blog-section .grid {
    max-width: 100%;
    margin: 0 auto 30px;
  }
  .blog-section .grid .post {
    width: 100%;
  }
  .page-template-template-destination .destination-holder {
    max-width: 100%;
    margin: 40px auto 0;
  }
  .page-template-template-destination .destination-holder .item {
    width: 100%;
    padding: 0;
  }
  .page-template-template-destination .destination-holder .item .child-title {
    left: 0;
    width: 100%;
  }
  .archive .trip-content-area .grid {
    margin: 0 auto 50px;
  }
  .category-main-wrap.category-grid.col-3 .category-trips-single,
  .category-main-wrap.category-grid.col-4 .category-trips-single {
    width: 100%;
  }
  .custom-background .site {
    max-width: 100%;
  }
  .archive-grid {
    max-width: 290px;
    margin: 0 auto 30px;
  }
  .archive-grid .trip {
    width: 100%;
  }
  .page-template-template-activities .activities-holder,
  .page-template-template-trip_types .trip_types-holder {
    max-width: 700px;
    margin: 40px auto 0;
  }
  .page-template-template-activities .activities-holder .item,
  .page-template-template-trip_types .trip_types-holder .item {
    width: 100%;
    padding: 0;
  }
  input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  input[type=search],
  input[type=number],
  input[type=tel],
  input[type=range],
  input[type=date],
  input[type=month],
  input[type=week],
  input[type=time],
  input[type=datetime],
  input[type=datetime-local],
  input[type=color],
  textarea {
    width: 100%;
  }
  .fixed-starting .dd-list table {
    border: 0;
  }
  .fixed-starting .dd-list table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .fixed-starting .dd-list table tbody tr {
    display: block;
    /*background: #f8f8f8;*/
    border: 1px solid #ddd;
    position: relative;
  }
  .fixed-starting .dd-list table tbody tr:after {
    content: "";
    width: 100%;
    height: 5px;
    background: #fff;
  }
  .fixed-starting .dd-list table tbody td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right !important;
  }
  .fixed-starting .dd-list table tbody td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  .fixed-starting .dd-list table tbody td:last-child {
    border-bottom: 0;
  }
  .single-trip #wte_enquiry_contact_form {
    flex-direction: column;
  }
  .single-trip #wte_enquiry_contact_form .row-repeater {
    width: 100%;
  }
  #tabs-container .nav-tab-wrapper .tab-inner-wrapper {
    flex-direction: column;
  }
  #tabs-container .tab-inner-wrapper .tab-anchor-wrapper .nav-tab-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    border-radius: 0;
  }
  #tabs-container .tab-inner-wrapper .tab-anchor-wrapper a:after {
    top: 17px;
  }
  .widget_raratheme_popular_post ul,
  .widget_raratheme_recent_post ul li {
    width: 100%;
  }
  .activities:after,
  .our-features,
  .stats,
  .cta,
  .clients {
    background-attachment: scroll !important;
  }
  .page-template-template-activities .activities-holder .item .img-holder .title-holder,
  .page-template-template-trip_types .trip_types-holder .item .img-holder .title-holder {
    display: none;
  }
  .page-template-template-activities .activities-holder .item .img-holder .text-holder,
  .page-template-template-trip_types .trip_types-holder .item .img-holder .text-holder {
    opacity: 1;
  }
  .trip-search-result #primary .advanced-search-wrapper .wte-advanced-search-wrap .grid .col {
    width: 100%;
  }
  .category-list .category-trips-single {
    padding: 0;
  }
  .banner .form-holder .text h1,
  .banner .form-holder .text h2 {
    font-size: 32px;
  }
  .banner .form-holder .text {
    margin-bottom: 20px;
  }
  .archive .trip-content-area .activity-title span {
    padding: 0 10px;
  }
}
/* Custom CSS */
.mobile-menu-wrapper {
  display: none;
}

.mobile-navigation .close {
  position: absolute;
  right: 10px;
  top: -44px;
  display: block;
  float: right;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  font-family: var(--secondary-font);
  width: 96px;
  height: 35px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  text-align: center;
  padding: 3px 0 0;
  cursor: pointer;
}

.mobile-navigation .close svg {
  font-size: 22px;
  vertical-align: middle;
  margin-left: 10px;
}

.mobile-navigation {
  position: absolute;
  width: 100%;
  background-color: #32b67a;
  z-index: 555;
  left: 0;
  top: 55px;
  padding: 10px;
}

.mobile-menu .arrow-down {
  background: transparent;
  border: none;
}

/* search button */
.header-holder .header-t .form-section #btn-search {
  font-size: 16px;
  padding: 0;
  color: white;
}

.header-holder .header-t .form-section #btn-search:focus {
  background-color: transparent;
  color: white;
}

.header-holder .header-t .form-section #btn-search:active {
  background: var(--primary-color);
  color: white;
}

.header-t .form-section .btn-form-close {
  position: absolute;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23121212' viewBox='0 0 32 32'%3E%3Cpath d='M32,2.3L29.7,0L16,13.7L2.3,0L0,2.3L13.7,16L0,29.7L2.3,32L16,18.3L29.7,32l2.3-2.3L18.3,16L32,2.3z'/%3E%3C/svg%3E");
  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;
}

.header-t .btn-form-close:focus {
  color: black;
  opacity: 1;
}

@media (max-width: 1024px) {
  .mobile-menu-wrapper {
    display: block;
  }
}
/* Custom CSS */
.wte-advanced-search-wrapper-nice-select .nice-select {
  border: none;
  width: 100%;
  float: none;
  padding-left: 6px;
  line-height: unset;
  font-size: 16px;
  cursor: default;
}

.wte-advanced-search-wrapper-nice-select .nice-select:after {
  height: 8px;
  width: 8px;
  margin-top: -13px;
  background: #fff;
  right: 9px;
}

.wte-advanced-search-wrapper-nice-select .list {
  width: 100%;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin-top: -6px;
}

.wte-advanced-search-wrapper-nice-select .nice-select .option {
  color: var(--heading-font-color);
}

.wte-advanced-search-wrapper-nice-select .nice-select .option.selected {
  font-weight: 400;
}

.wte-advanced-search-wrapper-nice-select .current {
  display: block;
  font-weight: 500;
  color: var(--heading-font-color);
  position: relative;
  font-size: 16px;
}

.wte-fsd-list-header .wte-user-input .select2-container a {
  height: 39px;
  width: 178px;
  padding: 8px 0px 0 8px;
}

.wte-fsd-list-header .wte-user-input .select2-container .select2-choice div b {
  background-image: none !important;
}

.wte-fsd-list-header .wte-user-input .select2-container .select2-choice div {
  display: none;
}

#wte-fixed-departure-dates .wte-user-input::after {
  left: 151px;
  top: 7px;
}

/* Page Fixes underline */
.entry-content a,
.entry-summary a,
.page-content a,
.comment-content a,
.widget .textwidget a,
.widget-area a {
  color: #666;
  text-decoration: underline;
}

.entry-content a:hover,
.entry-summary a:hover,
.page-content a:hover,
.comment-content a:hover,
.widget .textwidget a:hover {
  color: var(--primary-color);
}

/* Process Layout */
.wte-process-layout .wte-process-tabs .wte-process-tab-item .wte-process-tab-content-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-month {
  background-color: rgba(var(--primary-color-rgb), 0.05);
}

.widget-area .wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .wte-booking-summary-info-title {
  background-color: var(--primary-color);
}

.wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .wte-booking-summary-info-title {
  background-color: var(--primary-color);
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  fill: var(--primary-color) !important;
}

.flatpickr-day:hover {
  background-color: rgba(var(--primary-color-rgb), 0.5) !important;
}

.wte-trip-options .wte-trip-guest-wrapper .select-wrapper .wte-qty-number {
  border-color: var(--primary-color);
  border-radius: 53px;
}

.wte-trip-options .wte-trip-guest-wrapper .select-wrapper .wte-qty-number button {
  background-color: rgba(var(--primary-color-rgb), 0.03);
}

.wte-process-layout .wte-popup-sidebar,
.wte-process-layout .wte-process-nav {
  border-color: rgba(var(--primary-color-rgb), 0.15);
}

.wte-process-layout .wte-process-tab-controller .wte-process-btn-next:hover {
  background-color: rgba(var(--primary-color-rgb), 0.8);
}

/* Titles In the Booking Summary */
.wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .wte-booking-trip-info .wte-booking-details .wte-booking-details-title {
  letter-spacing: 0.05px;
}

.wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .wte-booking-trip-info .wte-booking-details ul li label {
  font-size: 15px;
  letter-spacing: 0.2px;
}

.wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .wte-booking-trip-info .wte-booking-details ul li label .qty {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.2px;
  color: rgba(35, 35, 35, 0.7);
}

.wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .wte-booking-trip-info,
.wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .wte-booking-trip-info,
.wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .total-amount {
  border-color: var(--primary-color);
}

.wte-trip-options .wte-trip-guest-wrapper .check-in-wrapper label {
  font-size: 18px;
  letter-spacing: 0.2px;
}

.wte-trip-options .wte-trip-guest-wrapper .select-wrapper .amount-per-person .offer-price {
  font-size: 20px;
  color: rgba(35, 35, 35, 0.8);
}

.wte-process-layout .wte-process-tabs .wte-process-tab-item .wte-process-tab-content-wrapper .wte-option-heading span {
  font-size: 13px;
  letter-spacing: 0.85px;
}

.wte-trip-options .wte-trip-guest-wrapper .select-wrapper .amount-per-person .regular-price {
  font-size: 16px;
}

.wte-trip-options .wte-trip-guest-wrapper .select-wrapper .amount-per-person .regular-price .wpte-price.amount {
  font-weight: 400;
}

.wte-process-layout .wte-popup-sidebar .wte-booking-summary .wte-booking-summary-info .wte-booking-trip-info .wte-booking-details ul li:not(:last-child) {
  margin-bottom: 18px;
}

.wte-popup-sidebar .total-amount span.wpte-currency-code,
.wte-popup-sidebar .total-amount .wpte-price.amount {
  color: var(--primary-color);
}

.wte-process-layout .wte-process-tabs .wte-process-tab-item .wte-process-tab-content-wrapper .flatpickr-calendar .flatpickr-months .flatpickr-month .flatpickr-current-month select {
  width: 136px;
}

.wte-process-layout .wte-process-tabs .wte-process-tab-item .wte-process-tab-content-wrapper .flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .dayContainer .flatpickr-day {
  color: rgba(35, 35, 35, 0.9);
}

.wte-process-layout .wte-process-tabs .wte-process-tab-item .wte-process-tab-content-wrapper .flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .dayContainer .flatpickr-day.nextMonthDay,
.wte-process-layout .wte-process-tabs .wte-process-tab-item .wte-process-tab-content-wrapper .flatpickr-calendar .flatpickr-innerContainer .flatpickr-rContainer .dayContainer .flatpickr-day.prevMonthDay {
  color: rgba(var(--primary-color-rgb), 0.4);
}

#wte-booking-extraservices__services .wte-trip-options .wte-trip-guest-wrapper.vertical {
  height: 100%;
}

.wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-summary-wrap table tfoot {
  border-top-color: var(--primary-color);
}

.flatpickr-days .dayContainer .flatpickr-day:hover,
.wte-trip-options .wte-trip-guest-wrapper .select-wrapper .wte-qty-number button:hover {
  background: rgba(var(--primary-color-rgb), 0.5);
}

.tax-destination .wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.widget-area .wpte-booking-area .wpte-bf-gd-text {
  font-style: italic;
  background-color: rgba(254, 205, 16, 0.12);
  font-size: 16px;
  letter-spacing: 0.15px;
  color: #232323;
  border-radius: 2px 10px 3px 10px;
}

#wte-fixed-departure-dates .wte-fsd-frontend-holder-dd.dd table tbody td {
  padding: 15px 0;
}

.fixed-starting.dates #wte-fsd-all-table {
  margin: 50px 0 0;
}

.wte-trip-options .wte-trip-guest-wrapper .check-in-wrapper {
  margin-bottom: 10px;
}

.wte-global-popup .mfp-close:hover {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.828' height='14.828' viewBox='0 0 14.828 14.828'%3E%3Cg id='Component_8_7' data-name='Component 8 – 7' transform='translate(1.414 1.414)'%3E%3Cg id='Group_2308' data-name='Group 2308' opacity='1'%3E%3Cg id='Group_2307' data-name='Group 2307'%3E%3Cpath id='Path_23938' data-name='Path 23938' d='M-3543.213-3525.86l12,12' transform='translate(3543.213 3525.86)' fill='none' stroke='%23170d44' stroke-linecap='round' stroke-width='2'/%3E%3Cpath id='Path_23939' data-name='Path 23939' d='M-3531.213-3525.86l-12,12' transform='translate(3543.213 3525.86)' fill='none' stroke='%23170d44' stroke-linecap='round' stroke-width='2'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A") 0% 0%/100% no-repeat;
}

.page-template-template-activities .activities-holder .item,
.page-template-template-trip_types .trip_types-holder .item {
  border-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #wte__booking .wte-global-popup .mfp-close {
    right: 28px;
  }
  #wte-fixed-departure-dates .wte-fsd-frontend-holder-dd.dd table tbody td {
    padding: 15px;
  }
  /* Resposive Table */
  #wte-fsd-all-table table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  #wte-fsd-all-table table tbody td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  #wte-fsd-all-table table tbody td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 0.8em;
    text-align: right !important;
  }
  #wte-fsd-all-table table tbody tr {
    display: block;
    background: #f8f8f8;
    border: 1px solid #ddd;
    position: relative;
  }
  #wte-fsd-all-table table tbody tr:nth-child(even) {
    background: #fff;
  }
  #wte-trips-fixed-departure-dates #wte-fsd-all-table table tbody .seats-available {
    text-align: right;
  }
}
/***** WP Travel Engine Block *********/
:root {
  --font-color-rgb: 6, 22, 38;
}

.wpte-gblock-wrapper {
  padding-top: 50px;
}

.wpte-gblock-wrapper:first-child {
  padding-top: 0px;
}

/* .wpte-trip-list-wrapper .category-trips-single .category-trips-single-inner-wrap .price-holder .actual-price,
.wpte-trip-list-wrapper .wpte-trip-single .wpte-trip-price-wrap {
    font-size: 22px;
} */
.wpte-trip-list-wrapper .category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-desc {
  margin-bottom: 1.15em;
}

.wpte-trip-list-wrapper .category-trips-single .category-trip-prc-title-wrap .category-trip-title a {
  color: inherit;
}

.wpte-trip-list-wrapper .category-trips-single .category-trip-prc-title-wrap .category-trip-title a:hover {
  color: var(--primary-color);
}

.rightsidebar .wpte-trip-list-wrapper.full-width,
.leftsidebar .wpte-trip-list-wrapper.full-width,
.single-post .wpte-trip-list-wrapper.full-width,
.single-trip .wpte-trip-list-wrapper.full-width {
  left: 0;
  margin: 0;
  right: 0;
  width: 100%;
}

.wpte-trip-category.style-1 .wpte-trip-category-img-wrap figure {
  padding-top: 100%;
}

.wpte-trip-category:hover .wpte-trip-category-img-wrap .wpte-trip-cat-btn {
  transition-delay: 0.4s;
  transform: translateY(0px);
  visibility: visible;
  opacity: 1;
}

.wpte-trip-category .wpte-trip-category-text-wrap .wpte-trip-category-title a span {
  line-height: 1.6;
}

.wpte-gblock-wrapper .wte-block-btn-wrapper {
  margin-bottom: 30px;
}

.wpte-trip-sfilter-wrapper {
  padding: 25px;
}

.wpte-gblock-wrapper .wpte-trip-sfilter-wrapper {
  box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.04);
}

.wpte-gblock-wrapper .wte-view-all-trips-btn {
  color: var(--primary-color);
}

.wpte-gblock-wrapper .wte-view-all-trips-btn:hover {
  color: #ffffff;
}

#primary .wpte-trip-list-wrapper .category-trip-prc-title-wrap .category-trip-title,
#primary .wpte-trip-list-wrapper .wpte-trip-details-wrap .wpte-trip-title {
  font-size: 22px;
}

#primary .wpte-trip-list-wrapper .wpte-trip-category-text-wrap .wpte-trip-category-title {
  font-size: 20px;
}

#primary .wpte-trip-category.style-1 .wpte-trip-category-text-wrap .wpte-trip-category-title {
  color: #ffffff;
}

.wpte-trip-list-wrapper .wpte-trip-category .wpte-trip-category-title svg {
  width: 14px;
}

.wpte-trip-list-wrapper .category-trips-single .category-trips-single-inner-wrap .price-holder .actual-price,
.wpte-trip-list-wrapper .wpte-trip-single .wpte-trip-price-wrap {
  /* font-size: 18px; */
  overflow-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.wpte-trip-list-wrapper .category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-prc-wrap {
  flex-wrap: wrap;
}

.wpte-trip-list-wrapper .category-trips-single .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-budget {
  padding-left: 15px;
}

.wpte-trip-list-wrapper .category-trips-single .category-trip-prc-title-wrap .category-trip-title,
.wpte-trip-list-wrapper .wpte-trip-single .wpte-trip-header-wrap .wpte-trip-title,
.wpte-trip-list-wrapper .wpte-trip-category-text-wrap .wpte-trip-category-title {
  overflow-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.wpte-trip-single .wpte-trip-budget-wrap .wpte-trip-price-wrap {
  padding-bottom: 10px;
}

.wpte-trip-list-wrapper .wpte-trip-single .align-items-end {
  align-items: flex-start;
}

/*************** ribbon issue ***********/
.category-trips-single .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-icon {
  background: var(--primary-color);
  color: #ffffff;
  left: auto;
  right: 10px;
}

.category-trips-single .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-txt {
  left: auto;
  right: 0;
}

.category-trips-single .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-txt:before,
.category-trips-single .category-trips-single-inner-wrap .category-trip-fig .pop-trip-grpavil-txt:after {
  left: auto;
  right: 17px;
}

.category-trips-single .category-trips-single-inner-wrap .category-trip-fig .category-feat-ribbon .category-feat-ribbon-txt:before {
  height: auto;
}

.wte_enquiry_contact_form input.enquiry-submit {
  margin-top: 20px;
}

.category-list .category-trips-single-inner-wrap .next-trip-info .next-departure-list li .left svg {
  background: var(--primary-color);
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.332' height='15.61' viewBox='0 0 17.332 15.61'%3E%3Cg id='Group_773' data-name='Group 773' transform='translate(283.072 34.13)'%3E%3Cpath id='Path_23383' data-name='Path 23383' d='M-283.057-26.176h.1c.466,0,.931,0,1.4,0,.084,0,.108-.024.1-.106-.006-.156,0-.313,0-.469a5.348,5.348,0,0,1,.066-.675,5.726,5.726,0,0,1,.162-.812,5.1,5.1,0,0,1,.17-.57,9.17,9.17,0,0,1,.383-.946,10.522,10.522,0,0,1,.573-.96c.109-.169.267-.307.371-.479a3.517,3.517,0,0,1,.5-.564,6.869,6.869,0,0,1,1.136-.97,9.538,9.538,0,0,1,.933-.557,7.427,7.427,0,0,1,1.631-.608c.284-.074.577-.11.867-.162a7.583,7.583,0,0,1,1.49-.072c.178,0,.356.053.534.062a2.673,2.673,0,0,1,.523.083c.147.038.3.056.445.1.255.07.511.138.759.228a6.434,6.434,0,0,1,1.22.569c.288.179.571.366.851.556a2.341,2.341,0,0,1,.319.259c.3.291.589.592.888.882a4.993,4.993,0,0,1,.64.85,6.611,6.611,0,0,1,.71,1.367c.065.175.121.352.178.53s.118.348.158.526c.054.242.09.487.133.731.024.14.045.281.067.422a.69.69,0,0,1,.008.1c0,.244.005.488,0,.731s-.015.5-.04.745a4.775,4.775,0,0,1-.095.5c-.04.191-.072.385-.128.572-.094.312-.191.625-.313.926a7.445,7.445,0,0,1-.43.9c-.173.3-.38.584-.579.87a8.045,8.045,0,0,1-1.2,1.26,5.842,5.842,0,0,1-.975.687,8.607,8.607,0,0,1-1.083.552,11.214,11.214,0,0,1-1.087.36c-.19.058-.386.1-.58.137-.121.025-.245.037-.368.052a12.316,12.316,0,0,1-1.57.034,3.994,3.994,0,0,1-.553-.065c-.166-.024-.33-.053-.5-.082a1.745,1.745,0,0,1-.21-.043c-.339-.1-.684-.189-1.013-.317a7,7,0,0,1-1.335-.673c-.2-.136-.417-.263-.609-.415a6.9,6.9,0,0,1-.566-.517.488.488,0,0,1-.128-.331.935.935,0,0,1,.1-.457.465.465,0,0,1,.3-.223.987.987,0,0,1,.478-.059.318.318,0,0,1,.139.073c.239.185.469.381.713.559a5.9,5.9,0,0,0,1.444.766,5.073,5.073,0,0,0,.484.169c.24.062.485.1.727.154a1.805,1.805,0,0,0,.2.037c.173.015.346.033.52.036.3.006.6.01.9,0a3.421,3.421,0,0,0,.562-.068c.337-.069.676-.139,1-.239a6.571,6.571,0,0,0,.783-.32,5.854,5.854,0,0,0,1.08-.663,5.389,5.389,0,0,0,.588-.533,8.013,8.013,0,0,0,.675-.738,5.518,5.518,0,0,0,.749-1.274,9.733,9.733,0,0,0,.366-1.107,4.926,4.926,0,0,0,.142-.833c.025-.269.008-.542.014-.814a4.716,4.716,0,0,0-.07-.815,5.8,5.8,0,0,0-.281-1.12,5.311,5.311,0,0,0-.548-1.147,9.019,9.019,0,0,0-.645-.914,9.267,9.267,0,0,0-.824-.788,3.354,3.354,0,0,0-.425-.321,5.664,5.664,0,0,0-1.048-.581c-.244-.093-.484-.2-.732-.275a6.877,6.877,0,0,0-.688-.161c-.212-.043-.427-.074-.641-.109a.528.528,0,0,0-.084,0c-.169,0-.338,0-.506,0a5.882,5.882,0,0,0-1.177.1,6.79,6.79,0,0,0-1.016.274,6.575,6.575,0,0,0-1.627.856,6.252,6.252,0,0,0-1.032.948,6.855,6.855,0,0,0-.644.847,4.657,4.657,0,0,0-.519,1.017c-.112.323-.227.647-.307.979a3.45,3.45,0,0,0-.13.91,4.4,4.4,0,0,1-.036.529c-.008.086.026.1.106.1.463,0,.925,0,1.388,0a.122.122,0,0,1,.08.028c.009.009-.005.051-.019.072q-.28.415-.563.827c-.162.236-.33.468-.489.705-.118.175-.222.359-.339.535-.1.144-.2.281-.3.423-.142.2-.282.41-.423.615-.016.023-.031.047-.048.069-.062.084-.086.083-.142,0-.166-.249-.332-.5-.5-.746-.3-.44-.6-.878-.9-1.318q-.358-.525-.714-1.051c-.031-.045-.063-.09-.094-.134Z' transform='translate(0 0)' fill='%2332b67a'%3E%3C/path%3E%3Cpath id='Path_23384' data-name='Path 23384' d='M150.612,112.52c0,.655,0,1.31,0,1.966a.216.216,0,0,0,.087.178,4.484,4.484,0,0,1,.358.346.227.227,0,0,0,.186.087q1.616,0,3.233,0a.659.659,0,0,1,.622.4.743.743,0,0,1-.516,1.074,1.361,1.361,0,0,1-.323.038q-1.507,0-3.013,0a.248.248,0,0,0-.216.109,1.509,1.509,0,0,1-.765.511,1.444,1.444,0,0,1-1.256-2.555.218.218,0,0,0,.09-.207q0-1.916,0-3.831a.784.784,0,0,1,.741-.732.742.742,0,0,1,.761.544.489.489,0,0,1,.015.127Q150.612,111.547,150.612,112.52Z' transform='translate(-423.686 -141.471)' fill='%2332b67a'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  -webkit-mask-repeat: no-repeat;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: 8px;
}

#secondary .widget .widget-title {
  text-align: left;
}

#secondary .widget .widget-title::after {
  -webkit-transform: none;
  transform: none;
  left: 0;
}

#secondary .widget.widget_raratheme_recent_post .widget-title,
#secondary .widget.widget_raratheme_popular_post .widget-title,
#secondary .widget.widget_travel_agency_featured_widget .widget-title {
  text-align: center;
}

#secondary .widget.widget_raratheme_recent_post .widget-title::after,
#secondary .widget.widget_raratheme_popular_post .widget-title::after,
#secondary .widget.widget_travel_agency_featured_widget .widget-title::after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}

.site-footer.textwidget p a {
  cursor: pointer;
}

.featured-trip .grid-latest .text-holder .category-trip-desti .category-trip-loc,
.our-deals .grid-latest .text-holder .category-trip-desti .category-trip-loc,
.featured-trip .grid .text-holder .meta-info .category-trip-loc {
  margin-right: 15px;
}

.featured-trip .grid-latest .text-holder .category-trip-desti .meta-info,
.our-deals .grid-latest .text-holder .category-trip-desti .meta-info {
  margin: 0;
}

.featured-trip .grid-latest .text-holder .category-trip-desti .category-trip-loc span,
.our-deals .grid-latest .text-holder .category-trip-desti .category-trip-loc span,
.featured-trip .grid .text-holder .meta-info .category-trip-loc span {
  width: calc(100% - 20px);
  flex-wrap: wrap;
  flex: 1;
}

@media only screen and (max-width: 1024px) {
  .site-footer .footer-b .privacy-policy-link {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
  }
  .footer-menu-privacy .footer-navigation {
    border: none;
    margin-right: 0;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .wpte-trip-list-wrapper .wpte-trip-single .featured-text-wrap .featured-text {
    right: 40px;
    left: auto;
  }
  .wpte-trip-list-wrapper .wpte-trip-single .featured-text-wrap .featured-text::before {
    right: auto;
    left: 100%;
    margin-right: 0;
    margin-left: -3px;
  }
  .nav-tab-wrapper .tab-anchor-wrapper .nb-configurations {
    background-color: #ffffff;
  }
  #rara-top {
    right: 0;
  }
  .error-holder .search-submit {
    margin-top: 10px;
  }
}
.ui-slider {
  position: relative;
}
.ui-slider .ui-slider-range,
.ui-slider .ui-slider-handle {
  position: absolute;
}

.wptravelengine_css_v2 .row > * {
  padding: 0 15px;
}
.wptravelengine_css_v2 .category-main-wrap .category-trips-single {
  padding: 0 15px;
}
.wptravelengine_css_v2 .wp-travel-engine-archive-repeater-wrap .category-main-wrap {
  margin: 0 -15px;
}
.wptravelengine_css_v2 .category-list .category-trips-single-inner-wrap .next-trip-info .next-departure-list li .left svg {
  vertical-align: middle;
}
.wptravelengine_css_v2 .comment-respond .rating-form .review-title-rating .comment-form-title {
  width: 100%;
}
@media (max-width: 767px) {
  .wptravelengine_css_v2 .widget-area .wpte-booking-area .wpte-bf-price-wrap {
    margin-top: 24px;
  }
}
.wptravelengine_css_v2 .wte-process-layout .wte-process-tab-controller .wte-process-btn-prev {
  justify-content: center;
}
@media (max-width: 767px) {
  .wptravelengine_css_v2 .wte-trip-options .wte-trip-guest-wrapper .select-wrapper {
    justify-content: space-between;
    flex-flow: row wrap;
    align-items: center;
    width: 100%;
  }
}
.wptravelengine_css_v2 .widget-area .category-available-months li {
  padding: 0;
  border: none;
}
.wptravelengine_css_v2 .widget-area .category-trips-single .category-trips-single-inner-wrap .category-trip-prc-title-wrap .category-trip-title {
  font-size: 18px;
}
.wptravelengine_css_v2 .category-trips-single .category-trips-single-inner-wrap .next-trip-info .next-departure-list li .left svg {
  fill: var(--primary-color);
}
.wptravelengine_css_v2 .advanced-search-wrapper .advanced-search-field .ui-slider {
  position: relative;
}
.wptravelengine_css_v2 .category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig {
  margin: -24px -24px 0;
}
.wptravelengine_css_v2 .category-main-wrap.category-grid .category-trips-single-inner-wrap .category-trip-fig > a {
  border-radius: 4px 4px 0 0;
}
.wptravelengine_css_v2 .widget-area .nice-select.wte-cc-currency-list-display.lp-bf-altd {
  margin: 0;
}
.wptravelengine_css_v2.archive .trip-content-area .grid .btn-loadmore span, .wptravelengine_css_v2.archive .trip-content-area .grid .load-destination span {
  background: var(--priamry-color);
  border-color: var(--priamry-color);
}
.wptravelengine_css_v2.archive .trip-content-area .grid .btn-loadmore span:hover, .wptravelengine_css_v2.archive .trip-content-area .grid .load-destination span:hover {
  background: transparent;
  color: var(--priamry-color);
}
.wptravelengine_css_v2 .wte-coupon-whole-wrap {
  padding: 30px 75px 30px 30px;
}
.wptravelengine_css_v2 .wpte-bf-checkout .wpte-bf-booking-steps .wpte-bf-summary-wrap table tfoot,
.wptravelengine_css_v2 .wpte-bf-checkout .wpte-bf-book-summary .wpte-bf-summary-total {
  border-color: rgba(0, 0, 0, 0.1);
}
.wptravelengine_css_v2 .destination-holder .wpte-trip-category-title,
.wptravelengine_css_v2 .activities-holder .wpte-trip-category-title,
.wptravelengine_css_v2 .trip_types-holder .wpte-trip-category-title {
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .wte-related-trips-wrapper {
    margin-top: 0;
  }
  .wptravelengine_css_v2 .review-wrap a:after {
    display: none;
  }
  .wptravelengine_css_v2 .review-wrap .comment-list li .comment-author {
    float: none;
  }
  .wptravelengine_css_v2.single-trip #secondary {
    max-width: 767px;
  }
  .wptravelengine_css_v2 .category-main-wrap.category-list .category-trips-single-inner-wrap {
    display: block;
  }
  .wptravelengine_css_v2 .category-main-wrap.category-list .category-trips-single-inner-wrap .category-trip-fig {
    display: block;
    margin: -32px -24px 0;
    width: auto;
  }
  .wptravelengine_css_v2 .category-main-wrap.category-list .category-trips-single-inner-wrap .category-trip-fig > a {
    border-radius: 4px 4px 0 0;
  }
  .wptravelengine_css_v2 .category-main-wrap .category-trips-single {
    padding: 0;
  }
  .wptravelengine_css_v2 .wp-travel-engine-archive-repeater-wrap .category-main-wrap {
    margin: 0;
  }
  .wptravelengine_css_v2 #tabs-container .tab-content {
    padding: 0;
  }
}
.content-area .trip-content-area {
  padding: 0;
}

.category-main-wrap.category-grid,
.wte-related-trips.category-grid {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.category-main-wrap.category-grid .category-trips-single,
.wte-related-trips.category-grid .category-trips-single {
  padding: 0 15px !important;
  margin-right: 0 !important;
}
@media (max-width: 767px) {
  .category-main-wrap.category-grid .category-trips-single,
  .wte-related-trips.category-grid .category-trips-single {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.category-main-wrap.category-grid.wte-col-1 .category-trips-single,
.wte-related-trips.category-grid.wte-col-1 .category-trips-single {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
@media (min-width: 768px) {
  .category-main-wrap.category-grid.wte-col-2 .category-trips-single,
  .wte-related-trips.category-grid.wte-col-2 .category-trips-single {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media (min-width: 768px) {
  .category-main-wrap.category-grid.wte-col-3 .category-trips-single,
  .wte-related-trips.category-grid.wte-col-3 .category-trips-single {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media (min-width: 1025px) {
  .category-main-wrap.category-grid.wte-col-3 .category-trips-single,
  .wte-related-trips.category-grid.wte-col-3 .category-trips-single {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
  }
}
@media (min-width: 768px) {
  .category-main-wrap.category-grid.wte-col-4 .category-trips-single,
  .wte-related-trips.category-grid.wte-col-4 .category-trips-single {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media (min-width: 1025px) {
  .category-main-wrap.category-grid.wte-col-4 .category-trips-single,
  .wte-related-trips.category-grid.wte-col-4 .category-trips-single {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}
.category-main-wrap .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig,
.wte-related-trips .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig {
  margin: 0 !important;
}
.category-main-wrap .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig .owl-nav button:focus,
.wte-related-trips .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig .owl-nav button:focus {
  outline: none;
}
.category-main-wrap .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig .wpte-trip-feat-img-gallery,
.wte-related-trips .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-fig .wpte-trip-feat-img-gallery {
  width: calc(100% + 2px);
  margin-left: -1px;
  margin-right: -1px;
}
.category-main-wrap .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-content-wrap .category-trip-title,
.wte-related-trips .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-content-wrap .category-trip-title {
  font-size: 22px !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  color: var(--primary-font-color);
}
.category-main-wrap .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-prc-wrap,
.wte-related-trips .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-detail-wrap .category-trip-prc-wrap {
  flex-wrap: nowrap;
}
.category-main-wrap .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-avl-tip-inner-wrap > i,
.wte-related-trips .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-avl-tip-inner-wrap > i {
  flex: 1;
  max-width: 24px;
}
.category-main-wrap .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-avl-tip-inner-wrap .category-available-months,
.wte-related-trips .category-trips-single.wpte_new-layout .category-trips-single-inner-wrap .category-trip-aval-time .category-trip-avl-tip-inner-wrap .category-available-months {
  flex: 1;
}

.wpte_empty-items-box a.wpte_all-trips-btn:hover {
  color: #fff;
}

.wpte_has-tooltip .tippy-popper[x-placement=top] .tippy-arrow {
  top: 100%;
  transform: unset !important;
}
.wpte_has-tooltip .tippy-popper[x-placement=bottom] .tippy-arrow {
  top: auto;
  bottom: 100%;
  transform: unset !important;
}

.wpte_has-tooltip:not(.single-trip) .tippy-popper .tippy-tooltip[data-placement=top] {
  transform: translateY(-30px);
}

.single-trip #crumbs {
  padding: 16px 0;
}

.wpte-booking-area .wpte-bf-content ul li {
  padding-bottom: 0;
  border-bottom: none;
}

.wte-itinerary-downloader-inn-wrap .main-button-itinerary-download:hover {
  color: #fff;
}

.itinerary .itenary-detail-gallery a {
  width: 230px;
  height: 150px;
  overflow: hidden;
  border-radius: 8px;
}
.itinerary .itenary-detail-gallery a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*==================================
 BYO Tour Packages: homepage hero
 ==================================*/
.byo-hero {
  --byo-forest: #1d6b47;
  --byo-forest-dark: #134a31;
  --byo-warm: #d8b36a;
  --byo-ink: #1c2a23;
  --byo-muted: #56665e;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 420px;
  padding: 48px 20px;
  overflow: hidden;
  background: #163d2c;
}

@media screen and (min-width: 1200px) {
  .byo-hero {
    min-height: 440px;
  }
}

.byo-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(8, 28, 20, 0.35) 0%, rgba(8, 28, 20, 0.45) 50%, rgba(8, 28, 20, 0.7) 100%);
}

.byo-hero__media,
.byo-hero__media .wp-custom-header {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.byo-hero__media img,
.byo-hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.byo-hero__media .byo-hero__picture {
  display: block;
  width: 100%;
  height: 100%;
}

.byo-hero__inner {
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
}

.byo-hero__text {
  text-align: center;
  margin: 0 0 28px;
}

.byo-hero .byo-hero__title {
  margin: 0 0 12px;
  color: #fff;
  font-family: var(--secondary-font);
  font-size: clamp(2rem, 1.2rem + 3.2vw, 3.5rem);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.35);
}

.byo-hero__subtitle {
  margin: 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: clamp(1rem, 0.9rem + 0.5vw, 1.25rem);
  line-height: 1.5;
  text-shadow: 0 1px 10px rgba(0, 0, 0, 0.35);
}

.byo-hero__search {
  padding: 20px;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 24px 60px rgba(4, 20, 14, 0.28);
}

.byo-hero__search-row {
  display: flex;
  gap: 12px;
}

.byo-hero__field {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
}

.byo-hero__icon {
  position: absolute;
  top: 50%;
  left: 18px;
  color: var(--byo-forest);
  transform: translateY(-50%);
  pointer-events: none;
}

.byo-hero .byo-hero__input {
  width: 100%;
  height: 56px;
  margin: 0;
  padding: 0 18px 0 50px;
  color: var(--byo-ink);
  font-size: 16px;
  background: #f6f9f7;
  border: 1px solid #d5dfda;
  border-radius: 12px;
  transition: border-color 0.2s, box-shadow 0.2s, background-color 0.2s;
}

.byo-hero .byo-hero__input::placeholder {
  color: var(--byo-muted);
  opacity: 1;
}

.byo-hero .byo-hero__input:focus {
  color: var(--byo-ink);
  background: #fff;
  border-color: var(--byo-forest);
  outline: 2px solid transparent;
  box-shadow: 0 0 0 3px rgba(29, 107, 71, 0.25);
}

.byo-hero .byo-hero__submit {
  flex: 0 0 auto;
  height: 56px;
  padding: 0 28px;
  color: #fff;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  background: var(--byo-forest);
  border: 1px solid var(--byo-forest);
  border-radius: 12px;
  transition: background-color 0.2s, border-color 0.2s;
}

.byo-hero .byo-hero__submit:hover,
.byo-hero .byo-hero__submit:focus {
  color: #fff;
  background: var(--byo-forest-dark);
  border-color: var(--byo-forest-dark);
}

.byo-hero .byo-hero__submit:focus-visible {
  outline: 3px solid var(--byo-forest-dark);
  outline-offset: 2px;
}

.byo-hero__popular {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  margin-top: 16px;
}

.byo-hero__popular-label {
  margin: 0;
  color: var(--byo-muted);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.byo-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-hero .byo-hero__chip {
  padding: 7px 14px;
  color: var(--byo-ink);
  font-family: var(--primary-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  background: #fff;
  border: 1px solid #d5dfda;
  border-radius: 999px;
  transition: background-color 0.2s, border-color 0.2s;
}

.byo-hero .byo-hero__chip:hover,
.byo-hero .byo-hero__chip:focus {
  color: var(--byo-ink);
  background: #fbf6ec;
  border-color: var(--byo-warm);
}

.byo-hero .byo-hero__chip:focus-visible {
  outline: 2px solid var(--byo-forest);
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .byo-hero .byo-hero__input,
  .byo-hero .byo-hero__submit,
  .byo-hero .byo-hero__chip {
    transition: none;
  }
}

@media screen and (max-width: 767px) {
  .byo-hero {
    min-height: 0;
    padding: 40px 16px 44px;
  }
  .byo-hero__text {
    margin-bottom: 24px;
  }
  .byo-hero__search {
    padding: 16px;
    border-radius: 14px;
  }
  .byo-hero__search-row {
    flex-direction: column;
    gap: 10px;
  }
  .byo-hero .byo-hero__submit {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .byo-hero .byo-hero__chip {
    min-height: 40px;
    padding: 9px 16px;
  }
}

@media screen and (max-width: 359px) {
  .byo-hero {
    padding-right: 10px;
    padding-left: 10px;
  }
  .byo-hero__search {
    padding: 12px;
  }
  .byo-hero__icon {
    left: 13px;
  }
  .byo-hero .byo-hero__input {
    padding: 0 8px 0 40px;
  }
}

/*==================================
 BYO Tour Packages: popular destinations
 ==================================*/
.byo-destinations {
  --byo-forest: #1d6b47;
  --byo-ink: #1c2a23;
  --byo-muted: #56665e;
  --byo-line: #d5dfda;
  padding: 56px 0 80px;
  background: #fff;
}

.byo-destinations__header {
  max-width: 860px;
  margin: 0 auto 48px;
  text-align: center;
}

.byo-destinations .byo-destinations__title {
  margin: 0 0 12px;
  color: var(--byo-ink);
  font-family: var(--secondary-font);
  font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.byo-destinations__intro {
  max-width: 640px;
  margin: 0 auto;
  color: var(--byo-muted);
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  line-height: 1.6;
}

.byo-destinations__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 32px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-destination-card {
  display: block;
  color: inherit;
  text-decoration: none;
  border-radius: 16px;
}

.byo-destination-card:hover,
.byo-destination-card:focus {
  color: inherit;
  text-decoration: none;
}

.byo-destination-card:focus-visible {
  outline: 3px solid var(--byo-forest);
  outline-offset: 4px;
}

.byo-destination-card__media {
  position: relative;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  background: #e8eeeb;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(4, 20, 14, 0.08);
}

.byo-destination-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

a.byo-destination-card:hover .byo-destination-card__media img {
  transform: scale(1.04);
}

.byo-destination-card__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 4px 0;
}

.byo-destinations .byo-destination-card__name {
  margin: 0;
  color: var(--byo-ink);
  font-family: var(--secondary-font);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  transition: color 0.2s;
}

.byo-destination-card__arrow {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  color: var(--byo-forest);
  border: 1px solid var(--byo-line);
  border-radius: 50%;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

a.byo-destination-card:hover .byo-destination-card__name {
  color: var(--byo-forest);
}

a.byo-destination-card:hover .byo-destination-card__arrow {
  color: #fff;
  background: var(--byo-forest);
  border-color: var(--byo-forest);
}

@media (prefers-reduced-motion: reduce) {
  .byo-destination-card__media img,
  .byo-destinations .byo-destination-card__name,
  .byo-destination-card__arrow {
    transition: none;
  }
  a.byo-destination-card:hover .byo-destination-card__media img {
    transform: none;
  }
}

@media screen and (max-width: 991px) {
  .byo-destinations__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 20px;
  }
  .byo-destination-card__media {
    aspect-ratio: 4 / 3;
  }
}

@media screen and (max-width: 575px) {
  .byo-destinations {
    padding: 48px 0 56px;
  }
  .byo-destinations__header {
    margin-bottom: 32px;
  }
  .byo-destinations__grid {
    gap: 20px 12px;
  }
  .byo-destination-card,
  .byo-destination-card__media {
    border-radius: 12px;
  }
  .byo-destination-card__media {
    aspect-ratio: 4 / 5;
  }
  .byo-destination-card__body {
    gap: 8px;
    padding: 10px 2px 0;
  }
  .byo-destinations .byo-destination-card__name {
    font-size: 15px;
  }
  .byo-destination-card__arrow {
    width: 26px;
    height: 26px;
  }
  .byo-destination-card__arrow svg {
    width: 13px;
    height: 13px;
  }
}

/*==================================
 BYO Tour Packages: international destinations
 ==================================*/
.byo-international {
  padding: 80px 0;
  background: #f4f7f5;
  border-top: 1px solid #e6ece9;
}

.byo-international .byo-destination-card__body {
  align-items: flex-start;
}

.byo-destination-card__text {
  min-width: 0;
}

.byo-international .byo-destination-card__subtitle {
  margin: 4px 0 0;
  color: var(--byo-muted);
  font-size: 14px;
  line-height: 1.45;
}

.byo-destination-card__media--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(216, 179, 106, 0.85);
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.12), transparent 55%),
    linear-gradient(160deg, var(--byo-forest) 0%, #134a31 100%);
}

.byo-carousel {
  --byo-carousel-gap: 24px;
  --byo-carousel-per-view: 4.3;
}

.byo-carousel__viewport {
  overflow-x: auto;
  overflow-y: hidden;
  margin: -8px 0;
  padding: 8px 0;
  scroll-behavior: auto;
  scroll-padding: 0 8px;
  overscroll-behavior-x: contain;
}

.byo-carousel.is-enhanced .byo-carousel__viewport {
  cursor: grab;
  scrollbar-width: none;
  -webkit-user-select: none;
  user-select: none;
}

.byo-carousel.is-enhanced .byo-carousel__viewport::-webkit-scrollbar {
  display: none;
}

.byo-carousel.is-dragging .byo-carousel__viewport {
  cursor: grabbing;
}

.byo-carousel__track {
  display: flex;
  gap: var(--byo-carousel-gap);
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-carousel__slide {
  flex: 0 0 calc((100% - (var(--byo-carousel-per-view) - 1) * var(--byo-carousel-gap)) / var(--byo-carousel-per-view));
  min-width: 0;
  margin: 0;
}

.byo-carousel__slide img {
  -webkit-user-drag: none;
}

.byo-carousel__controls {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-top: 32px;
}

.byo-carousel__controls[hidden],
.byo-carousel .byo-carousel__button[hidden] {
  display: none;
}

.byo-carousel .byo-carousel__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  min-width: 0;
  margin: 0;
  padding: 0;
  color: var(--byo-forest);
  line-height: 1;
  background: #fff;
  border: 1px solid var(--byo-line);
  border-radius: 50%;
  box-shadow: 0 4px 14px rgba(4, 20, 14, 0.06);
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.byo-carousel .byo-carousel__button:hover {
  color: #fff;
  background: var(--byo-forest);
  border-color: var(--byo-forest);
}

.byo-carousel .byo-carousel__button:focus {
  outline: none;
}

.byo-carousel .byo-carousel__button:focus-visible {
  outline: 3px solid var(--byo-forest);
  outline-offset: 3px;
}

.byo-carousel__icon-play,
.byo-carousel.is-paused .byo-carousel__icon-pause {
  display: none;
}

.byo-carousel.is-paused .byo-carousel__icon-play {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .byo-carousel .byo-carousel__button {
    transition: none;
  }
}

@media screen and (max-width: 991px) {
  .byo-carousel {
    --byo-carousel-gap: 20px;
    --byo-carousel-per-view: 2.5;
  }
}

@media screen and (max-width: 575px) {
  .byo-carousel {
    --byo-carousel-gap: 14px;
    --byo-carousel-per-view: 1.6;
  }
  .byo-carousel__controls {
    margin-top: 24px;
  }
}

.byo-international__footer {
  margin-top: 48px;
  text-align: center;
}

/*==================================
 BYO Tour Packages: find your kind of holiday
 ==================================*/
.byo-holiday {
  --byo-forest: #1d6b47;
  --byo-forest-dark: #134a31;
  --byo-warm: #d8b36a;
  padding: 88px 0 96px;
  color: #fff;
  background:
    radial-gradient(ellipse at 85% 0%, rgba(216, 179, 106, 0.12), transparent 55%),
    linear-gradient(180deg, #123f2b 0%, #0e3122 100%);
}

.byo-holiday__header {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: 24px 64px;
  align-items: end;
  margin-bottom: 48px;
}

.byo-holiday .byo-holiday__title {
  position: relative;
  margin: 0;
  padding-bottom: 20px;
  color: #fff;
  font-family: var(--secondary-font);
  font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.byo-holiday .byo-holiday__title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 56px;
  height: 3px;
  background: var(--byo-warm);
  border-radius: 2px;
}

.byo-holiday__intro {
  max-width: 480px;
  margin: 0;
  color: rgba(255, 255, 255, 0.8);
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  line-height: 1.65;
}

.byo-holiday__grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-holiday__item {
  grid-column: span 5;
  margin: 0;
}

.byo-holiday__item:nth-child(4n+1),
.byo-holiday__item:nth-child(4n+4) {
  grid-column: span 7;
}

.byo-holiday__item:nth-child(4n+1):last-child,
.byo-holiday__item:nth-child(4n+3):last-child {
  grid-column: 1 / -1;
}

.byo-holiday-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  height: 100%;
  min-height: 440px;
  overflow: hidden;
  isolation: isolate;
  background:
    radial-gradient(circle at 25% 15%, rgba(255, 255, 255, 0.1), transparent 55%),
    linear-gradient(160deg, var(--byo-forest) 0%, var(--byo-forest-dark) 100%);
  border-radius: 20px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
}

.byo-holiday-card__media {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.byo-holiday-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.7s ease;
}

.byo-holiday-card:not(.byo-holiday-card--no-image)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(6, 22, 15, 0) 30%, rgba(6, 22, 15, 0.55) 62%, rgba(6, 22, 15, 0.88) 100%);
}

.byo-holiday-card__content {
  width: 100%;
  max-width: 520px;
  padding: 32px;
}

.byo-holiday-card__index {
  display: block;
  margin-bottom: 10px;
  color: var(--byo-warm);
  font-family: var(--secondary-font);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.18em;
}

.byo-holiday .byo-holiday-card__title {
  margin: 0 0 10px;
  color: #fff;
  font-family: var(--secondary-font);
  font-size: clamp(1.375rem, 1.1rem + 0.8vw, 1.75rem);
  font-weight: 700;
  line-height: 1.2;
}

.byo-holiday-card__desc {
  margin: 0;
  color: rgba(255, 255, 255, 0.86);
  font-size: 15px;
  line-height: 1.6;
}

.byo-holiday .byo-holiday-card__link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  margin-top: 18px;
  padding: 10px 20px;
  color: #fff;
  font-family: var(--secondary-font);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: background-color 0.25s, border-color 0.25s, color 0.25s;
}

.byo-holiday .byo-holiday-card__link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
}

.byo-holiday .byo-holiday-card__link svg {
  transition: transform 0.25s ease;
}

.byo-holiday-card--linked:hover .byo-holiday-card__media img {
  transform: scale(1.05);
}

.byo-holiday .byo-holiday-card--linked:hover .byo-holiday-card__link,
.byo-holiday .byo-holiday-card__link:focus {
  color: var(--byo-forest-dark);
  text-decoration: none;
  background: #fff;
  border-color: #fff;
}

.byo-holiday-card--linked:hover .byo-holiday-card__link svg {
  transform: translateX(3px);
}

.byo-holiday .byo-holiday-card__link:focus {
  outline: none;
}

.byo-holiday .byo-holiday-card__link:focus-visible::after {
  outline: 3px solid var(--byo-warm);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .byo-holiday-card__media img,
  .byo-holiday .byo-holiday-card__link,
  .byo-holiday .byo-holiday-card__link svg {
    transition: none;
  }
  .byo-holiday-card--linked:hover .byo-holiday-card__media img,
  .byo-holiday-card--linked:hover .byo-holiday-card__link svg {
    transform: none;
  }
}

@media screen and (max-width: 991px) {
  .byo-holiday {
    padding: 72px 0 80px;
  }
  .byo-holiday__header {
    grid-template-columns: minmax(0, 1fr);
    margin-bottom: 36px;
  }
  .byo-holiday__grid {
    gap: 20px;
  }
  .byo-holiday__item,
  .byo-holiday__item:nth-child(4n+1),
  .byo-holiday__item:nth-child(4n+4) {
    grid-column: span 6;
  }
  .byo-holiday__item:nth-child(odd):last-child {
    grid-column: 1 / -1;
  }
  .byo-holiday-card {
    min-height: 400px;
  }
  .byo-holiday-card__content {
    padding: 26px;
  }
}

@media screen and (max-width: 575px) {
  .byo-holiday {
    padding: 56px 0 64px;
  }
  .byo-holiday__header {
    margin-bottom: 28px;
  }
  .byo-holiday__grid {
    gap: 16px;
  }
  .byo-holiday__item,
  .byo-holiday__item:nth-child(4n+1),
  .byo-holiday__item:nth-child(4n+4),
  .byo-holiday__item:nth-child(odd):last-child {
    grid-column: 1 / -1;
  }
  .byo-holiday-card {
    min-height: 380px;
    border-radius: 16px;
  }
  .byo-holiday .byo-holiday-card__link::after {
    border-radius: 16px;
  }
  .byo-holiday-card__content {
    padding: 22px;
  }
  .byo-holiday-card__desc {
    font-size: 14px;
  }
}

.byo-international .byo-international__view-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 28px;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  border: 2px solid var(--byo-forest);
  border-radius: 999px;
  transition: background-color 0.2s, color 0.2s;
}

.byo-international .byo-international__view-all:hover,
.byo-international .byo-international__view-all:focus {
  color: #fff;
  text-decoration: none;
  background: var(--byo-forest);
}

.byo-international .byo-international__view-all:focus-visible {
  outline: 3px solid var(--byo-forest);
  outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
  .byo-international .byo-international__view-all {
    transition: none;
  }
}

@media screen and (max-width: 575px) {
  .byo-international {
    padding: 48px 0 56px;
  }
  .byo-international .byo-destination-card__subtitle {
    font-size: 13px;
  }
  .byo-destination-card__placeholder-icon {
    width: 32px;
    height: 32px;
  }
  .byo-international__footer {
    margin-top: 32px;
  }
  .byo-international .byo-international__view-all {
    width: 100%;
  }
}

/*==================================
 BYO Tour Packages: how BYO helps you
 ==================================*/
.byo-planning {
  --byo-ivory: #f8f4ec;
  --byo-forest: #134a31;
  --byo-champagne: #d8b36a;
  --byo-gold-line: #c9a96a;
  --byo-gold-text: #7a5c26;
  --byo-hairline: #e4dccb;
  --byo-cols: minmax(0, 1fr) minmax(340px, 400px) minmax(0, 1fr);
  padding: 96px 0 104px;
  color: #1c2a23;
  background: var(--byo-ivory);
  border-bottom: 1px solid var(--byo-hairline);
}

.byo-planning__header {
  max-width: 720px;
  margin: 0 auto 72px;
  text-align: center;
}

.byo-planning .byo-planning__title {
  margin: 0;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: clamp(1.75rem, 1.1rem + 2vw, 2.625rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.byo-planning__intro {
  margin: 0;
  color: #56665e;
  font-size: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  line-height: 1.6;
}

.byo-planning__intro::before {
  content: "";
  display: block;
  width: 56px;
  height: 1px;
  margin: 22px auto 20px;
  background: var(--byo-gold-line);
}

.byo-planning__layout {
  display: grid;
  grid-template-columns: var(--byo-cols);
  column-gap: 64px;
  align-items: center;
}

.byo-planning__steps {
  display: grid;
  grid-template-columns: var(--byo-cols);
  grid-column: 1 / -1;
  grid-row: 1;
  column-gap: 64px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-planning__step {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  margin: 0;
  padding: 36px 0;
}

.byo-planning__step:nth-child(-n+2) {
  grid-column: 1;
  flex-direction: row-reverse;
  text-align: right;
}

.byo-planning__step:nth-child(n+3) {
  grid-column: 3;
}

.byo-planning__step:nth-child(odd) {
  grid-row: 1;
}

.byo-planning__step:nth-child(even) {
  grid-row: 2;
  border-top: 1px solid var(--byo-hairline);
}

.byo-planning__num {
  position: relative;
  display: grid;
  flex: none;
  place-items: center;
  width: 44px;
  height: 44px;
  color: var(--byo-gold-text);
  font-family: var(--secondary-font);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.06em;
  background: var(--byo-ivory);
  border: 1px solid var(--byo-gold-line);
  border-radius: 50%;
}

.byo-planning__num::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 44px;
  height: 1px;
}

.byo-planning__step:nth-child(-n+2) .byo-planning__num::after {
  left: calc(100% + 10px);
  background: linear-gradient(90deg, var(--byo-gold-line), rgba(201, 169, 106, 0));
}

.byo-planning__step:nth-child(n+3) .byo-planning__num::after {
  right: calc(100% + 10px);
  background: linear-gradient(270deg, var(--byo-gold-line), rgba(201, 169, 106, 0));
}

.byo-planning__step-body {
  flex: 1 1 auto;
  min-width: 0;
}

.byo-planning .byo-planning__step-title {
  margin: 8px 0 8px;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.byo-planning__step-desc {
  max-width: 300px;
  margin: 0;
  color: #56665e;
  font-size: 15px;
  line-height: 1.7;
}

.byo-planning__step:nth-child(-n+2) .byo-planning__step-desc {
  margin-left: auto;
}

.byo-planning-cta {
  position: relative;
  grid-column: 2;
  grid-row: 1;
  padding: 10px;
  color: #fff;
  text-align: center;
  background: var(--byo-forest);
  border-radius: 50% 50% 6px 6px / 180px 180px 6px 6px;
}

.byo-planning-cta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 460px;
  padding: 104px 28px 44px;
  border: 1px solid rgba(216, 179, 106, 0.5);
  border-radius: 50% 50% 2px 2px / 170px 170px 2px 2px;
}

.byo-planning-cta__inner::before {
  content: "";
  width: 7px;
  height: 7px;
  margin-bottom: 28px;
  background: var(--byo-champagne);
  transform: rotate(45deg);
}

.byo-planning-cta__eyebrow {
  margin: 0 0 14px;
  color: var(--byo-champagne);
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  text-wrap: balance;
}

.byo-planning .byo-planning-cta__title {
  margin: 0 0 14px;
  color: #fff;
  font-family: var(--secondary-font);
  font-size: clamp(1.75rem, 1.4rem + 0.8vw, 2.125rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

.byo-planning-cta__desc {
  max-width: 290px;
  margin: 0 0 30px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 15.5px;
  line-height: 1.65;
}

.byo-planning .byo-planning-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 54px;
  padding: 14px 28px;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: 15.5px;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  background: var(--byo-champagne);
  border-radius: 999px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.byo-planning .byo-planning-cta__button:hover,
.byo-planning .byo-planning-cta__button:focus {
  color: #0e3122;
  text-decoration: none;
  background: #e8cd93;
}

.byo-planning .byo-planning-cta__button:focus {
  outline: none;
}

.byo-planning .byo-planning-cta__button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.byo-planning-cta__notice {
  max-width: 290px;
  margin: 0;
  padding: 10px 14px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 14px;
  line-height: 1.5;
  border: 1px dashed rgba(216, 179, 106, 0.6);
  border-radius: 4px;
}

.byo-planning__layout--cta-only {
  grid-template-columns: minmax(0, 400px);
  justify-content: center;
}

.byo-planning__layout--cta-only .byo-planning-cta {
  grid-column: 1;
}

.byo-planning__layout--steps-only,
.byo-planning__layout--steps-only .byo-planning__steps {
  --byo-cols: minmax(0, 1fr) minmax(0, 1fr);
}

.byo-planning__layout--steps-only .byo-planning__step:nth-child(n+3) {
  grid-column: 2;
}

.byo-planning__layout--steps-only .byo-planning__num::after {
  display: none;
}

@media (prefers-reduced-motion: reduce) {
  .byo-planning .byo-planning-cta__button {
    transition: none;
  }
}

@media screen and (max-width: 991px) {
  .byo-planning {
    padding: 72px 0 80px;
  }
  .byo-planning__header {
    margin-bottom: 48px;
  }
  .byo-planning__layout,
  .byo-planning__layout--steps-only {
    display: block;
  }
  .byo-planning__steps,
  .byo-planning__layout--steps-only .byo-planning__steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 40px;
  }
  .byo-planning__step,
  .byo-planning__step:nth-child(-n+2),
  .byo-planning__step:nth-child(n+3),
  .byo-planning__layout--steps-only .byo-planning__step:nth-child(n+3) {
    grid-column: auto;
    grid-row: auto;
    flex-direction: row;
    padding: 28px 0;
    text-align: left;
    border-top: 1px solid var(--byo-hairline);
  }
  .byo-planning__num::after {
    display: none;
  }
  .byo-planning__step-desc,
  .byo-planning__step:nth-child(-n+2) .byo-planning__step-desc {
    max-width: none;
    margin-left: 0;
  }
  .byo-planning-cta {
    max-width: 520px;
    margin: 48px auto 0;
    border-radius: 50% 50% 6px 6px / 150px 150px 6px 6px;
  }
  .byo-planning-cta__inner {
    min-height: 0;
    padding: 88px 32px 40px;
    border-radius: 50% 50% 2px 2px / 140px 140px 2px 2px;
  }
}

@media screen and (max-width: 575px) {
  .byo-planning {
    padding: 56px 0 64px;
  }
  .byo-planning__header {
    margin-bottom: 32px;
  }
  .byo-planning__steps,
  .byo-planning__layout--steps-only .byo-planning__steps {
    grid-template-columns: minmax(0, 1fr);
  }
  .byo-planning__step,
  .byo-planning__step:nth-child(-n+2),
  .byo-planning__step:nth-child(n+3),
  .byo-planning__layout--steps-only .byo-planning__step:nth-child(n+3) {
    gap: 16px;
    padding: 22px 0;
  }
  .byo-planning__num {
    width: 40px;
    height: 40px;
  }
  .byo-planning .byo-planning__step-title {
    margin-top: 6px;
    font-size: 1.125rem;
  }
  .byo-planning-cta {
    margin-top: 36px;
    border-radius: 50% 50% 6px 6px / 110px 110px 6px 6px;
  }
  .byo-planning-cta__inner {
    padding: 72px 20px 28px;
    border-radius: 50% 50% 2px 2px / 102px 102px 2px 2px;
  }
  .byo-planning-cta__inner::before {
    margin-bottom: 22px;
  }
  .byo-planning .byo-planning-cta__button {
    width: 100%;
    min-height: 56px;
    padding: 14px 20px;
  }
}

/*==================================
 BYO Tour Packages: blog (editorial)
 ==================================*/
.blog-section.byo-blog {
  --byo-forest: #134a31;
  --byo-gold-line: #c9a96a;
  --byo-gold-text: #7a5c26;
  --byo-muted: #56665e;
  --byo-hairline: #e7e0d2;
  padding: 96px 0 104px;
  color: #1c2a23;
  background: #fffdf9;
}

.byo-blog__header {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 48px;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 56px;
}

.byo-blog__heading {
  flex: 1 1 520px;
  max-width: 680px;
}

.byo-blog__eyebrow {
  display: flex;
  gap: 14px;
  align-items: center;
  margin: 0 0 16px;
  color: var(--byo-gold-text);
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.byo-blog__eyebrow::before {
  content: "";
  flex: none;
  width: 32px;
  height: 1px;
  background: var(--byo-gold-line);
}

.byo-blog .byo-blog__title {
  margin: 0 0 16px;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: clamp(1.75rem, 1.1rem + 2vw, 2.625rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-wrap: balance;
}

.byo-blog__intro {
  max-width: 560px;
  margin: 0;
  color: var(--byo-muted);
  font-size: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
  line-height: 1.65;
}

.byo-blog .byo-blog__view-all {
  display: inline-flex;
  flex: none;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: 15px;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: var(--byo-gold-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 8px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.byo-blog .byo-blog__view-all:hover,
.byo-blog .byo-blog__view-all:focus {
  color: #0e3122;
  text-decoration-color: var(--byo-forest);
}

.byo-blog .byo-blog__view-all svg,
.byo-blog .byo-blog-feature__more svg {
  transition: transform 0.2s ease;
}

.byo-blog .byo-blog__view-all:hover svg,
.byo-blog .byo-blog-feature__more:hover svg {
  transform: translateX(3px);
}

.byo-blog__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 56px;
  align-items: start;
}

.byo-blog__layout--single {
  grid-template-columns: minmax(0, 1fr);
}

.byo-blog__layout--single .byo-blog-feature {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
  gap: 48px;
  align-items: center;
}

.byo-blog__layout--single .byo-blog-feature__body {
  padding-top: 0;
}

.byo-blog .byo-blog-feature__media,
.byo-blog .byo-blog-item__media {
  position: relative;
  display: block;
  overflow: hidden;
  background: #efe9dd;
  border-radius: 4px;
}

.byo-blog .byo-blog-feature__media {
  aspect-ratio: 16 / 10;
}

.byo-blog .byo-blog-item__media {
  aspect-ratio: 4 / 3;
}

.byo-blog-feature__media img,
.byo-blog-item__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s ease;
}

.byo-blog-feature:hover .byo-blog-feature__media img,
.byo-blog-item:hover .byo-blog-item__media img {
  transform: scale(1.03);
}

.byo-blog__placeholder {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(201, 169, 106, 0.18), transparent 60%),
    linear-gradient(160deg, #f1ece1, #e3ddcf);
}

.byo-blog__placeholder::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  background: var(--byo-gold-line);
  transform: translate(-50%, -50%) rotate(45deg);
}

.byo-blog-feature__body {
  padding-top: 28px;
}

.byo-blog__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 12px;
  align-items: center;
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.5;
}

.byo-blog .byo-blog__cat {
  color: var(--byo-gold-text);
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-decoration: none;
  text-transform: uppercase;
}

.byo-blog .byo-blog__cat:hover,
.byo-blog .byo-blog__cat:focus {
  color: var(--byo-forest);
  text-decoration: underline;
}

.byo-blog__cat + .byo-blog__date::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 12px;
  vertical-align: middle;
  background: var(--byo-gold-line);
  border-radius: 50%;
}

.byo-blog__date {
  color: var(--byo-muted);
}

.byo-blog-item .byo-blog__meta {
  flex-direction: column;
  gap: 2px;
  align-items: flex-start;
}

.byo-blog-item .byo-blog__cat + .byo-blog__date::before {
  display: none;
}

.byo-blog .byo-blog-feature__title,
.byo-blog .byo-blog-item__title {
  margin: 0;
  font-family: var(--secondary-font);
  font-weight: 700;
  letter-spacing: -0.01em;
}

.byo-blog .byo-blog-feature__title {
  margin-bottom: 14px;
  font-size: clamp(1.5rem, 1.15rem + 1.1vw, 2.125rem);
  line-height: 1.2;
  text-wrap: balance;
}

.byo-blog .byo-blog-item__title {
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.4;
}

.byo-blog .byo-blog-feature__title a,
.byo-blog .byo-blog-item__title a {
  color: var(--byo-forest);
  text-decoration: underline;
  text-decoration-color: transparent;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
  transition: text-decoration-color 0.2s ease;
}

.byo-blog .byo-blog-feature__title a:hover,
.byo-blog .byo-blog-feature__title a:focus,
.byo-blog .byo-blog-item__title a:hover,
.byo-blog .byo-blog-item__title a:focus,
.byo-blog-feature:hover .byo-blog-feature__title a,
.byo-blog-item:hover .byo-blog-item__title a {
  color: var(--byo-forest);
  text-decoration-color: var(--byo-gold-line);
}

.byo-blog-feature__excerpt {
  display: -webkit-box;
  max-width: 640px;
  margin: 0 0 22px;
  overflow: hidden;
  color: var(--byo-muted);
  font-size: 16px;
  line-height: 1.7;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.byo-blog .byo-blog-feature__more {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  min-height: 44px;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid var(--byo-gold-line);
}

.byo-blog .byo-blog-feature__more:hover,
.byo-blog .byo-blog-feature__more:focus {
  color: #0e3122;
  text-decoration: none;
  border-bottom-color: var(--byo-forest);
}

.byo-blog__list {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--byo-hairline);
}

.byo-blog__list-item {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--byo-hairline);
}

.byo-blog-item {
  display: grid;
  grid-template-columns: 168px minmax(0, 1fr);
  gap: 22px;
  align-items: center;
  padding: 24px 0;
}

.byo-blog .byo-blog__view-all:focus,
.byo-blog .byo-blog__cat:focus,
.byo-blog .byo-blog-feature__title a:focus,
.byo-blog .byo-blog-item__title a:focus,
.byo-blog .byo-blog-feature__more:focus {
  outline: none;
}

.byo-blog .byo-blog__view-all:focus-visible,
.byo-blog .byo-blog__cat:focus-visible,
.byo-blog .byo-blog-feature__title a:focus-visible,
.byo-blog .byo-blog-item__title a:focus-visible,
.byo-blog .byo-blog-feature__more:focus-visible {
  outline: 2px solid var(--byo-forest);
  outline-offset: 4px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .byo-blog-feature__media img,
  .byo-blog-item__media img,
  .byo-blog .byo-blog__view-all svg,
  .byo-blog .byo-blog-feature__more svg {
    transition: none;
  }
  .byo-blog-feature:hover .byo-blog-feature__media img,
  .byo-blog-item:hover .byo-blog-item__media img,
  .byo-blog .byo-blog__view-all:hover svg,
  .byo-blog .byo-blog-feature__more:hover svg {
    transform: none;
  }
}

@media screen and (max-width: 1199px) {
  .byo-blog__layout {
    gap: 40px;
  }
  .byo-blog-item {
    grid-template-columns: 136px minmax(0, 1fr);
    gap: 18px;
  }
  .byo-blog .byo-blog-item__title {
    font-size: 1.0625rem;
  }
}

@media screen and (max-width: 991px) {
  .blog-section.byo-blog {
    padding: 72px 0 80px;
  }
  .byo-blog__header {
    margin-bottom: 40px;
  }
  .byo-blog__layout,
  .byo-blog__layout--single .byo-blog-feature {
    grid-template-columns: minmax(0, 1fr);
    gap: 40px;
  }
  .byo-blog__layout--single .byo-blog-feature__body {
    padding-top: 0;
  }
  .byo-blog-item {
    grid-template-columns: 200px minmax(0, 1fr);
    gap: 24px;
  }
  .byo-blog .byo-blog-item__title {
    font-size: 1.1875rem;
  }
}

@media screen and (max-width: 575px) {
  .blog-section.byo-blog {
    padding: 56px 0 64px;
  }
  .byo-blog__header {
    margin-bottom: 32px;
  }
  .byo-blog__heading {
    flex-basis: 100%;
  }
  .byo-blog__layout {
    gap: 32px;
  }
  .byo-blog .byo-blog-feature__media {
    aspect-ratio: 3 / 2;
  }
  .byo-blog-feature__body {
    padding-top: 20px;
  }
  .byo-blog-feature__excerpt {
    font-size: 15px;
  }
  .byo-blog-item {
    grid-template-columns: 112px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    padding: 20px 0;
  }
  .byo-blog .byo-blog-item__title {
    font-size: 1rem;
  }
  .byo-blog__meta {
    margin-bottom: 6px;
    font-size: 12.5px;
  }
}

/*==================================
 BYO Tour Packages: homepage SEO content
 ==================================*/
.byo-seo {
  --byo-forest: #134a31;
  --byo-text: #23392e;
  --byo-gold-line: #c9a96a;
  --byo-gold-text: #7a5c26;
  --byo-hairline: #e4dccb;
  padding: 96px 0 104px;
  color: var(--byo-text);
  background: #f8f4ec;
  border-top: 1px solid var(--byo-hairline);
}

.byo-seo__inner {
  max-width: 1040px;
  margin: 0 auto;
}

.byo-seo__header {
  max-width: 760px;
  margin: 0 auto 52px;
  text-align: center;
}

.byo-seo__header::before {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  margin: 0 auto 22px;
  background: var(--byo-gold-line);
}

.byo-seo__eyebrow {
  margin: 0 0 14px;
  color: var(--byo-gold-text);
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.byo-seo .byo-seo__title {
  margin: 0;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: clamp(1.75rem, 1.2rem + 1.7vw, 2.5rem);
  font-weight: 700;
  line-height: 1.22;
  letter-spacing: -0.015em;
  text-wrap: balance;
}

.byo-seo__prose {
  font-size: 17px;
  line-height: 1.85;
}

.byo-seo__intro {
  font-size: 18px;
}

.byo-seo__prose > :first-child,
.byo-seo__prose > :first-child > :first-child {
  margin-top: 0;
}

.byo-seo__prose p {
  margin: 0 0 1.15em;
  color: var(--byo-text);
}

.byo-seo .byo-seo__prose h3,
.byo-seo .byo-seo__prose h4 {
  margin: 1.9em 0 0.6em;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-weight: 600;
  line-height: 1.35;
  letter-spacing: -0.01em;
}

.byo-seo .byo-seo__prose h3 {
  font-size: 1.25rem;
}

.byo-seo .byo-seo__more h3 {
  position: relative;
  margin-top: 2em;
  padding-top: 1.6em;
  border-top: 1px solid var(--byo-hairline);
}

.byo-seo .byo-seo__more h3::before {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 40px;
  height: 2px;
  background: var(--byo-gold-line);
}

.byo-seo .byo-seo__more > h3:first-child {
  margin-top: 1.6em;
}

.byo-seo .byo-seo__prose h4 {
  font-size: 1.0625rem;
}

.byo-seo__prose ul,
.byo-seo__prose ol {
  margin: 0 0 1.15em;
  padding-left: 1.4em;
}

.byo-seo__prose ul {
  padding-left: 0;
  list-style: none;
}

.byo-seo__prose li {
  margin: 0 0 0.45em;
}

.byo-seo__prose ul > li {
  position: relative;
  padding-left: 1.5em;
}

.byo-seo__prose ul > li::before {
  content: "";
  position: absolute;
  top: 0.78em;
  left: 0.2em;
  width: 6px;
  height: 6px;
  background: var(--byo-gold-line);
  transform: rotate(45deg);
}

.byo-seo__prose ol > li::marker {
  color: var(--byo-gold-text);
  font-weight: 600;
}

.byo-seo .byo-seo__prose a {
  color: var(--byo-forest);
  font-weight: 500;
  text-decoration: underline;
  text-decoration-color: var(--byo-gold-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: text-decoration-color 0.2s ease;
}

.byo-seo .byo-seo__prose a:hover,
.byo-seo .byo-seo__prose a:focus {
  color: var(--byo-forest);
  text-decoration-color: var(--byo-forest);
}

.byo-seo .byo-seo__prose strong {
  color: var(--byo-forest);
  font-weight: 600;
}

.byo-seo__closing {
  margin-top: 2em;
  padding-top: 1.6em;
  text-align: center;
  border-top: 1px solid var(--byo-hairline);
}

.byo-seo__closing p {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  color: var(--byo-forest);
  font-size: 18px;
  font-weight: 500;
}

.byo-seo__more {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

/* WP Travel Engine sets [hidden] { display: none !important } site-wide, which
   would stop find-in-page from revealing until-found content. */
.byo-seo .byo-seo__more[hidden="until-found"] {
  display: block !important;
}

.byo-seo__more[hidden]:not([hidden="until-found"]) {
  display: none;
}

.byo-seo.is-enhanced:not(.is-expanded) .byo-seo__intro > :last-child,
.byo-seo.is-enhanced:not(.is-expanded) .byo-seo__intro > :last-child > :last-child {
  margin-bottom: 0;
}

.byo-seo .byo-seo__toggle {
  display: flex;
  gap: 12px;
  align-items: center;
  width: fit-content;
  min-height: 44px;
  margin: 32px auto 0;
  padding: 6px 0;
  color: var(--byo-forest);
  font-family: var(--secondary-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.02em;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 2px;
}

.byo-seo .byo-seo__toggle[hidden] {
  display: none;
}

.byo-seo__toggle-label {
  text-decoration: underline;
  text-decoration-color: var(--byo-gold-line);
  text-decoration-thickness: 1px;
  text-underline-offset: 6px;
  transition: text-decoration-color 0.2s ease;
}

.byo-seo__toggle-icon {
  display: grid;
  flex: none;
  place-items: center;
  width: 30px;
  height: 30px;
  color: var(--byo-gold-text);
  border: 1px solid var(--byo-gold-line);
  border-radius: 50%;
  transition: transform 0.3s ease, background-color 0.2s ease, color 0.2s ease;
}

.byo-seo .byo-seo__toggle:hover .byo-seo__toggle-label {
  text-decoration-color: var(--byo-forest);
}

.byo-seo .byo-seo__toggle:hover .byo-seo__toggle-icon {
  color: #fff;
  background: var(--byo-forest);
  border-color: var(--byo-forest);
}

.byo-seo .byo-seo__toggle[aria-expanded="true"] .byo-seo__toggle-icon {
  transform: rotate(180deg);
}

.byo-seo .byo-seo__toggle:focus {
  outline: none;
}

.byo-seo .byo-seo__toggle:focus-visible,
.byo-seo .byo-seo__prose a:focus-visible {
  outline: 2px solid var(--byo-forest);
  outline-offset: 4px;
}

@media (prefers-reduced-motion: reduce) {
  .byo-seo__toggle-icon,
  .byo-seo__toggle-label,
  .byo-seo .byo-seo__prose a {
    transition: none;
  }
}

@media screen and (max-width: 991px) {
  .byo-seo {
    padding: 72px 0 80px;
  }
  .byo-seo__header {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 575px) {
  .byo-seo {
    padding: 56px 0 64px;
  }
  .byo-seo__header {
    margin-bottom: 32px;
  }
  .byo-seo__header::before {
    margin-bottom: 18px;
  }
  .byo-seo__prose,
  .byo-seo__intro,
  .byo-seo__closing p {
    font-size: 16px;
    line-height: 1.75;
  }
  .byo-seo .byo-seo__prose h3 {
    font-size: 1.125rem;
  }
}

/*===================================
 BYO Footer
 ===================================*/
.site-footer.byo-footer {
  --byo-f-bg: #f4eee3;
  --byo-f-panel: #fbf7ef;
  --byo-f-forest: #134a31;
  --byo-f-text: #23392e;
  --byo-f-muted: #56665e;
  --byo-f-gold: #c9a96a;
  --byo-f-gold-icon: #9a7432;
  --byo-f-gold-text: #7a5c26;
  --byo-f-line: #e2d8c4;
  --byo-f-whatsapp: #1b7a45;
  position: relative;
  overflow: hidden;
  color: var(--byo-f-text);
  background: var(--byo-f-bg);
  border-top: 1px solid var(--byo-f-line);
  font-size: 15px;
  line-height: 1.6;
}

/* Faint postage-stamp mark; replaces the clearfix pseudo-element, which flex layout does not need. */
.site-footer.byo-footer::before {
  content: "";
  display: block;
  position: absolute;
  left: -36px;
  bottom: 64px;
  width: 210px;
  height: 210px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='none' stroke='%23134a31' stroke-width='1.2'%3E%3Ccircle cx='60' cy='60' r='56' stroke-dasharray='3 4'/%3E%3Ccircle cx='60' cy='60' r='44'/%3E%3Cpath d='M70.7 75.5 69 67.5l3.4-3.4c1.5-1.5 2-3.5 1.5-4.5-1-.5-3 0-4.5 1.5L66 64.5l-8.2-1.8c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L62 68.5l-2 3h-3l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z' stroke-linejoin='round'/%3E%3Cpath d='M22 92c14-6 26-6 38 0s24 6 38 0M22 100c14-6 26-6 38 0s24 6 38 0' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / contain;
  opacity: 0.07;
  pointer-events: none;
}

.site-footer.byo-footer::after {
  content: none;
}

.byo-footer .byo-footer__container {
  position: relative;
  max-width: 1440px;
  padding: 0 24px;
}

.byo-footer__main {
  display: flex;
  align-items: flex-start;
  padding: 72px 0 56px;
}

/* Brand */
.byo-footer__brand {
  flex: 0 0 236px;
  min-width: 0;
  padding-right: 24px;
}

.byo-footer__logo {
  display: inline-block;
  margin-bottom: 18px;
  border-radius: 4px;
}

.byo-footer__logo-img {
  display: block;
  width: 180px;
  max-width: 100%;
  height: auto;
}

.byo-footer__site-name {
  color: var(--byo-f-forest);
  font-family: var(--secondary-font);
  font-size: 22px;
  font-weight: 700;
}

.byo-footer .byo-footer__desc {
  max-width: 300px;
  margin: 0 0 22px;
  color: var(--byo-f-text);
  font-size: 14.5px;
  line-height: 1.7;
}

.byo-footer .byo-footer__social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.byo-footer .byo-footer__social li {
  margin: 0;
  padding: 0;
}

.byo-footer .byo-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  color: var(--byo-f-forest);
  background: var(--byo-f-panel);
  border: 1px solid rgba(201, 169, 106, 0.75);
  border-radius: 50%;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.byo-footer .byo-footer__social a:hover {
  color: #fff;
  background: var(--byo-f-forest);
  border-color: var(--byo-f-forest);
}

.byo-footer .byo-footer__contact {
  display: grid;
  gap: 10px;
  margin: 0;
  color: var(--byo-f-muted);
  font-size: 13.5px;
  font-style: normal;
  line-height: 1.6;
}

.byo-footer .byo-footer__phone,
.byo-footer .byo-footer__address {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  max-width: 300px;
}

.byo-footer .byo-footer__phone {
  align-items: center;
  width: fit-content;
  min-height: 32px;
  color: var(--byo-f-forest);
  font-weight: 600;
  text-decoration: none;
}

.byo-footer .byo-footer__phone:hover span {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.byo-footer__contact .byo-footer__icon {
  flex: none;
  margin-top: 1px;
  color: var(--byo-f-gold-icon);
}

/* Link columns */
.byo-footer__col {
  flex: 0 1 auto;
  width: max-content;
  max-width: 280px;
  min-width: 0;
  padding: 0 20px;
  border-left: 1px solid var(--byo-f-line);
}

.byo-footer .byo-footer__heading {
  position: relative;
  margin: 0 0 16px;
  padding: 0 0 12px;
  color: var(--byo-f-forest);
  font-family: var(--secondary-font);
  font-size: 17px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0;
  text-align: left;
  text-transform: none;
}

.byo-footer .byo-footer__heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 28px;
  height: 2px;
  background: var(--byo-f-gold);
}

.byo-footer .byo-footer__links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-footer .byo-footer__links li {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.byo-footer .byo-footer__links a {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  padding: 4px 0;
  color: var(--byo-f-text);
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  transition: color 0.2s ease;
}

.byo-footer__col--destinations .byo-footer__links a::after,
.byo-footer__col--quick .byo-footer__links a::after {
  content: "";
  flex: none;
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-top: 1.5px solid var(--byo-f-gold-icon);
  border-right: 1.5px solid var(--byo-f-gold-icon);
  transform: rotate(45deg);
  transition: transform 0.2s ease;
}

.byo-footer .byo-footer__links a:hover,
.byo-footer .byo-footer__links .current-menu-item > a {
  color: var(--byo-f-forest);
}

.byo-footer .byo-footer__links .current-menu-item > a {
  font-weight: 600;
}

.byo-footer__col--destinations .byo-footer__links a:hover::after,
.byo-footer__col--quick .byo-footer__links a:hover::after {
  transform: translateX(3px) rotate(45deg);
}

.byo-footer__col--services .byo-footer__icon {
  flex: none;
  color: var(--byo-f-gold-icon);
}

/* WhatsApp planning banner */
.byo-footer__cta {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 0;
  align-self: stretch;
  min-width: 390px;
  min-height: 300px;
  margin-left: 8px;
  overflow: hidden;
  background: var(--byo-f-panel);
  border: 1px solid var(--byo-f-line);
  border-radius: 16px;
  isolation: isolate;
}

.byo-footer__cta-media {
  position: absolute;
  inset: 0 0 0 36%;
  z-index: -1;
}

.byo-footer__cta-media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, #fbf7ef 0%, #fbf7ef 34%, rgba(251, 247, 239, 0.8) 52%, rgba(251, 247, 239, 0) 80%);
}

.byo-footer .byo-footer__cta-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 70% center;
}

.byo-footer__cta-body {
  position: relative;
  max-width: 70%;
  padding: 32px 0 32px 30px;
}

.byo-footer__cta--no-image .byo-footer__cta-body {
  max-width: none;
  padding-right: 30px;
}

.byo-footer .byo-footer__cta-eyebrow {
  margin: 0 0 12px;
  color: var(--byo-f-gold-text);
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.byo-footer .byo-footer__cta-title {
  margin: 0 0 12px;
  color: var(--byo-f-forest);
  font-family: var(--secondary-font);
  font-size: clamp(1.375rem, 1.2rem + 0.25vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
  text-align: left;
  text-transform: none;
  text-wrap: balance;
}

.byo-footer .byo-footer__cta-text {
  margin: 0 0 22px;
  color: var(--byo-f-text);
  font-size: 14.5px;
  line-height: 1.65;
}

.byo-footer .byo-footer__cta-button {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px 22px;
  color: #fff;
  background: var(--byo-f-whatsapp);
  border-radius: 999px;
  box-shadow: 0 8px 18px -12px rgba(19, 74, 49, 0.7);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.byo-footer .byo-footer__cta-button:hover {
  color: #fff;
  background: #145c34;
}

.byo-footer__cta-button .byo-footer__icon {
  transition: transform 0.2s ease;
}

.byo-footer__cta-button:hover .byo-footer__icon {
  transform: translateX(3px);
}

.byo-footer .byo-footer__cta-notice {
  margin: 0;
  padding: 10px 12px;
  color: #7a3b12;
  background: #fff4e5;
  border-radius: 6px;
  font-size: 13px;
}

/* Bottom bar */
.byo-footer__bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 28px;
  padding: 22px 0;
  border-top: 1px solid var(--byo-f-line);
  color: var(--byo-f-muted);
  font-size: 13.5px;
  line-height: 1.5;
}

.byo-footer .byo-footer__copyright {
  flex: 0 0 auto;
  margin: 0;
}

.byo-footer__legal {
  flex: 1 1 0;
  min-width: 0;
}

.byo-footer .byo-footer__legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  row-gap: 6px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-footer .byo-footer__legal-links li {
  margin: 0;
  padding: 0 14px;
  border-left: 1px solid var(--byo-f-line);
  line-height: 1.3;
}

.byo-footer .byo-footer__legal-links li:first-child {
  padding-left: 0;
  border-left: 0;
}

.byo-footer .byo-footer__legal-links a {
  color: var(--byo-f-muted);
  text-decoration: none;
}

.byo-footer .byo-footer__legal-links a:hover {
  color: var(--byo-f-forest);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.byo-footer .byo-footer__top {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: var(--byo-f-forest);
  border: 1px solid var(--byo-f-gold);
  border-radius: 50%;
  transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.byo-footer .byo-footer__top:hover {
  color: #fff;
  background: var(--byo-f-forest);
  border-color: var(--byo-f-forest);
}

#page[tabindex="-1"]:focus {
  outline: 0;
}

/* Keyboard focus */
.byo-footer a:focus-visible {
  outline: 2px solid var(--byo-f-forest);
  outline-offset: 3px;
}

.byo-footer .byo-footer__cta-button:focus-visible {
  outline: 3px solid var(--byo-f-forest);
}

/* Legacy footer widget areas (optional, Customizer > Footer Settings) */
.byo-footer .footer-t {
  padding: 40px 0 0;
  border-top: 1px solid var(--byo-f-line);
  border-bottom: 0;
}

.byo-footer .footer-t .widget .widget-title,
.byo-footer .footer-t .widget_rss .widget-title a {
  color: var(--byo-f-forest);
}

.byo-footer .footer-t .widget ul li {
  border-bottom-color: var(--byo-f-line);
}

.byo-footer .footer-t .widget ul li a,
.byo-footer .footer-t .widget_search .search-form input[type=search] {
  color: var(--byo-f-text);
}

@media (prefers-reduced-motion: reduce) {
  .byo-footer a,
  .byo-footer a::after,
  .byo-footer .byo-footer__icon {
    transition: none !important;
  }
}

@media (max-width: 1419px) {
  .byo-footer .byo-footer__container {
    padding: 0 32px;
  }
  .byo-footer__main {
    flex-wrap: wrap;
    row-gap: 44px;
    padding-top: 64px;
  }
  .byo-footer__brand {
    flex: 1.2 1 0;
    min-width: 220px;
  }
  .byo-footer__col {
    flex: 1 1 auto;
  }
  .byo-footer__cta {
    flex: 1 1 100%;
    min-width: 0;
    min-height: 260px;
    margin-left: 0;
  }
  .byo-footer__cta-media {
    inset: 0 0 0 42%;
  }
  .byo-footer__cta-body {
    max-width: 56%;
    padding: 36px 0 36px 40px;
  }
  .byo-footer .byo-footer__cta-title {
    font-size: clamp(1.5rem, 1.2rem + 0.6vw, 1.875rem);
  }
}

@media (max-width: 991px) {
  .byo-footer .byo-footer__container {
    max-width: 860px;
  }
  .byo-footer__col {
    flex: 1 1 0;
    width: auto;
    max-width: none;
  }
  .byo-footer__main {
    padding: 56px 0 48px;
  }
  .byo-footer__brand {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    column-gap: 32px;
    flex: 1 1 100%;
    padding-right: 0;
  }
  .byo-footer__logo,
  .byo-footer .byo-footer__desc,
  .byo-footer .byo-footer__social {
    grid-column: 1;
  }
  .byo-footer .byo-footer__contact {
    grid-column: 2;
    grid-row: 1 / span 3;
    align-self: center;
  }
  .byo-footer__col:first-of-type {
    padding-left: 0;
    border-left: 0;
  }
  .byo-footer__col {
    padding: 0 20px;
  }
  .byo-footer__cta-body {
    max-width: 62%;
    padding: 32px 0 32px 32px;
  }
  .site-footer.byo-footer::before {
    display: none;
  }
}

@media (max-width: 767px) {
  .byo-footer .byo-footer__container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
  }
}

@media (max-width: 599px) {
  .byo-footer__main {
    row-gap: 32px;
    padding: 44px 0 36px;
  }
  .byo-footer__brand {
    display: block;
  }
  .byo-footer .byo-footer__contact {
    margin-top: 0;
  }
  .byo-footer__col,
  .byo-footer__col:first-of-type {
    padding: 0;
    border-left: 0;
  }
  .byo-footer__col--destinations {
    flex: 1 1 0;
    margin-right: 12px;
  }
  .byo-footer__col--quick {
    flex: 0 1 auto;
    width: max-content;
    max-width: 140px;
  }
  .byo-footer__col--services {
    flex: 1 1 100%;
  }
  .byo-footer .byo-footer__heading {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .byo-footer .byo-footer__links a {
    min-height: 40px;
    font-size: 13.5px;
  }
  .byo-footer__col--destinations .byo-footer__links a::after,
  .byo-footer__col--quick .byo-footer__links a::after {
    content: none;
  }
  .byo-footer__cta {
    display: block;
    min-width: 0;
    min-height: 0;
    border-radius: 14px;
  }
  .byo-footer__cta-media {
    position: relative;
    inset: auto;
    z-index: 0;
    height: 150px;
  }
  .byo-footer__cta-media::before {
    background: linear-gradient(180deg, rgba(251, 247, 239, 0) 55%, #fbf7ef 100%);
  }
  .byo-footer__cta-body,
  .byo-footer__cta--no-image .byo-footer__cta-body {
    max-width: none;
    padding: 18px 22px 24px;
  }
  .byo-footer .byo-footer__cta-button {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .byo-footer__bottom {
    gap: 12px 16px;
    padding: 20px 0 24px;
  }
  .byo-footer .byo-footer__copyright {
    flex: 1 1 calc(100% - 60px);
  }
  .byo-footer__legal {
    order: 3;
    flex: 1 1 100%;
  }
  .byo-footer .byo-footer__legal-links {
    justify-content: flex-start;
    gap: 0 20px;
  }
  .byo-footer .byo-footer__legal-links li,
  .byo-footer .byo-footer__legal-links li:first-child {
    padding: 0;
    border-left: 0;
  }
  .byo-footer .byo-footer__legal-links a {
    display: inline-block;
    padding: 11px 0;
  }
}

@media (max-width: 1024px) {
  .byo-footer .byo-footer__phone {
    min-height: 44px;
  }
  .byo-footer .byo-footer__links a {
    min-height: 40px;
  }
}

@media (min-width: 600px) and (max-width: 1024px) {
  .byo-footer .byo-footer__legal-links a {
    position: relative;
  }
  .byo-footer .byo-footer__legal-links a::before {
    content: "";
    position: absolute;
    inset: -12px -6px;
  }
}

/*================================
 BYO Header
 ================================*/
.site-header.byo-header {
  position: relative;
  z-index: 100;
  background: #fff;
  font-family: var(--secondary-font);
  box-shadow: 0 6px 18px rgba(19, 74, 49, 0.06);
}

.byo-header .byo-header__container {
  display: flex;
  align-items: center;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 32px;
}

.byo-header svg {
  flex: none;
}

.byo-header a:focus-visible,
.byo-header button:focus-visible {
  outline: 2px solid #c9a96a;
  outline-offset: 2px;
}

/* Top bar */
.byo-header .byo-header__top {
  background: #134a31;
  color: #e6eee8;
  font-size: 13px;
  line-height: 1.4;
}

.byo-header .byo-header__top .byo-header__container {
  justify-content: space-between;
  gap: 24px;
  min-height: 40px;
}

.byo-header .byo-header__tagline {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  margin: 0;
  color: #e6eee8;
  font-weight: 500;
}

.byo-header .byo-header__tagline span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.byo-header .byo-header__tagline svg {
  width: 16px;
  height: 16px;
  color: #c9a96a;
}

.byo-header .byo-header__top-end {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
  flex: none;
}

.byo-header .byo-header__top a {
  color: #e6eee8;
  text-decoration: none;
  transition: color 0.2s;
}

.byo-header .byo-header__top a:hover,
.byo-header .byo-header__top a:focus {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: #c9a96a;
  text-underline-offset: 4px;
}

.byo-header .byo-header__top-phone {
  display: none;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  white-space: nowrap;
}

.byo-header .byo-header__top-phone svg {
  width: 15px;
  height: 15px;
  color: #c9a96a;
}

.byo-header .byo-header__links {
  display: flex;
  align-items: center;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-header .byo-header__links li {
  margin: 0;
}

.byo-header .byo-header__links a {
  display: inline-block;
  padding: 10px 0;
  font-weight: 500;
  white-space: nowrap;
}

.byo-header .social-networks {
  float: none;
  display: flex;
  gap: 14px;
}

.byo-header .social-networks li {
  float: none;
  margin: 0;
}

.site-header.byo-header .tools {
  float: none;
  display: flex;
  align-items: center;
  padding-left: 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.site-header.byo-header .tools .form-section {
  float: none;
  padding-left: 0;
}

.site-header.byo-header .tools #btn-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.site-header.byo-header .tools #btn-search:hover,
.site-header.byo-header .tools #btn-search:focus {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.site-header.byo-header .tools .form-section .form-holder {
  top: calc(100% + 10px);
  right: 0;
  z-index: 200;
  width: 280px;
  padding: 8px 14px;
  background: #fff;
  border: 1px solid #e2d8c4;
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(19, 40, 30, 0.14);
}

.site-header.byo-header .tools .form-section .form-holder:before,
.site-header.byo-header .tools .form-section .form-holder:after {
  right: 12px;
  background: #fff;
}

.site-header.byo-header .tools .form-section .form-holder:after {
  border-color: #e2d8c4;
}

.site-header.byo-header .tools .form-section .form-holder .search-form input[type=search] {
  height: 34px;
  padding-right: 26px;
  color: #23392e;
}

.site-header.byo-header .tools .form-section .form-holder .search-form input[type=submit] {
  top: 9px;
  opacity: 0.55;
}

.site-header.byo-header .tools .form-section .btn-form-close {
  display: none;
}

/* Main row */
.site-header.byo-header .header-b.byo-header__main {
  position: relative;
  padding: 0 !important;
  background: #fff;
  border-bottom: 1px solid #ece4d3;
}

.byo-header .byo-header__main .byo-header__container {
  gap: 28px;
  min-height: 84px;
}

.site-header.byo-header .site-branding {
  float: none;
  display: flex;
  align-items: center;
  flex: none;
  width: auto;
  text-align: left;
  margin: 0 !important;
  padding: 0 !important;
}

.site-header.byo-header .site-branding .custom-logo-link {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0;
}

.site-header.byo-header .site-branding .custom-logo-link img {
  width: auto !important;
  max-width: none !important;
  height: 52px !important;
  object-fit: contain;
}

.site-header.byo-header .site-branding .text-logo {
  margin: 0 !important;
  padding: 0 !important;
}

.site-header.byo-header .site-branding .custom-logo-link + .text-logo .site-title {
  font-size: 22px;
}

/* Desktop navigation */
.byo-header #site-navigation {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.byo-header #primary-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 26px;
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: none;
}

.byo-header #primary-menu > li {
  float: none;
  margin: 0;
}

.byo-header #primary-menu > li > a {
  padding: 31px 0;
  line-height: 22px;
  color: #23392e;
  white-space: nowrap;
  background: linear-gradient(#c9a96a, #c9a96a) no-repeat left calc(100% - 22px) / 0 2px;
  transition: color 0.2s, background-size 0.2s;
}

.byo-header #primary-menu > li > a:hover,
.byo-header #primary-menu > li > a:focus,
.byo-header #primary-menu > li:hover > a,
.byo-header #primary-menu > li.hover > a {
  color: #134a31;
}

.byo-header #primary-menu > .current-menu-item > a,
.byo-header #primary-menu > .current_page_item > a,
.byo-header #primary-menu > .current-menu-ancestor > a,
.byo-header #primary-menu > .current_page_ancestor > a {
  color: #134a31;
  background-size: 100% 2px;
}

.byo-header #primary-menu li.menu-item-has-children {
  padding-right: 15px;
}

.byo-header #primary-menu li.menu-item-has-children::after {
  top: 50%;
  right: 1px;
  width: 6px;
  height: 6px;
  background: none;
  border: solid #56665e;
  border-width: 0 1.6px 1.6px 0;
  -webkit-transform: translateY(-75%) rotate(45deg);
  transform: translateY(-75%) rotate(45deg);
  transition: transform 0.2s, border-color 0.2s;
}

.byo-header #primary-menu > li.menu-item-has-children:hover::after,
.byo-header #primary-menu > li.menu-item-has-children:focus-within::after,
.byo-header #primary-menu > li.menu-item-has-children.hover::after {
  border-color: #134a31;
  -webkit-transform: translateY(-25%) rotate(-135deg);
  transform: translateY(-25%) rotate(-135deg);
}

.byo-header #primary-menu ul {
  top: 100%;
  width: 270px;
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0;
  background: #fff;
  border: 1px solid #ece4d3;
  border-radius: 10px;
  box-shadow: 0 14px 34px rgba(19, 40, 30, 0.12);
}

.byo-header #primary-menu ul ul {
  top: -9px;
  left: 100%;
}

.byo-header #primary-menu > li:nth-last-child(-n+2) ul ul {
  left: auto;
  right: 100%;
}

.byo-header #primary-menu ul li,
.byo-header #primary-menu ul li.menu-item-has-children {
  margin: 0;
  padding: 0;
  background: none;
}

.byo-header #primary-menu ul li a {
  padding: 9px 30px 9px 14px;
  color: #23392e;
  border-radius: 6px;
  transition: background-color 0.2s, color 0.2s;
}

.byo-header #primary-menu ul li a:hover,
.byo-header #primary-menu ul li a:focus,
.byo-header #primary-menu ul li:hover > a,
.byo-header #primary-menu ul li.hover > a,
.byo-header #primary-menu ul .current-menu-item > a,
.byo-header #primary-menu ul .current-menu-ancestor > a {
  color: #134a31;
  background: #f7f3ea;
}

.byo-header #primary-menu ul li.menu-item-has-children::after {
  right: 14px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
}

.byo-header #primary-menu > li:nth-last-child(-n+2) ul li.menu-item-has-children::after {
  -webkit-transform: translateY(-50%) rotate(135deg);
  transform: translateY(-50%) rotate(135deg);
}

/* Contact */
.site-header.byo-header .header-b .byo-header__contact {
  float: none;
  display: flex;
  align-items: center;
  gap: 18px;
  flex: none;
  width: auto;
  margin: 0;
  text-align: left;
}

.byo-header .byo-header__call {
  display: flex;
  align-items: center;
  gap: 12px;
}

.byo-header .byo-header__call-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  color: #9a7432;
  background: #faf6ee;
  border: 1px solid #e2d8c4;
  border-radius: 50%;
}

.byo-header .byo-header__call-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}

.site-header.byo-header .header-b .right .phone-label {
  margin: 0 0 3px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #56665e;
  white-space: nowrap;
}

.site-header.byo-header .header-b .right .tel-link,
.site-header.byo-header .header-b .right .byo-header__call-text > .phone {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  color: #134a31;
  white-space: nowrap;
  text-decoration: none;
}

.site-header.byo-header .header-b .right .tel-link:hover,
.site-header.byo-header .header-b .right .tel-link:focus {
  color: #7a5c26;
}

.byo-header .byo-header__whatsapp {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 42px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  text-decoration: none;
  background: #1b7a45;
  border-radius: 999px;
  transition: background-color 0.2s;
}

.byo-header .byo-header__whatsapp:hover,
.byo-header .byo-header__whatsapp:focus {
  color: #fff;
  text-decoration: none;
  background: #145c34;
}

.byo-header .byo-header__whatsapp svg {
  width: 18px;
  height: 18px;
}

/* Mobile toggle */
.byo-header #primary-toggle-button,
.byo-header .mobile-navigation .close {
  position: static;
  float: none;
  display: block;
  width: 44px;
  height: 44px;
  margin: 0;
  padding: 0;
  color: #134a31;
  background: #fff;
  border: 1px solid #e2d8c4;
  border-radius: 10px;
  cursor: pointer;
}

.byo-header #primary-toggle-button:hover,
.byo-header #primary-toggle-button:focus,
.byo-header .mobile-navigation .close:hover,
.byo-header .mobile-navigation .close:focus {
  color: #134a31;
  background: #f7f3ea;
}

.byo-header .byo-header__burger span {
  display: block;
  width: 20px;
  height: 2px;
  margin: 4px auto;
  background: currentColor;
  border-radius: 2px;
}

.byo-header .byo-header__close-icon {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

.byo-header .byo-header__close-icon::before,
.byo-header .byo-header__close-icon::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 20px;
  height: 2px;
  background: currentColor;
  border-radius: 2px;
  transform: rotate(45deg);
}

.byo-header .byo-header__close-icon::after {
  transform: rotate(-45deg);
}

@media (max-width: 1359px) {
  .byo-header .byo-header__container {
    padding: 0 24px;
  }
  .byo-header .byo-header__main .byo-header__container {
    gap: 22px;
  }
  .site-header.byo-header .site-branding .custom-logo-link img {
    height: 46px !important;
  }
  .byo-header #primary-menu {
    gap: 0 18px;
    font-size: 14px;
  }
  .byo-header .byo-header__call-icon {
    display: none;
  }
  .byo-header .byo-header__whatsapp {
    width: 42px;
    padding: 0;
  }
  .byo-header .byo-header__whatsapp-label {
    position: absolute !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap;
  }
}

@media (max-width: 1279px) {
  .site-header.byo-header .site-branding .custom-logo-link img {
    height: 42px !important;
  }
  .byo-header #primary-menu {
    gap: 0 16px;
  }
  .byo-header .byo-header__top-phone {
    display: inline-flex;
  }
  .byo-header .byo-header__call {
    display: none;
  }
}

@media (max-width: 1024px) {
  .byo-header .byo-header__top-phone,
  .byo-header .byo-header__links a {
    min-height: 44px;
    padding: 0;
    align-items: center;
  }
  .byo-header .byo-header__links a {
    display: inline-flex;
  }
  .site-header.byo-header .tools #btn-search {
    width: 44px;
    height: 44px;
    margin-right: -5px;
  }
  .byo-header .byo-header__main .byo-header__container {
    gap: 12px;
    min-height: 72px;
  }
  .site-header.byo-header .site-branding {
    margin-right: auto !important;
  }
  .byo-header .mobile-menu-wrapper {
    flex: none;
    width: 44px;
    height: 44px;
  }
  .byo-header .mobile-navigation {
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0;
    background: #fff;
    border-top: 1px solid #ece4d3;
    box-shadow: 0 18px 30px rgba(19, 40, 30, 0.14);
  }
  .byo-header .mobile-navigation .close {
    position: absolute;
    top: -58px;
    right: 24px;
  }
  .byo-header .mobile-navigation .mobile-menu {
    max-height: calc(100vh - 130px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 6px 24px 18px;
  }
  .byo-header .mobile-navigation ul {
    font-size: 15px;
    font-weight: 600;
    text-transform: none;
  }
  .byo-header .mobile-navigation ul li {
    margin: 0;
    border-bottom: 1px solid #f0eadc;
  }
  .byo-header .mobile-navigation ul li:last-child {
    border-bottom: 0;
  }
  .byo-header .mobile-navigation ul li a {
    padding: 13px 52px 13px 2px;
    line-height: 22px;
    color: #23392e;
    background: none;
    border-radius: 0;
  }
  .byo-header .mobile-navigation ul li a:hover,
  .byo-header .mobile-navigation ul li a:focus,
  .byo-header .mobile-navigation .current-menu-item > a,
  .byo-header .mobile-navigation .current_page_item > a,
  .byo-header .mobile-navigation .current-menu-ancestor > a,
  .byo-header .mobile-navigation .current_page_ancestor > a {
    color: #134a31;
    background: none;
  }
  .byo-header .mobile-navigation .current-menu-item > a,
  .byo-header .mobile-navigation .current_page_item > a {
    box-shadow: inset 3px 0 0 #c9a96a;
    padding-left: 12px;
  }
  .byo-header .mobile-navigation ul li.menu-item-has-children .arrow-down {
    top: 2px;
    right: -6px;
    width: 44px;
    height: 44px;
    padding: 0;
    color: #134a31;
    background: none;
    border: 0;
    border-radius: 8px;
  }
  .byo-header .mobile-navigation ul li.menu-item-has-children .arrow-down:hover,
  .byo-header .mobile-navigation ul li.menu-item-has-children .arrow-down:focus {
    background: #f7f3ea;
  }
  .byo-header .mobile-navigation ul ul {
    margin: 0 0 10px;
    padding: 4px 0 4px 12px;
    background: #faf7f0;
    border-radius: 8px;
  }
  .byo-header .mobile-navigation ul ul li {
    border-bottom: 0;
  }
  .byo-header .mobile-navigation ul ul li a {
    padding: 10px 48px 10px 8px;
    font-size: 14px;
    font-weight: 500;
    color: #3a4c43;
  }
  .byo-header .mobile-navigation ul ul li.menu-item-has-children .arrow-down {
    top: 0;
    height: 42px;
  }
  .byo-header .mobile-navigation ul ul ul {
    background: #f3eee2;
    margin-right: 8px;
  }
}

@media (max-width: 767px) {
  .byo-header .byo-header__container {
    padding: 0 16px;
  }
  .byo-header .byo-header__top .byo-header__container {
    justify-content: flex-end;
  }
  .byo-header .byo-header__tagline {
    display: none;
  }
  .byo-header .byo-header__top-end {
    justify-content: space-between;
    gap: 16px;
    width: 100%;
  }
  .byo-header .byo-header__links {
    gap: 16px;
  }
  .byo-header .byo-header__main .byo-header__container {
    gap: 10px;
    min-height: 66px;
  }
  .site-header.byo-header .site-branding .custom-logo-link img {
    height: 40px !important;
  }
  .byo-header .mobile-navigation .close {
    top: -55px;
    right: 16px;
  }
  .byo-header .mobile-navigation .mobile-menu {
    max-height: calc(100vh - 120px);
    padding: 4px 16px 16px;
  }
  .site-header.byo-header .tools .form-section .form-holder {
    width: min(280px, calc(100vw - 32px));
  }
}

@media (max-width: 819px) {
  .byo-header .byo-header__tagline {
    display: none;
  }
}

/*=================================
 BYO Destination pages
 Tour package and destination guide pages (body.byo-dest, see
 inc/byo-destination.php). Presentation only; content is untouched.
 =================================*/
.byo-dest {
  --byo-dest-forest: #134a31;
  --byo-dest-text: #23392e;
  --byo-dest-body: #3f4d46;
  --byo-dest-muted: #56665e;
  --byo-dest-gold: #c9a96a;
  --byo-dest-gold-text: #7a5c26;
  --byo-dest-line: #e2d8c4;
  --byo-dest-line-soft: #ece4d3;
  --byo-dest-ivory: #faf6ee;
  --byo-dest-ivory-deep: #f3ecdd;
}

/* Breadcrumb band */
.byo-dest .top-bar {
  background: var(--byo-dest-ivory);
  border-bottom: 1px solid var(--byo-dest-line-soft);
}

.byo-dest #crumbs {
  padding: 13px 0;
  font-size: 13px;
  line-height: 1.5;
  color: var(--byo-dest-muted);
}

.byo-dest #crumbs a {
  color: var(--byo-dest-forest);
}

.byo-dest #crumbs a:hover,
.byo-dest #crumbs a:focus {
  color: var(--byo-dest-gold-text);
}

.byo-dest #crumbs .current a {
  color: var(--byo-dest-muted);
}

.byo-dest #crumbs .separator {
  color: var(--byo-dest-gold);
}

/* Readable single column */
.byo-dest--full .top-bar > .container,
.byo-dest--full #content > .container {
  max-width: 880px;
}

.byo-dest--full #primary {
  padding-right: 15px;
}

.byo-dest #content {
  margin: 48px 0 80px;
}

/* Title */
.byo-dest .page-header .page-title {
  font-family: var(--secondary-font);
  font-size: 42px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--byo-dest-forest);
  padding-bottom: 18px;
  margin-bottom: 32px;
  max-width: 880px;
}

.byo-dest .page-header .page-title:after {
  width: 56px;
  height: 3px;
  border-radius: 2px;
  background: var(--byo-dest-gold);
}

/* Featured image */
.byo-dest #primary .page .post-thumbnail {
  margin: 0 0 44px;
  border-radius: 16px;
  overflow: hidden;
  background: var(--byo-dest-ivory);
  box-shadow: 0 14px 34px -22px rgba(19, 74, 49, 0.45);
}

.byo-dest #primary .page .post-thumbnail img {
  display: block;
  width: 100%;
  height: auto;
}

/* Body copy */
.byo-dest #primary .page .entry-content {
  font-size: 17px;
  line-height: 1.8;
  color: var(--byo-dest-body);
}

.byo-dest #primary .page .entry-content p {
  margin: 0 0 22px;
}

.byo-dest #primary .page .entry-content strong,
.byo-dest #primary .page .entry-content b {
  color: var(--byo-dest-text);
}

.byo-dest #primary .page .entry-content a {
  color: var(--byo-dest-forest);
  text-decoration: underline;
  text-decoration-color: var(--byo-dest-gold);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.byo-dest #primary .page .entry-content a:hover,
.byo-dest #primary .page .entry-content a:focus {
  color: var(--byo-dest-gold-text);
  text-decoration-color: currentColor;
}

.byo-dest #primary .page .entry-content a:focus-visible {
  outline: 2px solid var(--byo-dest-gold);
  outline-offset: 2px;
  border-radius: 2px;
}

/* Headings */
.byo-dest #primary .page .entry-content h1,
.byo-dest #primary .page .entry-content h2,
.byo-dest #primary .page .entry-content h3,
.byo-dest #primary .page .entry-content h4,
.byo-dest #primary .page .entry-content h5,
.byo-dest #primary .page .entry-content h6 {
  font-family: var(--secondary-font);
  color: var(--byo-dest-text);
  letter-spacing: -0.005em;
  scroll-margin-top: 24px;
}

.byo-dest #primary .page .entry-content h1 strong,
.byo-dest #primary .page .entry-content h2 strong,
.byo-dest #primary .page .entry-content h3 strong,
.byo-dest #primary .page .entry-content h4 strong,
.byo-dest #primary .page .entry-content h5 strong,
.byo-dest #primary .page .entry-content h6 strong {
  font-weight: inherit;
  color: inherit;
}

.byo-dest #primary .page .entry-content h1,
.byo-dest #primary .page .entry-content h2 {
  font-size: 30px;
  line-height: 1.27;
  font-weight: 700;
  color: var(--byo-dest-forest);
  margin: 60px 0 18px;
}

.byo-dest #primary .page .entry-content h1:before,
.byo-dest #primary .page .entry-content h2:before {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  border-radius: 2px;
  background: var(--byo-dest-gold);
  margin-bottom: 16px;
}

.byo-dest #primary .page .entry-content h3 {
  font-size: 22px;
  line-height: 1.36;
  font-weight: 600;
  margin: 38px 0 12px;
}

.byo-dest #primary .page .entry-content h4 {
  font-size: 19px;
  line-height: 1.4;
  font-weight: 600;
  margin: 30px 0 10px;
}

.byo-dest #primary .page .entry-content h5,
.byo-dest #primary .page .entry-content h6 {
  font-size: 17px;
  line-height: 1.45;
  font-weight: 600;
  margin: 26px 0 8px;
}

.byo-dest #primary .page .entry-content > :first-child {
  margin-top: 0;
}

.byo-dest #primary .page .entry-content h2 + h3,
.byo-dest #primary .page .entry-content h3 + h4 {
  margin-top: 18px;
}

/* Lists */
.byo-dest #primary .page .entry-content ul,
.byo-dest #primary .page .entry-content ol {
  margin: 0 0 24px;
  padding-left: 0;
}

.byo-dest #primary .page .entry-content ul > li {
  list-style: none;
  position: relative;
  padding-left: 26px;
  margin: 0 0 10px;
}

.byo-dest #primary .page .entry-content ul > li:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0.72em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--byo-dest-gold);
}

.byo-dest #primary .page .entry-content ol {
  padding-left: 26px;
}

.byo-dest #primary .page .entry-content ol > li {
  margin: 0 0 10px;
  padding-left: 4px;
}

.byo-dest #primary .page .entry-content ol > li::marker {
  color: var(--byo-dest-gold-text);
  font-weight: 600;
}

.byo-dest #primary .page .entry-content li > ul,
.byo-dest #primary .page .entry-content li > ol {
  margin: 10px 0 0;
}

/* Images and galleries */
.byo-dest #primary .page .entry-content .wp-block-image,
.byo-dest #primary .page .entry-content .wp-block-gallery {
  margin: 32px 0;
}

.byo-dest #primary .page .entry-content .wp-block-image img,
.byo-dest #primary .page .entry-content .wp-block-gallery img {
  max-width: 100%;
  height: auto;
  border-radius: 12px;
}

.byo-dest #primary .page .entry-content .wp-block-gallery.is-cropped .wp-block-image img {
  height: 100%;
}

.byo-dest #primary .page .entry-content .wp-block-gallery .wp-block-image {
  margin: 0;
}

.byo-dest #primary .page .entry-content figcaption,
.byo-dest #primary .page .entry-content .wp-element-caption {
  font-size: 14px;
  line-height: 1.5;
  color: var(--byo-dest-muted);
  text-align: center;
  margin: 10px 0 0;
}

/* Tables */
.byo-dest #primary .page .entry-content .wp-block-table {
  margin: 28px 0 34px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
  border: 1px solid var(--byo-dest-line);
  border-radius: 12px;
  background: #fff;
  scrollbar-width: thin;
  scrollbar-color: var(--byo-dest-gold) var(--byo-dest-ivory);
}

.byo-dest #primary .page .entry-content .wp-block-table::-webkit-scrollbar {
  height: 8px;
}

.byo-dest #primary .page .entry-content .wp-block-table::-webkit-scrollbar-track {
  background: var(--byo-dest-ivory);
}

.byo-dest #primary .page .entry-content .wp-block-table::-webkit-scrollbar-thumb {
  background: var(--byo-dest-gold);
  border-radius: 8px;
}

.byo-dest #primary .page .entry-content .wp-block-table:focus-visible {
  outline: 3px solid var(--byo-dest-gold);
  outline-offset: 2px;
}

.byo-dest #primary .page .entry-content .wp-block-table.is-scrollable:not(.is-end) {
  -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 56px), rgba(0, 0, 0, 0.2));
  mask-image: linear-gradient(90deg, #000 calc(100% - 56px), rgba(0, 0, 0, 0.2));
}

.byo-dest #primary .page .entry-content .wp-block-table.is-scrollable.is-scrolled:not(.is-end) {
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), #000 40px, #000 calc(100% - 56px), rgba(0, 0, 0, 0.2));
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), #000 40px, #000 calc(100% - 56px), rgba(0, 0, 0, 0.2));
}

.byo-dest #primary .page .entry-content .wp-block-table.is-scrollable.is-scrolled.is-end {
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), #000 40px);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.2), #000 40px);
}

.byo-dest #primary .page .entry-content table {
  width: 100%;
  margin: 0;
  border: 0;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.55;
  color: var(--byo-dest-text);
}

.byo-dest #primary .page .entry-content table:has(tr > :nth-child(3)) {
  min-width: 600px;
}

.byo-dest #primary .page .entry-content table:has(tr > :nth-child(5)) {
  min-width: 720px;
}

.byo-dest #primary .page .entry-content table thead {
  background: var(--byo-dest-forest);
  border: 0;
}

.byo-dest #primary .page .entry-content table th,
.byo-dest #primary .page .entry-content table td {
  padding: 13px 16px;
  border: 0;
  border-bottom: 1px solid var(--byo-dest-line-soft);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
}

.byo-dest #primary .page .entry-content table th + th,
.byo-dest #primary .page .entry-content table td + td {
  border-left: 1px solid var(--byo-dest-line-soft);
}

.byo-dest #primary .page .entry-content table thead th,
.byo-dest #primary .page .entry-content table thead td {
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #fff;
  border-bottom: 0;
  border-left-color: rgba(255, 255, 255, 0.14);
  vertical-align: middle;
}

.byo-dest #primary .page .entry-content table thead strong {
  color: inherit;
}

.byo-dest #primary .page .entry-content table tbody tr:nth-child(even) {
  background: var(--byo-dest-ivory);
}

.byo-dest #primary .page .entry-content table tbody tr:last-child > * {
  border-bottom: 0;
}

.byo-dest #primary .page .entry-content table:not(:has(thead)) tbody tr:first-child:has(> td > strong) {
  background: var(--byo-dest-forest);
}

.byo-dest #primary .page .entry-content table:not(:has(thead)) tbody tr:first-child:has(> td > strong) > td {
  font-family: var(--secondary-font);
  font-size: 14px;
  color: #fff;
  border-bottom: 0;
  border-left-color: rgba(255, 255, 255, 0.14);
  vertical-align: middle;
}

.byo-dest #primary .page .entry-content table:not(:has(thead)) tbody tr:first-child:has(> td > strong) strong {
  color: inherit;
}

.byo-dest #primary .page .entry-content table td a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: -12px 0;
  font-weight: 600;
}

.byo-dest .entry-content .byo-table-hint:not([hidden]) {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 24px 0 -18px;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--byo-dest-gold-text);
}

.byo-dest .entry-content .byo-table-hint:not([hidden]):after {
  content: "";
  width: 7px;
  height: 7px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}

/* FAQ (Yoast FAQ block) */
.byo-dest #primary .page .entry-content .schema-faq {
  margin: 28px 0 36px;
  border-top: 1px solid var(--byo-dest-line);
}

.byo-dest #primary .page .entry-content .schema-faq-section {
  padding: 22px 0;
  border-bottom: 1px solid var(--byo-dest-line);
}

.byo-dest #primary .page .entry-content .schema-faq-question {
  display: block;
  font-family: var(--secondary-font);
  font-size: 18px;
  line-height: 1.45;
  font-weight: 600;
  color: var(--byo-dest-forest);
  margin: 0 0 10px;
}

.byo-dest #primary .page .entry-content .schema-faq-question strong {
  font-weight: inherit;
  color: inherit;
}

.byo-dest #primary .page .entry-content .schema-faq-answer {
  margin: 0;
}

/* Sidebar */
.byo-dest--sidebar #secondary .widget {
  background: var(--byo-dest-ivory);
  border: 1px solid var(--byo-dest-line-soft);
  border-radius: 14px;
  padding: 24px;
  margin: 0 0 24px;
}

.byo-dest--sidebar #secondary .widget h2,
.byo-dest--sidebar #secondary .widget .widget-title,
.byo-dest--sidebar #secondary .wp-block-search__label,
.byo-dest--sidebar #secondary .wp-block-group__inner-container > p:first-child {
  font-family: var(--secondary-font);
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--byo-dest-forest);
  margin: 0 0 14px;
}

.byo-dest--sidebar #secondary .widget ul {
  margin: 0;
  padding: 0;
}

.byo-dest--sidebar #secondary .widget li {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid var(--byo-dest-line-soft);
  font-size: 15px;
  line-height: 1.5;
}

.byo-dest--sidebar #secondary .widget li:last-child {
  border-bottom: 0;
}

.byo-dest--sidebar #secondary .widget li a {
  display: block;
  padding: 11px 0;
  color: var(--byo-dest-text);
  text-decoration: none;
}

.byo-dest--sidebar #secondary .widget li a:hover,
.byo-dest--sidebar #secondary .widget li a:focus {
  color: var(--byo-dest-gold-text);
}

.byo-dest--sidebar #secondary .wp-block-search__inside-wrapper {
  gap: 8px;
}

.byo-dest--sidebar #secondary .wp-block-search__input {
  min-height: 44px;
  border: 1px solid var(--byo-dest-line);
  border-radius: 10px;
  background: #fff;
  padding: 0 14px;
}

.byo-dest--sidebar #secondary .wp-block-search__button {
  min-height: 44px;
  margin: 0;
  padding: 0 18px;
  border: 0;
  border-radius: 10px;
  background: var(--byo-dest-forest);
  color: #fff;
  font-family: var(--secondary-font);
  font-weight: 600;
}

.byo-dest--sidebar #secondary .wp-block-search__button:hover,
.byo-dest--sidebar #secondary .wp-block-search__button:focus {
  background: #0e3824;
}

@media (max-width: 1024px) {
  .byo-dest .top-bar > .container,
  .byo-dest #content > .container {
    max-width: 880px;
  }
  .byo-dest #content {
    margin: 36px 0 60px;
  }
  .byo-dest .page-header .page-title {
    font-size: 36px;
  }
  .byo-dest--sidebar #secondary {
    margin-top: 12px;
  }
  .byo-dest #crumbs {
    padding: 0;
  }
  .byo-dest #crumbs a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
}

@media (max-width: 767px) {
  .byo-dest .top-bar > .container,
  .byo-dest #content > .container {
    margin: 0 auto;
    padding: 0 20px;
  }
  .byo-dest #content {
    margin: 24px 0 48px;
  }
  .byo-dest .page-header .page-title {
    font-size: 28px;
    line-height: 1.25;
    padding-bottom: 14px;
    margin-bottom: 22px;
  }
  .byo-dest #primary .page .post-thumbnail {
    margin-bottom: 28px;
    border-radius: 12px;
  }
  .byo-dest #primary .page .entry-content {
    font-size: 16px;
    line-height: 1.75;
  }
  .byo-dest #primary .page .entry-content p {
    margin-bottom: 18px;
  }
  .byo-dest #primary .page .entry-content h1,
  .byo-dest #primary .page .entry-content h2 {
    font-size: 24px;
    line-height: 1.3;
    margin: 44px 0 14px;
  }
  .byo-dest #primary .page .entry-content h1:before,
  .byo-dest #primary .page .entry-content h2:before {
    margin-bottom: 12px;
  }
  .byo-dest #primary .page .entry-content h3 {
    font-size: 20px;
    margin: 30px 0 10px;
  }
  .byo-dest #primary .page .entry-content h4 {
    font-size: 18px;
    margin: 24px 0 8px;
  }
  .byo-dest #primary .page .entry-content table {
    font-size: 14px;
  }
  .byo-dest #primary .page .entry-content table th,
  .byo-dest #primary .page .entry-content table td {
    padding: 11px 13px;
  }
  .byo-dest #primary .page .entry-content .wp-block-table {
    border-radius: 10px;
  }
  .byo-dest #primary .page .entry-content .schema-faq-question {
    font-size: 17px;
  }
  .byo-dest--sidebar #secondary .widget {
    padding: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .byo-dest #primary .page .entry-content a {
    transition: none;
  }
}

/*=================================
 BYO Trip pages
 Single trip (itinerary) pages (body.byo-trip-page, see inc/byo-trip.php and
 wp-travel-engine/single-trip.php). Trip content and the booking widget are
 rendered by WP Travel Engine.
 =================================*/
.byo-trip-page {
  --byo-trip-forest: #134a31;
  --byo-trip-forest-deep: #0d3824;
  --byo-trip-text: #23392e;
  --byo-trip-body: #3f4d46;
  --byo-trip-muted: #56665e;
  --byo-trip-gold: #c9a96a;
  --byo-trip-gold-text: #7a5c26;
  --byo-trip-gold-icon: #9a7432;
  --byo-trip-line: #e2d8c4;
  --byo-trip-line-soft: #ece4d3;
  --byo-trip-ivory: #faf6ee;
  --byo-trip-ivory-deep: #f3ecdd;
  --byo-trip-whatsapp: #1b7a45;
  --byo-trip-whatsapp-hover: #145c34;
  --byo-trip-radius: 14px;
}

.byo-trip-icon {
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
}

/* Hero */
.byo-trip-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: linear-gradient(120deg, var(--byo-trip-forest-deep), var(--byo-trip-forest));
  color: #fff;
  font-family: var(--secondary-font);
}

.byo-trip-hero__img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
}

.byo-trip-hero--image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, rgba(9, 36, 23, 0.88) 0%, rgba(9, 36, 23, 0.66) 48%, rgba(9, 36, 23, 0.28) 100%),
    linear-gradient(0deg, rgba(9, 36, 23, 0.55) 0%, rgba(9, 36, 23, 0) 60%);
}

.byo-trip-hero__inner {
  max-width: 1240px;
  min-height: 340px;
  margin: 0 auto;
  padding: 0 30px 40px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 28px;
}

.byo-trip-hero .top-bar {
  background: none;
  border: 0;
  padding: 0;
}

.byo-trip-hero .top-bar > .container {
  max-width: none;
  padding: 0;
}

.byo-trip-hero #crumbs {
  padding: 18px 0 0;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.82);
}

.byo-trip-hero #crumbs a {
  color: #fff;
  text-decoration: none;
}

.byo-trip-hero #crumbs a:hover,
.byo-trip-hero #crumbs a:focus {
  color: var(--byo-trip-gold);
}

.byo-trip-hero #crumbs .current a {
  color: rgba(255, 255, 255, 0.78);
}

.byo-trip-hero #crumbs .separator {
  color: var(--byo-trip-gold);
}

.byo-trip-hero__header {
  max-width: 860px;
  margin: 0;
  padding: 0;
}

.byo-trip-hero .byo-trip-hero__title {
  margin: 0 0 20px;
  padding: 0;
  font-family: var(--secondary-font);
  font-size: 40px;
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: #fff;
  text-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

.byo-trip-hero .byo-trip-hero__title:after {
  display: none;
}

.byo-trip-hero__chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-trip-hero__chips .byo-trip-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 8px 16px 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  font-size: 14px;
  line-height: 1.3;
}

.byo-trip-chip .byo-trip-icon {
  color: var(--byo-trip-gold);
}

.byo-trip-chip__label {
  color: rgba(255, 255, 255, 0.8);
}

.byo-trip-chip__label:after {
  content: ":";
}

.byo-trip-chip__value {
  font-weight: 600;
}

.byo-trip-chip__value a {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Layout */
.byo-trip-page #content {
  margin: 0;
  padding: 36px 0 72px;
}

.byo-trip-page #content > .container {
  max-width: 1240px;
}

.byo-trip {
  width: 100%;
  padding: 0 15px;
  font-family: var(--primary-font);
  color: var(--byo-trip-body);
}

.byo-trip__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
  gap: 40px;
  align-items: start;
}

.byo-trip__main,
.byo-trip__aside {
  min-width: 0;
}

.byo-trip__aside {
  align-self: stretch;
}

.byo-trip .site-main {
  padding: 0;
  margin: 0;
}

/* Section navigation */
.byo-trip-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  margin: 0 0 32px;
  background: #fff;
  border-bottom: 1px solid var(--byo-trip-line);
}

.admin-bar .byo-trip-nav {
  top: 32px;
}

.byo-trip-nav__list {
  display: flex;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: auto;
  scrollbar-width: none;
}

.byo-trip-nav__list::-webkit-scrollbar {
  display: none;
}

.byo-trip-nav__list li {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
}

.byo-trip-nav__list li:before {
  display: none;
}

.byo-trip-nav__link {
  display: flex;
  align-items: center;
  min-height: 48px;
  padding: 0 16px;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--byo-trip-muted);
  text-decoration: none;
  white-space: nowrap;
  transition: color 0.2s, border-color 0.2s;
}

.byo-trip-nav__link:hover,
.byo-trip-nav__link:focus,
.byo-trip-nav__link.is-active {
  color: var(--byo-trip-forest);
  text-decoration: none;
}

.byo-trip-nav__link.is-active {
  border-bottom-color: var(--byo-trip-gold);
}

/* Sections */
.byo-trip-section {
  scroll-margin-top: 72px;
  margin: 0 0 40px;
  padding: 0 0 40px;
  border-bottom: 1px solid var(--byo-trip-line-soft);
}

.admin-bar .byo-trip-section {
  scroll-margin-top: 104px;
}

.byo-trip-section:last-child,
.byo-trip-enquiry {
  border-bottom: 0;
}

.byo-trip .post-data {
  margin: 0;
  padding: 0;
}

.byo-trip .post-data > h2,
.byo-trip .byo-trip-section__title,
.byo-trip .wpte-faq-section-title,
.byo-trip .wp-travel-engine-faq-tab-header h2,
.byo-trip .byo-trip-enquiry .enquiry-form-title {
  margin: 0 0 20px;
  padding: 0;
  font-family: var(--secondary-font);
  font-size: 26px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.005em;
  color: var(--byo-trip-forest);
  text-transform: none;
}

.byo-trip .post-data > h2:empty {
  display: none;
}

.byo-trip .post-data p,
.byo-trip .byo-day__content p,
.byo-trip .trip-post-content p {
  margin: 0 0 1em;
  font-size: 16px;
  line-height: 1.75;
  color: var(--byo-trip-body);
}

.byo-trip .post-data a,
.byo-trip .byo-day__content a,
.byo-trip .trip-post-content a {
  color: var(--byo-trip-forest);
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* Highlights */
.byo-trip-highlights {
  margin: 28px 0 0;
}

.byo-trip .byo-trip-highlights__title {
  margin: 0 0 16px;
  font-family: var(--secondary-font);
  font-size: 19px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--byo-trip-text);
}

.byo-trip .byo-trip-highlights__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-trip .byo-trip-highlight {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
  padding: 14px 16px;
  border: 1px solid var(--byo-trip-line-soft);
  border-radius: 12px;
  background: var(--byo-trip-ivory);
  font-size: 15px;
  line-height: 1.55;
  color: var(--byo-trip-text);
}

.byo-trip .byo-trip-highlight:before {
  display: none;
}

.byo-trip-highlight__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #fff;
  color: var(--byo-trip-gold-icon);
  box-shadow: inset 0 0 0 1px var(--byo-trip-line);
}

.byo-trip-highlight__icon .byo-trip-icon {
  width: 17px;
  height: 17px;
}

.byo-trip-highlight__text {
  padding-top: 5px;
}

.byo-trip .byo-trip-highlights__list--images {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.byo-trip .byo-trip-highlight--image {
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
}

.byo-trip-highlight__img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

.byo-trip-highlight--image .byo-trip-highlight__text {
  padding: 12px 14px 14px;
}

.byo-trip-highlights__list--images .byo-trip-highlight:not(.byo-trip-highlight--image) {
  flex-direction: column;
}

.byo-trip-highlights__list--images .byo-trip-highlight:not(.byo-trip-highlight--image) .byo-trip-highlight__text {
  padding-top: 0;
}

/* Gallery */
.byo-trip-gallery__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-trip-gallery__item {
  margin: 0;
  padding: 0;
}

.byo-trip-gallery__item:before {
  display: none;
}

.byo-trip-gallery__item[hidden] {
  display: none;
}

.byo-trip-gallery__item a {
  display: block;
  overflow: hidden;
  border-radius: 12px;
  background: var(--byo-trip-ivory);
}

.byo-trip-gallery__item img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.byo-trip-gallery__item a:hover img,
.byo-trip-gallery__item a:focus img {
  transform: scale(1.04);
}

.byo-trip-link-btn,
.byo-trip-link-btn:hover,
.byo-trip-link-btn:focus {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid var(--byo-trip-line);
  border-radius: 999px;
  background: #fff;
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--byo-trip-forest);
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
}

.byo-trip-link-btn:hover,
.byo-trip-link-btn:focus {
  border-color: var(--byo-trip-gold);
  background: var(--byo-trip-ivory);
}

.byo-trip-link-btn[hidden] {
  display: none;
}

.byo-trip-gallery__more {
  margin-top: 14px;
}

/* Itinerary */
.byo-trip-itinerary__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px 16px;
  margin: 0 0 20px;
}

.byo-trip .byo-trip-itinerary__header .byo-trip-section__title {
  margin: 0;
}

.byo-trip-itinerary__intro {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.7;
}

.byo-trip-days {
  position: relative;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-trip-days:before {
  content: "";
  position: absolute;
  top: 28px;
  bottom: 28px;
  left: 52px;
  width: 2px;
  background: var(--byo-trip-line);
}

.byo-trip .byo-day {
  position: relative;
  margin: 0 0 12px;
  padding: 0;
}

.byo-trip .byo-day:before {
  display: none;
}

.byo-day__details {
  border: 1px solid var(--byo-trip-line);
  border-radius: var(--byo-trip-radius);
  background: #fff;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.byo-day__details[open] {
  border-color: var(--byo-trip-gold);
  box-shadow: 0 12px 28px -22px rgba(19, 74, 49, 0.55);
}

.byo-day__summary {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 60px;
  padding: 12px 16px;
  list-style: none;
  cursor: pointer;
  border-radius: var(--byo-trip-radius);
}

.byo-day__summary::-webkit-details-marker {
  display: none;
}

.byo-day__summary::marker {
  content: "";
}

.byo-day__summary:focus-visible {
  outline: 2px solid var(--byo-trip-forest);
  outline-offset: 2px;
}

.byo-day__badge {
  flex: 0 0 72px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 4px 8px;
  border-radius: 999px;
  background: var(--byo-trip-forest);
  font-family: var(--secondary-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.byo-day__details[open] .byo-day__badge {
  background: var(--byo-trip-gold);
  color: var(--byo-trip-forest-deep);
}

.byo-day__title {
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  color: var(--byo-trip-text);
}

.byo-day__thumb {
  flex: 0 0 52px;
  width: 52px;
  height: 52px;
  overflow: hidden;
  border-radius: 10px;
}

.byo-day__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.byo-day__details[open] .byo-day__thumb {
  display: none;
}

.byo-day__chevron {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--byo-trip-ivory);
  position: relative;
}

.byo-day__chevron:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 12px;
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--byo-trip-forest);
  border-bottom: 2px solid var(--byo-trip-forest);
  transform: rotate(45deg);
  transition: transform 0.2s;
}

.byo-day__details[open] .byo-day__chevron:before {
  top: 14px;
  transform: rotate(-135deg);
}

.byo-day__body {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 0 20px 20px 102px;
}

.byo-day__figure {
  flex: 0 0 240px;
  margin: 4px 0 0;
  order: 2;
  overflow: hidden;
  border-radius: 12px;
}

.byo-day__figure img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.byo-day__content {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 15px;
  line-height: 1.75;
}

.byo-trip .byo-day__content p {
  font-size: 15px;
}

.byo-trip .byo-day__content > :last-child {
  margin-bottom: 0;
}

.byo-day__content ul,
.byo-day__content ol {
  margin: 0 0 1em 1.2em;
}

/* Inclusions / exclusions (WP Travel Engine cost tab) */
.byo-trip .post-data.cost {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.byo-trip .post-data.cost > h2 {
  grid-column: 1 / -1;
  margin-bottom: 4px;
}

.byo-trip .post-data.cost > .content {
  margin: 0;
  padding: 22px 22px 18px;
  border: 1px solid var(--byo-trip-line-soft);
  border-radius: var(--byo-trip-radius);
  background: var(--byo-trip-ivory);
}

.byo-trip .post-data.cost > .content:not(:has(*)) {
  display: none;
}

.byo-trip .post-data.cost h3 {
  margin: 0 0 12px;
  font-family: var(--secondary-font);
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
  color: var(--byo-trip-text);
}

.byo-trip .post-data.cost ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-trip .post-data.cost li {
  position: relative;
  margin: 0 0 10px;
  padding: 0 0 0 30px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--byo-trip-body);
}

.byo-trip .post-data.cost li:last-child {
  margin-bottom: 0;
}

.byo-trip .post-data.cost li:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff no-repeat center / 12px 12px;
  box-shadow: inset 0 0 0 1px var(--byo-trip-line);
}

.byo-trip #include-result li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b7a45' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
}

.byo-trip #exclude-result li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a14b3b' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E");
}

/* FAQs (WP Travel Engine markup and behaviour) */
.byo-trip .wpte-faq-item,
.byo-trip .faq-row {
  margin: 0 0 10px;
  border: 1px solid var(--byo-trip-line);
  border-radius: 12px;
  background: #fff;
  overflow: hidden;
}

.byo-trip .wpte-faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 52px;
  padding: 12px 16px;
  border: 0;
  background: #fff;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 600;
  line-height: 1.45;
  text-align: left;
  text-transform: none;
  color: var(--byo-trip-text);
}

.byo-trip .wpte-faq-question:hover,
.byo-trip .wpte-faq-question:focus {
  background: var(--byo-trip-ivory);
  color: var(--byo-trip-forest);
}

.byo-trip .wpte-faq-answer-content,
.byo-trip .faq-row .faq-content {
  padding: 0 16px 16px;
  font-size: 15px;
  line-height: 1.7;
}

.byo-trip .faq-row .faq-title {
  font-family: var(--secondary-font);
  font-weight: 600;
  color: var(--byo-trip-text);
}

/* Enquiry form (WP Travel Engine form) */
.byo-trip-enquiry .wte_enquiry_contact_form-wrap {
  margin: 0;
  padding: 32px;
  border: 1px solid var(--byo-trip-line);
  border-radius: 18px;
  background: var(--byo-trip-ivory);
}

.byo-trip-enquiry .wte_enquiry_contact_form-wrap .wte_enquiry_contact_form {
  padding: 0;
  background: none;
}

.byo-trip .byo-trip-enquiry .enquiry-form-title {
  font-size: 22px;
}

.byo-trip-enquiry .wte_enquiry_contact_form input[type="text"],
.byo-trip-enquiry .wte_enquiry_contact_form input[type="email"],
.byo-trip-enquiry .wte_enquiry_contact_form input[type="tel"],
.byo-trip-enquiry .wte_enquiry_contact_form input[type="number"],
.byo-trip-enquiry .wte_enquiry_contact_form input[type="date"],
.byo-trip-enquiry .wte_enquiry_contact_form select,
.byo-trip-enquiry .wte_enquiry_contact_form textarea {
  width: 100%;
  min-height: 48px;
  padding: 10px 14px;
  border: 1px solid var(--byo-trip-line);
  border-radius: 10px;
  background: #fff;
  font-family: var(--primary-font);
  font-size: 16px;
  color: var(--byo-trip-text);
}

.byo-trip-enquiry .wte_enquiry_contact_form textarea {
  min-height: 120px;
}

.byo-trip-enquiry .wte_enquiry_contact_form input:focus,
.byo-trip-enquiry .wte_enquiry_contact_form select:focus,
.byo-trip-enquiry .wte_enquiry_contact_form textarea:focus {
  border-color: var(--byo-trip-forest);
  outline: 2px solid rgba(19, 74, 49, 0.18);
  outline-offset: 0;
}

.byo-trip-enquiry .wte_enquiry_contact_form label {
  font-family: var(--secondary-font);
  font-size: 14px;
  font-weight: 600;
  color: var(--byo-trip-text);
}

.byo-trip-enquiry .wte_enquiry_contact_form .enquiry-submit {
  min-height: 50px;
  padding: 0 32px;
  border: 0;
  border-radius: 999px;
  background: var(--byo-trip-forest);
  font-family: var(--secondary-font);
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  text-transform: none;
  letter-spacing: 0;
}

.byo-trip-enquiry .wte_enquiry_contact_form .enquiry-submit:hover,
.byo-trip-enquiry .wte_enquiry_contact_form .enquiry-submit:focus {
  background: var(--byo-trip-forest-deep);
  color: #fff;
}

/* Booking panel */
.byo-trip-panel {
  display: grid;
  gap: 20px;
}

.byo-trip-panel.is-sticky {
  position: sticky;
  top: 24px;
}

.admin-bar .byo-trip-panel.is-sticky {
  top: 56px;
}

.byo-trip-panel.is-sticky-plan {
  height: 100%;
  align-content: start;
}

.byo-trip-panel.is-sticky-plan .byo-trip-card--plan {
  position: sticky;
  top: 24px;
  z-index: 2;
  box-shadow: 0 0 0 20px #fff;
}

.admin-bar .byo-trip-panel.is-sticky-plan .byo-trip-card--plan {
  top: 56px;
}

.byo-trip-card {
  padding: 24px;
  border: 1px solid var(--byo-trip-line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 40px -30px rgba(19, 74, 49, 0.45);
}

.byo-trip-card--plan {
  border-top: 4px solid var(--byo-trip-gold);
}

.byo-trip .byo-trip-card__title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 16px;
  padding: 0;
  font-family: var(--secondary-font);
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: var(--byo-trip-forest);
}

.byo-trip-card__title .byo-trip-icon {
  color: var(--byo-trip-gold-icon);
}

.byo-trip-card__text,
.byo-trip-card--help p {
  margin: 0 0 16px;
  font-size: 15px;
  line-height: 1.6;
  color: var(--byo-trip-body);
}

.byo-trip-card__note {
  margin: -4px 0 16px;
  font-size: 13px;
  line-height: 1.5;
  color: var(--byo-trip-muted);
}

.byo-trip-card__actions {
  display: grid;
  gap: 10px;
}

.byo-trip-btn,
.byo-trip-btn:visited {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 20px;
  border: 2px solid transparent;
  border-radius: 999px;
  font-family: var(--secondary-font);
  font-size: 15px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.2s, border-color 0.2s, color 0.2s;
}

.byo-trip-btn--primary,
.byo-trip-btn--primary:visited {
  background: var(--byo-trip-forest);
  color: #fff;
}

.byo-trip-btn--primary:hover,
.byo-trip-btn--primary:focus {
  background: var(--byo-trip-forest-deep);
  color: #fff;
  text-decoration: none;
}

.byo-trip-btn--whatsapp,
.byo-trip-btn--whatsapp:visited {
  background: #fff;
  border-color: var(--byo-trip-whatsapp);
  color: var(--byo-trip-whatsapp);
}

.byo-trip-btn--whatsapp:hover,
.byo-trip-btn--whatsapp:focus {
  background: var(--byo-trip-whatsapp);
  border-color: var(--byo-trip-whatsapp);
  color: #fff;
  text-decoration: none;
}

.byo-trip-btn:focus-visible,
.byo-trip-card__phone:focus-visible,
.byo-trip-nav__link:focus-visible {
  outline: 2px solid var(--byo-trip-gold);
  outline-offset: 2px;
}

/* WP Travel Engine price and booking widget inside the panel */
.byo-trip-card__booking {
  margin: 0 0 16px;
}

.byo-trip .byo-trip-card__booking .wpte-bf-outer {
  position: static;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
}

.byo-trip .byo-trip-card__booking .wpte-booking-area {
  position: static;
  width: auto;
  z-index: auto;
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  transform: none;
}

.byo-trip .byo-trip-card__booking .wpte-booking-inner-wrapper {
  display: block;
  padding: 0;
  max-height: none;
  overflow: visible;
}

.byo-trip .byo-trip-card__booking .wpte_price-toggle-btn-mb,
.byo-trip .byo-trip-card__booking .wpte-booking-footer-text {
  display: none;
}

.byo-trip .byo-trip-card__booking .wpte-bf-price-wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: none;
  overflow: visible;
  margin: 0 0 16px;
  padding: 16px 18px;
  border-radius: 12px;
  background: var(--byo-trip-ivory);
}

/* WP Travel Engine sets this padding with !important. */
.byo-trip .byo-trip-card__booking .wpte-bf-price-wrap .wpte-bf-price {
  width: auto;
  margin: 0;
  padding: 0 !important;
  border: 0;
}

.byo-trip .byo-trip-card__booking .wpte-bf-price-wrap .wpte-bf-price + .wpte-bf-price {
  padding-top: 10px !important;
  border-top: 1px solid var(--byo-trip-line);
}

.byo-trip .byo-trip-card__booking .wpte-bf-gd-text {
  margin: 0 0 10px;
}

/* WP Travel Engine sets this margin with !important. */
.byo-trip .byo-trip-card__booking .wpte-booking-area .wpte-bf-discount-tag {
  display: inline-block;
  margin: 0 0 10px !important;
}

.byo-trip .byo-trip-card__booking .wpte-bf-price-from {
  font-size: 13px;
  color: var(--byo-trip-muted);
}

.byo-trip .byo-trip-card__booking .wpte-bf-offer-amount {
  font-family: var(--secondary-font);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  color: var(--byo-trip-forest);
}

.byo-trip .byo-trip-card__booking .wpte-bf-pqty {
  font-size: 13px;
  color: var(--byo-trip-muted);
}

.byo-trip .byo-trip-card__booking .wpte-bf-discount-tag,
.byo-trip .byo-trip-card__booking .wpte-bf-gd-text {
  border-radius: 999px;
}

.byo-trip .byo-trip-card__booking .wpte-bf-btn-wrap {
  display: flex;
  gap: 10px;
  margin: 0;
  padding: 0 !important;
}

.byo-trip .byo-trip-card__booking .wpte-bf-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 auto;
  width: 100%;
  min-height: 50px;
  margin: 0;
  border: 2px solid var(--byo-trip-gold);
  border-radius: 999px;
  background: var(--byo-trip-gold);
  font-family: var(--secondary-font);
  font-size: 15px;
  font-weight: 700;
  text-transform: none;
  letter-spacing: 0;
  color: var(--byo-trip-forest-deep);
}

.byo-trip .byo-trip-card__booking .wpte-bf-btn:hover,
.byo-trip .byo-trip-card__booking .wpte-bf-btn:focus {
  background: #b8955a;
  border-color: #b8955a;
  color: var(--byo-trip-forest-deep);
}

/* Quick trip info */
.byo-trip-info {
  margin: 0;
}

.byo-trip-info__row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 11px 0;
  border-bottom: 1px dashed var(--byo-trip-line);
}

.byo-trip-info__row:first-child {
  padding-top: 0;
}

.byo-trip-info__row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.byo-trip-info dt {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  color: var(--byo-trip-muted);
}

.byo-trip-info dt .byo-trip-icon {
  width: 18px;
  height: 18px;
  color: var(--byo-trip-gold-icon);
}

.byo-trip-info dd {
  margin: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  text-align: right;
  color: var(--byo-trip-text);
}

.byo-trip-info dd a {
  color: var(--byo-trip-forest);
}

/* Help box */
.byo-trip-card--help {
  border-color: var(--byo-trip-line-soft);
  background: var(--byo-trip-ivory);
  box-shadow: none;
}

.byo-trip-card__phone,
.byo-trip-card__phone:visited {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  font-family: var(--secondary-font);
  font-size: 16px;
  font-weight: 700;
  color: var(--byo-trip-forest);
  text-decoration: none;
}

.byo-trip-card__phone:hover,
.byo-trip-card__phone:focus {
  color: var(--byo-trip-gold-text);
  text-decoration: none;
}

.byo-trip-card__phone .byo-trip-icon {
  color: var(--byo-trip-gold-icon);
}

/* Related trips */
.byo-trip__related {
  margin-top: 56px;
}

/* Phone CTA bar */
.byo-trip-mobilebar {
  display: none;
}

@media (max-width: 1199px) {
  .byo-trip__layout {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 32px;
  }

  .byo-day__figure {
    flex-basis: 200px;
  }
}

@media (max-width: 1023px) {
  .byo-trip-hero__inner {
    min-height: 300px;
    padding: 0 20px 32px;
  }

  .byo-trip-hero .byo-trip-hero__title {
    font-size: 32px;
  }

  .byo-trip-hero #crumbs a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .byo-trip-page #content {
    padding-top: 24px;
  }

  .byo-trip__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
  }

  .byo-trip__aside {
    max-width: 640px;
  }

  .byo-trip-panel.is-sticky,
  .byo-trip-panel.is-sticky-plan .byo-trip-card--plan {
    position: static;
  }

  .byo-trip-panel.is-sticky-plan {
    height: auto;
  }

  .byo-trip-mobilebar {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 90;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
    gap: 10px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
    background: #fff;
    box-shadow: 0 -8px 24px rgba(19, 74, 49, 0.14);
    transition: transform 0.25s ease, visibility 0.25s;
  }

  .byo-trip-mobilebar.is-hidden {
    transform: translateY(110%);
    visibility: hidden;
  }

  .byo-trip-mobilebar .byo-trip-btn {
    min-height: 48px;
    padding: 0 12px;
    font-size: 14px;
  }

  .byo-trip-has-mobilebar .site-footer {
    padding-bottom: 72px;
  }
}

@media (max-width: 782px) {
  .admin-bar .byo-trip-nav {
    top: 46px;
  }
}

@media (max-width: 767px) {
  .byo-trip-page #content > .container {
    padding: 0 20px;
  }

  .byo-trip {
    padding: 0;
  }

  .byo-trip-hero__inner {
    min-height: 260px;
    padding: 0 20px 28px;
    gap: 20px;
  }

  .byo-trip-hero #crumbs {
    padding-top: 6px;
  }

  .byo-trip-hero .byo-trip-hero__title {
    margin-bottom: 16px;
    font-size: 26px;
    line-height: 1.25;
  }

  .byo-trip-hero__chips .byo-trip-chip {
    padding: 6px 14px 6px 10px;
    font-size: 13px;
  }

  .byo-trip-nav {
    margin: 0 -20px 28px;
    padding: 0 8px;
  }

  .byo-trip-nav__link {
    padding: 0 12px;
  }

  .byo-trip-section {
    margin-bottom: 32px;
    padding-bottom: 32px;
  }

  .byo-trip .post-data > h2,
  .byo-trip .byo-trip-section__title,
  .byo-trip .wpte-faq-section-title,
  .byo-trip .wp-travel-engine-faq-tab-header h2 {
    font-size: 22px;
  }

  .byo-trip .byo-trip-highlights__list,
  .byo-trip .byo-trip-highlights__list--images {
    grid-template-columns: minmax(0, 1fr);
  }

  .byo-trip-gallery__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .byo-trip-days:before {
    left: 40px;
  }

  .byo-day__summary {
    gap: 10px;
    padding: 12px;
  }

  .byo-day__badge {
    flex-basis: 58px;
    font-size: 11px;
  }

  .byo-day__title {
    font-size: 15px;
  }

  .byo-day__thumb {
    display: none;
  }

  .byo-day__body {
    flex-direction: column;
    gap: 14px;
    padding: 0 16px 18px;
  }

  .byo-day__figure {
    flex: 0 0 auto;
    width: 100%;
    order: 0;
    margin: 0;
  }

  .byo-trip .post-data.cost {
    grid-template-columns: minmax(0, 1fr);
  }

  .byo-trip .post-data.cost > .content {
    padding: 18px 18px 16px;
  }

  .byo-trip-enquiry .wte_enquiry_contact_form-wrap {
    padding: 22px 18px;
  }

  .byo-trip-card {
    padding: 20px;
  }
}

@media (max-width: 600px) {
  .admin-bar .byo-trip-nav {
    top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .byo-trip-gallery__item img,
  .byo-trip-mobilebar,
  .byo-day__chevron:before {
    transition: none;
  }
}

/*=================================
 BYO Checkout page
 WP Travel Engine checkout (body.byo-checkout-page, see inc/byo-checkout.php).
 The form, cart summary and buttons are WP Travel Engine markup; this block
 only restyles them.
 =================================*/
.byo-checkout-page {
  --wpte-primary-color: #134a31;
  --wpte-primary-color-rgb: 19, 74, 49;
  --byo-co-forest: #134a31;
  --byo-co-forest-deep: #0d3824;
  --byo-co-text: #23392e;
  --byo-co-body: #3f4d46;
  --byo-co-muted: #56665e;
  --byo-co-gold: #c9a96a;
  --byo-co-line: #e6dfcf;
  --byo-co-line-soft: #efe9dc;
  --byo-co-field: #c9d1cc;
  --byo-co-ivory: #faf6ee;
  --byo-co-error: #b42318;
  --byo-co-radius: 14px;
}

.byo-checkout-page .top-bar,
.byo-checkout-page .site-content {
  background-color: #f8f6f1;
}

.byo-checkout-page #content {
  margin-top: 0;
  margin-bottom: 0;
  padding: 28px 0 64px;
}

.byo-checkout-page #primary {
  padding-right: 15px;
}

.byo-checkout-page #primary article {
  margin-bottom: 0;
}

.byo-checkout-page .page-header .page-title {
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 0;
  color: var(--byo-co-text);
}

.byo-checkout-page .wpte-checkout__container {
  max-width: none;
  padding: 0;
}

/* Booking steps */
.byo-checkout-page .wpte-checkout__steps {
  background: none;
  border: 0;
  padding: 0;
  margin: 0 0 24px;
}

.byo-checkout-page .wpte-checkout__steps-list {
  justify-content: flex-start;
  row-gap: 8px;
}

.byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item {
  gap: 10px;
  font-size: 15px;
  color: var(--byo-co-muted);
}

.byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item:not(:last-child) {
  padding-right: 56px;
}

.byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item:not(:last-child)::after {
  width: 40px;
  background-color: var(--byo-co-line);
}

.byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item:last-child {
  color: var(--byo-co-text);
  font-weight: 600;
}

.byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-number {
  width: 30px;
  height: 30px;
  border-color: var(--byo-co-forest);
  color: var(--byo-co-forest);
  background-color: #fff;
}

.byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item:last-child .wpte-checkout__step-number {
  background-color: var(--byo-co-forest);
  color: #fff;
}

.byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item.completed .wpte-checkout__step-number {
  background-color: var(--byo-co-forest);
}

/* Layout: form beside the trip summary */
.byo-checkout-page .wpte-checkout__page-layout {
  gap: 28px;
}

.byo-checkout-page .wpte-checkout__content,
.byo-checkout-page .wpte-checkout__sidebar {
  gap: 24px;
  min-width: 0;
}

@media (min-width: 1025px) {
  .byo-checkout-page .wpte-checkout__page-layout {
    align-items: stretch;
  }

  .byo-checkout-page .wpte-checkout__sidebar {
    flex: 0 0 360px;
    max-width: 360px;
  }

  .byo-checkout-page .wpte-checkout__content {
    flex: 1 1 0;
    max-width: none;
  }

  .byo-checkout-page .wpte-checkout__booking-summary-box {
    top: 24px;
    z-index: 1;
  }
}

@media (max-width: 1024px) {
  .byo-checkout-page .wpte-checkout__booking-summary-box {
    position: static;
  }
}

@media (min-width: 700px) and (max-width: 1024px) {
  .byo-checkout-page .wpte-checkout__sidebar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: start;
  }
}

/* Cards */
.byo-checkout-page .wpte-checkout__box {
  padding: 28px;
  background-color: #fff;
  border: 1px solid var(--byo-co-line);
  border-radius: var(--byo-co-radius);
  box-shadow: 0 1px 2px rgba(19, 74, 49, 0.04);
}

.byo-checkout-page .wpte-checkout__box .wpte-checkout__box-title,
.byo-checkout-page .wpte-checkout__form-title,
.byo-checkout-page .wpte-checkout__booking-summary-title {
  font-family: var(--secondary-font);
  color: var(--byo-co-text);
  border-bottom-color: var(--byo-co-line-soft);
}

.byo-checkout-page .wpte-checkout__box-toggle-button {
  border-radius: 4px;
}

.byo-checkout-page .wpte-checkout__box-toggle-button:focus-visible {
  outline: 2px solid var(--byo-co-forest);
  outline-offset: 3px;
}

/* Fields */
.byo-checkout-page .wpte-material-ui-input-control fieldset {
  border-color: var(--byo-co-field);
  border-radius: 10px;
  background-color: #fff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.byo-checkout-page .wpte-material-ui-input-control:hover fieldset {
  border-color: #9fb0a6;
}

.byo-checkout-page .wpte-material-ui-input-control:focus-within fieldset {
  border-color: var(--byo-co-forest);
  box-shadow: 0 0 0 3px rgba(19, 74, 49, 0.14);
}

.byo-checkout-page .wpte-material-ui-input-control > label {
  color: var(--byo-co-muted);
  z-index: 2;
}

.byo-checkout-page .wpte-material-ui-input-control:focus-within > label {
  color: var(--byo-co-forest);
}

.byo-checkout-page .wpte-material-ui-input-control input,
.byo-checkout-page .wpte-material-ui-input-control select,
.byo-checkout-page .wpte-material-ui-input-control textarea {
  min-height: 52px;
  outline: 0;
}

.byo-checkout-page .wpte-material-ui-input-control input:not(.empty),
.byo-checkout-page .wpte-material-ui-input-control select:not(.empty),
.byo-checkout-page .wpte-material-ui-input-control textarea:not(.empty) {
  color: var(--byo-co-text);
}

.byo-checkout-page .wpte-checkout__field-required {
  color: var(--byo-co-error);
  margin-left: 2px;
}

.byo-checkout-page .wpte-material-ui-input-control.invalid label {
  color: var(--byo-co-error) !important;
}

.byo-checkout-page .wpte-material-ui-input-control.invalid:focus-within fieldset {
  box-shadow: 0 0 0 3px rgba(180, 35, 24, 0.14);
}

.byo-checkout-page ul.parsley-errors-list li,
.byo-checkout-page ul.parsley-errors-list li.parsley-required {
  font-size: 13px;
  line-height: 1.5;
  color: var(--byo-co-error);
}

/* Terms checkbox */
.byo-checkout-page .wpte-checkout__term-condition {
  margin-top: 4px;
  padding: 16px;
  background-color: var(--byo-co-ivory);
  border-radius: 10px;
}

.byo-checkout-page .wpte-checkout__term-condition label {
  font-size: 15px;
  line-height: 1.6;
  color: var(--byo-co-body);
}

.byo-checkout-page .wpte-checkout__term-condition a {
  color: var(--byo-co-forest);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.byo-checkout-page .wpte-checkout__term-condition a:hover {
  color: var(--byo-co-forest-deep);
}

.byo-checkout-page .wpte-checkout__term-condition input[type="checkbox"] {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  margin: 2px 10px 0 0;
  accent-color: var(--byo-co-forest);
}

.byo-checkout-page .wpte-bf-checkbox-wrap input[type="checkbox"]:focus-visible + label::before {
  outline: 2px solid var(--byo-co-forest);
  outline-offset: 2px;
}

.byo-checkout-page .wpte-bf-checkbox-wrap input[type="checkbox"]:checked + label::before {
  background-color: var(--byo-co-forest);
  border-color: var(--byo-co-forest);
}

/* Confirm button */
.byo-checkout-page .wpte-checkout__form-submit {
  margin-top: 24px;
}

.byo-checkout-page .wpte-checkout__form-submit .wpte-checkout__form-submit-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 54px;
  padding: 14px 28px;
  border-radius: 12px;
  background-color: var(--byo-co-forest);
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.01em;
  transition: background-color 0.2s ease;
}

.byo-checkout-page .wpte-checkout__form-submit .wpte-checkout__form-submit-button:hover {
  opacity: 1;
  background-color: var(--byo-co-forest-deep);
}

.byo-checkout-page .wpte-checkout__form-submit .wpte-checkout__form-submit-button:focus-visible {
  outline: 3px solid var(--byo-co-gold);
  outline-offset: 3px;
}

.byo-checkout-page .wpte-checkout__form-submit .wpte-checkout__form-submit-button:disabled {
  cursor: progress;
  opacity: 1;
  background-color: #3d6b55;
}

.byo-checkout-page .byo-checkout-is-processing .wpte-checkout__form-submit-button::before {
  content: "";
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-top-color: #fff;
  border-radius: 50%;
  animation: byo-checkout-spin 0.8s linear infinite;
}

@keyframes byo-checkout-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Trip summary */
.byo-checkout-page .wpte-checkout__tour-details {
  background-color: var(--byo-co-ivory);
  border-radius: 10px;
}

.byo-checkout-page .wpte-checkout__tour-details .wpte-checkout__trip-name {
  font-family: var(--secondary-font);
  font-size: 17px;
  line-height: 1.4;
  color: var(--byo-co-forest) !important;
}

.byo-checkout-page .wpte-checkout__tour-details .wpte-checkout__trip-name:hover {
  color: var(--byo-co-forest-deep) !important;
}

.byo-checkout-page .wpte-checkout__tour-details table td {
  color: var(--byo-co-muted);
}

.byo-checkout-page .wpte-checkout__tour-details table td:first-child:not([colspan]) {
  white-space: nowrap;
}

.byo-checkout-page .wpte-checkout__tour-details table td strong,
.byo-checkout-page .wpte-checkout__booking-summary-table td strong {
  color: var(--byo-co-text);
}

.byo-checkout-page #primary .wpte-checkout__tour-details table td:last-child:not([colspan]),
.byo-checkout-page #primary .wpte-checkout__booking-summary-table td:last-child:not([colspan]) {
  text-align: right;
  white-space: nowrap;
}

.byo-checkout-page .wpte-checkout__booking-summary-table td {
  color: var(--byo-co-body);
}

.byo-checkout-page .wpte-checkout__booking-summary-table .wpte-checkout__booking-summary-total td {
  background-color: var(--byo-co-ivory) !important;
}

.byo-checkout-page .wpte-checkout__booking-summary-table .wpte-checkout__booking-summary-payable td {
  font-size: 17px;
}

.byo-checkout-page .wpte-checkout__booking-summary-table .wpte-checkout__booking-summary-payable td strong {
  color: var(--byo-co-forest);
}

/* Checkout opened without a trip in the cart */
.byo-checkout-empty {
  max-width: 640px;
  margin: 8px 0 24px;
  padding: 28px;
  background-color: #fff;
  border: 1px solid var(--byo-co-line);
  border-radius: var(--byo-co-radius);
}

.byo-checkout-page .byo-checkout-empty__title {
  margin: 0 0 8px;
  font-size: 22px;
  color: var(--byo-co-text);
}

.byo-checkout-page .byo-checkout-empty__text {
  margin: 0 0 20px;
  color: var(--byo-co-body);
}

.byo-checkout-page .byo-checkout-empty__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 20px;
  margin: 0;
}

.byo-checkout-page .byo-checkout-empty__btn {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 12px 24px;
  border-radius: 12px;
  background-color: var(--byo-co-forest);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}

.byo-checkout-page .byo-checkout-empty__btn:hover,
.byo-checkout-page .byo-checkout-empty__btn:focus {
  background-color: var(--byo-co-forest-deep);
  color: #fff;
}

.byo-checkout-page .byo-checkout-empty__link {
  color: var(--byo-co-forest);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.byo-checkout-page .byo-checkout-empty__btn:focus-visible,
.byo-checkout-page .byo-checkout-empty__link:focus-visible {
  outline: 3px solid var(--byo-co-gold);
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .byo-checkout-page #content {
    padding: 20px 0 48px;
  }

  .byo-checkout-page .page-header .page-title {
    font-size: 26px;
  }

  .byo-checkout-page .wpte-checkout__steps {
    display: block;
    margin-bottom: 20px;
  }

  .byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item {
    font-size: 14px;
    gap: 8px;
  }

  .byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item:not(:last-child) {
    padding-right: 28px;
    margin-right: 8px;
  }

  .byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item:not(:last-child)::after {
    width: 20px;
  }

  .byo-checkout-page .wpte-checkout__steps-list .wpte-checkout__step-item.completed .wpte-checkout__step-title {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .byo-checkout-page .wpte-checkout__box,
  .byo-checkout-empty {
    padding: 20px 16px;
  }

  .byo-checkout-page .wpte-checkout__page-layout,
  .byo-checkout-page .wpte-checkout__content,
  .byo-checkout-page .wpte-checkout__sidebar {
    gap: 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .byo-checkout-page .wpte-material-ui-input-control fieldset,
  .byo-checkout-page .wpte-checkout__form-submit .wpte-checkout__form-submit-button {
    transition: none;
  }

  .byo-checkout-page .byo-checkout-is-processing .wpte-checkout__form-submit-button::before {
    animation-duration: 2.4s;
  }
}

/*=================================
 BYO Tour listing
 WP Travel Engine trip archive /trip/ (body.byo-tours-page, see inc/byo-tours.php
 and js/byo-tours.js).
 =================================*/
.byo-tours-page {
  --byo-tl-forest: #134a31;
  --byo-tl-forest-deep: #0d3824;
  --byo-tl-text: #23392e;
  --byo-tl-body: #3f4d46;
  --byo-tl-muted: #56665e;
  --byo-tl-gold: #c9a96a;
  --byo-tl-line: #e2d8c4;
  --byo-tl-line-soft: #ece4d3;
  --byo-tl-field: #c9d1cc;
  --byo-tl-ivory: #faf6ee;
  --byo-tl-error: #b42318;
  --byo-tl-radius: 14px;
}

.byo-tours-page .top-bar,
.byo-tours-page .site-content {
  background-color: #f8f6f1;
}

.byo-tours-page #content {
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px 0 72px;
}

.byo-tours {
  width: 100%;
  color: var(--byo-tl-body);
}

/* Header */
.byo-tours__header {
  max-width: 760px;
  margin-bottom: 24px;
}

.byo-tours .byo-tours__title {
  margin: 0 0 8px;
  font-family: var(--secondary-font);
  font-size: 2.25rem;
  line-height: 1.2;
  color: var(--byo-tl-text);
}

.byo-tours__intro {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--byo-tl-muted);
}

/* Search and filters */
.byo-tours-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  margin: 0 0 28px;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--byo-tl-line-soft);
  border-radius: var(--byo-tl-radius);
  box-shadow: 0 6px 20px rgba(19, 74, 49, 0.06);
}

.byo-tours-filters__search {
  flex: 1 1 300px;
  min-width: 0;
}

.byo-tours-filters__fields {
  display: flex;
  flex: 3 1 560px;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  min-width: 0;
}

.byo-tours-filters__field {
  flex: 1 1 170px;
  min-width: 0;
}

.byo-tours .byo-tours-filters__label {
  display: block;
  margin: 0 0 6px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--byo-tl-text);
}

.byo-tours-filters__search-field {
  position: relative;
}

.byo-tours-filters__search-field svg {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 18px;
  height: 18px;
  color: var(--byo-tl-muted);
  transform: translateY(-50%);
  pointer-events: none;
}

.byo-tours .byo-tours-filters input[type="search"],
.byo-tours .byo-tours-filters select {
  display: block;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 10px 14px;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--byo-tl-text);
  background-color: #fff;
  border: 1px solid var(--byo-tl-field);
  border-radius: 10px;
  box-shadow: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.byo-tours .byo-tours-filters input[type="search"] {
  padding-left: 42px;
}

.byo-tours .byo-tours-filters select {
  padding-right: 40px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23134a31' stroke-width='1.8' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
}

.byo-tours .byo-tours-filters input[type="search"]::placeholder {
  color: #77857e;
  opacity: 1;
}

.byo-tours .byo-tours-filters input[type="search"]:focus,
.byo-tours .byo-tours-filters select:focus {
  outline: none;
  border-color: var(--byo-tl-forest);
  box-shadow: 0 0 0 3px rgba(19, 74, 49, 0.18);
}

.byo-tours-filters__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
}

.byo-tours .byo-tours-filters__submit,
.byo-tours .byo-tours-empty__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 0;
  padding: 10px 22px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  background: var(--byo-tl-forest);
  border: 0;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.byo-tours .byo-tours-filters__submit:hover,
.byo-tours .byo-tours-empty__btn:hover {
  color: #fff;
  background: var(--byo-tl-forest-deep);
}

.byo-tours .byo-tours-filters__reset {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--byo-tl-forest);
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.byo-tours .byo-tours-filters__reset:hover {
  color: var(--byo-tl-forest-deep);
}

.byo-tours-filters__toggle,
.byo-tours-filters__toggle:not([hidden]) {
  display: none;
}

.byo-tours a:focus-visible,
.byo-tours button:focus-visible,
.byo-tours .byo-tours-results__count:focus-visible {
  outline: 3px solid var(--byo-tl-gold);
  outline-offset: 2px;
}

.byo-tours .byo-tours-results__count:focus:not(:focus-visible) {
  outline: none;
}

/* Results bar and active filters */
.byo-tours-results {
  position: relative;
  transition: opacity 0.2s ease;
}

.byo-tours-results__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-bottom: 20px;
}

.byo-tours .byo-tours-results__count {
  margin: 0;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--byo-tl-text);
}

.byo-tours .byo-tours-results__active {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-tours .byo-tours-results__active li {
  margin: 0;
  padding: 0;
}

.byo-tours .byo-tours-results__active li::before {
  content: none;
}

.byo-tours .byo-tours-results__active a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 6px 12px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--byo-tl-forest);
  text-decoration: none;
  background: var(--byo-tl-ivory);
  border: 1px solid var(--byo-tl-line);
  border-radius: 999px;
}

.byo-tours .byo-tours-results__active a:hover {
  border-color: var(--byo-tl-forest);
}

.byo-tours-results__remove {
  font-size: 1.125rem;
  line-height: 1;
}

/* Grid and cards */
.byo-tours .byo-tours-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-tours .byo-tour-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--byo-tl-line-soft);
  border-radius: var(--byo-tl-radius);
  box-shadow: 0 4px 16px rgba(19, 74, 49, 0.05);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.byo-tours .byo-tour-card::before {
  content: none;
}

.byo-tours .byo-tour-card:hover {
  box-shadow: 0 10px 28px rgba(19, 74, 49, 0.12);
  transform: translateY(-2px);
}

.byo-tour-card__media {
  display: block;
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--byo-tl-ivory);
}

.byo-tours .byo-tour-card__media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.byo-tours .byo-tour-card:hover .byo-tour-card__media img {
  transform: scale(1.04);
}

.byo-tour-card__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--byo-tl-gold);
}

.byo-tour-card__placeholder svg {
  width: 40px;
  height: 40px;
}

.byo-tour-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 18px 20px 20px;
}

.byo-tours .byo-tour-card__title {
  margin: 0 0 10px;
  font-family: var(--secondary-font);
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.35;
}

.byo-tours .byo-tour-card__title a {
  color: var(--byo-tl-text);
  text-decoration: none;
}

.byo-tours .byo-tour-card__title a:hover {
  color: var(--byo-tl-forest);
}

.byo-tours .byo-tour-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
  margin: 0 0 10px;
  padding: 0;
  list-style: none;
}

.byo-tours .byo-tour-card__meta li {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.4;
  color: var(--byo-tl-muted);
}

.byo-tours .byo-tour-card__meta li::before {
  content: none;
}

.byo-tours .byo-tour-card__meta svg {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  color: var(--byo-tl-forest);
}

.byo-tours .byo-tour-card__excerpt {
  display: -webkit-box;
  margin: 0 0 16px;
  overflow: hidden;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--byo-tl-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.byo-tour-card__footer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--byo-tl-line-soft);
}

.byo-tours .byo-tour-card__price {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 6px;
  margin: 0;
  line-height: 1.3;
}

.byo-tour-card__price-label,
.byo-tour-card__price-per {
  font-size: 0.8125rem;
  color: var(--byo-tl-muted);
}

.byo-tour-card__price-regular {
  font-size: 0.875rem;
  color: var(--byo-tl-muted);
}

.byo-tours .byo-tour-card__price-amount {
  font-size: 1.1875rem;
  font-weight: 700;
  color: var(--byo-tl-forest);
}

.byo-tour-card__price-enquire {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--byo-tl-text);
}

.byo-tours .byo-tour-card__cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 8px 18px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--byo-tl-forest);
  text-decoration: none;
  white-space: nowrap;
  border: 1.5px solid var(--byo-tl-forest);
  border-radius: 10px;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.byo-tours .byo-tour-card__cta:hover {
  color: #fff;
  background: var(--byo-tl-forest);
}

/* Pagination */
.byo-tours-pagination {
  margin-top: 36px;
}

.byo-tours .byo-tours-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-tours .byo-tours-pagination li {
  margin: 0;
  padding: 0;
}

.byo-tours .byo-tours-pagination li::before {
  content: none;
}

.byo-tours .byo-tours-pagination .page-numbers:not(ul) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 44px;
  min-height: 44px;
  padding: 8px 14px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  color: var(--byo-tl-forest);
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--byo-tl-line);
  border-radius: 10px;
}

.byo-tours .byo-tours-pagination a.page-numbers:hover {
  border-color: var(--byo-tl-forest);
}

.byo-tours .byo-tours-pagination .page-numbers.current {
  color: #fff;
  background: var(--byo-tl-forest);
  border-color: var(--byo-tl-forest);
}

.byo-tours .byo-tours-pagination .page-numbers.dots {
  min-width: 0;
  padding: 8px 4px;
  background: transparent;
  border-color: transparent;
}

/* Empty, loading and error states */
.byo-tours-empty {
  padding: 48px 24px;
  text-align: center;
  background: #fff;
  border: 1px dashed var(--byo-tl-line);
  border-radius: var(--byo-tl-radius);
}

.byo-tours .byo-tours-empty__title {
  margin: 0 0 8px;
  font-family: var(--secondary-font);
  font-size: 1.375rem;
  color: var(--byo-tl-text);
}

.byo-tours-empty p {
  margin: 0 0 20px;
  color: var(--byo-tl-muted);
}

.byo-tours-error {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-bottom: 20px;
  padding: 14px 18px;
  color: var(--byo-tl-error);
  background: #fef3f2;
  border: 1px solid #fecdca;
  border-radius: 10px;
}

.byo-tours-error p {
  margin: 0;
}

.byo-tours .byo-tours-error a {
  font-weight: 600;
  color: var(--byo-tl-error);
  text-decoration: underline;
}

.byo-tours.is-loading .byo-tours-results {
  opacity: 0.5;
  pointer-events: none;
}

.byo-tours.is-loading .byo-tours-results::after {
  content: "";
  position: absolute;
  top: 80px;
  left: 50%;
  width: 36px;
  height: 36px;
  margin-left: -18px;
  border: 3px solid rgba(19, 74, 49, 0.2);
  border-top-color: var(--byo-tl-forest);
  border-radius: 50%;
  animation: byo-tours-spin 0.8s linear infinite;
}

@keyframes byo-tours-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (max-width: 1099px) {
  .byo-tours .byo-tours-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .byo-tours-page #content {
    padding: 20px 0 48px;
  }

  .byo-tours__header {
    margin-bottom: 18px;
  }

  .byo-tours .byo-tours__title {
    font-size: 1.75rem;
  }

  .byo-tours__intro {
    font-size: 1rem;
  }

  .byo-tours-filters {
    gap: 12px;
    margin-bottom: 22px;
    padding: 16px;
  }

  .byo-tours-filters__search {
    flex-basis: 100%;
  }

  .byo-tours .byo-tours-filters__toggle:not([hidden]) {
    display: flex;
    flex: 1 1 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    margin: 0;
    padding: 10px 16px;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.2;
    color: var(--byo-tl-forest);
    text-transform: none;
    letter-spacing: normal;
    background: var(--byo-tl-ivory);
    border: 1px solid var(--byo-tl-line);
    border-radius: 10px;
    cursor: pointer;
  }

  .byo-tours-filters__toggle svg {
    width: 18px;
    height: 18px;
  }

  .byo-tours-filters__toggle-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 6px;
    font-size: 0.8125rem;
    color: #fff;
    background: var(--byo-tl-forest);
    border-radius: 999px;
  }

  .byo-tours-filters__fields {
    flex-basis: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
  }

  .byo-tours-filters.is-enhanced:not(.is-open) .byo-tours-filters__fields {
    display: none;
  }

  .byo-tours-filters__field {
    flex: 0 0 auto;
  }

  .byo-tours-filters__actions {
    justify-content: space-between;
  }

  .byo-tours .byo-tours-filters__submit {
    flex: 1 1 auto;
  }

  .byo-tours .byo-tours-grid {
    gap: 18px;
  }
}

@media (max-width: 599px) {
  .byo-tours .byo-tours-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (prefers-reduced-motion: reduce) {
  .byo-tours .byo-tour-card,
  .byo-tours .byo-tour-card__media img,
  .byo-tours-results {
    transition: none;
  }

  .byo-tours .byo-tour-card:hover,
  .byo-tours .byo-tour-card:hover .byo-tour-card__media img {
    transform: none;
  }

  .byo-tours.is-loading .byo-tours-results::after {
    animation-duration: 2.4s;
  }
}

/*=================================
 BYO Blog
 Posts page /blog/ (body.byo-bloglist-page) and single posts (body.byo-post-page),
 see inc/byo-posts.php.
 =================================*/
.byo-bloglist-page,
.byo-post-page {
  --byo-bl-forest: #134a31;
  --byo-bl-forest-deep: #0d3824;
  --byo-bl-text: #23392e;
  --byo-bl-body: #3f4d46;
  --byo-bl-muted: #56665e;
  --byo-bl-gold: #c9a96a;
  --byo-bl-line: #e2d8c4;
  --byo-bl-line-soft: #ece4d3;
  --byo-bl-field: #c9d1cc;
  --byo-bl-ivory: #faf6ee;
  --byo-bl-radius: 14px;
}

.byo-bloglist-page .top-bar,
.byo-bloglist-page .site-content {
  background-color: #f8f6f1;
}

.byo-bloglist-page #content,
.byo-post-page #content {
  margin-top: 0;
  margin-bottom: 0;
  padding: 32px 0 72px;
}

.byo-bloglist,
.byo-article-main {
  width: 100%;
  padding: 0 15px;
  color: var(--byo-bl-body);
}

.byo-bloglist a:focus-visible,
.byo-bloglist button:focus-visible,
.byo-article-main a:focus-visible,
.byo-article-main summary:focus-visible {
  outline: 3px solid var(--byo-bl-gold);
  outline-offset: 2px;
}

/* Listing header and search */
.byo-bloglist__header {
  max-width: 760px;
  margin-bottom: 24px;
}

.byo-bloglist .byo-bloglist__title {
  margin: 0 0 8px;
  font-family: var(--secondary-font);
  font-size: 2.25rem;
  line-height: 1.2;
  color: var(--byo-bl-text);
}

.byo-bloglist__intro {
  margin: 0;
  font-size: 1.0625rem;
  line-height: 1.6;
  color: var(--byo-bl-muted);
}

.byo-bloglist-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 16px;
  margin: 0 0 28px;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--byo-bl-line-soft);
  border-radius: var(--byo-bl-radius);
  box-shadow: 0 6px 20px rgba(19, 74, 49, 0.06);
}

.byo-bloglist-filters__field {
  flex: 1 1 200px;
  min-width: 0;
}

.byo-bloglist-filters__field--search {
  flex: 3 1 320px;
}

.byo-bloglist .byo-bloglist-filters__label {
  display: block;
  margin: 0 0 6px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.3;
  color: var(--byo-bl-text);
}

.byo-bloglist-filters__search {
  position: relative;
}

.byo-bloglist-filters__search svg {
  position: absolute;
  top: 50%;
  left: 14px;
  width: 18px;
  height: 18px;
  color: var(--byo-bl-muted);
  transform: translateY(-50%);
  pointer-events: none;
}

.byo-bloglist .byo-bloglist-filters input[type="search"],
.byo-bloglist .byo-bloglist-filters select {
  display: block;
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 10px 14px;
  font-family: inherit;
  font-size: 1rem;
  line-height: 1.4;
  color: var(--byo-bl-text);
  background-color: #fff;
  border: 1px solid var(--byo-bl-field);
  border-radius: 10px;
  box-shadow: none;
}

.byo-bloglist .byo-bloglist-filters input[type="search"] {
  padding-left: 42px;
}

.byo-bloglist .byo-bloglist-filters select {
  padding-right: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23134a31' stroke-width='1.8' d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
  cursor: pointer;
}

.byo-bloglist .byo-bloglist-filters input[type="search"]::placeholder {
  color: #77857e;
  opacity: 1;
}

.byo-bloglist .byo-bloglist-filters input[type="search"]:focus,
.byo-bloglist .byo-bloglist-filters select:focus {
  outline: none;
  border-color: var(--byo-bl-forest);
  box-shadow: 0 0 0 3px rgba(19, 74, 49, 0.18);
}

.byo-bloglist-filters__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 14px;
}

.byo-bloglist .byo-bloglist-filters__submit,
.byo-bloglist .byo-bloglist__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  margin: 0;
  padding: 10px 24px;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  text-decoration: none;
  text-transform: none;
  letter-spacing: normal;
  background: var(--byo-bl-forest);
  border: 0;
  border-radius: 10px;
  cursor: pointer;
}

.byo-bloglist .byo-bloglist-filters__submit:hover,
.byo-bloglist .byo-bloglist__btn:hover {
  color: #fff;
  background: var(--byo-bl-forest-deep);
}

.byo-bloglist .byo-bloglist-filters__reset {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--byo-bl-forest);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Results bar */
.byo-bloglist__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 16px;
  margin-bottom: 20px;
}

.byo-bloglist .byo-bloglist__count {
  margin: 0;
  font-family: var(--primary-font);
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4;
  color: var(--byo-bl-text);
}

.byo-bloglist .byo-bloglist__active {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-bloglist .byo-bloglist__active li {
  margin: 0;
  padding: 0;
}

.byo-bloglist .byo-bloglist__active li::before {
  content: none;
}

.byo-bloglist .byo-bloglist__active a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 6px 12px;
  font-size: 0.875rem;
  line-height: 1.3;
  color: var(--byo-bl-forest);
  text-decoration: none;
  background: var(--byo-bl-ivory);
  border: 1px solid var(--byo-bl-line);
  border-radius: 999px;
}

/* Cards (listing and related articles) */
.byo-bloglist .byo-bloglist__grid,
.byo-article-main .byo-article__related-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-bloglist .byo-bloglist__grid > li,
.byo-article-main .byo-article__related-grid > li {
  display: flex;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.byo-bloglist .byo-bloglist__grid > li::before,
.byo-article-main .byo-article__related-grid > li::before {
  content: none;
}

.byo-post-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--byo-bl-line-soft);
  border-radius: var(--byo-bl-radius);
  box-shadow: 0 4px 16px rgba(19, 74, 49, 0.05);
  transition: box-shadow 0.2s ease, transform 0.2s ease;
}

.byo-post-card:hover {
  box-shadow: 0 10px 28px rgba(19, 74, 49, 0.12);
  transform: translateY(-2px);
}

.byo-post-card__media {
  display: block;
  aspect-ratio: 16 / 10;
  overflow: hidden;
  background: var(--byo-bl-ivory);
}

.byo-bloglist .byo-post-card__img,
.byo-article-main .byo-post-card__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.byo-post-card:hover .byo-post-card__img {
  transform: scale(1.04);
}

.byo-post-card__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--byo-bl-gold);
}

.byo-post-card__placeholder svg {
  width: 40px;
  height: 40px;
}

.byo-post-card__body {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  padding: 18px 20px 20px;
}

.byo-bloglist .byo-post-card__meta,
.byo-article-main .byo-post-card__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  margin: 0 0 8px;
  font-size: 0.8125rem;
  line-height: 1.4;
  color: var(--byo-bl-muted);
}

.byo-post-card__cat {
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--byo-bl-forest);
}

.byo-bloglist .byo-post-card__title,
.byo-article-main .byo-post-card__title {
  margin: 0 0 10px;
  font-family: var(--secondary-font);
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.35;
}

.byo-bloglist .byo-post-card__title a,
.byo-article-main .byo-post-card__title a {
  color: var(--byo-bl-text);
  text-decoration: none;
}

.byo-bloglist .byo-post-card__title a:hover,
.byo-article-main .byo-post-card__title a:hover {
  color: var(--byo-bl-forest);
}

.byo-bloglist .byo-post-card__excerpt {
  display: -webkit-box;
  margin: 0 0 16px;
  overflow: hidden;
  font-size: 0.9375rem;
  line-height: 1.6;
  color: var(--byo-bl-body);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.byo-bloglist .byo-post-card__cta,
.byo-article-main .byo-post-card__cta {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  min-height: 44px;
  margin-top: auto;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--byo-bl-forest);
  text-decoration: underline;
  text-decoration-color: var(--byo-bl-gold);
  text-decoration-thickness: 2px;
  text-underline-offset: 5px;
}

.byo-bloglist .byo-post-card__cta:hover,
.byo-article-main .byo-post-card__cta:hover {
  color: var(--byo-bl-forest-deep);
  text-decoration-color: currentColor;
}

/* Pagination and empty state */
.byo-bloglist__pagination {
  margin-top: 36px;
}

.byo-bloglist .byo-bloglist__pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.byo-bloglist .byo-bloglist__pagination li {
  margin: 0;
  padding: 0;
}

.byo-bloglist .byo-bloglist__pagination li::before {
  content: none;
}

.byo-bloglist .byo-bloglist__pagination .page-numbers:not(ul) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 44px;
  min-height: 44px;
  padding: 8px 14px;
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1;
  color: var(--byo-bl-forest);
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--byo-bl-line);
  border-radius: 10px;
}

.byo-bloglist .byo-bloglist__pagination a.page-numbers:hover {
  border-color: var(--byo-bl-forest);
}

.byo-bloglist .byo-bloglist__pagination .page-numbers.current {
  color: #fff;
  background: var(--byo-bl-forest);
  border-color: var(--byo-bl-forest);
}

.byo-bloglist .byo-bloglist__pagination .page-numbers.dots {
  min-width: 0;
  padding: 8px 4px;
  background: transparent;
  border-color: transparent;
}

.byo-bloglist__empty {
  padding: 48px 24px;
  text-align: center;
  background: #fff;
  border: 1px dashed var(--byo-bl-line);
  border-radius: var(--byo-bl-radius);
}

.byo-bloglist .byo-bloglist__empty-title {
  margin: 0 0 8px;
  font-family: var(--secondary-font);
  font-size: 1.375rem;
  color: var(--byo-bl-text);
}

.byo-bloglist__empty p {
  margin: 0 0 20px;
  color: var(--byo-bl-muted);
}

/* Single article */
.byo-article {
  margin: 0;
  padding: 0;
  background: none;
  border: 0;
}

.byo-article__header,
.byo-article__body,
.byo-article__footer,
.byo-article__author-box,
.byo-article__nav,
.byo-article__comments {
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
}

.byo-article__header {
  margin-bottom: 24px;
  text-align: left;
}

.byo-article-main .byo-article__cat {
  margin: 0 0 10px;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.byo-article-main .byo-article__cat a {
  display: inline-block;
  padding: 6px 0;
  color: var(--byo-bl-forest);
  text-decoration: none;
}

.byo-article-main .byo-article__cat a:hover {
  text-decoration: underline;
}

.byo-article-main .byo-article__title {
  margin: 0 0 14px;
  font-family: var(--secondary-font);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--byo-bl-text);
}

.byo-article-main .byo-article__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 20px;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--byo-bl-muted);
}

.byo-article-main .byo-article__meta a {
  font-weight: 600;
  color: var(--byo-bl-text);
  text-decoration: none;
}

.byo-article-main .byo-article__meta a:hover {
  color: var(--byo-bl-forest);
  text-decoration: underline;
}

.byo-article__media {
  max-width: 960px;
  margin: 0 auto 36px;
  overflow: hidden;
  border-radius: var(--byo-bl-radius);
  background: var(--byo-bl-ivory);
}

.byo-article-main .byo-article__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1290 / 540;
  object-fit: cover;
}

/* Article body typography */
.byo-post-page .byo-article-main .byo-article__body {
  margin: 0 auto;
}

.byo-article-main .byo-article__body {
  font-size: 1.0625rem;
  line-height: 1.75;
  color: var(--byo-bl-body);
  overflow-wrap: break-word;
}

.byo-article-main .byo-article__body > * {
  margin-top: 0;
  margin-bottom: 1.25em;
}

.byo-article-main .byo-article__body h2,
.byo-article-main .byo-article__body h3,
.byo-article-main .byo-article__body h4 {
  font-family: var(--secondary-font);
  font-weight: 700;
  color: var(--byo-bl-text);
  scroll-margin-top: 24px;
}

.byo-article-main .byo-article__body h2 {
  margin: 2.2em 0 0.7em;
  padding-top: 1.2em;
  font-size: 1.75rem;
  line-height: 1.3;
  border-top: 1px solid var(--byo-bl-line-soft);
}

.byo-article-main .byo-article__body h3 {
  margin: 1.8em 0 0.6em;
  font-size: 1.3125rem;
  line-height: 1.35;
}

.byo-article-main .byo-article__body h4 {
  margin: 1.6em 0 0.5em;
  font-size: 1.125rem;
  line-height: 1.4;
}

.byo-article-main .byo-article__body h2 + h3 {
  margin-top: 0.8em;
}

.byo-article-main .byo-article__body p {
  margin: 0 0 1.25em;
}

.byo-article-main .byo-article__body a {
  color: var(--byo-bl-forest);
  text-decoration: underline;
  text-decoration-color: var(--byo-bl-gold);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.byo-article-main .byo-article__body a:hover {
  color: var(--byo-bl-forest-deep);
  text-decoration-color: currentColor;
}

.byo-article-main .byo-article__body ul,
.byo-article-main .byo-article__body ol {
  margin: 0 0 1.4em;
  padding-left: 1.4em;
}

.byo-article-main .byo-article__body ul {
  list-style: disc;
}

.byo-article-main .byo-article__body ol {
  list-style: decimal;
}

.byo-article-main .byo-article__body li {
  margin: 0 0 0.5em;
  padding: 0;
}

.byo-article-main .byo-article__body li::before {
  content: none;
}

.byo-article-main .byo-article__body li::marker {
  color: var(--byo-bl-forest);
}

.byo-article-main .byo-article__body blockquote {
  margin: 1.8em 0;
  padding: 16px 22px;
  font-style: normal;
  color: var(--byo-bl-text);
  background: var(--byo-bl-ivory);
  border: 0;
  border-left: 4px solid var(--byo-bl-gold);
  border-radius: 0 10px 10px 0;
}

.byo-article-main .byo-article__body blockquote p:last-child {
  margin-bottom: 0;
}

.byo-article-main .byo-article__body img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.byo-article-main .byo-article__body figure {
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}

.byo-article-main .byo-article__body figcaption {
  margin-top: 8px;
  font-size: 0.875rem;
  color: var(--byo-bl-muted);
  text-align: center;
}

.byo-article-main .byo-article__body iframe,
.byo-article-main .byo-article__body video {
  max-width: 100%;
}

/* Tables scroll inside their own container on narrow screens */
.byo-article-main .byo-article__body .wp-block-table {
  margin: 1.6em 0;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  border: 1px solid var(--byo-bl-line-soft);
  border-radius: 10px;
}

.byo-article-main .byo-article__body table {
  width: 100%;
  min-width: 480px;
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5;
  border: 0;
  border-collapse: collapse;
}

.byo-article-main .byo-article__body > table {
  display: block;
  overflow-x: auto;
}

.byo-article-main .byo-article__body th,
.byo-article-main .byo-article__body td {
  padding: 12px 14px;
  text-align: left;
  vertical-align: top;
  border: 0;
  border-bottom: 1px solid var(--byo-bl-line-soft);
}

.byo-article-main .byo-article__body thead th,
.byo-article-main .byo-article__body thead td {
  font-weight: 700;
  color: var(--byo-bl-text);
  background: var(--byo-bl-ivory);
  border-bottom: 1px solid var(--byo-bl-line);
}

.byo-article-main .byo-article__body tbody tr:last-child td,
.byo-article-main .byo-article__body tbody tr:last-child th {
  border-bottom: 0;
}

.byo-article-main .byo-article__body tbody tr:nth-child(even) {
  background: #fcfbf7;
}

/* Yoast FAQ block content */
.byo-article-main .byo-article__body .schema-faq {
  margin: 1.4em 0 1.8em;
}

.byo-article-main .byo-article__body .schema-faq-section {
  margin: 0 0 12px;
  padding: 16px 20px;
  background: var(--byo-bl-ivory);
  border: 1px solid var(--byo-bl-line-soft);
  border-radius: 10px;
}

.byo-article-main .byo-article__body .schema-faq-question {
  display: block;
  margin-bottom: 6px;
  font-size: 1.0625rem;
  color: var(--byo-bl-text);
}

.byo-article-main .byo-article__body .schema-faq-answer {
  margin: 0;
}

/* Table of contents */
.byo-article-main .byo-toc {
  margin: 1.6em 0 2em;
  background: var(--byo-bl-ivory);
  border: 1px solid var(--byo-bl-line);
  border-radius: 12px;
}

.byo-article-main .byo-toc__summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 52px;
  padding: 12px 20px;
  cursor: pointer;
  list-style: none;
}

.byo-article-main .byo-toc__summary::-webkit-details-marker {
  display: none;
}

.byo-article-main .byo-toc__summary::after {
  content: "";
  width: 9px;
  height: 9px;
  margin-left: 12px;
  border-right: 2px solid var(--byo-bl-forest);
  border-bottom: 2px solid var(--byo-bl-forest);
  transform: rotate(45deg) translateY(-3px);
  transition: transform 0.2s ease;
}

.byo-article-main .byo-toc__details[open] .byo-toc__summary::after {
  transform: rotate(-135deg) translateY(-3px);
}

.byo-article-main .byo-toc__title {
  font-family: var(--secondary-font);
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--byo-bl-text);
}

.byo-article-main .byo-article__body .byo-toc__list {
  margin: 0;
  padding: 0 20px 16px 44px;
  list-style: decimal;
}

.byo-article-main .byo-article__body .byo-toc__item {
  margin: 0;
  padding: 0;
  font-size: 0.9875rem;
  line-height: 1.5;
}

.byo-article-main .byo-article__body .byo-toc__item--h3 {
  margin-left: 1em;
  list-style: circle;
}

.byo-article-main .byo-article__body .byo-toc__item a {
  display: inline-block;
  padding: 5px 0;
  color: var(--byo-bl-forest);
  text-decoration: none;
}

.byo-article-main .byo-article__body .byo-toc__item a:hover {
  text-decoration: underline;
}

/* Article footer, navigation, related and comments */
.byo-article__footer {
  margin-top: 36px;
  padding-top: 20px;
  border-top: 1px solid var(--byo-bl-line-soft);
}

.byo-article-main .byo-article__terms {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 10px;
  font-size: 0.9375rem;
}

.byo-article__terms-label {
  font-weight: 600;
  color: var(--byo-bl-text);
}

.byo-article-main .byo-article__terms a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 4px 14px;
  color: var(--byo-bl-forest);
  text-decoration: none;
  background: var(--byo-bl-ivory);
  border: 1px solid var(--byo-bl-line);
  border-radius: 999px;
}

.byo-article-main .byo-article__terms a:hover {
  border-color: var(--byo-bl-forest);
}

.byo-article-main .byo-article__edit {
  margin: 0;
  font-size: 0.875rem;
}

.byo-article__author-box {
  display: flex;
  gap: 16px;
  margin-top: 28px;
  padding: 20px;
  background: var(--byo-bl-ivory);
  border-radius: 12px;
}

.byo-article-main .byo-article__avatar {
  flex: 0 0 auto;
  border-radius: 50%;
}

.byo-article-main .byo-article__author-name {
  margin: 0 0 4px;
  font-weight: 700;
  color: var(--byo-bl-text);
}

.byo-article__nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 32px;
}

.byo-article-main .byo-article__nav-link {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 18px;
  text-decoration: none;
  background: #fff;
  border: 1px solid var(--byo-bl-line-soft);
  border-radius: 12px;
  transition: border-color 0.2s ease;
}

.byo-article-main .byo-article__nav-link:hover {
  border-color: var(--byo-bl-forest);
}

.byo-article__nav-link--next {
  grid-column: 2;
  text-align: right;
}

.byo-article__nav-label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--byo-bl-muted);
}

.byo-article__nav-title {
  font-weight: 600;
  line-height: 1.4;
  color: var(--byo-bl-text);
}

.byo-article__related {
  max-width: 1100px;
  margin: 56px auto 0;
  padding-top: 36px;
  border-top: 1px solid var(--byo-bl-line-soft);
}

.byo-article-main .byo-article__related-title {
  margin: 0 0 20px;
  font-family: var(--secondary-font);
  font-size: 1.5rem;
  color: var(--byo-bl-text);
}

.byo-article__comments {
  margin-top: 48px;
}

@media (max-width: 1099px) {
  .byo-bloglist .byo-bloglist__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .byo-bloglist-page #content,
  .byo-post-page #content {
    padding: 20px 0 48px;
  }

  .byo-bloglist-page .byo-bloglist,
  .byo-post-page .byo-article-main {
    padding: 0;
  }

  .byo-bloglist .byo-bloglist__title {
    font-size: 1.75rem;
  }

  .byo-bloglist__intro {
    font-size: 1rem;
  }

  .byo-bloglist-filters {
    gap: 12px;
    padding: 16px;
  }

  .byo-bloglist-filters__field,
  .byo-bloglist-filters__field--search {
    flex-basis: 100%;
  }

  .byo-bloglist-filters__actions {
    flex: 1 1 100%;
  }

  .byo-bloglist .byo-bloglist-filters__submit {
    flex: 1 1 auto;
  }

  .byo-bloglist .byo-bloglist__grid,
  .byo-article-main .byo-article__related-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }

  .byo-article-main .byo-article__title {
    font-size: 1.875rem;
  }

  .byo-article__media {
    margin-bottom: 24px;
    border-radius: 10px;
  }

  .byo-article-main .byo-article__img {
    aspect-ratio: 16 / 9;
  }

  .byo-article-main .byo-article__body {
    font-size: 1rem;
    line-height: 1.7;
  }

  .byo-article-main .byo-article__body h2 {
    font-size: 1.4375rem;
  }

  .byo-article-main .byo-article__body h3 {
    font-size: 1.1875rem;
  }

  .byo-article__nav {
    grid-template-columns: minmax(0, 1fr);
  }

  .byo-article__nav-link--next {
    grid-column: auto;
  }
}

@media (min-width: 600px) and (max-width: 767px) {
  .byo-bloglist .byo-bloglist__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .byo-post-card,
  .byo-bloglist .byo-post-card__img,
  .byo-article-main .byo-post-card__img,
  .byo-article-main .byo-toc__summary::after {
    transition: none;
  }

  .byo-post-card:hover,
  .byo-post-card:hover .byo-post-card__img {
    transform: none;
  }
}

/*# sourceMappingURL=style.css.map */