/*
Theme Name:			Aussie Tom's Tours
Theme URI:			https://www.aussietomstours.com.au
Description: 		Guided small group tours of Broken Hill and Silverton
Author: 			Philboss Design
Author URI: 		https://www.philbossdesign.com.au
Version: 			1.0
*/


.price:after{content: '*'}

/* .postid-295 .total-amount{display: none} */

.storewide-notice-active {
  padding-top: 40px
}

.storewide-notice-active nav ul li:last-child{top: 60px}


.storewide-notice {
  position: absolute;
  top: 0;
	left: 0;
	right: 0;
  width: 100%;
	max-width: 1920px;
	margin: 0 auto;
  text-align: center;
	overflow: hidden; 
    white-space: nowrap;
	font: 500 14px/40px "Poppins", sans-serif;
	background: #fff;
}

.storewide-notice p{margin-bottom: 0; font: 500 14px/40px "Poppins", sans-serif}
.storewide-notice strong{margin-bottom: 0; font: 600 14px/40px "Poppins", sans-serif}


.storewide-notice .notice-mobile{display: none}

@supports (-webkit-hyphens: none) {
  h1.offset, h2.offset {
    text-shadow: none !important;
  }
}




.home.page-template-default footer .footer-container {
  padding: 150px 10px 40px;
}


.home.page-template-default .container{
max-width: 1920px	
}

.back {
  margin: -15px 0 20px;
  display: block;
  font: 600 18px/34px "Poppins", sans-serif;
  letter-spacing: 0.5px;
}

.error404 footer .tom, .page-template-default footer .tom {
  position: relative;
  margin: 20px auto 50px;
}

.error404 footer .footer-container, .page-template-default footer .footer-container{
	padding: 0 10px 40px
}

.error404 .container, .page-template-default .container {
  max-width: 900px;
}

.home.page-template-default nav{
	display: block
}

.error404 nav, .page-template-default nav{
	display: none
}

.error404 main, .page-template-default main {
  display: block;
	padding: 60px 20px 0
}
.error404 h1, .page-template-default h1{
	font: 700 32px/38px "Poppins", sans-serif;
	color: #6F2712;
	text-transform: initial;
	-webkit-text-fill-color: initial;
	background: none;
	letter-spacing: 0;
	margin-bottom: 40px;
	padding: 0 !important
	
}
.error404 h3, .page-template-default h3{
	font: 700 20px/34px "Poppins", sans-serif
}
.error404 ul, .page-template-default ul{
padding: 0 0 30px 30px
}
.ph-calendar-date .ph_calendar_day:after{
	content: 'Available';
  display: block;
  font-size: 10px;
  margin: -15px 0 0;
}
.ph-calendar-date.not-available .ph_calendar_day:after{
	content: 'Unavailable';
}


.extra-resources.resources_section{
	display: none
}

.mobile-booking-bar, .mobile-booking-price{
	display: none
}

.product_title.entry-title {
  display: none;
}
.woocommerce-product-details__short-description{margin-top: 10px}

.booking-wraper .booking-info-wraper{
	display: none !important; 
	position: fixed;
  bottom: 114px;
  left: 30px;
  right: 30px;
  border-radius: 8px; 
	background: rgba(0,0,0,0.8) !important;
  backdrop-filter: blur(3px);
  font: 400 14px/34px "Poppins", sans-serif;
}
.booking-wraper .booking-info-wraper.show{display: block !important}

.booking-wraper p#booking_info_text {
  text-align: left !important;
  padding: 15px 20px;
  margin: 0 !important;
}

.booking-wraper p#booking_price_text{
	margin: 0 !important
}

.booking-wraper .not-available-msg {
  color: #f7f6f4 !important;
}

.booking-wraper{display: flex; align-items: center; width: 100%; background: #f7f6f4; padding: 10px 0 10px 20px}
.booking-wraper > div:last-of-type{width: 100%}

.participant_section {
  display: grid;
	align-items: center;
	padding: 0 10px !important;
  margin: 0 !important;
	grid-template-columns: 1.25fr 1fr
}

.participant_section .participant_inner_section {
  text-align: center;
}

.participant_section .persons-title {
  font: 700 16px/44px "Poppins", sans-serif;
}

.participant_section input.input-person{
	font: 700 16px/44px "Poppins", sans-serif;
	color: #6F2712 !important
}

.participant_section .button-group-container{
	margin: 0 !important
}

.participant_section .input-person-minus, .participant_section .input-person-plus{
	width: 40px;
  height: 40px;
  border: 2px solid #6F2712 !important;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  color: #6F2712 !important;
  font: 400 18px/38px "Poppins", sans-serif;
	display: inline-block;
	padding: 0 !important;
	text-align: center
}

.cart {
  position: fixed;
  bottom: 0;
  z-index: 4;
  left: 0;
  right: 0;
  background: #f7f6f4;
	border-radius: 0 !important;
	border: none !important;
	display: flex;
	align-items: center;
	padding: 0 !important;
	max-width: 1920px;
  margin: 0 auto;
	box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1)
}

.cart:after {
  content: '';
  height: 84px;
  background: #f7f6f4;
  position: fixed;
  width: 100%;
  z-index: -1;

}

.location{width: 28%; margin-right: 1%; max-width: 300px}


.time-picker-box-container .to-arrow, .element_from_time, .time_image {
  display: none; !important
}


.ph-calendar-container {
  border: none !important;
  position: fixed !important;
	display: block !important;
  left: 0;
  right: 0;
  width: 100% !important;
  z-index: -1 !important;
	margin-top: 0 !important;
	top: 100vh;
	transition: .5s;
    background: #fff;
    height: 100vh;
} 

.ph-calendar-container{
	max-width: 1920px;
	margin: 0 auto
}

.ph-calendar-container.reveal{
	top:0
}

/* li.ph-calendar-date {
  padding: 2% 0 1% !important;
  margin-bottom: 0 !important;
  height: 11.5%;
} */



li.ph-calendar-date {
  margin-left: 0px !important;
  min-height: 58px;
  height: 11%;
  margin: 0 !important;
  padding: 1.5% 0 !important;
	cursor: pointer
}

/* li.ph-calendar-date:hover{background: none !important} */

/* li.ph-calendar-date{padding: 1.25% 0 !important} */


.ph-calendar-days {
  height: calc(100vh - 200px) !important;
	overflow-y: scroll !important
}

.ph-calendar-container.active{
	top: 0;
	transition: .5s
}

/* .time-picker-wraper{max-width: 220px} */

.time-picker-wraper{display: flex}
.time-picker-box-container.fixed-blocks{max-width: 220px}
.time-picker-wraper ul, .time-picker-wraper ul li{border-left: none !important}
.time-picker-wraper ul:before, .time-picker-wraper ul:after, .time-picker-wraper ul li:before, .time-picker-wraper ul li:after{display: none !important} 

.time-picker-wraper .ph-calendar-box-container{
  align-items: center;
  border: 2px solid #6F2712 !important;
  height: 60px;
  padding: 0 20px;
  border-radius: 8px;
  color: #6F2712;
  width: 280px !important;
}

.time-picker-box-container.fixed-blocks .inner-element input{
	font: 500 18px/60px "Poppins", sans-serif !important;
}

.time-picker-wraper .ph-calendar-box-container .inner-element input:focus {
background: none !important;
	color: #6F2712 !important;
}

.time-picker-wraper .ph-calendar-box-container .inner-element input{
	margin: 0 !important;
  padding: 0 !important;
	border: 0 !important;
	font: 500 18px/38px "Poppins", sans-serif;
}

.time-picker-wraper .ph-calendar-box-container .inner-element input{
	color: #6F2712 !important;
}

.time-picker-wraper .ph-calendar-box-container .inner-element input::placeholder {
  color: #6F2712;
  opacity: 0.5
}

.time-picker-wraper .ph-calendar-box-container .inner-element input:focus{outline: none !important; background: none !important; border: none !important}


.ph-calendar-box-container .inner-element {
  width: 100% !important;
  background: none !important;
  border: none !important;
}

.ph-calendar-box-container > div:before {
  content: 'Date';
	font: 700 16px/60px "Poppins", sans-serif;
	width: 80px
}

img.date_image{display: none !important}


.extra-resources{max-width: 500px}

.button.alt{
  border: none;
  border-radius: 10px;
  cursor: pointer;
  white-space: nowrap;
  margin-left: auto;
	margin-top: 0 !important;
	margin-right: 30px;
  height: 60px;
  font: 600 16px/38px "Poppins", sans-serif;
  letter-spacing: 0.25px;
  width: 100%;
  text-align: center;
  max-width: 280px;
	display: block !important
}

.button.alt.disabled {
  opacity: 0.5;
}









* { margin: 0; padding: 0; }

img { max-width: 100%; vertical-align: bottom}

body { background: #F7F6F3; color: #6F2712; font: 500 16px/34px "Poppins", sans-serif; }

strong{font: 600 16px/34px "Poppins", sans-serif}

.logo{margin-top: -70px}
.logo .desktop{display: block}
.logo .mobile{display: none}

.container { max-width: 1920px; margin: 0 auto; }

a { color: #EB5524; text-decoration: none; }

p, h1, h2, h3, h4, h5, h6, small { margin-bottom: 20px; }

small { font: 500 13px/28px "Poppins", sans-serif; display: block; max-width: 600px}


@keyframes rock {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(5deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(-5deg); }
  100% { transform: rotate(0deg); }
}


.caricature {
  position: absolute;
  width: 80px;
    display: inline-block; /* or block, depending on element */
  animation: rock 1s infinite ease-in-out;
  transform-origin: center center; /* Adjust depending on your element */
    display: none
}

.tom {
  width: 230px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 50px auto 0;
}

.home .tom{display: none}

nav { padding: 20px; position: relative; max-width: 1920px; margin: 0 auto; }

nav ul { list-style: none; display: flex; }

nav ul li a { font: 500 14px/50px "Poppins", sans-serif; }

nav ul li:first-child a { background: url(assets/icon-orange-back.svg) 10px center no-repeat; padding-left: 35px }

nav ul li:last-child { position: fixed; top: 20px; z-index: 4; left: 50%; transform: translateX(calc(900px - 100%)); }

nav ul li:last-child a {
  display: block; height: 46px; padding: 0 25px 0 55px;
  font: 500 14px/46px "Poppins", sans-serif; color: #EB5524;
  background: #F7F6F3 url(assets/icon-orange-map.svg) 20px center no-repeat !important;
  border: 2px solid #F7F6F3; border-radius: 25px;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.2);
}

nav ul li.button-container.active {
  z-index: 6;
}

nav ul li.button-container.active a {
  background: #F7F6F3 url(assets/icon-orange-close.svg) 25px center no-repeat !important;
}
nav ul li.button-container.active a::after {
  background: #f7f6f4;
  display: block;
  width: 58px;
  height: 25px;
  content: 'Close';
  position: absolute;
  top: 12px;
  line-height: 25px;
}

.home nav ul li:first-child a{display: none}

nav ul li.location{display: none}
nav ul li.location a{color: #6F2712; font: 600 14px/50px "Poppins", sans-serif}

main { display: grid; grid-template-columns: 50% 50%; padding: 0 20px 30px; position: relative}

.home main{display: block; overflow: hidden}
.home .background{background: #6F2712; position: fixed; z-index: -2; height: 100vh; width: 100vw; top: 0; max-width: 1920px; left: 0; right: 0; margin: 0 auto}

h3 { font: 600 18px/38px "Poppins", sans-serif; }
h4 { font: 600 20px/38px "Poppins", sans-serif; }
h5 { font: 600 16px/22px "Poppins", sans-serif; }

.tour-name { position: relative; }

h1, h1.offset {
  font: 70px "Luckiest Guy", cursive; line-height: 1.05; letter-spacing: 3px;
  background: linear-gradient(to bottom, #F8AE59 0%, #ED672D 30%, #F8AE59 50%, #ED672D 75%, #F8AE59 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
h1 { display: inline-block; max-width: 700px; background-size: 100% 100%; background-repeat: no-repeat; }
h1.offset { position: absolute; top: 0; left: 0; z-index: -1; -webkit-text-stroke: 12px #6B2B18; text-shadow: 8px 8px 5px rgba(0, 0, 0, 0.3); }

.postid-300 h1{max-width: 480px}
.postid-295 h1{max-width: 600px}

h2, h2.offset {
  font: 36px "Luckiest Guy", cursive; line-height: 1.1; letter-spacing: 1px;
  background: linear-gradient(to bottom, #F8AE59 0%, #ED672D 30%, #F8AE59 50%, #ED672D 75%, #F8AE59 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
h2 { display: inline-block; max-width: 300px; background-size: 100% 100%; background-repeat: no-repeat; }
h2.offset { position: absolute; top: 0; left: 0; z-index: -1; -webkit-text-stroke: 8px #6B2B18; text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.3); }

.product-id-719 h2, .product-id-719 h2.offset{max-width: 320px}

summary { padding: 0 10px; position: relative}
.price { font: 600 16px/34px "Poppins", sans-serif; }

.product-id-719 time, #product-719 time{font-size: 0; height: 35px}
.product-id-719 time:after, #product-719 time:after{font-size: 14px; content:"2 hour tour"}

time {
  color: #6F2712; border: 2px solid #6F2712; padding: 0 10px;
  display: inline-block; border-radius: 10px; font: 600 14px/35px "Poppins", sans-serif; margin: 0 10px;
}
time span {
  background: #6F2712; border-radius: 6px; font: 600 10px/28px "Poppins", sans-serif;
  display: inline-block; position: relative; top: -2px; left: -7px;
  padding: 0 10px; color: #F7F6F3;
}

.primary time{color: #f7f6f3; border: 2px solid #f7f6f3}
.primary time span {
    background: #f7f6f3; color: #6F2712}

summary ul {
  list-style: none; margin: 30px 30px 120px 5px; padding-left: 30px;
  position: relative; border-left: 2px dashed #932B19;
}
summary ul::before, summary ul::after {
  content: ""; position: absolute; left: -2px; width: 2px; background: #F7F6F3;
}
summary ul::before { top: 0; height: 20px; }
summary ul::after { bottom: 0; height: 50px; }
summary ul li {
  position: relative; margin-bottom: 20px;
}
summary ul li::before {
  content: ""; position: absolute; left: -40px; top: 6px; width: 14px; height: 14px;
  background: #f7f6f4; border: 2px solid #932B19; border-radius: 50%; z-index: 1;
}
summary ul li:first-child::before, summary ul li:last-child::before {
  background: #932B19; width: 10px; height: 10px; left: -38px;
}

summary ul li:last-child::after {
  background: #f7f6f4;
  width: 40px;
  content: '';
  height: 100%;
  position: absolute;
  left: -50px;
  top: 10px;
}


footer .footer-container{ text-align: center; max-width: 500px; margin: 0 auto; padding: 150px 10px 40px}
footer p { font: 500 14px/26px "Poppins", sans-serif; }
footer p:last-of-type { font: 500 12px/24px "Poppins", sans-serif; }

footer .slogan{position: relative; z-index: 1}

footer h2, footer h2.offset {
  font: 36px "Luckiest Guy", cursive; line-height: 1.1; letter-spacing: 1px;
  background: linear-gradient(to bottom, #F8AE59 0%, #ED672D 70%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  text-transform: uppercase;
}
footer h2 { display: inline-block; max-width: 450px; background-size: 100% 100%; background-repeat: no-repeat; }
footer h2.offset { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; z-index: -1; -webkit-text-stroke: 8px #6B2B18; text-shadow: 5px 5px 3px rgba(0, 0, 0, 0.3); }

.home footer{background: #f7f6f3 url(assets/footer-background-update.svg) bottom center no-repeat; height: 450px}

.single-product footer{padding-top: 300px}

.payment-icons { max-width: 220px; margin: 10px 0; }

.testimonials { margin: 160px 0 }

/* .postid-719 .testimonials {
  margin: 180px 0 140px;
} */

/*
.testimonial {
  display: flex; gap: 20px; background: #fff; border-radius: 12px;
  margin: 20px 0; padding: 30px; color: #333;
}
.testimonial h3 {
  background: #6F2712; color: #F7F6F3; display: block;
  width: 50px; height: 50px; border-radius: 50px; text-align: center; line-height: 50px;
}
.testimonial cite { font-style: normal; }
.testimonial cite:before {
  content: ''; background: url(assets/icon-yellow-star.svg) left center;
  height: 20px; float: left; margin: 5px 5px 0 0;
}
.testimonial.one cite:before { width: 20px; }
.testimonial.two cite:before { width: 40px; }
.testimonial.three cite:before { width: 60px; }
.testimonial.four cite:before { width: 80px; }
.testimonial.five cite:before { width: 100px; }

.testimonial cite strong:before { content: '-'; padding-right: 5px; }
.testimonial cite strong { font: normal 500 14px/22px "Poppins", sans-serif; }
.testimonial blockquote { font: normal 500 14px/22px "Poppins", sans-serif; margin-top: -10px; }
.testimonial h5 { margin-top: 5px; }
*/


.strong-view.wpmtst-default .wpmtst-testimonial{border: none !important; border-radius: 10px !important}
.strong-view.wpmtst-default .wpmtst-testimonial-inner {
  border: none !important;
  padding: 30px !important;
  background: #fff !important;
  border-radius: 10px !important
}
.strong-view.wpmtst-default .wpmtst-testimonial-heading {
  background: none !important;
  padding-left: 0 !important;
  font: 600 16px/22px "Poppins", sans-serif !important
}

.strong-view.wpmtst-default .wpmtst-testimonial-content p {
  font: normal 500 14px/28px "Poppins", sans-serif !important
}
.strong-view.wpmtst-default .wpmtst-testimonial-field{
	margin-top: -30px !important;
	text-align: left !important
}

.strong-rating span.star {
  width: 20px !important;
  position: relative !important
}

.wpmtst-testimonial-field.testimonial-field.testimonial-name {
  position: relative;
  left: 110px;
  top: -2px;
  font: normal 500 14px/22px "Poppins", sans-serif;
  margin: 0 !important;
}



.tours{position: relative}
.tours .sub-tour { display: flex; align-items: center; }
.tours .sub-tour .details { position: relative; color: #6F2712}
.tours .sub-tour .details h2 { margin-bottom: 0; }
.tours .sub-tour .details p { margin-bottom: 10px; text-align: left }
.tours .sub-tour time { margin: 0; }
.tours .sub-tour .feature { min-width: 300px; margin-left: -20px; }
.tours .sub-tour:nth-of-type(even) { flex-direction: row-reverse; }
.tours .sub-tour:nth-of-type(even) .feature { flex-direction: row-reverse; margin-right: -20px; margin-left: 0; }


.primary .tours{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 50px; align-items: start; padding: 0 20px 80px; max-width: 1500px; margin: 0 auto}
.primary .tours .sub-tour{flex-direction: row}
.primary .tours .sub-tour .details{color: #f7f6f3; letter-spacing: 0.25px}
.primary .tours .sub-tour .details h2.offset{-webkit-text-stroke: 8px #482219}


.primary .tours .sub-tour:nth-of-type(1), .primary .tours .sub-tour:nth-of-type(4), .primary .tours .sub-tour:nth-of-type(5), .primary .tours .sub-tour:nth-of-type(8), .primary .tours .sub-tour:nth-of-type(9){flex-direction: row-reverse}



.primary .tours .sub-tour:nth-child(1) {
  margin-top: 0px;
}
.primary .tours .sub-tour:nth-child(2) {
  margin-top: 200px;
}
.primary .tours .sub-tour:nth-child(3) {
  margin-top: -200px;
}
.primary .tours .sub-tour:nth-child(4) {
  margin-top: 50px;
}
.primary .tours .sub-tour:nth-child(5) {
  margin-top: -250px;
}
.primary .tours .sub-tour:nth-child(6) {
  margin-top: 50px;
}
.primary .tours .sub-tour:nth-child(7) {
  margin-top: -250px;
}
.primary .tours .sub-tour:nth-child(8) {
  margin-top: 0px;
}
.primary .tours .sub-tour:nth-child(9) {
  margin-top: -250px;
}


.single-product .primary{position: fixed; top: 100vh; transition: top 0.5s; background: #6F2712; height: 100%; width: 100%; z-index: 5; overflow-y: scroll; overflow-x: hidden; transform: 0.5s; padding: 0 10px; left: 0; right: 0; margin: 0 auto; max-width: 1920px}

.single-product .primary.show{top: 0; transition: 0.5s}

aside {
  position: sticky; top: 0; right: 0; margin-top: -90px;
  height: 100vh; display: flex; flex-direction: row; box-sizing: border-box;
}

.swiper { flex: 1; height: 100vh; overflow: hidden; padding: 0 20px !important; }
.swiper-wrapper { transition-timing-function: linear !important; }
.swiper-slide { height: 500px !important; margin-bottom: 20px; }
.swiper-slide img {
  width: 100%; height: 500px !important; object-fit: cover;
  border-radius: 16px; border: 4px solid #fff; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.mySwiper3{display: none !important}

figcaption {
  position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%);
  background: white; color: #642D14; font: 600 13px/38px "Poppins", sans-serif;
  padding: 0 10px; border-radius: 8px; text-align: center; display: inline-block;
  z-index: 1; white-space: nowrap;
}
figcaption:before, figcaption:after {
  content: ""; position: absolute; top: 0; width: 20px; height: 100%; background: white; z-index: -1;
}
figcaption:before { left: -16px; clip-path: polygon(100% 0, 0% 50%, 100% 100%); }
figcaption:after { right: -14px; clip-path: polygon(0 0, 100% 50%, 0 100%); }


figcaption span {
  display: block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.booking-bar {
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1); display: grid; grid-template-columns: 20% 19% 19% 16.5% 21.5%; align-items: center; gap: 1%; background: #F7F6F3; flex-wrap: wrap; padding: 10px 30px;
  position: fixed; bottom: 0; width: calc(100% - 60px); z-index: 2; height: 80px;
  max-width: 1920px; margin: 0 auto; left: 0; right: 0;

}

.booking-bar .price{font: 600 12px/40px "Poppins", sans-serif; text-align: center; display: none}

.location {
  font: 600 16px/34px "Poppins", sans-serif; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
  background: url(assets/icon-brown-pin.svg) 3px center no-repeat;
  padding-left: 40px;
}


.date-selector {
  display: flex; align-items: center; border: 2px solid #6F2712;
  height: 60px; padding: 0 20px;
  border-radius: 8px; gap: 0.5rem; color: #6F2712; white-space: nowrap; width: 180px;
}
.date-selector label { font: 700 16px/38px "Poppins", sans-serif; }
.date-selector input {
  border: none; outline: none; background: transparent; color: #6F2712;
  width: 100%; text-align: center; font: 500 18px/38px "Poppins", sans-serif;
}

.quantity {
  display: flex; align-items: center; gap: 0.6rem;
  color: #6F2712; font: 700 16px/38px "Poppins", sans-serif;
}

.counter {
  display: flex; align-items: center; gap: 0.4rem;
}
.counter button {
  width: 40px; height: 40px; border: 2px solid #6F2712;
  border-radius: 50%; background: transparent; cursor: pointer;
  color: #6F2712; font: 400 18px/38px "Poppins", sans-serif;
}
.counter span { min-width: 20px; text-align: center; }

.book-btn {
  background: #EB5524; border: none; border-radius: 10px; color: #fff;
  cursor: pointer; white-space: nowrap; margin-left: auto; height: 60px;
  font: 500 16px/38px "Poppins", sans-serif; letter-spacing: 0.25px;
  width: 100%; text-align: center; max-width: 280px; 
}

.element-1{position:absolute;top:350px;right:0;z-index:-1;left:0;margin:auto;transform:rotate(200deg);}
.element-2{position:absolute;top:0;right:200px;width:80px;z-index:-1;}
.element-3{position:absolute;top:300px;left:300px;width:60px;z-index:-1;}
.element-4{position:absolute;top:50px;right:350px;width:150px;z-index:-1;}
.element-5{position:absolute;top:320px;left:-20px;width:100px;z-index:-1;}
.element-6{position:absolute;top:650px;left:0;right:0;margin:auto;width:250px;z-index:-1;}
.element-7{position:absolute;top:920px;right:0;z-index:-1;left:0;margin:auto;transform:rotate(10deg);}
.home .element-7{top: 1000px}
.element-8{position:absolute;top:1000px;right:300px;width:60px;z-index:-1;}
.element-9{position:absolute;top:1100px;left:200px;width:100px;z-index:-1;}
.element-10{position:absolute;top:1550px;left:0;right:0;margin:0 auto;width:150px;z-index:-1;}
.element-11{position:absolute;top:1350px;right:-50px;width:150px;z-index:-1;}
/* .element-12{position:absolute;top:1780px;right:500px;z-index:-1;} */
.element-12{position: absolute; top: 2000px;
  left: 400px;
z-index:-1;} 
.element-13{position:absolute;top:2100px;left:-50px;z-index:-1;}
.element-14{position:absolute;top:1900px;left:300px;width:150px;z-index:-1;}
.element-15{position:absolute;top:3100px;right:0;z-index:-1;left:0;margin:auto;transform:rotate(170deg);display:none;}



.element-16 {
  position: absolute;
  width: 70px;
  right: 0;
  top: 100px;
}

.element-17 {
  position: absolute;
  right: 0;
  width: 200px;
  margin:
      -120px 0 0;}

.postid-719 .element-17{margin: 0}

.element-18 {
  position: absolute;
  margin-top: -120px;
  width: 120px;
  left: 100px;
}

.element-19 {
  position: absolute;
  right: 150px;
  margin-top: -130px;
  width: 100px;
}

.element-20 {
  position: absolute;
  right: 50px;
  width: 70px;
  margin-top :-20px;
}

svg{position:absolute;top:1px;left:1px;width:138px;height:48px;pointer-events:none;z-index:2;}
.stroke-path{fill:none;stroke:#EB5524;stroke-width:2;stroke-linecap:round;stroke-dasharray:80 400;stroke-dashoffset:0;opacity:1;animation:strokeMove 5s linear forwards,fadeOut 5s ease-in forwards;}

@keyframes strokeMove{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:-1300;}}
@keyframes fadeOut{0%,89%{opacity:1;}90%{opacity:0.5;}100%{opacity:0;}}

@media (max-width:1960px){
    nav ul li:last-child{top:20px;left:auto;right:20px;transform:translateX(0);}
}



@media (max-width: 1599px) {

 .swiper-slide, .swiper-slide img { height: 400px !important}

}



@media (max-width: 1279px) {
    
/*    nav ul li:first-child{display: none}*/
/*    nav ul li.location{display: block}*/
    
    h1, h1.offset {
  font: 52px "Luckiest Guy", cursive;
    }
    h1.offset {-webkit-text-stroke: 10px #6B2B18}
.primary .tours {
  display: block;
    max-width: 850px
}
    
    .primary .tours .sub-tour:nth-child(2), .primary .tours .sub-tour:nth-child(3), .primary .tours .sub-tour:nth-child(4), .primary .tours .sub-tour:nth-child(5), .primary .tours .sub-tour:nth-child(6), .primary .tours .sub-tour:nth-child(7), .primary .tours .sub-tour:nth-child(8), .primary .tours .sub-tour:nth-child(9){margin-top: 0}
    
    
    .primary .tours .sub-tour:nth-of-type(3), .primary .tours .sub-tour:nth-of-type(7){flex-direction: row-reverse}
    .primary .tours .sub-tour:nth-of-type(4), .primary .tours .sub-tour:nth-of-type(8){flex-direction: row}
    

.primary .tours .sub-tour .details{max-width: 450px}
    
    
    
    
    .swiper-slide, .swiper-slide img { height: 300px !important}

    figcaption span {
  max-width: 140px
}
    
    
/*     .booking-bar{grid-template-columns: 25% 23% 21% 28%} */
    
     .booking-wraper .location{display: none}
    

    .element-1{top: 300px; transform: rotate(170deg)}
	.home .element-1{top: 360px}
    .element-2{right: 20px}
    .element-3{top: 400px}
    .element-4{top: 2700px;
  right: 350px;
  width: 100px;}
    .element-5{top: 600px}
    .element-6{left: auto; top: 800px}
    .element-7{top: 800px}
	.home .element-7 {
  top: 870px;
}
    .element-8{top: 2300px;
  right: 0;
  left: 0;
  margin:auto;
    }
    .element-9{top: 1300px; left: 350px}
    .element-10 {
  top: 1750px;
  left: auto;
  right: 50px;
    }
	.home .element-12 {
	top: 1840px;
	}
	.element-12 {
		margin: 0 auto;
  top: 1800px;
  right: 0;
  left: 0;
}
	
.element-13 {
  top: 4200px;
  width: 250px;
}
    
.element-14 {
  top: 3700px;
  width: 100px;
    }
    
    .element-15{display: block}
	
	.home .element-15 {
  top: 3180px;
	}
    
    .single-product .tours .sub-tour{margin-top: 50px}
    .single-product main .tours .sub-tour{margin-top: 0}
    
    .single-product main .tours .sub-tour .feature {
  min-width: 250px;
  position: relative;
  left: -90px;
}
    
    .single-product main .tours .sub-tour .details {
  left: -100px;
  min-width: 65%;
    }
    
    
    
    .single-product main .tours .sub-tour:nth-child(2) .details{
        left: 90px
    }
    
    .single-product main .tours .sub-tour:nth-child(2) .feature{
        left: auto;
    right: -60px;
    }
    
    .single-product main .tours .sub-tour:nth-child(2) .feature:after {
  display: block;
  content: '';
  height: 100%;
  position: absolute;
  width: 70px;
  background: #f7f6f4;
  top: 0;
  right: 0;
}
    
}

@media(max-width: 1023px){
	
	.button.alt{
		width: auto;
  		max-width: 100%;
  		position: fixed;
  		left: 30px;
  		right: 30px;
		bottom: 20px;
 	 	margin: 0 auto;
	}
	
	.cart{
		align-items: flex-start;
  height: 180px;
	}
	
	.cart:after {
  display: block;
  content: '';
  width: 100%;
  height: 180px;
	}
	
	.booking-wraper {
  padding: 20px 30px 10px 30px;
}
	
	.booking-wraper > div:last-of-type {
  justify-content: space-between;
}
    
   
/*    nav ul{padding: 0}*/
    aside{display: block}
    .mySwiper2{display: none !important}
    main{grid-template-columns: 60% 40%}
    
    .swiper-slide, .swiper-slide img { height: 400px !important}
    
/*    summary {padding: 0 0 100px}*/
    
         .booking-bar {
    grid-template-columns: 38% 32% 28%;
             height: 150px
  }
    .booking-bar > :nth-last-child(2),
.booking-bar > :last-child {
  grid-column: 1 / -1; /* span full width */
}
    .quantity{justify-self: end}
    
/*  .date-selector {max-width: 100%}    */
    .book-btn{max-width: 100%}
    
h1, h1.offset{font: 48px "Luckiest Guy", cursive; max-width: 500px}
	
	summary {padding: 0 10px 100px}

    .price{display: block}
    time{margin: 5px 0}
    
    
}

@media(max-width: 999px){
.primary .tours .sub-tour:nth-child(2), .primary .tours .sub-tour:nth-child(2), .primary .tours .sub-tour:nth-child(3), .primary .tours .sub-tour:nth-child(4), .primary .tours .sub-tour:nth-child(5), .primary .tours .sub-tour:nth-child(6), .primary .tours .sub-tour:nth-child(7), .primary .tours .sub-tour:nth-child(8), .primary .tours .sub-tour:nth-child(9){margin-top: 100px}
    
    .home .element-1{top: 7%; transform: rotate(170deg) translateX(-50px)}
    .home .element-3{top: 10%}
     .home.element-4 {
    top: 63%;
    }
    .home .element-6{right: -150px}
       .home .element-7 {
    top: 18%;
    transform: rotate(15deg);
    left: auto;
    right: 140px;
  }
     .home .element-8 {
    top: 41%;
    right: auto;
    left: 100px;
  }
    .home .element-9{top: 29%}
    .home .element-12{top: 39%;
    right: 170px;
    left: auto;}
    .home .element-14 {
    top: 98%;
    }
	
	.home .element-4 {

    right: 300px;
	}
    .home .element-15{
        
        top: 68%;
    right: 100px;
    left: auto;

  }
    .home .element-13 {
    top: 80%;
    width: 200px;
    left: 0;
  }
    
    .single-product main .tours{padding: 0}
    
    .single-product .tours{padding: 100px 20px}

    .single-product .element-1, .single-product .element-7, .single-product .element-12, .single-product .element-15  {
  display: none
    }
    
     .single-product .element-2 {
    right: auto;
    top: 20px;
    left: 50px;
  }
     .single-product .element-6 {
         top: 500px
    }
    
      .single-product .element-9 {
    top: 850px;
    left: 400px;
  }
    
     .single-product .element-8 {
    top: 2200px;
    }
    
     .single-product .element-14 {
    top: 3500px;
    }
    
     .single-product .element-13 {
    top: 4300px;
    }
   
  
  nav ul li:last-child a {

  height: 40px;
  padding: 0 15px 0 50px;
  font: 500 13px/40px "Poppins", sans-serif;
  background: #F7F6F3 url(assets/icon-orange-map.svg) 15px center no-repeat;
  
}

svg {
  width: 119px; height: 42px;
}
    
    nav ul li.button-container.active a {
  background: #F7F6F3 url(assets/icon-orange-close.svg) 20px center no-repeat;
}
nav ul li.button-container.active a:after {

  top: 10px;

}
    
    .single-product main .tours .sub-tour .details p{display: none}


}



@media(max-width: 767px){
	
	.storewide-notice .notice-desktop{display: none}
	.storewide-notice .notice-mobile{display: block}
    
    .tom {display: block !important}
    
    .logo .desktop{display: none}
    .logo .mobile{display: block}
    
/*     .logo {
  margin-top: -30px
} */
    
    .primary .tours .sub-tour:nth-child(1), .primary .tours .sub-tour:nth-child(2), .primary .tours .sub-tour:nth-child(3), .primary .tours .sub-tour:nth-child(4), .primary .tours .sub-tour:nth-child(5), .primary .tours .sub-tour:nth-child(6), .primary .tours .sub-tour:nth-child(7), .primary .tours .sub-tour:nth-child(8), .primary .tours .sub-tour:nth-child(9){margin-top: 0}
    
    .element-1, .element-2, .element-3, .element-4, .element-5, .element-6, .element-7, .element-8, .element-9, .element-10, .element-11, .element-12, .element-13, .element-14, .element-15{display: none} 
    
    .home footer{
    background-size: 105%;
  background-position:
    center 0px;}
    
    main{display: block; padding: 10px 10px 60px}
    
    aside{display: none}
    .mySwiper1{display: none !important}
    
    .mySwiper3{padding: 0 30px !important; height: 630px !important; max-width: 500px; display: block !important}
    .mySwiper3.swiper-cards .swiper-slide{overflow: visible !important}
    
    .mySwiper3 .swiper-slide, .mySwiper3 .swiper-slide img {
    height: 550px !important;
  }
    
    .mySwiper3 .swiper-slide img {
  width: calc(100% - 8px);
    }
    
    
    
    .mySwiper3.swiper-3d .swiper-slide-shadow{background: none !important}
    
    
    .mySwiper3 .swiper-pagination-bullet-active{
        background: #6F2712 !important
    }
	
	.mobile-booking-price{
		display: block
	}
	.mobile-booking-bar{
	display: block;
  background: #f7f6f4;
  height: 140px;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 4;
		box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1)
}
	.mobile-booking-bar.active{
		z-index: 3
	}
	
	.mobile-booking-price {
  position: fixed;
  bottom: -10px;
  width: 100%;
  background: #f7f6f4;
  z-index: 4;
  text-align: center;
}
	
	.mobile-booking-price .price{display: block; font: 600 12px/40px "Poppins", sans-serif}
	
	
	.mobile-cancel-booking {
  position: fixed;
  bottom: -10px;
  width: 100%;
  background: #f7f6f4;
  z-index: 4;
  text-align: center;
		opacity: 0;
		visibility: hidden;
		cursor: pointer
}
	
	.mobile-cancel-booking.show{
		opacity: 1;
		visibility: visible
	}
	
	.mobile-cancel-booking .price{display: block; font: 600 12px/40px "Poppins", sans-serif}
	
.trigger{
	position: absolute;
  top: 20px;
  width: calc(100% - 60px);
  background: #EB5524;
  color: #fff;
  text-align: center;
  margin: 0 auto;
  left: 0;
  right: 0;
  font: 500 16px/60px "Poppins", sans-serif;
  height: 60px;
  border-radius: 10px;
}
.button.alt{bottom: 60px}

	

	.cart{height: 100vh !important; top: 100vh; transition: 0.5s}
	.cart.reveal{top: 0; transition: 0.5s}
	.cart:after{bottom: -40px}
	.booking-wraper > div:last-of-type{display: block}
	.booking-wraper {
    padding: 20px 15px;
  }
	
	.cart.reveal .ph-calendar-container {
    display: block !important;
    top: 140px;
}
	
	.time-picker-wraper .ph-calendar-box-container{display: none !important}
	.date-calendar.fixed-block{display: none}
	.participant_section {display: block; padding: 0 !important}
	.participant_section .participant_inner_section{text-align: left}
	  .ph-calendar-container {
    top: 100vh;
    height: calc(100vh - 240px);
    overflow-y: scroll;
  }
	.ph-calendar-container.reveal{top: 140px}
	
	.ph-calendar-days {
  height: calc(100vh - 400px) !important;
	}
	
	li.ph-calendar-date{padding: 1% 0 !important}
	
	.ph_bookings_capacity {
  font-size: 8px !important;
    line-height: 12px !important;
    margin: -10px auto 0;
    display: block !important;
    max-width: 40px;
    text-align: center;
}
	
	.booking-wraper .booking-info-wraper{bottom: 164px}
	
	
	.extra-resources{max-width: 100%}
	.person-value{float: right}
	
	.participant_section .participant_inner_section:first-of-type{
		margin-bottom: 10px
	}
    
/*     .booking-bar{padding: 15px;
  width: calc(100% - 30px); height: 90px
    } */
    .location{background:
url(assets/icon-brown-pin.svg) 0 center no-repeat;
  padding-left: 30px;
    max-width: 50%
    }
    
    
    .date-selector, .quantity{display: none}
    
    .booking-bar .price{display: block}
    
    
    .single-product main{overflow: hidden}
    
    .single-product footer .footer-container{padding: 50px 10px 0}
    
    .single-product .tours .sub-tour .details p{display: block}
    .single-product .tours .sub-tour:nth-child(2) .feature:after {
        display: none
    }
    .single-product .tours .sub-tour:nth-child(2) .feature{
        right: -70px
    }
    .price{
        display: none;
    }
    
    h1{margin-bottom: 0}
    
    .element-16 {
  top: 70px;
    }
    .element-20 {
  margin-top :-70px;
}
    
    
.home footer{padding-top: 300px}
    .single-product footer {
  padding-top: 380px;
}
    
    
}

@media(max-width: 699px){
    .tours .sub-tour .details p, .single-product .tours .sub-tour .details p{display: none}
    
    
    .primary .tours{padding: 80px 0 0}
    .tours .sub-tour .details h2{margin-bottom: 10px}
    h2, h2.offset{font: 32px "Luckiest Guy", cursive}

h2.offset { -webkit-text-stroke: 4px #6B2B18; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }
footer h2.offset { -webkit-text-stroke: 6px #6B2B18; text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); }
        
       /* NEEDS TO BE FIXED */
    .home time span:nth-of-type(2), .single-product time span:nth-of-type(2) {
  display: none;
}
    
	
    
    .home .element-2{display: block; right: auto; left: 100px; top: 80px}
    .home .element-3{display: block; top: 13%}
    .home .element-4{display: block; top: 23%; left: 20px;}
    .home .element-5{display: block; top: 21%; right: 100px; left: auto; width: 60px;}
    .home .element-6{display: block; top: 32%;
    width: 200px;
    right: -100px;}
    .home .element-8{display: block; top: 42%; left: -20px; width: 80px;}
    .home .element-9{display: block; top: 51%; left: auto; right: 100px;}
    .home .element-10{display: block; top: 71%}
    .home .element-11{display: block; top: 84%}
    .home .element-13{display: block; top: 88%; left: -20px; width: 120px;}
    .home .element-14{display: block; top: 97%; right: 0; left: auto}
    
    .single-product .element-2{display: block}
    .single-product .element-3{display: block; top: 350px}
    .single-product .element-4{display: block; top: 1500px !important;}
    .single-product .element-5{display: block; top: 400px !important}
    .single-product .element-6{display: block; top: 600px !important;
    right: auto;
    left: -20px;}
    .single-product .element-8{display: block; left: 20px;
    right: auto; top: 2050px;}
    .single-product .element-9{display: block}
    .single-product .element-10{display: block; left: auto; right: -100px}
    .single-product .element-11{display: block}
    .single-product .element-13{display: block; top: 2600px !important; width: 150px}
    .single-product .element-14{display: block; top: 2500px !important}
    
    .element-19 {
  right: 50px;
}
    
}



@media(max-width: 599px){
    
	.related .sub-tour.product-id-297 time span, .related .sub-tour.product-id-298 time span{
		color: #f7f6f3;
  background: #6F2712;
	}
	
	.sub-tour.product-id-297 time, .sub-tour.product-id-298 time {
  margin: 0;
  text-align: center;
}


.sub-tour.product-id-297 time span, .sub-tour.product-id-298 time span {
  background: #f7f6f3;
  color: #6F2712;
  display: block;
  margin: 4px 0;
  width: calc(100% - 8px);
  text-align: center;
}
    
    
    h2, h2.offset {
  font: 26px "Luckiest Guy", cursive;
        max-width: 250px
}
        
}

@media(max-width: 549px){


.primary .tours .sub-tour .feature{
    min-width: auto;
}

  .tours .sub-tour .feature {
  margin-right: 0px;
    max-width: 400px;
    min-width: 250px;
    }
    
    .single-product .tours .sub-tour .feature{min-width: 290px}
    
    .tours .sub-tour:nth-of-type(2n) .feature {
  margin-right: 10px;
  margin-left: 0px;
}   


    
    
}


@media(max-width: 499px){
	
	.erro404 h1, .page-template-default h1 {
  font: 700 28px/38px "Poppins", sans-serif;
	}
	
	.ph-calendar-date .ph_calendar_day:after{
  font-size: 7px;
		margin: -20px 0 0;
	}
	
	
	.home footer{height: 550px}
    
     .mySwiper3{height: 430px !important}
    
    .mySwiper3 .swiper-slide, .mySwiper3 .swiper-slide img {
    height: 350px !important;
  }
    
    
/*    nav { padding: 10px; }*/
    nav { padding: 15px 10px }
/*    nav ul li:last-child{top: 10px; right: 10px}*/
    nav ul li:last-child{right: 15px}

    
        
        .tour-name {
  margin: 20px 0 0
}

summary ul{margin: 30px 5px 120px}
	
	summary ul:after {
  height: 100px;
}
    
     h1, h1.offset {
  font: 36px "Luckiest Guy", cursive;
         text-align: center; padding: 0 10px
}
    h1.offset { -webkit-text-stroke: 8px #6B2B18; text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1)}
    
    h4 {
  font:
600 18px/36px "Poppins", sans-serif;
}
    
    
    summary .info {
    text-align: center
  }
    
    
    .single-product .tours .sub-tour{
        margin: 0
    }
    
    
    .single-product .tours .sub-tour .feature{min-width: 260px}
    
    
.primary .tours .sub-tour .feature {
  margin-right: -90px;

    }
    
    .primary .tours .sub-tour:nth-of-type(2n) .feature {

  margin-left: -90px;
        margin-right: -20px
}
    
    
    
    .single-product main .tours .sub-tour .feature{
        position: relative;
        right: 90px
    }
    .single-product main .tours .sub-tour:nth-of-type(2n) .feature {
    left: 110px;
    }
	
	.single-product main .tours .sub-tour.product-id-719 .details{
		min-width: 68%
	}
    

    .single-product .tours .sub-tour .details p{display: none}
    
      .single-product main .tours .sub-tour:nth-child(2) .details {
    left: 140px;
  }
    
	.product-id-719 time:after, #product-719 time:after{font-size: 12px}

    time{font: 600 12px/35px "Poppins", sans-serif}
    time span{top: -1px}
    
}



@media(max-width: 399px){
    
    
    
    h1, h1.offset{padding: 0}
    
     h2, h2.offset {
        max-width: 220px
}
    
 .tours .sub-tour:nth-of-type(2n) .feature {
    margin-right: 0;
    }
}