/*-----------------------------------------------------------------------------------
	Theme file    
----------------------------------------------------------------------------------- */
/*-----------------------------------------------------------------------------------

	Curated Content SCSS INDEX

	01. Colours + Category Colours
	02. Category Specific BG Colours for Article Page Sections
	03. Page Category BG Colours
	04. Destination Colours

-----------------------------------------------------------------------------------*/
.bg-Generic {
  background-color: #414042;
}

.bg-Cream {
  background-color: #dddad6;
}

.bg-SeeDo {
  background-color: #b6deba !important;
}

.bg-EatDrink {
  background-color: #edc6cf;
}

.bg-Events {
  background-color: #ffd59c !important;
}

.bg-PlanStay {
  background-color: #acd5da !important;
}

body.Generic h1, body.ArticlePage h1, body.ItineraryHolderPage h1 {
  color: #262626;
}
body.Generic .intro-lp, body.Generic .intro, body.ArticlePage .intro-lp, body.ArticlePage .intro, body.ItineraryHolderPage .intro-lp, body.ItineraryHolderPage .intro {
  background-color: #414042;
}
body.Generic .finder, body.Generic .explore, body.Generic .featured-multi, body.Generic .featured-single, body.Generic .bg-cat, body.ArticlePage .finder, body.ArticlePage .explore, body.ArticlePage .featured-multi, body.ArticlePage .featured-single, body.ArticlePage .bg-cat, body.ItineraryHolderPage .finder, body.ItineraryHolderPage .explore, body.ItineraryHolderPage .featured-multi, body.ItineraryHolderPage .featured-single, body.ItineraryHolderPage .bg-cat {
  background-color: #f1f1f1;
}
body.Generic main a, body.ArticlePage main a, body.ItineraryHolderPage main a {
  border-bottom: 2px solid #dddad6;
}
body.Generic main a:hover, body.ArticlePage main a:hover, body.ItineraryHolderPage main a:hover {
  background-color: #dddad6;
}
body.Generic .read-more, body.ArticlePage .read-more, body.ItineraryHolderPage .read-more {
  border-bottom: 2px solid #f1f1f1;
}
body.Generic .read-more:hover, body.ArticlePage .read-more:hover, body.ItineraryHolderPage .read-more:hover {
  background-color: #b3e2e2;
  background-image: url("../images/arrow-right-short.svg");
}

body.Destinations .pg-title h1 {
  color: #168383;
}
body.Destinations .bg-Destinations, body.Destinations .intro-lp, body.Destinations .cat-title, body.Destinations .must-dos, body.Destinations .intro-exp, body.Destinations .intro-art {
  background-color: #168383;
}
body.Destinations .bg-SeeDo, body.Destinations .finder, body.Destinations .featured-multi, body.Destinations .featured-single, body.Destinations .bg-cat {
  background-color: #b3e2e2;
}
body.Destinations .explore {
  background-color: #fff;
}
body.Destinations main a:hover {
  background-color: #b3e2e2;
}
body.Destinations .read-more {
  border-bottom: 1px solid #b3e2e2;
}
body.Destinations .read-more:hover {
  background-color: #b3e2e2;
  background-image: url("../images/arrow-right-short.svg");
}

body.SeeDo .pg-title h1 {
  color: #35824B;
}
body.SeeDo .intro-lp, body.SeeDo .cat-title, body.SeeDo .must-dos, body.SeeDo .intro-exp, body.SeeDo .intro-art, body.SeeDo .subscribe {
  background-color: #35824B;
}
body.SeeDo .bg-SeeDo, body.SeeDo .finder, body.SeeDo .featured-multi, body.SeeDo .featured-single, body.SeeDo .bg-cat {
  background-color: #b6deba;
}
body.SeeDo .explore {
  background-color: #fff;
}
body.SeeDo main a {
  border-bottom: 2px solid #b6deba;
}
body.SeeDo main a:hover {
  background-color: #b6deba;
}
body.SeeDo .read-more {
  border-bottom: 2px solid #b6deba;
}
body.SeeDo .read-more:hover {
  background-color: #b6deba;
  background-image: url("../images/arrow-right-short.svg");
}

body.EatDrink .pg-title h1 {
  color: #8a586d;
}
body.EatDrink .intro-lp, body.EatDrink .cat-title, body.EatDrink .must-dos, body.EatDrink .intro-exp, body.EatDrink .intro-art, body.EatDrink .subscribe {
  background-color: #8a586d;
}
body.EatDrink .bg-EatDrink, body.EatDrink .finder, body.EatDrink .featured-multi, body.EatDrink .featured-single, body.EatDrink .bg-cat {
  background-color: #edc6cf;
}
body.EatDrink .explore {
  background-color: #fff;
}
body.EatDrink main a {
  border-bottom: 2px solid #edc6cf;
}
body.EatDrink main a:hover {
  background-color: #edc6cf;
}
body.EatDrink .read-more {
  border-bottom: 1px solid #edc6cf;
  box-shadow: inset 0 -3px 0 #edc6cf;
}
body.EatDrink .read-more:hover {
  background-color: #edc6cf;
  background-image: url("../images/arrow-right-short.svg");
}

.Events .pg-title h1 {
  color: #e1870b;
}
.Events .intro-lp, .Events .cat-title, .Events .must-dos, .Events .intro-exp, .Events .intro-art, .Events .subscribe {
  background-color: #e1870b;
}
.Events .bg-Events, .Events .featured-single, .Events .featured-multi, .Events .bg-cat {
  background-color: #ffd59c;
}
.Events .explore {
  background-color: #fff;
}
.Events .finder {
  background-color: #ffe4bd;
}
.Events .finder a {
  box-shadow: none;
}
.Events main a {
  border-bottom: 2px solid #e1870b;
}
.Events main a:hover {
  background-color: #e1870b;
  color: #000;
}
.Events .read-more {
  border-bottom: 1px solid #ffd59c;
  box-shadow: inset 0 -3px 0 #ffd59c;
}
.Events .read-more:hover {
  background-color: #ffd59c;
  background-image: url("../images/arrow-right-short.svg");
}

.PlanStay .pg-title h1 {
  color: #29818E;
}
.PlanStay .intro-lp, .PlanStay .cat-title, .PlanStay .must-dos, .PlanStay .intro-exp, .PlanStay .intro-art, .PlanStay .subscribe {
  background-color: #29818E;
}
.PlanStay .bg-PlanStay, .PlanStay .featured-multi, .PlanStay .featured-single, .PlanStay .bg-cat {
  background-color: #acd5da;
}
.PlanStay .explore {
  background-color: #fff;
}
.PlanStay .itineraries {
  background-color: #f1f1f1;
}
.PlanStay .finder {
  background-color: #acd5da;
}
.PlanStay main a {
  border-bottom: 2px solid #acd5da;
}
.PlanStay main a:hover {
  background-color: #acd5da;
}
.PlanStay .read-more {
  border-bottom: 1px solid #acd5da;
}
.PlanStay .read-more:hover {
  background-color: #acd5da;
  background-image: url("../images/arrow-right-short.svg");
}

.Itineraries .pg-title h1, .ItineraryHolderPage .pg-title h1 {
  color: #3D799E;
}
.Itineraries .intro-lp, .Itineraries .cat-title, .Itineraries .must-dos, .Itineraries .intro-exp, .Itineraries .intro-art, .Itineraries .subscribe, .ItineraryHolderPage .intro-lp, .ItineraryHolderPage .cat-title, .ItineraryHolderPage .must-dos, .ItineraryHolderPage .intro-exp, .ItineraryHolderPage .intro-art, .ItineraryHolderPage .subscribe {
  background-color: #3D799E;
}

.ExplorePage .suggestions {
  background-color: #f1f1f1;
}

.HawkesBay {
  background-color: #168383;
}

body.HawkesBay h1 {
  color: #168383;
}
body.HawkesBay .intro-dp, body.HawkesBay .must-dos, body.HawkesBay .intro-exp {
  background-color: #168383 !important;
}
body.HawkesBay .featured-single, body.HawkesBay .featured-multi, body.HawkesBay .discover {
  background-color: #b3e2e2;
}
body.HawkesBay .subscribe {
  background-color: #168383;
}
body.HawkesBay main a {
  border-bottom: 2px solid #b3e2e2;
  box-shadow: inset 0 -3px 0 #b3e2e2;
}
body.HawkesBay main a:hover {
  background-color: #b3e2e2;
}
body.HawkesBay main .explore {
  background: #fff;
}
body.HawkesBay .modal-content .explore {
  background-color: #b3e2e2;
}
body.HawkesBay .map-key .key button {
  background-color: #168383;
  margin-bottom: 2px;
}
body.HawkesBay .read-more {
  border-bottom: 2px solid #b3e2e2 !important;
}
body.HawkesBay .read-more:hover {
  background-color: #b3e2e2 !important;
  background-image: url("../images/arrow-right-short.svg");
}

.Napier {
  background-color: #378181;
}

body.Napier-pg .pg-title h1 {
  color: #378181 !important;
}
body.Napier-pg .intro-dp, body.Napier-pg .must-dos {
  background-color: #378181 !important;
}
body.Napier-pg .featured-single, body.Napier-pg .featured-multi, body.Napier-pg .discover {
  background-color: #b9dfde;
}
body.Napier-pg .subscribe {
  background-color: #378181;
}
body.Napier-pg main a {
  border-bottom: 2px solid #b9dfde !important;
}
body.Napier-pg main a:hover {
  background-color: #b9dfde !important;
}
body.Napier-pg main .explore {
  background: #fff;
}
body.Napier-pg .modal-content .explore {
  background-color: #b9dfde;
}
body.Napier-pg .map-key .key button {
  background-color: #378181;
  margin-bottom: 2px;
}
body.Napier-pg .read-more {
  border-bottom: 2px solid #b9dfde !important;
}
body.Napier-pg .read-more:hover {
  background-color: #b9dfde !important;
  background-image: url("../images/arrow-right-short.svg");
}

.Hastings {
  background-color: #795976;
}

.Hastings-pg .pg-title h1 {
  color: #795976 !important;
}
.Hastings-pg .intro-dp, .Hastings-pg .must-dos {
  background-color: #795976 !important;
}
.Hastings-pg .featured-single, .Hastings-pg .featured-multi, .Hastings-pg .discover {
  background-color: #dbc5d8;
}
.Hastings-pg .subscribe {
  background-color: #795976;
}
.Hastings-pg main a {
  border-bottom: 2px solid #dbc5d8 !important;
}
.Hastings-pg main a:hover {
  background-color: #dbc5d8 !important;
}
.Hastings-pg main .explore {
  background: #fff;
}
.Hastings-pg main .modal-content .explore {
  background-color: #dbc5d8;
}
.Hastings-pg .map-key .key button {
  background-color: #795976;
  margin-bottom: 2px;
}
.Hastings-pg .read-more {
  border-bottom: 2px solid #dbc5d8 !important;
}
.Hastings-pg .read-more:hover {
  background-color: #dbc5d8 !important;
  background-image: url("../images/arrow-right-short.svg");
}

.Havelock {
  background-color: #CF3F6F !important;
}

.Havelock-pg .pg-title h1 {
  color: #CF3F6F !important;
}
.Havelock-pg .intro-dp, .Havelock-pg .must-dos {
  background-color: #CF3F6F !important;
}
.Havelock-pg .featured-single, .Havelock-pg .featured-multi, .Havelock-pg .discover {
  background-color: #e8bcc6;
}
.Havelock-pg .subscribe {
  background-color: #CF3F6F;
}
.Havelock-pg main p > a {
  border-bottom: 2px solid #e8bcc6 !important;
}
.Havelock-pg main p > a:hover {
  background-color: #e8bcc6 !important;
}
.Havelock-pg main .explore {
  background: #e8bcc6;
}
.Havelock-pg main .modal-content .explore {
  background-color: #e8bcc6;
}
.Havelock-pg .map-key .key button {
  background-color: #CF3F6F;
  margin-bottom: 2px;
}
.Havelock-pg .read-more {
  border-bottom: 2px solid #e8bcc6 !important;
}
.Havelock-pg .read-more:hover {
  background-color: #e8bcc6 !important;
  background-image: url("../images/arrow-right-short.svg");
}

.Wairoa {
  background-color: #396F89 !important;
}

.Wairoa-pg .pg-title h1 {
  color: #396F89 !important;
}
.Wairoa-pg .intro-dp, .Wairoa-pg .must-dos {
  background-color: #396F89 !important;
}
.Wairoa-pg .featured-single, .Wairoa-pg .featured-multi, .Wairoa-pg .discover {
  background-color: #b0d5db !important;
}
.Wairoa-pg .subscribe {
  background-color: #396F89;
}
.Wairoa-pg main a {
  border-bottom: 2px solid #b0d5db !important;
}
.Wairoa-pg main a:hover {
  background-color: #b0d5db !important;
}
.Wairoa-pg main .explore {
  background: #fff;
}
.Wairoa-pg main .modal-content .explore {
  background-color: #b0d5db;
}
.Wairoa-pg .map-key .key button {
  background-color: #396F89;
  margin-bottom: 2px;
}
.Wairoa-pg .read-more {
  border-bottom: 2px solid #b0d5db !important;
}
.Wairoa-pg .read-more:hover {
  background-color: #b0d5db !important;
  background-image: url("../images/arrow-right-short.svg");
}

.Central {
  background-color: #3F8363 !important;
}

.Central-pg .pg-title h1 {
  color: #3F8363 !important;
}
.Central-pg .intro-dp, .Central-pg .must-dos {
  background-color: #3F8363 !important;
}
.Central-pg .featured-single, .Central-pg .featured-multi, .Central-pg .discover {
  background-color: #b6dfcc !important;
}
.Central-pg .subscribe {
  background-color: #3F8363;
}
.Central-pg main a {
  border-bottom: 2px solid #b6dfcc !important;
}
.Central-pg main a:hover {
  background-color: #b6dfcc !important;
}
.Central-pg main .explore {
  background: #fff;
}
.Central-pg main .modal-content .explore {
  background-color: #b6dfcc;
}
.Central-pg .map-key .key button {
  background-color: #3F8363;
  margin-bottom: 2px;
}
.Central-pg .read-more {
  border-bottom: 2px solid #b6dfcc !important;
}
.Central-pg .read-more:hover {
  background-color: #b6dfcc !important;
  background-image: url("../images/arrow-right-short.svg");
}

body.autumn .season, body.autumn .must-dos, body.autumn .subscribe {
  background-color: #5a1e37;
}
body.autumn .season .section-title, body.autumn .must-dos .section-title, body.autumn .subscribe .section-title {
  color: #FFFFFF;
}
body.autumn .itineraries {
  background-color: #edc6cf;
}

body.summer .season, body.summer .must-dos, body.summer .subscribe {
  background-color: #AD6500;
}
body.summer .season .section-title, body.summer .must-dos .section-title, body.summer .subscribe .section-title {
  color: #FFFFFF;
}
body.summer .itineraries {
  background-color: #ffe1a8;
}

body.winter .season, body.winter .must-dos, body.winter .subscribe {
  background-color: #004c63;
}
body.winter .season .section-title, body.winter .must-dos .section-title, body.winter .subscribe .section-title {
  color: #FFFFFF;
}
body.winter .itineraries {
  background-color: #b3e2e2;
}

body.spring .season, body.spring .must-dos, body.spring .subscribe {
  background-color: #467f00;
}
body.spring .season .section-title, body.spring .must-dos .section-title, body.spring .subscribe .section-title {
  color: #FFFFFF;
}
body.spring .itineraries {
  background-color: #cbe4ad;
}

/*-----------------------------------------------------------------------------------

	 Global SCSS INDEX

	01. Mixins
		- Full BG img
		- Transition
		- Shadow
		- Text-shadow
		- Opaque Layer
		- Padding for sections
	02. Fonts + Links
	03. Buttons
		- Button & .btn
		- Link
		- Info for Images
		- Read More
		- See All
		- See More
		- More Photos
		- Tags
		- Map View
		- View Map
		- Book
		- Guides on Explore Pages
		- Info
		- Arrows
		- iSite
		- Back btn
		- Close
		- Social
	04. Icons
	05. Elements
		- Picture
		- Video
	05. Media Queries

-----------------------------------------------------------------------------------*/
.flex-grid .title .info h3, .lp-grid .title .info h3, .resCarousel-inner .item h3, .Napier-pg .explore .resCarousel-inner .item h3, .Hastings-pg .explore .resCarousel-inner .item h3, .Havelock-pg .explore .resCarousel-inner .item h3, .Central-pg .explore .resCarousel-inner .item h3, .Wairoa-pg .explore .resCarousel-inner .item h3, .other-places .card h3, .listing .card .info h3, .finder .card .info h3, .subscribe h2, .section-title h3, .section-title h2, h3, h2, h1 {
  font-family: dashiell-fine, serif;
}

.ItineraryPage .accordion-item .accordion-body .col:first-child h3, .ItineraryPage .plan .details li, .ItineraryHolderPage .flex-grid .details li, .leaflet-popup-content h4, .map-key .key button, #subscribe .modal-content #mc_embed_signup_scroll .mc-field-group label, .finder .finder-wrap .cat-wrap select, .finder .finder-wrap select option, select,
textarea,
input,
button, .flex-grid .title h4, .lp-grid .title h4, body.Destinations .intro-dp .demographics .col h3, body.Destinations .intro-pu .demographics .col h3, .hot-deal-modal .modal-body.deal .card .text .valid, body.OperatorPage .wrapper .contact-info .location h3 > a, .bundle-r .text h3, .bundle-l .text h3, .img-text h3, .text-img h3, .content-center .featured h3, #navigation .sub-nav a.cat-title, #navigation ul li, .carousel-caption, .our-places .card .title p, .sub-cats .card .info p, .itineraries .card .info p, .must-dos .card .info p, .suggestions .card .info p, .explore .card .info p, .your-events .card .info p, .other-places .card .info p, .articles .card .info p, .featured-multi .card .text p, .featured-single .card .text h3, .login-page #MemberLoginForm_LoginForm_action_doLogin, .login-page #MemberLoginForm_LoginForm label, footer ul li a, footer p, footer h3, .work, .top-links li a, a.back, .view-all, .open, .tooltip-inner, .info-btn, .btn, .book-now, h4 {
  font-family: brandon-grotesque, sans-serif;
}

#navigation .sub-nav ul li a, .featured-single .card .text p, .featured-single .card .text li, .login-page #MemberLoginForm_LoginForm_Remember_Holder label, p, li {
  font-family: Chivo, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}

h1 {
  font-size: 2.7rem;
  line-height: 1;
  font-weight: 800;
  margin-bottom: 1rem;
  font-style: normal;
}

h2 {
  font-size: 2.2rem;
  line-height: 1.2;
  font-weight: 800;
  margin-bottom: 15px;
}

h3 {
  font-size: 2rem;
  line-height: 1.1;
  font-weight: 800;
}

h4 {
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1.4;
}

p, li {
  font-size: 1.1rem;
  font-weight: 300;
}

p {
  line-height: 1.6;
  margin-bottom: 15px;
}

li {
  margin-bottom: 5px;
  line-height: 1.6;
}

a {
  font-weight: 600;
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: #e99b30;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

ul, ol {
  padding: 0 0 0 0;
  list-style-position: inside;
}

b, strong {
  font-weight: 800;
}

button {
  border: none;
  background: transparent;
  cursor: pointer;
}

.btn, .book-now {
  display: inline-block;
  padding: 12px 15px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 0.85rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn:hover {
  background-color: #e99b30;
}

.link {
  border-radius: 25px;
  background: rgba(255, 255, 255, 0.3);
  height: fit-content;
}

.intro-exp .link {
  padding: 15px 20px;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
  width: auto;
  margin: 15px auto 0 auto;
}

.info-btn {
  position: absolute;
  right: 20px;
  bottom: 40px;
  display: block;
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.8);
  background-image: url("../images/map.svg");
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 50%;
  font-weight: 600;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.info-btn:hover, .info-btn:focus-visible {
  background-image: url("../images/map-wht.svg");
  background-color: #e99b30;
  background-size: 25px auto;
}

.tooltip {
  z-index: 100000000;
}

.tooltip-inner {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  padding: 10px;
}

.read-more {
  display: inline-block;
  transition: background 0.4s ease-out;
  background-image: url("../images/arrow-right-short.svg");
  background-position: center right;
  background-repeat: no-repeat;
  padding: 5px 25px 5px 5px;
  background-size: 25px;
  font-style: italic;
}
.read-more:hover, .read-more:focus-visible {
  background-image: url("../images/arrow-right-short.svg");
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 25px;
  background-size: 25px;
  color: #414042;
}

.see-all {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.see-more, .tag, .tag:visited, .show-all, .download {
  width: fit-content;
  border-radius: 40px;
  border: 2px solid #262626 !important;
  color: #262626;
  box-shadow: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.see-more, .map {
  margin-bottom: 10px;
}

.show-all {
  padding: 6px 12px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  border: 1px solid #262626;
}
.show-all:hover {
  background-color: #e99b30;
  border: 2px solid #e99b30 !important;
  color: #FFF;
}

html {
  toggle-root: switch;
}

button.tag {
  toggle-trigger: switch;
  margin: 5px;
  padding: 6px 12px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
  border: 1px solid #262626;
}

button.tag:toggle(switch) {
  background-color: white;
  color: black;
}

.show-all {
  margin: 0 5px;
  background-color: #262626;
  color: #FFFFFF;
}
.show-all:focus-visible {
  background-color: #e99b30;
  border: 2px solid #e99b30 !important;
  color: #FFF;
}

.see-more:hover, .see-more:focus-visible, .tag.active, .download:hover, .download:focus-visible {
  border: 2px solid #e99b30 !important;
  background-color: #e99b30 !important;
  color: #FFFFFF !important;
}

.view-map, .more-photos, .book {
  margin: 0 5px;
  padding: 10px 20px;
  border-radius: 40px;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.07rem;
}
.view-map:hover, .view-map:focus-visible, .more-photos:hover, .more-photos:focus-visible, .book:hover, .book:focus-visible {
  background-color: #e99b30 !important;
  border: 2px solid #e99b30 !important;
  color: #FFF;
}

.guides {
  position: fixed;
  z-index: 20;
  bottom: 40%;
  right: 0;
  padding: 20px 15px;
  background-color: #000;
  writing-mode: vertical-rl;
  color: #fff;
  writing-mode: vertical-rl;
  text-orientation: sideways;
  border-radius: 10px 0 0 10px;
}

.map {
  border-radius: 40px;
  width: auto;
  padding-left: 30px;
  border: 2px solid #414042;
  color: #414042;
  background-image: url("../images/map-blk.svg");
  background-repeat: no-repeat;
  background-size: 30px auto;
  background-position: center left;
  box-shadow: none !important;
}
.map:hover, .map:focus-visible {
  background-color: #e99b30 !important;
  border: 2px solid #e99b30 !important;
  background-image: url("../images/map-wht.svg");
  color: #ffffff;
}

.more-photos, .book {
  display: block;
  border: 2px solid #FFFFFF;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.more-photos {
  position: absolute;
  width: 185px;
  margin: auto;
  left: 50%;
  bottom: 40px;
  transform: translate(-50%, 0%);
  height: fit-content;
  background: rgba(255, 255, 255, 0.9);
  color: #414042;
  font-size: 0.85rem;
}

.book {
  position: relative;
  background-color: #e99b30;
  border: 2px solid #e99b30 !important;
  box-shadow: none !important;
  margin-bottom: 20px;
}
.book:hover {
  background-color: #262626 !important;
  border: 2px solid #262626 !important;
}

.family, .wheelchair, .bike, .dogs {
  background-repeat: no-repeat;
}

.wheelchair {
  background-image: url("../images/wheelchair.svg");
  background-size: 30px auto;
}

.family {
  background-image: url("../images/family.svg");
  background-size: 30px auto;
}

.bike {
  background-image: url("../images/bike.svg");
  background-size: 35px auto;
  padding-left: 40px !important;
}

.dogs {
  background-image: url("../images/dogs.svg");
  background-size: 34px auto;
  padding-left: 37px !important;
}

.open {
  display: block;
  border: 2px solid #fff;
  padding: 12px 25px;
  border-radius: 40px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.15rem;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.open:hover, .open:focus-visible {
  background-color: #e99b30;
  border: 2px solid #e99b30;
}

.arrow-l, .arrow-r, .leftRs, .rightRs, .arrow-r-up-wht, .arrow-r-dwn-wht, .view-all, .zoom-wht, .closebtn, .arrow-play {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-size: 30px auto;
  background-position: center center;
}

.arrow-l, .rightRs {
  border-radius: 50%;
  border: 2px solid #262626;
  background-image: url("../images/arrow-right-short.svg");
}
.arrow-l:hover, .rightRs:hover {
  background-image: url("../images/arrow-right-short-hover.svg");
  background-position: left 10px center;
}

.arrow-r, .leftRs {
  border-radius: 50%;
  border: 2px solid #262626;
  background-image: url("../images/arrow-left-short.svg");
}
.arrow-r:hover, .leftRs:hover {
  background-image: url("../images/arrow-left-short-hover.svg");
  background-position: right 10px center;
}

.arrow-l:hover, .arrow-r:hover, .leftRs:hover, .rightRs:hover {
  border: 2px solid #e99b30;
}

.zoom-wht {
  background-image: url("../images/zoom-wht.svg");
  border: 2px solid #FFFFFF;
}

.arrow-r-up-wht {
  background-image: url("../images/arrow-right-short-wht.svg");
  border: 2px solid #FFFFFF;
}

.arrow-r-dwn-wht {
  background-image: url("../images/arrow-right-dwn-wht.svg");
  border: 2px solid #FFFFFF;
}

.arrow-play {
  background-image: url("../images/arrow-play.svg");
  border: 2px solid #FFFFFF;
}

.controls {
  display: flex;
  position: absolute;
  bottom: 0;
  right: 20px;
}

.leftRs, .rightRs {
  z-index: 1;
}
.leftRs:hover, .leftRs:focus-visible, .rightRs:hover, .rightRs:focus-visible {
  color: #e99b30;
}

.view-all {
  width: auto;
  height: 50px;
  z-index: 100;
  border: none;
  padding-left: 35px;
  margin-left: 25px;
  background-image: url("../images/view-all.svg");
  background-position: left center;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  font-weight: 400;
}
.view-all:hover, .view-all:focus-visible {
  background-image: url("../images/view-all-hover.svg");
  color: #e99b30;
}

.must-dos .leftRs, .must-dos .rightRs, #Gallery .leftRs, #Gallery .rightRs {
  border: 2px solid #FFFFFF;
}
.must-dos .leftRs:hover, .must-dos .rightRs:hover, #Gallery .leftRs:hover, #Gallery .rightRs:hover {
  border: 2px solid #e99b30;
}
.must-dos .leftRs, #Gallery .leftRs {
  background-image: url("../images/arrow-left-short-wht.svg");
}
.must-dos .leftRs:hover, #Gallery .leftRs:hover {
  background-image: url("../images/arrow-left-short-hover.svg");
}
.must-dos .rightRs, #Gallery .rightRs {
  background-image: url("../images/arrow-right-short-wht.svg");
}
.must-dos .rightRs:hover, #Gallery .rightRs:hover {
  background-image: url("../images/arrow-right-short-hover.svg");
}
.must-dos .view-all, #Gallery .view-all {
  color: #FFFFFF;
  background-image: url("../images/view-all-wht.svg");
}
.must-dos .view-all:hover, #Gallery .view-all:hover {
  color: #e99b30;
  background-image: url("../images/view-all-hover.svg");
}

.isite-btn {
  width: 65px;
  height: 65px;
  position: fixed;
  z-index: 999999;
  bottom: 30px;
  right: 0;
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
  background: #1f812d url("../images/i-site-logo.svg") no-repeat;
  background-size: auto;
  background-size: 25px 25px;
  background-position: 50% 48%;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  color: #FFF;
  text-align: center;
}

a.back {
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  text-align: center;
  width: 65px;
  height: 65px;
  padding: 15px 0 0 0;
  position: fixed;
  z-index: 10;
  left: 0;
  bottom: 30px;
  background-image: url("../images/arrow-left-short.svg");
  background-repeat: no-repeat;
  background-size: 25px auto;
  background-position: 15px 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  background-color: #FFF;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  color: #414042;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.07rem;
  font-weight: 500;
  text-align: center;
}
a.back img {
  display: block;
  margin: 0 auto;
  width: 25px;
  padding: 0 5px;
}

a.back:hover, a.back:focus-visible {
  background-image: url("../images/arrow-left-short-wht.svg");
  background-color: #AD6500;
  color: #fff;
}

.isite-btn:hover, .isite-btn:focus-visible {
  background-color: #e99b30;
  color: #fff;
}

.closebtn {
  position: fixed;
  right: 30px;
  top: 20px;
  z-index: 999999;
  background: rgba(0, 0, 0, 0.8);
  background-image: url("../images/cross.svg");
  border: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.closebtn:hover {
  background-color: #e99b30;
  color: #FFF;
}

picture {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
picture img {
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
}
picture .img-fluid {
  height: 300px;
}

#video iframe {
  width: 100%;
}
#video .ratio {
  max-width: 85%;
  margin: 0 auto;
}

@media (min-width: 576px) {
  h1 {
    font-size: 3.4rem;
  }
  .arrow-l, .arrow-r, .leftRs, .rightRs, .arrow-r-up-wht, .arrow-r-dwn-wht, .zoom-wht, .closebtn, .arrow-play {
    width: 50px;
    height: 50px;
  }
}
@media (min-width: 768px) {
  picture {
    overflow: hidden;
  }
  .info-btn {
    right: 30px;
    bottom: 60px;
  }
}
@media (min-width: 992px) {
  .more-photos {
    right: 0;
    left: auto;
  }
}
/*-----------------------------------------------------------------------------------

	Sections SCSS INDEX

	01. Header
		- Covid Message
		- Home Page Header
		- Inner Pages Header
		- Brand
		- Top Links & Nav-links
		- Menu Open & Closed (refer to nav.scss for further styles)
	02. Banners
		- Page Banner
		- Homepage Page Banner
	03. Titles
		- Page
		- Section
	04.	Intro's
		- Landing Page
		- Destination Page
		- Places Pop-up 
	05. Main
	06. Subscribe
	07. Footer
		- Copyright & Logos
	08. Login Page
	09. Media Queries

-----------------------------------------------------------------------------------*/
body.HomePage.CovidMessageShow header.at-top {
  top: 120px;
}

body.HomePage.CovidMessageHidden header.at-top {
  top: 20px;
}

.covid {
  display: block;
  position: relative;
  z-index: 999999;
  display: block;
  padding: 50px 20px 20px 20px;
  background-color: rgba(251, 171, 24, 0.9);
  text-align: center;
  color: #FFF;
}
.covid p {
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.4;
}
.covid a:hover {
  color: #414042;
}
.covid button.close {
  position: absolute;
  top: 15px;
  right: 20px;
  border: 2px solid #FFF;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  background-image: url("../images/cross.svg");
  margin: 0 0 0 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.covid button:hover {
  border: 2px solid #414042;
  background-color: #414042;
}

body.HomePage .at-top {
  background-color: transparent;
  position: fixed;
}
body.HomePage .at-top .header-scroll {
  background-color: transparent;
}
body.HomePage .at-top .header-scroll .brand .logo {
  display: none;
}
body.HomePage .at-top .header-scroll .brand .logo-home {
  display: block;
}
body.HomePage .at-top .header-scroll .menu .search {
  background-image: url("../images/search-wht.svg");
}
body.HomePage .at-top .header-scroll .menu .top-links li a {
  color: #fff !important;
}
body.HomePage .at-top .header-scroll .menu .top-links li a:hover {
  color: #e99b30 !important;
}
body.HomePage .at-top .header-scroll .work {
  color: #FFFFFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

body.HomePage .scroll-show .brand .logo {
  display: block;
}
body.HomePage .scroll-show .brand .logo-home {
  display: none;
}
body.HomePage .scroll-show .work {
  color: #262626;
  text-shadow: none !important;
}
body.HomePage .scroll-show .menu .burger {
  background-color: #000;
  background-image: url("../images/burger-wht.svg");
}
body.HomePage .menu .burger {
  background-color: #FFF;
  background-image: url("../images/burger.svg");
}
body.HomePage .menu .burger:hover {
  background-color: #e99b30;
  background-image: url("../images/burger-wht.svg");
}

.at-top, .scroll-show {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 1000;
  left: 0;
  right: 0;
}

.at-top {
  position: relative;
}

.header-scroll {
  display: block;
  width: 100%;
  height: auto;
}
.header-scroll .row {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}
.header-scroll .brand .logo-home {
  display: none;
}
.header-scroll menu {
  padding: 0;
}
.header-scroll menu .search {
  background-image: url("../images/search-blk.svg");
}
.header-scroll .work {
  color: #000000;
}

.scroll-show {
  position: fixed;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scroll-show .header-scroll {
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
}
.scroll-show .brand {
  padding: 5px 0 0 10px;
}
.scroll-show .brand img {
  width: 240px;
  margin-bottom: 15px;
}
.scroll-show .menu {
  flex-flow: row nowrap;
  align-items: center;
  padding: 0 10px 0 0;
}
.scroll-show .menu .top-links {
  display: none;
}
.scroll-show .menu .top-links li a {
  color: #000;
}
.scroll-show .menu .top-links li a:hover {
  color: #e99b30;
}
.scroll-show .menu .nav-links {
  width: auto;
}
.scroll-show .menu .nav-links .hotdeals {
  display: none;
}

.scroll-hide .header-scroll {
  display: none;
}

.brand {
  width: 40%;
  padding: 25px 0 0 15px;
  display: block;
}
.brand img {
  width: 220px;
  height: auto;
}

.nav-links {
  display: flex;
  width: 100%;
  justify-content: end;
  align-items: center;
}

.top-links {
  display: none;
  width: 100%;
  justify-content: end;
}
.top-links ul {
  margin: 0;
}
.top-links li {
  list-style: none;
  display: inline-block;
  margin-left: 20px;
}
.top-links li a {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.1rem;
  margin-bottom: 10px;
  line-height: 1.4;
}
.top-links li a:hover {
  color: #e99b30;
}

.nav-links {
  display: flex;
  width: 100%;
}

#navigation .top-links {
  display: flex;
  width: 100%;
  justify-content: start;
}
#navigation .top-links ul {
  padding: 20px 0 20px 0 !important;
  margin-left: 40px;
}
#navigation .top-links ul li {
  margin: 10px 20px 0 0 !important;
}
#navigation .top-links ul li a {
  font-size: 0.9rem !important;
}
#navigation .top-links ul li a:hover {
  color: #e99b30;
}

.menu {
  width: 60%;
  display: flex;
  flex-flow: row wrap;
  justify-content: end;
  padding: 35px 20px 0 0;
}

.menu .search {
  display: none !important;
}

.menu .burger, .menu .search, .menu-open .burger, .menu-open .search {
  display: block;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menu .search, .menu-open .search {
  right: 45px;
  top: 20px;
  background-image: url("../images/search-blk.svg");
  background-size: 25px auto;
  margin: 0 10px;
}
.menu .search:hover, .menu-open .search:hover {
  background-image: url("../images/search-wht.svg");
  background-color: #e99b30;
}
.menu .burger, .menu-open .burger {
  border-radius: 50%;
  background-color: #414042;
  background-image: url("../images/burger-wht.svg");
  background-size: 20px auto;
}
.menu .burger:hover, .menu-open .burger:hover {
  background-color: #e99b30;
}
.menu .hotdeal, .menu-open .hotdeal {
  display: none;
  margin-right: 20px;
  padding: 8px 10px;
  font-size: 0.75rem;
  border: 2px solid #000;
  color: #000;
  background-color: transparent;
}
.menu .hotdeal:hover, .menu-open .hotdeal:hover {
  background-color: #e99b30;
  border: 2px solid #e99b30 !important;
  color: #FFF;
}

.menu-open .search {
  position: fixed;
}

body.HomePage .menu .hotdeal {
  border: 2px solid #fff;
  color: #fff;
  background-color: transparent;
}
body.HomePage .menu .hotdeal:hover {
  background-color: #e99b30;
  border: 2px solid #e99b30 !important;
  color: #FFF;
}

.work {
  padding: 0;
  margin-top: 40px;
  color: #fff;
  text-transform: none !important;
  letter-spacing: none;
}
.work a {
  font-size: 1rem;
  font-weight: 400;
}

.pg-banner {
  padding: 0;
  position: relative;
  width: 100%;
  height: 350px;
  max-height: 350px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pg-title {
  max-width: 900px;
  margin: 0 auto;
  padding: 60px 20px 20px 20px;
  text-align: center;
}
.pg-title p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.4;
}
.pg-title h1 {
  font-size: 3rem;
  line-height: 1;
  max-width: 950px;
  margin: 0 auto 20px auto;
}

.section-title {
  max-width: 900px;
  margin: 0 auto;
  padding: 80px 20px 10px 20px;
  text-align: center;
}
.section-title p {
  font-weight: 400;
  font-size: 1.1rem;
  line-height: 1.6;
}
.section-title h2 {
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 15px;
}
.section-title h3 {
  font-size: 2.8rem;
  font-weight: 800;
  margin-bottom: 15px;
}
.section-title h4 {
  margin-bottom: 5px;
}

.intro-lp, .intro-art, .intro-exp, .intro-dp, .intro-pu {
  text-align: center;
  padding: 50px 15px 40px 15px;
  color: #FFF;
}
.intro-lp .container, .intro-art .container, .intro-exp .container, .intro-dp .container, .intro-pu .container {
  max-width: 960px;
}

.intro-exp {
  position: relative;
  padding: 50px 20px;
}

.intro-pu {
  background-color: #FFFFFF;
}

main a {
  transition: background 0.4s ease-out;
}
main a:hover {
  color: #414042;
}

.morsel {
  text-align: center;
  padding-bottom: 60px;
}
.morsel .container {
  max-width: 960px;
}
.morsel .see-more {
  margin-bottom: 20px;
}

.subscribe {
  padding: 90px 10%;
  color: #FFFFFF;
  text-align: center;
  border-top: 2px solid #fff;
}
.subscribe h2 {
  font-size: 2rem;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 20px;
}
.subscribe p {
  font-size: 1.1rem;
  line-height: 1.5;
  margin-bottom: 20px;
}
.subscribe button {
  margin: 0 auto;
}

footer {
  background-color: #262626;
  padding: 0 0 40px 0;
  text-align: center;
}
footer .col {
  margin: 10px 0;
}
footer .col ul {
  padding: 0;
}
footer .connect {
  background-color: #000000;
}
footer .connect .container {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  padding: 40px 0;
}
footer .connect .container ul.social {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-bottom: 0;
}
footer .connect .container ul.social a.icon {
  display: block;
  width: 45px;
  height: 45px;
  margin: 0 8px;
  background-color: #414042;
  border-radius: 50%;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
footer .connect .container ul.social a.icon:hover {
  background-color: #e99b30;
}
footer .connect .container ul.social li {
  margin-bottom: 0;
}
footer .connect .container ul.social li a {
  color: #FFFFFF;
  margin-left: 10px;
}
footer .connect .container ul.social li a :hover {
  color: #e99b30;
}
footer .main {
  flex-flow: column wrap;
  padding: 50px 0 20px 0;
}
footer h3 {
  display: inline-block;
  text-transform: uppercase;
  color: #FFFFFF;
  font-style: normal;
  letter-spacing: 0.07rem;
  font-size: 0.9rem;
  font-weight: 400;
  margin-bottom: 1rem;
  padding-bottom: 15px;
  border-bottom: 1px solid #696969;
}
footer p {
  font-size: 0.75rem;
  color: #696969;
}
footer ul li {
  list-style: none;
  line-height: 1.3;
  margin-bottom: 0.6rem;
}
footer ul li a {
  color: #FFFFFF;
  font-weight: 400;
}
footer ul li a:hover {
  color: #e99b30;
}

.copyright {
  padding: 10px 0;
}
.copyright p {
  margin: 0;
}

.logos {
  padding: 30px 0 20px 0;
}
.logos ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: center;
}
.logos ul img {
  display: block;
  margin-right: 40px;
  height: auto;
}
.logos ul li:nth-child(1) img {
  width: 200px;
}
.logos ul li:nth-child(2) img {
  width: 50px;
}
.logos ul li:nth-child(3) img {
  width: 50px;
}
.logos ul li:nth-child(4) img {
  width: 100px;
}

.login-page .pg-title {
  padding-top: 0;
}
.login-page .content-center {
  background-color: #b9dfde;
  padding: 50px 40px;
  margin: 0 auto 40px auto;
  border-radius: 40px;
}
.login-page .content-center a {
  font-weight: 400;
  font-size: 0.9rem;
}
.login-page #MemberLoginForm_LoginForm label {
  margin-left: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 0.9rem;
}
.login-page #MemberLoginForm_LoginForm input#MemberLoginForm_LoginForm_Email, .login-page #MemberLoginForm_LoginForm input#MemberLoginForm_LoginForm_Password {
  width: 100%;
  height: 45px;
  border: 0;
  border-radius: 20px;
  margin: 5px 0 10px 0;
  padding: 15px 10px;
}
.login-page #MemberLoginForm_LoginForm_Remember_Holder {
  margin: 0 0 10px 0;
}
.login-page #MemberLoginForm_LoginForm_Remember_Holder label {
  text-transform: none;
  letter-spacing: normal;
}
.login-page .btn-toolbar {
  flex-flow: column;
}
.login-page #MemberLoginForm_LoginForm_action_doLogin {
  border: 0;
  height: 45px;
  background-color: #414042;
  color: #fff;
  padding: 10px 15px;
  border-radius: 20px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 1rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.login-page #MemberLoginForm_LoginForm_action_doLogin:hover {
  background-color: #e99b30;
}
.login-page #ForgotPassword {
  margin: 15px;
}

@media (min-width: 576px) {
  body.HomePage.CovidMessageShow header.at-top {
    top: 90px;
  }
  .covid {
    padding: 20px;
  }
  .brand {
    width: 40%;
  }
  .brand img {
    width: 240px;
  }
  .menu .search {
    display: block !important;
  }
  .menu .nav-links .hotdeal {
    display: block;
  }
}
@media (min-width: 768px) {
  body.HomePage.CovidMessageShow header.at-top {
    top: 70px;
  }
  .brand {
    padding: 25px 0 15px 0;
  }
  .brand img {
    width: 420px;
  }
  .scroll-show .brand img {
    width: 240px;
    margin-bottom: 15px;
  }
  .scroll-show .menu {
    padding: 0 20px 0 0;
  }
  .scroll-show .menu .top-links {
    width: 60%;
    margin-right: 40px;
  }
  .scroll-show .menu .nav-links .hotdeal {
    font-size: 0.8rem;
  }
  .menu {
    padding: 20px 20px 0 0;
  }
  .menu .work {
    display: block;
  }
  .menu .top-links {
    display: flex;
  }
  .menu .nav-links .hotdeal {
    padding: 10px 12px;
    font-size: 0.8rem;
  }
  #navigation .top-links {
    display: none;
  }
  .pg-title {
    padding: 60px 20px 20px 20px;
  }
  .pg-title h1 {
    font-size: 4rem;
  }
  .pg-title p {
    font-size: 1.15rem;
    line-height: 1.6;
  }
  .section-title {
    padding: 90px 20px 10px 20px;
  }
  .pg-banner {
    height: 550px;
    max-height: 550px;
  }
  .intro-lp, .intro-art, .intro-exp {
    padding: 80px 80px 70px 80px;
  }
  .intro-dp, .intro-pu {
    padding: 90px 90px 0 90px;
  }
  .intro-exp {
    padding: 80px;
  }
  .subscribe {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 90px 10%;
    text-align: left;
    gap: 20px;
  }
  .subscribe h2 {
    width: 27%;
    margin-bottom: 0;
  }
  .subscribe p {
    width: 50%;
    margin: 20px 40px;
  }
  .subscribe button {
    justify-self: center;
    margin: 0 0 0 auto;
  }
  footer {
    text-align: left;
  }
  footer .col {
    margin: 0;
  }
  footer .main {
    flex-flow: row nowrap;
    padding: 70px 0 40px 0;
  }
  .logos ul {
    justify-content: left;
  }
}
@media (min-width: 992px) {
  body.HomePage .pg-banner {
    height: 700px;
    max-height: 700px;
  }
  .scroll-show .brand {
    width: 30%;
  }
  .scroll-show .menu {
    width: 70%;
  }
  .scroll-show .menu .top-links {
    display: flex;
  }
  footer .connect .container {
    display: flex;
    flex-flow: row nowrap;
  }
}
@media (min-width: 1200px) {
  footer .connect .container {
    justify-content: left;
  }
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1360px;
  }
}
/*-----------------------------------------------------------------------------------

	Cards SCSS INDEX

	01. Cards
		- Overlay
		- Generic
		- Featured
		- Sub-Category, Must Do's, Itinerary
		- Suggestions
		- Listing
		- Our Destinations

-----------------------------------------------------------------------------------*/
.cover {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: 0.3s ease;
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 300%);
}

.arrow-r-up-wht, .zoom-wht, .arrow-play {
  display: none;
}

.card {
  border-radius: 0;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
  border: 0 !important;
  background-repeat: no-repeat;
  height: 380px;
  white-space: collapse;
}

.card:hover .arrow-r-up-wht, .card:hover .zoom-wht, .card:hover .arrow-play, .clickPop:hover .arrow-r-up-wht, .clickPop:hover .zoom-wht, .clickPop:hover .arrow-play, .map-stops a.stop:hover .arrow-r-up-wht, .map-stops a.stop:hover .zoom-wht, .map-stops a.stop:hover .arrow-play {
  display: block;
  position: absolute;
  z-index: 10;
  width: 60px;
  height: 60px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.card:hover .cover, .clickPop:hover .cover, .map-stops a.stop:hover .cover {
  background: #e99b30 !important;
  opacity: 0.5;
}

.resCarousel-inner a.card {
  border-bottom: 0 !important;
}

.featured-single .card, .featured-multi .card {
  width: 100%;
  background: transparent;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-bottom: 0 !important;
}
.featured-single .card .text, .featured-multi .card .text {
  display: block;
  position: absolute;
  z-index: 10;
  color: #FFFFFF;
}
.featured-single .card .see-more, .featured-multi .card .see-more {
  border-radius: 40px;
  color: #FFFFFF;
  border: 2px solid #FFFFFF !important;
  box-shadow: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.featured-single .card .play, .featured-multi .card .play {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 1rem;
}
.featured-single .card:hover .see-more, .featured-multi .card:hover .see-more {
  color: #FFFFFF;
  background: #e99b30 !important;
  border: 2px solid #e99b30 !important;
  z-index: 100;
}

.featured-multi .card:hover .text {
  display: none;
}

.featured-single .card {
  height: 500px;
  width: 100%;
  position: relative;
}
.featured-single .card .text {
  width: 100%;
  padding: 30px;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.featured-single .card .text p, .featured-single .card .text li {
  font-style: normal;
  font-size: 1rem;
  font-weight: 300;
}
.featured-single .card .text h3 {
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: 0.15rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
  font-size: 1.6rem;
}
.featured-single .card:hover .text {
  display: none;
}

.featured-multi .card {
  position: relative;
  display: flex;
  justify-content: center;
  height: 440px;
}
.featured-multi .card .text {
  max-width: 300px;
  padding: 30px 20px 20px 20px;
  white-space: break-spaces;
  background: rgba(0, 0, 0, 0.7);
}
.featured-multi .card .text p {
  font-style: italic;
  font-size: 1.2rem;
  line-height: 1.2;
}
.featured-multi .card .text h3 {
  margin: 5px 0 15px 0;
  font-style: normal;
  white-space: break-spaces;
}

.sub-cats .card, .itineraries .card, .must-dos .card, .suggestions .card, .explore .card, .your-events .card, .other-places .card, .articles .card {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  border-bottom: 0 !important;
  color: #FFF;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.sub-cats .card .arrow-r-up-wht, .sub-cats .card .zoom-wht, .itineraries .card .arrow-r-up-wht, .itineraries .card .zoom-wht, .must-dos .card .arrow-r-up-wht, .must-dos .card .zoom-wht, .suggestions .card .arrow-r-up-wht, .suggestions .card .zoom-wht, .explore .card .arrow-r-up-wht, .explore .card .zoom-wht, .your-events .card .arrow-r-up-wht, .your-events .card .zoom-wht, .other-places .card .arrow-r-up-wht, .other-places .card .zoom-wht, .articles .card .arrow-r-up-wht, .articles .card .zoom-wht {
  width: 60px;
  height: 60px;
  background-size: 40px auto;
}
.sub-cats .card .info, .itineraries .card .info, .must-dos .card .info, .suggestions .card .info, .explore .card .info, .your-events .card .info, .other-places .card .info, .articles .card .info {
  position: absolute;
  z-index: 10;
}
.sub-cats .card .info p, .itineraries .card .info p, .must-dos .card .info p, .suggestions .card .info p, .explore .card .info p, .your-events .card .info p, .other-places .card .info p, .articles .card .info p {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
  font-style: italic;
}
.sub-cats .card .info h3, .itineraries .card .info h3, .must-dos .card .info h3, .suggestions .card .info h3, .explore .card .info h3, .your-events .card .info h3, .other-places .card .info h3, .articles .card .info h3 {
  white-space: break-spaces;
  line-height: 1;
  font-size: 2rem;
  margin-bottom: 15px;
}
.sub-cats .card .info h4, .itineraries .card .info h4, .must-dos .card .info h4, .suggestions .card .info h4, .explore .card .info h4, .your-events .card .info h4, .other-places .card .info h4, .articles .card .info h4 {
  font-size: 0.85rem;
  font-weight: 400;
}

.sub-cats .item, .itineraries .item, .must-dos .item, .explore .item, .your-events .item {
  height: 340px;
}

.sub-cats .item .card, .itineraries .item .card, .must-dos .item .card, .explore .item .card, .your-events .item .card, .articles .item .card {
  border-bottom: 0 !important;
}
.sub-cats .item .card .info, .itineraries .item .card .info, .must-dos .item .card .info, .explore .item .card .info, .your-events .item .card .info, .articles .item .card .info {
  position: absolute;
  z-index: 10;
  text-align: left;
  padding: 20px 30px 18px 30px;
  bottom: 0;
  white-space: normal;
}
.sub-cats .item .card h4, .itineraries .item .card h4, .must-dos .item .card h4, .explore .item .card h4, .your-events .item .card h4, .articles .item .card h4 {
  text-align: left;
  padding: 20px 30px;
  z-index: 10;
  font-weight: 400;
}
.sub-cats .item .card .info h4, .itineraries .item .card .info h4, .must-dos .item .card .info h4, .explore .item .card .info h4, .your-events .item .card .info h4, .articles .item .card .info h4 {
  padding: 10px 0 0 0;
  font-weight: 400;
}
.sub-cats a.item, .itineraries a.item, .must-dos a.item, .explore a.item, .your-events a.item, .articles a.item {
  border-bottom: none;
}
.sub-cats .card:hover .info, .sub-cats .card:hover .loc, .sub-cats .card:hover h4, .itineraries .card:hover .info, .itineraries .card:hover .loc, .itineraries .card:hover h4, .must-dos .card:hover .info, .must-dos .card:hover .loc, .must-dos .card:hover h4, .explore .card:hover .info, .explore .card:hover .loc, .explore .card:hover h4, .your-events .card:hover .info, .your-events .card:hover .loc, .your-events .card:hover h4, .articles .card:hover .info, .articles .card:hover .loc, .articles .card:hover h4 {
  z-index: -1;
}

.articles .item {
  height: 320px;
  padding: 6px;
}

.must-dos .item .card {
  border: 1px solid #fff !important;
}

.suggestions .item {
  height: 280px;
}
.suggestions .card {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.suggestions .card .info {
  width: 80%;
}
.suggestions .card .info h3 {
  font-size: 2.2rem;
  font-style: normal;
  color: #fff;
}
.suggestions .card .info h4 {
  margin-top: 0;
}
.suggestions .card:hover {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.suggestions .card:hover .info {
  opacity: 0;
}

.listing .card, .finder .card {
  padding: 0;
}
.listing .card .loc, .finder .card .loc {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
}
.listing .card .loc h4, .finder .card .loc h4 {
  text-align: left;
  padding: 15px 20px;
  z-index: 10;
  font-weight: 500;
  color: #FFFFFF;
  margin: 0;
}
.listing .card .image, .finder .card .image {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.listing .card .info, .finder .card .info {
  display: block;
  width: 100%;
  position: absolute;
  z-index: 10;
  bottom: 0;
  text-align: left;
  padding: 30px !important;
  white-space: normal;
}
.listing .card .info h3, .finder .card .info h3 {
  position: unset !important;
  margin-top: 0 !important;
  padding: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  font-size: 1.8rem !important;
  line-height: 1;
}
.listing .card .info h4, .finder .card .info h4 {
  margin: 0;
  padding: 5px 0 0 0 !important;
  font-size: 0.85rem;
  font-weight: 400;
}
.listing .card:hover .image, .finder .card:hover .image {
  height: 100% !important;
}
.listing .card:hover .info, .finder .card:hover .info {
  display: none;
}

.our-places .item {
  height: 360px;
  position: relative;
}
.our-places .card {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
}
.our-places .card .title {
  position: absolute;
  z-index: 10;
  padding: 25px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  white-space: break-spaces;
  width: 90%;
  margin-bottom: -15px;
  padding: 30px 25px;
  text-align: center;
  color: #FFFFFF;
}
.our-places .card .title p {
  margin: 10px 0 0 0;
  font-size: 1.2rem;
  line-height: 1.2;
  font-style: italic;
}
.our-places .card .title h3 {
  margin-bottom: 0;
  font-size: 1.9rem;
}
.our-places .card:hover .title, .our-places .card:hover h3 {
  display: none;
}

.other-places .card {
  height: 300px;
  margin-bottom: 15px;
  cursor: pointer;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
}
.other-places .card .arrow-r-up-wht {
  display: none;
}
.other-places .card .info {
  position: absolute;
  text-align: left;
  padding: 30px 30px 18px 30px;
  bottom: 0;
  color: #FFFFFF;
}
.other-places .card h3 {
  position: unset !important;
  margin-top: 0 !important;
  padding: 0 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  font-size: 1.8rem !important;
  line-height: 1;
}

.destinationFilter .item {
  height: 380px;
}

#Gallery .resCarousel .item .card {
  height: 100%;
  background-size: cover;
}

@media (min-width: 576px) {
  .articles .item {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .featured-single .card {
    position: relative;
    display: flex;
    justify-content: center;
    height: 500px;
    width: 100%;
    max-width: 1050px;
    margin-left: 10%;
  }
  .featured-single .card .text {
    max-width: 400px;
    margin-left: -11%;
    padding: 60px 50px;
    background-color: #414042;
    text-align: left;
    bottom: auto;
    left: auto;
  }
  .featured-single .card .text p {
    display: block;
  }
  .featured-single .card:hover .text {
    display: block;
  }
  .featured-multi .card {
    position: relative;
    display: flex;
    justify-content: center;
    height: 440px;
  }
  .featured-multi .card .text {
    max-width: 85%;
    padding: 40px 30px 30px 30px;
    text-align: left;
    white-space: break-spaces;
    background-color: rgba(0, 0, 0, 0.5);
  }
  .our-places .item {
    height: 430px;
  }
  .sub-cats .item, .itineraries .item, .must-dos .item, .explore .item, .your-events .item {
    height: 380px;
  }
  .articles .item {
    width: inherit;
    height: auto;
  }
  .articles .item .card {
    min-height: 350px !important;
  }
  .articles .item:nth-child(7n+1) {
    grid-column: span 2;
    grid-row: span 1;
  }
  .articles .item:nth-child(7n+2) {
    grid-column: span 1;
    grid-row: span 1;
  }
  .articles .item:nth-child(7n+3) {
    grid-column: span 1;
    grid-row: span 1;
  }
  .articles .item:nth-child(7n+4) {
    grid-column: span 2;
    grid-row: span 1;
  }
  .articles .item:nth-child(7n+5) {
    grid-column: span 2;
    grid-row: span 1;
  }
}
@media (min-width: 1200px) {
  .articles .item:nth-child(7n+1) {
    grid-column: span 2;
    grid-row: span 1;
  }
  .articles .item:nth-child(7n+2) {
    grid-column: span 1;
    grid-row: span 2;
  }
  .articles .item:nth-child(7n+4) {
    grid-column: span 1;
    grid-row: span 2;
  }
  .articles .item:nth-child(7n+5) {
    grid-column: span 2;
    grid-row: span 1;
  }
}
@media (min-width: 1400px) {
  .articles .item:nth-child(7n+1) {
    grid-column: span 2;
    grid-row: span 1;
  }
  .articles .item:nth-child(7n+2) {
    grid-column: span 1;
    grid-row: span 2;
  }
  .articles .item:nth-child(7n+4) {
    grid-column: span 1;
    grid-row: span 2;
  }
  .articles .item:nth-child(7n+5) {
    grid-column: span 3;
    grid-row: span 1;
  }
}
/*-----------------------------------------------------------------------------------

	Home SCSS INDEX

	01. Homepage Banner
	02. Home Page Banner 
	03.	Carousels
		- Bootstrap
		- ResCarousels
			- Destinations
			- Must Do's & Highlights
	04. Homepage Flex Grid
	05. Media Queries

-----------------------------------------------------------------------------------*/
.home {
  display: flex;
  flex-flow: column wrap;
  padding: 70px 20px;
}
.home .message, .home .intro {
  display: flex;
  text-align: center;
  width: 100%;
  color: #FFFFFF;
}
.home .message button, .home .intro button {
  color: #FFFFFF;
}
.home .message {
  flex-flow: column wrap;
  justify-items: center;
}
.home .message h1 {
  font-size: 3rem;
}
.home .message ul > li {
  list-style-type: none;
  display: inline-block;
  padding-right: 5px;
  margin-top: 10px;
}
.home .message ul > li a {
  color: #FFFFFF;
}
.home .intro {
  flex-flow: column wrap;
  justify-content: center;
}
.home .intro h2 {
  line-height: 1.3;
}
.home .intro p {
  font-size: 1.1rem;
  line-height: 1.7;
}
.home .intro .btn {
  padding: 15px 20px;
  background: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.home .intro .btn:hover {
  background-color: #e99b30;
  border: 2px solid #e99b30;
}
.home .intro ul {
  margin: 0;
  padding-left: 0;
}
.home .intro ul li {
  list-style-type: none;
  display: inline-block;
  padding-right: 5px;
  margin-top: 10px;
}
.home .intro ul li a {
  color: #FFFFFF;
}

body.HomePage .pg-banner {
  height: 400px;
  max-height: 400px;
  overflow: hidden;
  margin-bottom: 0;
}

.carousel-item {
  width: 100%;
  height: 400px;
  max-height: 400px;
}

.carousel {
  padding: 0;
}

.carousel-caption {
  display: none;
  background-color: rgba(0, 0, 0, 0.7);
  bottom: 60px;
  width: fit-content;
  padding: 15px 25px;
  border-radius: 50px;
  margin: 0 auto;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}

body.HomePage .our-places .resCarousel .resCarousel-inner {
  white-space: nowrap;
  padding-bottom: 40px;
  overflow-x: scroll;
}
body.HomePage .our-places .resCarousel .resCarousel-inner .item:hover {
  margin-top: -15px;
}
body.HomePage .our-places .view-all, body.HomePage .our-places .leftRs, body.HomePage .our-places .rightRs {
  display: none;
}
body.HomePage .our-places .resCarousel-inner.grid-wrapper {
  white-space: normal;
}
body.HomePage .our-places .resCarousel-inner.grid-wrapper .view-all.grid-view {
  position: relative;
  transform: translate(-50%, -50%);
  left: 49%;
  bottom: -40px;
  margin-left: 0;
}
body.HomePage .our-places .resCarousel-inner.grid-wrapper .leftRs, body.HomePage .our-places .resCarousel-inner.grid-wrapper .rightRs, body.HomePage .our-places .resCarousel-inner.grid-wrapper .view-all {
  display: none;
}

body.HomePage .must-dos .resCarousel .resCarousel-inner, body.HomePage .itineraries .resCarousel .resCarousel-inner {
  white-space: nowrap;
  padding-bottom: 40px;
  overflow-x: scroll;
}

body.HomePage .flex-grid {
  padding: 0;
}
body.HomePage .flex-grid .title {
  bottom: 25px;
}
body.HomePage .flex-grid .title .info {
  padding: 25px 25px 15px 25px;
}
body.HomePage .flex-grid .title .info h3, body.HomePage .flex-grid .title .info h4 {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
body.HomePage .flex-grid .title .info h3 {
  font-size: 2.5rem;
}
body.HomePage .flex-grid .title .info h4 {
  color: #fff;
  font-weight: 600;
}

@media (min-width: 768px) {
  .home .message, .home .intro {
    text-align: left;
  }
  .home .message h1, .home .intro h1 {
    font-size: 4rem;
  }
  .home .intro {
    align-items: flex-start;
  }
  body.HomePage .pg-banner {
    height: 500px;
    max-height: 500px;
  }
  .carousel-item {
    height: 500px;
    max-height: 500px;
  }
  .carousel-caption {
    display: block;
  }
  body.HomePage .our-places .resCarousel .resCarousel-inner .item {
    width: 48%;
  }
}
@media (min-width: 992px) {
  .home {
    flex-flow: row nowrap;
    padding: 70px 50px;
  }
  .home .message, .home .intro {
    width: 50%;
  }
  .home .message {
    padding-right: 50px;
  }
  body.HomePage .pg-banner {
    height: 700px;
    max-height: 700px;
  }
  .carousel-item {
    height: 700px;
    max-height: 700px;
  }
  .carousel-caption {
    padding: 20px 30px;
    font-size: 1rem;
  }
  body.HomePage .our-places .resCarousel .resCarousel-inner {
    white-space: normal;
    padding: 10px;
    overflow-x: visible;
  }
  body.HomePage .our-places .resCarousel .resCarousel-inner .item {
    height: 380px;
    width: 32.3333%;
    margin: 6px 0.5% 15px 0.5%;
  }
  body.HomePage .our-places .resCarousel .resCarousel-inner .item:first-child {
    margin-left: -100px;
  }
  body.HomePage .our-places .view-all, body.HomePage .our-places .leftRs, body.HomePage .our-places .rightRs {
    display: none;
  }
  body.HomePage .must-dos .resCarousel .resCarousel-inner, body.HomePage .itineraries .resCarousel .resCarousel-inner {
    white-space: nowrap;
    padding: 10px 6% 90px 0;
    overflow-x: hidden;
  }
}
@media (min-width: 1200px) {
  body.HomePage .our-places .resCarousel .resCarousel-inner .item {
    height: 420px;
  }
}
@media (min-width: 1400px) {
  body.HomePage .our-places .resCarousel .resCarousel-inner .item {
    height: 460px;
  }
}
/*-----------------------------------------------------------------------------------

	Nav SCSS INDEX
	01. Navigation
		- Main Nav
		- Sub Nav
		- Menu Open
		- Search
	02. Explore Cards
		- Desktop
		- Mobile
	03. Colours
		- Category Link Colours
		- Category Background Colours
	04. Media Queries

-----------------------------------------------------------------------------------*/
#main-nav {
  height: 100%;
  position: fixed;
  overflow-y: scroll;
  right: -30%;
  z-index: 500;
}

#sub-nav {
  z-index: 400;
  height: 100%;
  position: fixed;
  right: -33.333%;
}

#explore-links {
  z-index: 300;
  height: 100%;
  position: fixed;
  right: -37.666%;
}

#navigation {
  display: none;
  background: rgba(0, 0, 0, 0.8) !important;
  position: absolute;
  z-index: 999999;
  width: 100%;
  top: 0;
  height: 100vh;
  margin-right: 45px;
}
#navigation ul li {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  line-height: 1.2;
  list-style: none;
}
#navigation ul li a {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: none;
  font-weight: 400;
}
#navigation .main-nav, #navigation .explore-links {
  width: 100%;
  padding: 0;
}
#navigation .main-nav {
  background-color: #414042;
}
#navigation .main-nav ul {
  padding: 60px 40px 20px 40px;
}
#navigation .main-nav ul li {
  margin-bottom: 2rem;
}
#navigation .main-nav ul li a {
  font-size: 1.4rem;
}
#navigation .main-nav ul li a span {
  display: block;
}
#navigation .main-nav ul li a span.maori-title {
  font-size: 0.85rem;
  margin-bottom: 3px;
}
#navigation .main-nav ul li a:hover {
  border-bottom: 3px solid;
  padding-bottom: 0;
}
#navigation .main-nav ul li.work a {
  font-size: 1.125rem;
  letter-spacing: 0;
}
#navigation .main-nav .link {
  color: #fff;
  border: 2px solid #fff;
  background-color: transparent;
}
#navigation .main-nav .link:hover, #navigation .main-nav .link:focus-visible {
  border: 2px solid #e99b30;
  background-color: #e99b30;
}
#navigation .sub-nav {
  width: 100%;
  padding: 0 30px 30px 0;
  z-index: 1000;
}
#navigation .sub-nav a:hover {
  border-bottom: 2px solid #fff;
}
#navigation .sub-nav ul {
  padding: 20px 40px;
}
#navigation .sub-nav ul li {
  margin-bottom: 1.6rem;
  text-transform: none;
}
#navigation .sub-nav ul li a {
  font-size: 1.125rem;
  letter-spacing: normal;
  font-weight: 400;
}
#navigation .sub-nav a.cat-title {
  display: block;
  width: 100%;
  height: 90px;
  line-height: 90px;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  border-bottom: 1px solid #FFFFFF;
  padding: 0 40px 20px 60px;
  margin-bottom: 25px;
  background-image: url("../images/arrow-circle-l.svg");
  background-position: center left 30px;
  background-repeat: no-repeat;
  background-size: 25px auto;
  font-weight: normal;
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.07rem;
  color: #FFF;
}
#navigation .menu-open {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: inherit;
  right: 40px;
  top: 20px;
  z-index: 999999;
}
#navigation .menu-open .search, #navigation .menu-open .closebtn, #navigation .menu-open #swapburger {
  display: block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.6);
}
#navigation .menu-open .search {
  background-image: url("../images/search-wht.svg");
  background-size: 25px auto;
  margin: 0 50px 0 0;
}
#navigation .menu-open .closebtn {
  background-image: url("../images/cross.svg");
  background-size: 35px auto;
  background-position: 50%;
  background-repeat: no-repeat;
}
#navigation .menu-open #swapburger {
  margin: 0 50px 0 0;
}
#navigation .menu-open .search:hover, #navigation .menu-open .closebtn:hover, #navigation .menu-open #swapburger:hover {
  background-color: #e99b30;
}
#navigation .search-panel {
  display: flex;
  flex-flow: column nowrap;
  position: absolute;
  right: 0;
  left: 0;
  top: 30%;
  height: 100%;
  padding: 20px !important;
}
#navigation .search-panel form {
  position: relative;
}
#navigation .search-panel .search-input {
  background-color: #e99b30;
  padding: 20px 30px;
  width: 100%;
  border-radius: 50px;
  border: 0;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  font-size: 1.2rem;
  color: #000000;
}
#navigation .search-panel .search-submit {
  position: absolute;
  z-index: 999999;
  top: 35%;
  right: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-image: url("../images/arrow-right-short-wht.svg");
  background-color: #000;
  background-size: 25px auto;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#navigation .search-panel .search-submit:hover {
  background-color: #e99b30;
  background-image: url("../images/arrow-right-short-wht.svg");
}

a.explore-card {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-bottom: none;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
a.explore-card .cover {
  background: transparent;
}
a.explore-card .info-box-blk {
  background-color: transparent !important;
  padding: 25px 35px;
  z-index: 10;
  border-radius: 50px;
  color: #FFFFFF;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a.explore-card .info-box-blk h1 {
  margin: 0;
  font-size: 2.8rem;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
a.explore-card .info-box-blk h4 {
  font-size: 0.9rem;
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 30px;
  margin-bottom: 5px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
a.explore-card .arrow-r-up-wht {
  display: none;
}

a.explore-card:hover, a.explore-card:active {
  border: none;
}
a.explore-card:hover .info-box-blk, a.explore-card:active .info-box-blk {
  display: none;
}
a.explore-card:hover .cover, a.explore-card:active .cover {
  background: #e99b30 !important;
  opacity: 0.5;
}
a.explore-card:hover .arrow-r-up-wht, a.explore-card:active .arrow-r-up-wht {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sub-nav .explore-links-mob {
  width: 100%;
}
.sub-nav .explore-links-mob a.explore-card {
  height: 100%;
}
.sub-nav .explore-links-mob a.explore-card .info-box-blk h1 {
  font-size: 2rem;
}
.sub-nav .explore-links-mob a.explore-card:hover {
  border-bottom: none !important;
}

.explore-links, .explore-links-mob {
  display: none;
}

a.h:hover, a.h:active, a.h.active {
  color: #dddad6 !important;
  border-bottom: 3px solid #dddad6 !important;
}

a.d:hover, a.d:active, a.d.active {
  color: #21C4C4 !important;
  border-bottom: 3px solid #21C4C4 !important;
}

a.sd:hover, a.sd:active, a.sd.active {
  color: #67C180 !important;
  border-bottom: 3px solid #67C180 !important;
}

a.ed:hover, a.ed:active, a.ed.active {
  color: #C6A4B3 !important;
  border-bottom: 3px solid #C6A4B3 !important;
}

a.e:hover, a.e:active, a.e.active {
  color: #f6b354 !important;
  border-bottom: 3px solid #f6b354 !important;
}

a.pys:hover, a.pys:active, a.pys.active {
  color: #4DBBCB !important;
  border-bottom: 3px solid #4DBBCB !important;
}

a.it:hover, a.it:active, a.it.active {
  color: #86B3D0 !important;
  border-bottom: 3px solid #86B3D0 !important;
}

.Destinations .sub-nav {
  background-color: #168383;
}
.Destinations .sub-nav a:hover, .Destinations .sub-nav a:active, .Destinations .sub-nav a.active {
  color: #b3e2e2;
  border-bottom: 3px solid #b3e2e2;
}
.Destinations .sub-nav a.cat-title:hover {
  background-color: #b3e2e2;
  border-bottom: 1px solid #b3e2e2;
  color: #168383;
}
.Destinations .explore-links, .Destinations .explore-links-mob {
  background-color: #b3e2e2;
}
.Destinations .explore-links .info-box-blk, .Destinations .explore-links-mob .info-box-blk {
  background-color: #168383;
}

.SeeDo .sub-nav {
  background-color: #35824B;
}
.SeeDo .sub-nav a:hover, .SeeDo .sub-nav a:active, .SeeDo .sub-nav a.active {
  color: #b6deba;
  border-bottom: 3px solid #b6deba;
}
.SeeDo .sub-nav a.cat-title:hover {
  background-color: #b6deba;
  border-bottom: 1px solid #b6deba;
  color: #35824B;
}
.SeeDo .explore-links, .SeeDo .explore-links-mob {
  background-color: #b6deba;
}
.SeeDo .explore-links .info-box-blk, .SeeDo .explore-links-mob .info-box-blk {
  background-color: #35824B;
}

.EatDrink .sub-nav {
  background-color: #8a586d;
}
.EatDrink .sub-nav a:hover, .EatDrink .sub-nav a:active, .EatDrink .sub-nav a.active {
  color: #edc6cf;
  border-bottom: 3px solid #edc6cf;
}
.EatDrink .sub-nav a.cat-title:hover {
  background-color: #edc6cf;
  border-bottom: 1px solid #edc6cf;
  color: #8a586d;
}
.EatDrink .explore-links, .EatDrink .explore-links-mob {
  background-color: #edc6cf;
}
.EatDrink .explore-links .info-box-blk, .EatDrink .explore-links-mob .info-box-blk {
  background-color: #8a586d;
}

#navigation.Events .sub-nav {
  background-color: #e1870b;
}
#navigation.Events .sub-nav a:hover, #navigation.Events .sub-nav a:active, #navigation.Events .sub-nav a.active {
  color: #ffd59c;
  border-bottom: 3px solid #ffd59c;
}
#navigation.Events .sub-nav a.cat-title:hover {
  background-color: #ffd59c;
  border-bottom: 1px solid #ffd59c;
  color: #e1870b;
}
#navigation.Events .explore-links, #navigation.Events .explore-links-mob {
  background-color: #ffd59c;
}
#navigation.Events .explore-links .info-box-blk, #navigation.Events .explore-links-mob .info-box-blk {
  background-color: #e1870b;
}

.PlanStay .sub-nav {
  background-color: #29818E;
}
.PlanStay .sub-nav a:hover, .PlanStay .sub-nav a:active, .PlanStay .sub-nav a.active {
  color: #acd5da;
  border-bottom: 3px solid #acd5da;
}
.PlanStay .sub-nav a.cat-title:hover {
  background-color: #acd5da;
  border-bottom: 1px solid #acd5da;
  color: #29818E;
}
.PlanStay .explore-links, .PlanStay .explore-links-mob {
  background-color: #acd5da;
}
.PlanStay .explore-links .info-box-blk, .PlanStay .explore-links-mob .info-box-blk {
  background-color: #29818E;
}

.Itineraries-nav .sub-nav {
  background-color: #3D799E;
}
.Itineraries-nav .sub-nav a:hover, .Itineraries-nav .sub-nav a:active, .Itineraries-nav .sub-nav a.active {
  color: #a9cfe8;
  border-bottom: 3px solid #a9cfe8;
}
.Itineraries-nav .sub-nav a.cat-title:hover {
  background-color: #a9cfe8;
  border-bottom: 1px solid #a9cfe8;
  color: #29818E;
}
.Itineraries-nav .explore-links, .Itineraries-nav .explore-links-mob {
  background-color: #a9cfe8;
}
.Itineraries-nav .explore-links .info-box-blk, .Itineraries-nav .explore-links-mob .info-box-blk {
  background-color: #3D799E;
}

@media (min-width: 576px) {
  #navigation {
    margin: 0;
  }
  #navigation .main-nav, #navigation .sub-nav {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
  }
  #navigation .main-nav ul, #navigation .sub-nav ul {
    padding: 0 40px;
  }
  #navigation .main-nav {
    width: 50%;
    overflow-y: unset;
  }
  #navigation .sub-nav {
    width: 50%;
    padding: 0;
  }
  #navigation .sub-nav a.cat-title {
    display: none;
  }
  #navigation .closebtn {
    width: 50px;
    height: 50px;
    background-image: url("../images/cross.svg");
  }
}
@media (min-width: 992px) {
  #navigation .main-nav {
    width: 40%;
    padding: 0 20px;
  }
  #navigation .main-nav ul li a span {
    display: block;
  }
  #navigation .main-nav ul li a span.maori-title {
    display: none;
  }
  #navigation .main-nav ul li a:hover span {
    display: none;
  }
  #navigation .main-nav ul li a:hover span.maori-title {
    font-size: 1.4rem;
    margin-bottom: 0;
    display: block;
  }
  #navigation .sub-nav {
    width: 33.333%;
    height: 100%;
    padding: 0 30px 0 20px;
  }
  #navigation .explore-links {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 37.666%;
  }
  #navigation .explore-links a {
    border-bottom: none;
  }
  #navigation .explore-links a.explore-card {
    max-height: 450px;
    height: 450px;
  }
  #navigation .explore-links-mob {
    display: none;
  }
}
@media (min-width: 1200px) {
  #navigation .main-nav {
    width: 30%;
  }
}
/*-----------------------------------------------------------------------------------

	 Optional Content Sections SCSS INDEX

	01. Optional Content Holders
		- Video Embeds
		- Accordion
		- Featured content section
			- Single + Vid
			- Multi + Vid
		- Generic Page - Content Center
		- Image Left Text Right
		- Image Right Text Left
	02. Content Bundles 
		- Image Grid Left Text Right
		- Image Grid Right Text Left
	03. Content Carousel
		- Suggestions carousel
	06. Media Queries

-----------------------------------------------------------------------------------*/
.embed, iframe {
  border: 0;
  width: 100% !important;
  height: auto;
  min-height: 300px;
}

.accordion-generic {
  width: 97%;
  margin: 40px auto;
}
.accordion-generic .accordion-body {
  background-color: #f8f8f8;
}

.optional-content {
  margin-top: 40px;
}
.optional-content .featured-single, .optional-content .featured-multi {
  background-color: transparent !important;
  margin-bottom: 0 !important;
}
.optional-content .featured-single {
  padding: 0 0 40px 0;
}
.optional-content .featured-single .card {
  position: relative;
  box-shadow: none !important;
  height: fit-content;
}
.optional-content .featured-single .card .text {
  display: block;
  width: 100%;
  background-color: #414042;
  position: relative;
  padding: 40px 30px;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
}
.optional-content .featured-single .card .text p {
  display: block;
}
.optional-content .featured-single .card:hover .cover, .optional-content .featured-single .card:hover .arrow-r-up-wht {
  display: none;
}
.optional-content .suggestions {
  margin-bottom: 40px;
}
.content-center {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  padding: 40px 20px;
}
.content-center .content-image {
  position: relative;
}
.content-center img {
  display: block;
  position: relative;
  width: 100%;
  min-height: 400px;
  margin: 15px 0 30px 0;
}
.content-center .featured {
  width: 100%;
  height: auto;
  margin: 30px 0;
  padding: 45px 40px 30px 40px;
  background-color: #414042;
  color: #FFFFFF;
}
.content-center .featured h3 {
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: 0.15rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}

.pg-image {
  position: relative;
  display: block;
  width: 100%;
  height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 30px 0;
}

.img-text, .text-img {
  padding: 0 0 30px 0;
}
.img-text h3, .text-img h3 {
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: 0.15rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}
.img-text .link, .text-img .link {
  margin-top: 10px;
}
.img-text .image, .text-img .image {
  display: block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
  height: 300px;
}
.img-text .image .info-btn, .text-img .image .info-btn {
  right: 35px;
  bottom: 35px;
}

.img-text .text {
  padding: 30px;
}

.text-img {
  flex-flow: column-reverse wrap;
  display: flex;
}
.text-img .text {
  padding: 30px;
}

.bundle-r, .bundle-l {
  display: flex;
}
.bundle-r .images .lrg img, .bundle-r .images .med img, .bundle-r .images .sml img, .bundle-l .images .lrg img, .bundle-l .images .med img, .bundle-l .images .sml img {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  z-index: 0;
  width: 100%;
  height: auto;
}
.bundle-r .images .lrg, .bundle-l .images .lrg {
  width: 85%;
  max-width: 600px;
  margin-bottom: 10px;
}
.bundle-r .images .med, .bundle-l .images .med {
  max-width: 450px;
}
.bundle-r .images .sml, .bundle-l .images .sml {
  max-width: 220px;
}
.bundle-r .images .wrap, .bundle-l .images .wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
}
.bundle-r .images .wrap .med, .bundle-l .images .wrap .med {
  width: 60%;
  padding-right: 10px;
}
.bundle-r .images .wrap .sml, .bundle-l .images .wrap .sml {
  width: 40%;
}
.bundle-r .text, .bundle-l .text {
  align-content: center;
  padding: 30px 20px;
}
.bundle-r .text h3, .bundle-l .text h3 {
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: 0.15rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}

.bundle-r {
  flex-flow: column-reverse wrap;
}
.bundle-r .lrg {
  margin-left: 17%;
}

.bundle-l {
  flex-flow: column wrap;
}
.bundle-l .lrg {
  margin-right: 17%;
}

@media (min-width: 768px) {
  .optional-content .featured-single {
    display: flex;
    justify-content: center;
    padding: 0 0 90px 0;
  }
  .optional-content .featured-single .card {
    height: content-box;
    width: 100%;
    max-width: 1050px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
  }
  .optional-content .featured-single .card .img-fluid {
    height: 100%;
  }
  .optional-content .featured-single .card .text {
    position: absolute;
    max-width: 400px;
    padding: 50px 40px 40px 40px;
    margin: auto auto auto -15%;
    box-shadow: none;
    top: 0;
    bottom: 0;
    height: fit-content;
  }
  .optional-content .suggestions {
    margin-bottom: 90px;
  }
  .content-center {
    padding: 70px 0;
  }
  .content-center h3 {
    margin-bottom: 30px;
  }
  .content-center h4 {
    font-weight: 600;
  }
  .img-text, .text-img {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    padding: 0 0 90px 0;
  }
  .img-text .text, .text-img .text {
    width: 60%;
    padding: 0 80px 0 40px;
  }
  .img-text .image, .text-img .image {
    width: 40%;
    height: 280px;
    margin: 0;
  }
  .img-text .image {
    margin-left: auto;
  }
  .text-img .image {
    margin-right: auto;
  }
  .bundle-r, .bundle-l {
    flex-flow: row nowrap;
    justify-items: center;
    margin: 0;
  }
  .bundle-r .images, .bundle-l .images {
    width: 45%;
    margin: 0;
  }
  .bundle-r .images .lrg, .bundle-l .images .lrg {
    width: 100%;
  }
  .bundle-r .text, .bundle-l .text {
    width: 55%;
  }
  .bundle-r {
    justify-content: flex-end;
  }
  .bundle-r .text {
    padding: 30px 60px 30px 30px;
  }
  .bundle-l .images .lrg {
    margin-left: -15%;
  }
  .bundle-l .text {
    padding: 30px 30px 30px 60px;
  }
}
@media (min-width: 992px) {
  .optional-content {
    margin-top: 70px;
  }
  .img-text .text, .text-img .text {
    width: 40%;
  }
  .img-text .image, .text-img .image {
    width: 55%;
    max-width: 700px;
    height: 500px;
  }
  .bundle-r, .bundle-l {
    justify-items: flex-start;
  }
  .bundle-r .images, .bundle-l .images {
    width: 55%;
  }
  .bundle-r .images .lrg, .bundle-l .images .lrg {
    width: 85%;
  }
  .bundle-r .text, .bundle-l .text {
    width: 40%;
  }
  .bundle-r {
    justify-content: flex-end;
  }
  .bundle-r .text {
    padding: 30px 80px 30px 30px;
  }
  .bundle-l .images .lrg {
    margin-left: 0;
  }
  .bundle-l .text {
    padding: 30px 0 20px 30px;
  }
}
@media (min-width: 1200px) {
  .bundle-l .text {
    padding: 30px 80px 30px 30px;
  }
}
/*-----------------------------------------------------------------------------------

	Operator Pages SCSS INDEX

	00. Operator Pages
	- Download business Info on operator pages
	01. Accommodation operators
	02. Hotdeals
	03. Media Queries

-----------------------------------------------------------------------------------*/
body.OperatorPage .wrapper, body.OperatorPage .on-offer {
  padding: 50px 0;
}
body.OperatorPage .content {
  padding: 20px 0 50px 0;
}
body.OperatorPage .details, body.OperatorPage .content, body.OperatorPage .also {
  border-bottom: 1px solid #dddad6;
}
body.OperatorPage .details ul {
  display: flex;
  flex-flow: row wrap;
}
body.OperatorPage .hours {
  padding: 10px 0;
}
body.OperatorPage .hours ul {
  padding: 0;
}
body.OperatorPage .hours button {
  margin-right: 8px;
}
body.OperatorPage .reviews {
  display: flex;
  margin-top: 20px;
  justify-content: center;
}
body.OperatorPage .reviews .ta-wrapper {
  display: flex;
  flex-flow: column nowrap;
  width: 100px;
  font-size: 0.85rem;
  line-height: 1.4;
}
body.OperatorPage .reviews .ta-wrapper a {
  box-shadow: none;
  border-bottom: 0;
}
body.OperatorPage .reviews .ta-wrapper img {
  margin: 0 0 5px -8px;
}
body.OperatorPage .reviews .Qualmark img {
  width: 100px;
}
body.OperatorPage ul.social {
  display: flex;
  margin: 40px auto;
  padding: 0;
  width: fit-content;
}
body.OperatorPage ul.social li {
  list-style: none;
  margin: 0 5px 0 0;
}
body.OperatorPage ul.social a.icon {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 4px 4px 0;
  box-shadow: none;
  background-color: #414042;
  border-radius: 50%;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: none;
}
body.OperatorPage ul.social a.icon:hover {
  background-color: #e99b30;
}
body.OperatorPage .also {
  padding: 30px 0 0 0;
  margin-bottom: 20px;
  text-align: left;
}
body.OperatorPage .also ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  padding: 0;
}
body.OperatorPage .also ul li {
  display: flex;
  height: 30px;
  width: 145px;
  align-items: center;
  margin: 0 0 25px 0;
  padding-left: 30px;
  line-height: 1.3;
}
body.OperatorPage .also ul li h4 {
  margin-bottom: 0;
  font-size: 0.8rem;
}
body.OperatorPage .wrapper {
  display: flex;
  flex-flow: column nowrap;
  padding: 50px 10px;
  text-align: center;
}
body.OperatorPage .wrapper h2 {
  margin-bottom: 25px;
}
body.OperatorPage .wrapper .contact-info {
  border-radius: 25px;
  background: transparent;
  margin-bottom: 10px;
}
body.OperatorPage .wrapper .contact-info h2 {
  margin-bottom: 20px;
  line-height: 1.3;
}
body.OperatorPage .wrapper .contact-info h4 {
  font-weight: 600;
  line-height: 1.4;
}
body.OperatorPage .wrapper .contact-info p {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
body.OperatorPage .wrapper .contact-info .location h3 > a {
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 1.3rem;
  padding: 0;
}
body.OperatorPage .wrapper .contact-info .details {
  display: flex;
  flex-flow: column wrap;
}
body.OperatorPage .wrapper .contact-info .details ul {
  margin: 0;
  padding: 0;
}
body.OperatorPage .wrapper .contact-info .details ul li {
  list-style: none;
  margin: 0 4px 10px 4px;
  padding: 0;
}
body.OperatorPage .wrapper .contact-info .details ul li a {
  border-bottom: 0;
}
body.OperatorPage .wrapper .cont-l .contact-info {
  display: flex;
  flex-flow: column wrap;
  text-align: center;
  padding: 10px 10px 20px 10px;
  border-bottom: 1px dotted #000;
  border-radius: 0;
}
body.OperatorPage .wrapper .cont-l .contact-info .hours {
  width: 100%;
  margin: 0 0 10px 0;
}
body.OperatorPage .wrapper .cont-l .contact-info .btn {
  padding: 8px 12px;
  font-size: 0.8rem;
}
body.OperatorPage .wrapper .cont-l .contact-info .location {
  width: 100%;
  margin: 0 auto 10px auto;
}
body.OperatorPage .wrapper .cont-l .contact-info .location .see-more {
  margin: 5px 5px 5px 0;
}
body.OperatorPage .wrapper .cont-l .contact-info .details {
  width: 100%;
  margin: 0 auto 20px auto;
}
body.OperatorPage .wrapper .cont-l .contact-info .details ul {
  padding-top: 8px;
  margin: 0 auto;
}
body.OperatorPage .wrapper .cont-l .contact-info .details .see-more {
  margin-bottom: 0;
}
body.OperatorPage .wrapper .cont-l .contact-info ul.social {
  justify-content: center;
}
body.OperatorPage .wrapper .cont-l .details {
  border: 0;
}
body.OperatorPage .wrapper .cont-l .hours {
  padding: 0;
}
body.OperatorPage .wrapper .cont-l .hours button {
  width: fit-content;
}
body.OperatorPage .wrapper .cont-l .on-offer .wrapper, body.OperatorPage .wrapper .cont-l .on-offer .also {
  display: flex;
  flex-flow: column wrap;
  padding: 0;
}
body.OperatorPage .wrapper .cont-l .on-offer .wrapper h4, body.OperatorPage .wrapper .cont-l .on-offer .also h4 {
  font-weight: 700;
  margin-bottom: 15px;
}
body.OperatorPage .wrapper .cont-l .on-offer .wrapper ul, body.OperatorPage .wrapper .cont-l .on-offer .also ul {
  margin-bottom: 30px;
  padding: 0;
}
body.OperatorPage .wrapper .cont-l .on-offer .wrapper li, body.OperatorPage .wrapper .cont-l .on-offer .also li {
  list-style: none;
}
body.OperatorPage .wrapper .cont-l .on-offer .wrapper .col, body.OperatorPage .wrapper .cont-l .on-offer .also .col {
  margin-bottom: 30px;
}
body.OperatorPage .wrapper .cont-l .also.desk {
  display: none;
}
body.OperatorPage .wrapper .cont-r h3 {
  font-size: 1.8rem;
}
body.OperatorPage .wrapper .cont-r .contact-info {
  display: none;
  padding: 40px 35px;
  margin-bottom: 35px;
  border: 2px solid #f1f1f1;
  text-align: left;
}
body.OperatorPage .wrapper .cont-r .contact-info p, body.OperatorPage .wrapper .cont-r .contact-info li {
  font-weight: 300;
}
body.OperatorPage .wrapper .cont-r .contact-info h3 {
  margin-bottom: 20px;
}
body.OperatorPage .wrapper .cont-r .contact-info .btn {
  padding: 10px 15px;
  font-size: 0.8rem;
}
body.OperatorPage .wrapper .cont-r .contact-info .location {
  margin-bottom: 10px;
}
body.OperatorPage .wrapper .cont-r .contact-info .details {
  border-bottom: none;
}
body.OperatorPage .wrapper .cont-r .contact-info .details ul {
  display: flex;
  flex-flow: row wrap;
}
body.OperatorPage .wrapper .cont-r .contact-info ul {
  margin-bottom: 0;
}
body.OperatorPage .wrapper .cont-r .contact-info .book {
  margin-bottom: 10px;
  display: none;
}
body.OperatorPage .wrapper .cont-r .contact-info .hours {
  display: block;
  margin-bottom: 10px;
}
body.OperatorPage .wrapper .cont-r .contact-info .openhours {
  margin-bottom: 15px;
}
body.OperatorPage .wrapper .cont-r .sidebar {
  background-color: #414042;
  padding: 40px 35px;
  color: #fff;
  border-radius: 20px;
}
body.OperatorPage .wrapper .cont-r .sidebar a:hover {
  color: #e99b30;
}
body.OperatorPage .wrapper .cont-r .business-info {
  background-color: #f1f1f1;
  padding: 40px;
  margin-bottom: 35px;
  border-radius: 25px;
}
body.OperatorPage .wrapper .cont-r .business-info .btn {
  font-size: 0.8rem;
  margin-top: 10px;
}
body.OperatorPage .wrapper .cont-r .other-places {
  text-align: center;
}
body.OperatorPage .wrapper .cont-r .other-places h3 {
  margin: 40px 0 15px 0;
}
body.OperatorPage .wrapper .cont-r .other-places .resCarousel {
  padding-bottom: 50px;
}
body.OperatorPage .wrapper .cont-r .other-places .resCarousel-inner {
  display: flex;
  padding: 0;
}
body.OperatorPage .wrapper .cont-r .other-places .resCarousel-inner .item {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 10px auto;
  box-shadow: none;
}
body.OperatorPage .wrapper .cont-r .other-places .leftRs {
  margin-top: 5px;
  left: 120px;
  bottom: 0;
}
body.OperatorPage .wrapper .cont-r .other-places .rightRs {
  margin-top: 5px;
  right: 135px;
  bottom: 0;
}
body.OperatorPage .wrapper .cont-r .other-places .card {
  display: flex;
  justify-content: center;
  align-content: center;
  width: 250px;
  height: 250px;
  border-radius: 50%;
  margin: 0 auto 15px auto;
  padding: 15px;
}
body.OperatorPage .wrapper .cont-r .other-places .card .info {
  position: relative;
  padding: 0;
  text-align: center;
}
body.OperatorPage .wrapper .cont-r .other-places .card h3 {
  margin-bottom: 0 !important;
  font-size: 1.5rem;
}
body.OperatorPage .wrapper .cont-r .other-places .card .cover {
  border-radius: 50%;
}
body.OperatorPage .wrapper .cont-r .other-places .card:hover .info {
  opacity: 0;
  z-index: -1;
}
body.OperatorPage .wrapper .cont-r .other-places .card:hover .arrow-r-up-wht {
  display: block;
}
body.OperatorPage .cta {
  display: flex;
  flex-flow: row nowrap;
}
body.OperatorPage .cta .see-more, body.OperatorPage .cta .book {
  flex-basis: 100%;
  height: fit-content;
}
body.OperatorPage .modal-content .hours {
  width: auto;
  margin: 0 auto;
  padding: 0 15px 45px 15px;
  text-align: center;
  border-bottom: 1px solid #FFFFFF;
}
body.OperatorPage .modal-content .hours li {
  list-style-type: none;
  margin-bottom: 10px;
}
body.OperatorPage .modal-content .hours button {
  margin: 10px 0 0 0;
}
body.OperatorPage .modal-content .closebtn {
  border: 2px solid #fff;
}
body.OperatorPage .modal-content .closebtn:hover {
  border: 2px solid #e99b30;
}
body.OperatorPage .modal-content .see-more {
  color: #FFF;
  border: 2px solid #FFF !important;
}
body.OperatorPage .modal-content .see-more:hover {
  border: 2px solid #e99b30 !important;
}

body.OperatorPage.Accommodation .wrapper .cont-r .contact-info .hours {
  display: block;
}

button.hotdeals {
  padding: 6px 8px;
  font-size: 0.7rem;
  color: #fff;
  background-color: #e99b30;
  border-radius: 25px;
  margin-bottom: 10px;
  font-weight: 700;
}

.hot-deal-modal {
  background: transparent !important;
  border: 0;
}
.hot-deal-modal .modal-body.deal {
  padding: 0;
}
.hot-deal-modal .modal-body.deal .closebtn {
  position: absolute;
  border: 0;
}
.hot-deal-modal .modal-body.deal .see-more {
  margin: 10px auto 20px auto;
}
.hot-deal-modal .modal-body.deal .nav-tabs {
  border: 0;
}
.hot-deal-modal .modal-body.deal .card {
  height: fit-content;
  background-color: #fff;
  width: 300px;
  margin: 0 auto;
}
.hot-deal-modal .modal-body.deal .card .hotdeal-image {
  position: relative;
  width: 300px;
  height: 200px;
}
.hot-deal-modal .modal-body.deal .card .text {
  padding: 25px 25px 10px 25px;
  background-color: #fff;
  text-align: center;
}
.hot-deal-modal .modal-body.deal .card .text h3 {
  color: #000;
}
.hot-deal-modal .modal-body.deal .card .text p {
  font-size: 0.9rem;
  color: #000;
}
.hot-deal-modal .modal-body.deal .card .text .valid {
  display: block;
  color: #000;
  font-size: 0.85rem;
}
.hot-deal-modal .modal-body.deal .card .book-now {
  width: fit-content;
  border-radius: 25px;
  background-color: #e99b30;
  margin: 0 auto 20px auto;
  bottom: 10px;
  position: absolute;
  border: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: fit-content;
  color: #fff;
}
.hot-deal-modal .modal-body.deal .card .book-now:hover {
  color: #fff;
  background-color: #000;
}

@media (min-width: 576px) {
  body.OperatorPage .cont-r .other-places .card {
    width: 300px;
    height: 300px;
  }
}
@media (min-width: 768px) {
  body.OperatorPage .wrapper {
    text-align: left;
  }
  body.OperatorPage .wrapper .cont-l {
    text-align: left;
  }
  body.OperatorPage .wrapper .cont-l .contact-info {
    flex-flow: row wrap;
    column-gap: 20px;
    text-align: center;
  }
  body.OperatorPage .wrapper .cont-l .contact-info h2 {
    margin: 0 auto 20px auto;
  }
  body.OperatorPage .wrapper .cont-l .contact-info .hours .see-more {
    margin-bottom: 10px;
  }
  body.OperatorPage .wrapper .cont-l .contact-info .details {
    margin: 0 0 20px 0;
  }
  body.OperatorPage .wrapper .cont-l .contact-info .details ul {
    margin: 0 auto;
  }
  body.OperatorPage .wrapper .cont-l ul.social {
    margin: 40px 0;
  }
  body.OperatorPage .wrapper .cont-l .reviews {
    justify-content: left;
  }
  body.OperatorPage .wrapper .cont-l .reviews .ta-wrapper {
    margin-right: 25px;
  }
  body.OperatorPage .wrapper .cont-l .on-offer .wrapper {
    flex-flow: row wrap;
  }
  body.OperatorPage .wrapper .cont-l .on-offer .wrapper .col {
    flex: unset;
    width: 25%;
    padding-right: 30px;
  }
  body.OperatorPage .wrapper .also.mob {
    display: none;
  }
  body.OperatorPage .wrapper .also.desk {
    display: block;
  }
  body.OperatorPage .wrapper .cont-r .other-places .resCarousel-inner {
    justify-content: center;
  }
  body.OperatorPage .wrapper .cont-r .other-places .resCarousel-inner .item {
    margin: 0 0 15px 0;
  }
}
@media (min-width: 992px) {
  body.OperatorPage .wrapper {
    display: flex;
    flex-flow: row wrap;
  }
  body.OperatorPage .wrapper .cont-l {
    width: 65%;
    padding: 0 90px 0 20px;
  }
  body.OperatorPage .wrapper .cont-l .book, body.OperatorPage .wrapper .cont-l .see-more {
    display: none;
  }
  body.OperatorPage .wrapper .cont-l .contact-info {
    display: none;
  }
  body.OperatorPage .wrapper .cont-l .also ul {
    justify-content: left;
  }
  body.OperatorPage .wrapper .cont-r {
    position: sticky;
    top: 30px;
    height: fit-content;
    width: 35%;
  }
  body.OperatorPage .wrapper .cont-r .contact-info {
    display: block;
  }
  body.OperatorPage .wrapper .cont-r .contact-info .location h3 > a {
    font-size: 1.45rem;
  }
  body.OperatorPage .wrapper .cont-r .contact-info .details ul {
    margin: 0;
  }
  body.OperatorPage .wrapper .cont-r .other-places .resCarousel-inner {
    justify-content: left;
    padding-left: 5%;
  }
  body.OperatorPage .wrapper .cont-r .other-places .resCarousel-inner .item {
    margin: 0 10px 15px auto;
  }
  body.OperatorPage .wrapper .cont-r .other-places .resCarousel-inner .item .card {
    width: 260px;
    height: 260px;
  }
  body.OperatorPage .also ul li {
    width: 50%;
    margin: 0 0 15px 0;
  }
}
@media (min-width: 1200px) {
  body.OperatorPage .also ul li {
    width: auto;
    margin: 0 15px 25px 0;
  }
  body.OperatorPage .other-places .resCarousel {
    max-width: 380px;
    margin: 0 auto;
  }
  body.OperatorPage .other-places .resCarousel-inner .item .card {
    width: 280px;
    height: 280px;
  }
}
@media (min-width: 1400px) {
  body.OperatorPage .also ul li {
    width: auto;
    margin: 0 10px 25px 0;
  }
}
/*-----------------------------------------------------------------------------------

	Sections SCSS INDEX

	00. Content Sections
		- Padding & Margins
	01. Featured
		- Single
		- Multi
	02. Destinations
		- Places
		- Page Variations
	03. Suggestions
	04. Must Do's
	05. Articles
	06. Morsel
	07. Page Type Styles - May move this to own stylesheet
	08. Business Events & Weddings - Your Events
	10. Booking.com
	11. Media Queries

-----------------------------------------------------------------------------------*/
.featured-single, .featured-multi, .must-dos, .our-places, .itineraries, .suggestions, .explore, .other-events, .highlights, .grid, .bundle-r, .bundle-l {
  padding: 0 0 30px 0;
}

.articles {
  padding: 0 0 30px 0;
  background-color: #f1f1f1;
}

body.Destinations .intro-dp .text, body.Destinations .intro-pu .text {
  position: relative;
  margin-top: -80px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
  background-color: #FFFFFF;
  padding: 35px 25px 30px 25px;
  color: #414042;
}
body.Destinations .intro-dp .text h2, body.Destinations .intro-pu .text h2 {
  line-height: 1.1;
  margin-bottom: 20px;
}
body.Destinations .intro-dp .demographics, body.Destinations .intro-pu .demographics {
  display: flex;
  flex-flow: column wrap;
  padding: 40px 10px 0 10px;
}
body.Destinations .intro-dp .demographics .col, body.Destinations .intro-pu .demographics .col {
  display: flex;
  flex: 0 auto;
  flex-flow: column wrap;
  text-align: center;
  margin: 10px auto;
}
body.Destinations .intro-dp .demographics .col h3, body.Destinations .intro-pu .demographics .col h3 {
  text-transform: uppercase;
  font-size: 1.6rem;
  letter-spacing: 0.15rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 15px;
}
body.Destinations .intro-dp .demographics .col h4, body.Destinations .intro-pu .demographics .col h4 {
  font-weight: 400;
}
body.Destinations .intro-dp .demographics .col p, body.Destinations .intro-pu .demographics .col p {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
}
body.Destinations .must-dos {
  color: #FFFFFF;
}
body.Destinations .our-places .item .title p {
  display: none;
}

.our-places {
  background-color: #f1f1f1;
}
.our-places h1 {
  color: #414042 !important;
}
.our-places .resCarousel-inner {
  padding-bottom: 80px;
}
.our-places .leftRs, .our-places .rightRs, .our-places .view-all {
  bottom: -5px;
}

body.HawkesBay .featured-multi, body.HawkesBay .featured-single {
  margin-bottom: 0 !important;
}

.Napier-pg .optional-content .suggestions {
  margin: 0;
}

.Hastings-pg .optional-content {
  margin: 0;
}

.Havelock-pg main .optional-content {
  margin: 0;
}
.Havelock-pg .resCarousel.car-1 .resCarousel-inner {
  padding: 10px 0;
}

.Central-pg .optional-content, .Central-pg .optional-content .suggestions {
  margin: 0;
}

.Napier-pg .explore .resCarousel-inner .item h3, .Hastings-pg .explore .resCarousel-inner .item h3, .Havelock-pg .explore .resCarousel-inner .item h3, .Central-pg .explore .resCarousel-inner .item h3, .Wairoa-pg .explore .resCarousel-inner .item h3 {
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  font-size: 1.8rem !important;
  line-height: 1;
  white-space: break-spaces;
  text-align: left;
  padding: 0 20px;
  position: absolute;
  z-index: 100;
  bottom: 30px;
  left: 20px;
  color: #FFFFFF;
}

.suggestions {
  background-color: #f1f1f1;
}
.suggestions .see-more {
  display: none;
}

.must-dos .section-title h1, .must-dos .section-title h3, .must-dos .section-title h4, .must-dos .section-title p {
  color: #fff !important;
}

.morsel {
  text-align: center;
  padding-bottom: 60px;
}
.morsel .container {
  max-width: 960px;
}
.morsel .see-more {
  margin-bottom: 20px;
}

body.HomePage .feature-single, body.HomePage .featured-multi {
  background-color: #fff;
}

.PlanStay .content-center {
  padding: 0 20px 70px 20px;
}
.PlanStay .optional-content .btn.link {
  border: 2px solid #000 !important;
  box-shadow: none;
}
.PlanStay .optional-content .btn.link:hover {
  border: 2px solid #acd5da !important;
}
.PlanStay .optional-content .accordion-generic {
  margin: -60px auto 40px auto;
}

body#page-72.PlanStay .optional-content .accordion-generic {
  margin: 0 auto 40px auto;
}

body.ExplorePage .must-dos .section-title {
  color: #FFFFFF;
}
body.ExplorePage .other-events .your-events {
  display: flex;
  flex-flow: column wrap;
}
body.ExplorePage .other-events .your-events .item {
  margin: 6px 0 10px 0;
  color: #FFFFFF;
  transition: 0.6s ease all;
  height: 400px;
}
body.ExplorePage .other-events .your-events .item .card {
  height: 400px;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
}
body.ExplorePage .other-events .your-events .item .card .info {
  bottom: 30px;
  left: 10px;
}
body.ExplorePage .other-events .your-events .item .card .info h3 {
  font-style: normal;
  font-size: 2.4rem;
}

body.PlanStay.ExplorePage .explore {
  background-color: #fff;
}
body.ItineraryPage .subscribe {
  margin-top: 90px;
}

body.Events .featured-multi, body.Events .featured-single {
  margin-bottom: 0 !important;
}
body.Events .resCarousel .resCarousel-inner {
  padding: 20px 5% 80px 0;
}
body.Events .resCarousel .resCarousel-inner .eventItem {
  height: 380px;
}
body.Events .resCarousel .resCarousel-inner .eventItem .cover {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 180%);
}
body.Events .finder .finder-cards .item.eventItem a.card .info {
  width: 100%;
  background: linear-gradient(90deg, rgb(65, 64, 66) 0%, rgba(0, 0, 0, 0) 0%);
}
body.Events .finder .finder-cards .item.eventItem a.card .info h3 {
  font-size: 1.8rem;
  line-height: 1.1;
  margin-bottom: 10px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
body.Events .finder .finder-cards .item.eventItem a.card .info h4 {
  font-size: 0.75rem;
}
body.Events .finder .finder-cards .item.eventItem a.card .info h5 {
  font-size: 0.85rem;
  text-transform: uppercase;
  font-weight: 500;
}
body.Events .must-dos .view-all:hover {
  color: #000;
  background-image: url("../images/view-all.svg");
}
body.Events .must-dos .leftRs:hover, body.Events .must-dos .rightRs:hover {
  border: 2px solid #000;
}
body.Events .must-dos .leftRs:hover {
  background-image: url(../images/arrow-left-short.svg);
}
body.Events .must-dos .rightRs:hover {
  background-image: url(../images/arrow-right-short.svg);
}
body.Events .optional-content {
  padding-top: 0;
}
body.Events .optional-content .suggestions {
  margin: 0;
}

body.EventDetails .pg-banner {
  background-color: #414042 !important;
  background-size: auto;
  height: 400px;
}
body.EventDetails .eventWrapper {
  padding: 40px 0;
  display: flex;
  flex-flow: column wrap;
}
body.EventDetails .eventWrapper h4 {
  font-weight: 700;
}
body.EventDetails .eventWrapper .details {
  display: flex;
  flex-flow: column wrap;
  margin: 0 0 40px 0;
  border-bottom: 1px solid #414042;
  padding: 0 0 20px 0;
}
body.EventDetails .eventWrapper .details h4, body.EventDetails .eventWrapper .details p {
  margin: 0 0 10px 0;
}
body.EventDetails .eventWrapper .details h4 {
  font-weight: 400;
  margin-bottom: 0 !important;
}
body.EventDetails .eventWrapper .details .see-more, body.EventDetails .eventWrapper .details .map {
  margin: 5px 0;
}
body.EventDetails .eventWrapper .details .see-more:hover {
  color: #fff;
}
body.EventDetails .eventWrapper .details .loc {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin: 10px 0;
}
body.EventDetails .eventWrapper .details .loc h4 {
  margin: 0 10px 0 0;
  font-style: italic;
}
body.EventDetails .eventWrapper .info {
  height: fit-content;
  margin: 0 20px 20px 20px;
  border-radius: 20px;
  border: 2px solid #f1f1f1;
  padding: 25px;
}
body.EventDetails .eventWrapper .info h4 {
  font-weight: 600;
}
body.EventDetails .eventWrapper .info .see-more {
  background-color: #e99b30;
  border: 2px solid #e99b30 !important;
  color: #fff;
}
body.EventDetails .eventWrapper .info .see-more:hover {
  background-color: #414042 !important;
  border: 2px solid #414042 !important;
}
body.EventDetails .eventWrapper h4.cal, body.EventDetails .eventWrapper h4.venue, body.EventDetails .eventWrapper h4.tix {
  background-image: url("../images/calendar.svg");
  background-repeat: no-repeat;
  background-position: left center;
}
body.EventDetails .eventWrapper h4.cal {
  background-image: url("../images/calendar.svg");
  background-size: 18px auto;
  padding: 2px 0 2px 25px;
}
body.EventDetails .eventWrapper h4.venue {
  background-image: url("../images/map-blk.svg");
  background-size: 25px auto;
  padding: 2px 0 2px 24px;
  font-weight: 400 !important;
}
body.EventDetails .eventWrapper h4.tix {
  background-image: url("../images/tickets-cart.svg");
  background-size: 25px auto;
  padding: 5px 0 5px 30px;
}
body.EventDetails .eventWrapper .content {
  padding: 25px;
}
body.EventDetails .eventWrapper .content h4 {
  margin-bottom: 20px;
}

.ErrorPage .content-center a {
  font-weight: 600;
  text-decoration: none;
  color: inherit;
}
.ErrorPage .content-center a:hover {
  color: #e99b30;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.booking-accomm {
  background: #f1f1f1;
  padding: 40px 20px 160px 20px;
}

@media (min-width: 576px) {
  .articles {
    display: flex;
    flex-flow: row wrap;
  }
  .PlanStay .content-center {
    padding: 0 0 70px 0;
  }
  body.ExplorePage .other-events .your-events {
    flex-flow: row nowrap;
  }
  body.ExplorePage .other-events .your-events .item {
    width: 50%;
    margin: 6px;
  }
}
@media (min-width: 768px) {
  .itineraries, .suggestions, .explore, .other-events {
    padding: 0 0 70px 0;
  }
  .articles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    padding: 0 0 70px 0;
  }
  .featured-single, .featured-multi, .highlights, .must-dos, .grid, .bundle-r, .bundle-l, .our-places {
    padding: 0 0 90px 0;
  }
  body.ExplorePage .other-events .your-events .item .card .info {
    bottom: 30px;
    left: 20px;
  }
  body.EventDetails .eventWrapper {
    padding: 90px 0;
    display: flex;
    flex-flow: row-reverse nowrap;
  }
  body.EventDetails .eventWrapper h4 {
    text-align: left;
  }
  body.EventDetails .eventWrapper .content {
    width: 55%;
    margin-right: 10%;
    margin-left: 0;
  }
  body.EventDetails .eventWrapper .info {
    width: 35%;
    padding: 40px 35px;
    position: sticky;
    top: 20px;
  }
  body.EventDetails .eventWrapper .details {
    flex-flow: column wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  body.EventDetails .eventWrapper .details h4, body.EventDetails .eventWrapper .details p {
    margin: 10px 0;
  }
  body.EventDetails .eventWrapper .details .loc {
    margin-right: 20px;
    text-align: left;
  }
  body.Destinations .intro-dp, body.Destinations .intro-pu {
    padding: 0 0 30px 0;
  }
  body.Destinations .intro-dp .text, body.Destinations .intro-pu .text {
    margin: -100px auto 0 auto;
    padding: 50px 50px 40px 50px;
  }
  body.Destinations .intro-dp .demographics, body.Destinations .intro-pu .demographics {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  body.Destinations .intro-dp .demographics .col, body.Destinations .intro-pu .demographics .col {
    text-align: left;
  }
  body.Destinations .intro-dp .demographics .col:nth-child(1), body.Destinations .intro-pu .demographics .col:nth-child(1) {
    width: 22%;
  }
  body.Destinations .intro-dp .demographics .col:nth-child(2), body.Destinations .intro-pu .demographics .col:nth-child(2) {
    width: 58%;
  }
  body.Destinations .intro-dp .demographics .col:nth-child(3), body.Destinations .intro-pu .demographics .col:nth-child(3) {
    width: 20%;
    align-content: flex-end;
    justify-content: center;
  }
  body.Destinations .intro-pu .text {
    max-width: 900px;
  }
  .Napier-pg .suggestions, .Napier-pg .must-dos {
    padding: 0 0 90px 0;
  }
}
@media (min-width: 992px) {
  body.Destinations .intro-dp {
    padding: 60px 30px;
  }
  body.EventDetails .eventWrapper .content {
    margin-left: 10%;
  }
  body.EventDetails .eventWrapper .info {
    width: 30%;
  }
  body.EventDetails .eventWrapper .details {
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 10px 20px 0;
  }
  body.EventDetails .eventWrapper .details h4, body.EventDetails .eventWrapper .details p {
    margin: 0 25px 0 0;
  }
  body.EventDetails .eventWrapper .details .loc {
    margin-right: 20px;
  }
}
@media (min-width: 1200px) {
  .itineraries, .suggestions, .explore, .other-events {
    padding: 0 0 90px 0;
  }
  .booking-accomm {
    background: #f1f1f1;
    padding: 60px 50px 40px 50px;
  }
}
/*-----------------------------------------------------------------------------------

	Content Holders SCSS INDEX

	01. Scrolling Content - ResCarousel
		- Must Do's, Itineraries
		- Featured
		- Itineraries
	02. Flex Grid
	03. Finder
	04. Accordion
	05. Covid Message
	06. Search Results
	07. Booking.com Widget
	08. Media Queries

-----------------------------------------------------------------------------------*/
.outt {
  display: none;
}

.ResSlid0 .item {
  width: 90%;
}

.resCarousel {
  width: 100%;
  position: relative;
}
.resCarousel .leftRs, .resCarousel .rightRs, .resCarousel .view-all {
  position: absolute;
}
.resCarousel .leftRs {
  right: 75px;
}
.resCarousel .rightRs {
  right: 15px;
}

.resCarousel-inner {
  padding: 20px 0 60px 0;
  white-space: nowrap;
  overflow-x: scroll;
  font-size: 0;
  text-align: center;
}
.resCarousel-inner .item {
  display: inline-block;
  vertical-align: inherit;
  position: relative;
  color: #FFFFFF;
  transition: 0.6s ease all;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 6px solid transparent;
  cursor: pointer;
  margin: 3px 0;
}
.resCarousel-inner .item a {
  border-bottom: 0;
}
.resCarousel-inner .item h3 {
  font-size: 2rem;
  line-height: 1;
  font-weight: 800;
}
.resCarousel-inner .item:hover {
  margin-top: -15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.resCarousel-inner .leftRs, .resCarousel-inner .rightRs, .resCarousel-inner .view-all {
  margin-top: 30px;
  display: none;
}

.must-dos .resCarousel .resCarousel-inner, .itineraries .resCarousel .resCarousel-inner, .explore .resCarousel .resCarousel-inner, .our-places .resCarousel .resCarousel-inner, .finder .resCarousel .resCarousel-inner, .suggestions .resCarousel .resCarousel-inner, .featured-multi .resCarousel .resCarousel-inner, .featured-single .resCarousel .resCarousel-inner {
  padding: 10px 12% 20px 0;
}

.resCarousel.car-1 .resCarousel-inner, .resCarousel.car-2 .resCarousel-inner, .resCarousel.car-3 .resCarousel-inner, .resCarousel.car-4 .resCarousel-inner {
  padding: 10px 12% 20px 0;
}

.resCarousel-inner.grid-wrapper {
  white-space: normal;
}
.resCarousel-inner.grid-wrapper .view-all.grid-view {
  position: relative;
  transform: translate(-50%, -50%);
  left: 49%;
  bottom: -40px;
  margin-left: 0;
}
.resCarousel-inner.grid-wrapper .leftRs, .resCarousel-inner.grid-wrapper .rightRs {
  display: none;
}

.resCarousel[data-animator=lazy] .item {
  transition: 0.6s ease all;
}

.featured-single .item {
  margin: 0;
  box-shadow: none !important;
}

.featured-single .resCarousel .item {
  width: 100%;
  padding: 10px;
}

.featured-single p a, .featured-multi p a {
  border-bottom: solid 1px #FFF !important;
  color: #FFF;
  box-shadow: none !important;
}
.featured-single p a:hover, .featured-multi p a:hover {
  background-color: #e99b30;
  border: solid 1px #e99b30;
  color: #FFF;
}
.featured-single p .btn, .featured-multi p .btn {
  box-shadow: none;
}

#Gallery .resCarousel .item {
  box-shadow: none;
  height: 340px;
  margin: 0;
  cursor: inherit;
}
#Gallery .resCarousel .item:hover {
  margin: 0;
  transition: none;
}

.flex-grid {
  padding: 50px 0;
}

.flex-grid, .lp-grid {
  position: relative;
}
.flex-grid a:hover, .flex-grid a:focus, .lp-grid a:hover, .lp-grid a:focus {
  color: #414042;
}
.flex-grid .cover, .lp-grid .cover {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 500%);
}
.flex-grid .title, .lp-grid .title {
  position: absolute;
  display: block;
  z-index: 10;
  max-width: 340px;
  bottom: 20px;
  left: 30px;
  margin-right: 25px;
}
.flex-grid .title .info, .lp-grid .title .info {
  background: transparent;
  color: #fff;
}
.flex-grid .title .info h3, .lp-grid .title .info h3 {
  font-size: 2.4rem;
  line-height: 1;
  margin: 0 0 15px 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.flex-grid .title .info p, .lp-grid .title .info p {
  line-height: 1.4;
  font-weight: 400;
  font-size: 1.1rem;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.flex-grid .title h4, .lp-grid .title h4 {
  font-size: 0.9rem;
  color: #fff;
  font-weight: 400;
  padding: 0;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
}
.flex-grid .image, .lp-grid .image {
  display: block;
  height: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: 50% 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-grid .clickPop:hover, .lp-grid .clickPop:hover {
  margin-top: -15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-grid .clickPop:hover .title, .lp-grid .clickPop:hover .title {
  display: none;
}
.flex-grid .one-grid, .lp-grid .one-grid {
  margin: 0 4px 8px 4px;
  position: relative;
  overflow: hidden;
  height: 320px;
  padding: 0;
}
.flex-grid .two-grid, .lp-grid .two-grid {
  margin: 0 4px 8px 4px;
}
.flex-grid .two-grid .col-c, .lp-grid .two-grid .col-c {
  display: flex;
  flex-flow: column wrap;
}
.flex-grid .two-grid .grid-1c, .lp-grid .two-grid .grid-1c {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 320px;
}
.flex-grid .two-grid .grid-1c:nth-child(1), .lp-grid .two-grid .grid-1c:nth-child(1) {
  margin: 0 8px 8px 0;
}
.flex-grid .two-grid .grid-1c:nth-child(2), .lp-grid .two-grid .grid-1c:nth-child(2) {
  margin-left: 0;
}
.flex-grid .three-grid, .lp-grid .three-grid {
  display: flex;
  flex-flow: column wrap;
  margin: 0 4px;
}
.flex-grid .three-grid .col-a, .flex-grid .three-grid .col-b, .lp-grid .three-grid .col-a, .lp-grid .three-grid .col-b {
  display: flex;
  flex-flow: column wrap;
  margin: 0;
}
.flex-grid .three-grid .grid-1a, .flex-grid .three-grid .grid-1b, .lp-grid .three-grid .grid-1a, .lp-grid .three-grid .grid-1b {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 320px;
  margin-bottom: 8px;
}
.flex-grid .three-grid .grid-1b:first-child, .lp-grid .three-grid .grid-1b:first-child {
  margin-bottom: 8px;
}
.flex-grid .four-grid, .lp-grid .four-grid {
  display: flex;
  flex-flow: column wrap;
}
.flex-grid .four-grid .col-a, .flex-grid .four-grid .col-b, .lp-grid .four-grid .col-a, .lp-grid .four-grid .col-b {
  overflow: hidden;
  margin: 0 4px;
}
.flex-grid .four-grid .col-a, .lp-grid .four-grid .col-a {
  padding: 0;
}
.flex-grid .four-grid .col-b, .lp-grid .four-grid .col-b {
  padding: 0;
}
.flex-grid .four-grid .grid-1a, .flex-grid .four-grid .grid-1b, .lp-grid .four-grid .grid-1a, .lp-grid .four-grid .grid-1b {
  position: relative;
  overflow: hidden;
  margin-bottom: 8px;
}
.flex-grid .four-grid .grid-1a, .lp-grid .four-grid .grid-1a {
  height: 320px;
}
.flex-grid .four-grid .grid-1b, .lp-grid .four-grid .grid-1b {
  height: 320px;
}

select,
textarea,
input,
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-transform: uppercase;
}

.finder {
  padding: 80px 0;
}
.finder .section-title {
  padding: 0;
}
.finder .categories .container {
  max-width: 960px;
}
.finder .finder-cards {
  margin-top: 10px;
}
.finder .finder-cards .item .info h3 {
  margin-bottom: 15px;
}
.finder .finder-cards .card {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.finder .cat-title {
  text-align: center;
  color: #FFFFFF;
  display: inline-block;
  width: auto;
  margin: 0 auto 10px auto;
  border-radius: 30px;
  padding: 10px 15px 0 15px;
}
.finder .cat-title h4 {
  font-weight: 600;
  font-size: 0.7rem;
}
.finder .finder-wrap select {
  border: 0;
  border-radius: 30px;
  background-image: url("../images/arrow-right-dwn.svg");
  background-size: 22px;
  background-position: right 10px center;
  background-repeat: no-repeat;
  text-align: center;
  background-color: #FFFFFF;
}
.finder .finder-wrap select option {
  margin: 0 10px !important;
  border-bottom: 1px dotted #dddad6;
  color: #000 !important;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.1rem;
  box-shadow: none;
  font-size: 0.85rem;
}
.finder .finder-wrap select option:hover {
  background-color: #dddad6;
}
.finder .finder-wrap select option:last-child {
  border-bottom: 0;
}
.finder .finder-wrap .cat-wrap {
  margin-bottom: 5px;
  text-align: center;
}
.finder .finder-wrap .cat-wrap select {
  height: 50px;
  margin: 0 auto;
  padding: 6px 35px 6px 20px;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 1rem;
  color: #000 !important;
  text-align: center;
  letter-spacing: 0.15rem;
  margin: 0 auto;
  width: 100%;
}
.finder .finder-wrap .cat-wrap option {
  width: 29%;
  margin-left: 2.5% !important;
  color: #000 !important;
}
.finder .finder-wrap .options {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-bottom: 10px;
}
.finder .finder-wrap .options .col {
  flex: inherit;
  width: 100%;
  margin: 5px;
}
.finder .finder-wrap .options select {
  height: 50px;
  width: 100%;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000 !important;
  padding: 10px 25px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
.finder .finder-wrap .options option {
  min-width: 95%;
  margin-left: 2.5% !important;
  text-align: left;
}
.finder .finder-wrap .options *:disabled {
  background-color: #FFF;
  color: #000 !important;
  opacity: 0.3;
}
.finder .finder-wrap .tags {
  display: none;
  flex-flow: row wrap;
  justify-content: center;
  margin: 15px 0;
  font-weight: 300;
}
.finder .finder-wrap .tags .tag {
  margin: 3px;
}
.finder .finder-wrap .datepicker {
  display: flex;
}
.finder .finder-wrap input {
  height: 40px;
  width: 200px;
  margin: 0 5px;
  border-radius: 30px;
  box-shadow: none;
  border: none;
  text-align: left;
  background-color: rgba(255, 255, 255, 0.7);
  color: #000 !important;
  padding: 10px 15px;
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.1rem;
}
.finder .finder-wrap .filters {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  width: fit-content;
  margin: 0 auto 20px auto;
  padding: 15px 20px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.6);
}
.finder .finder-wrap h4 {
  text-transform: none;
  letter-spacing: 0;
  font-size: 0.8rem;
  font-weight: 500;
  margin: 8px;
}

.accordion-generic {
  max-width: 700px;
  margin: 40px auto;
}
.accordion-generic .section-title {
  text-align: left;
  padding: 20px 10px;
}
.accordion-generic .accordion {
  padding: 0;
}
.accordion-generic .accordion-button {
  font-size: 1rem;
  letter-spacing: 0.1rem;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.4;
  background-color: #e7e7e7;
}
.accordion-generic .accordion-button:not(.collapsed), .accordion-generic .accordion-button:focus {
  background-color: #414042;
  color: #fff;
  outline: none;
  box-shadow: none;
}
.accordion-generic .accordion-button::after {
  background-image: url("../images/arrow-dwn.svg");
  background-position: center center;
}
.accordion-generic .accordion-flush .accordion-item {
  margin: 4px 0;
}

#SearchResults li {
  list-style-type: none;
  padding: 20px 0;
}

#bookingAffiliateWidget_ac58fd57-cd6b-49aa-b4b4-589e9081e333 {
  height: 80px !important;
}

#b_container iframe #aff_searchbox #frm {
  height: auto !important;
}

@media (min-width: 576px) {
  .finder .finder-wrap .cat-wrap select {
    width: 70%;
    font-size: 1.2rem;
  }
  .finder .finder-wrap .options {
    flex-flow: row nowrap;
  }
  .finder .finder-wrap .tags {
    flex-flow: row nowrap;
  }
  .flex-grid .one-grid, .lp-grid .one-grid {
    height: 300px;
  }
}
@media (min-width: 768px) {
  .resCarousel.car-1 .resCarousel-inner .item, .resCarousel.car-2 .resCarousel-inner .item {
    width: 49%;
    margin-bottom: -30px;
  }
  .resCarousel.car-1 .resCarousel-inner {
    padding: 10px 0 0 0;
  }
  .resCarousel.car-2 .resCarousel-inner {
    padding: 10px 0 30px 0;
  }
  .finder {
    padding: 80px 0 100px 0;
  }
  .finder .finder-wrap .cat-wrap select {
    width: 50%;
  }
  .finder .finder-wrap .tags {
    display: flex;
  }
  .finder .options .col {
    width: 33.333%;
  }
}
@media (min-width: 992px) {
  .flex-grid, .lp-grid {
    padding: 40px 0;
  }
  .flex-grid .one-grid, .lp-grid .one-grid {
    height: 400px;
  }
  .flex-grid .two-grid, .lp-grid .two-grid {
    margin: 0 0 8px 0;
  }
  .flex-grid .two-grid .col-c, .lp-grid .two-grid .col-c {
    flex-flow: row nowrap;
    margin: 0 4px;
  }
  .flex-grid .two-grid .grid-1c, .lp-grid .two-grid .grid-1c {
    width: 50%;
    height: 350px;
  }
  .flex-grid .two-grid .grid-1c:nth-child(1), .lp-grid .two-grid .grid-1c:nth-child(1) {
    margin: 0 8px 0 0;
  }
  .flex-grid .three-grid, .lp-grid .three-grid {
    flex-flow: row nowrap;
    margin-bottom: 8px;
  }
  .flex-grid .three-grid .col-a, .flex-grid .three-grid .col-b, .lp-grid .three-grid .col-a, .lp-grid .three-grid .col-b {
    width: 50%;
  }
  .flex-grid .three-grid .col-b, .lp-grid .three-grid .col-b {
    margin-left: 8px;
  }
  .flex-grid .three-grid .grid-1a, .flex-grid .three-grid .grid-1b, .lp-grid .three-grid .grid-1a, .lp-grid .three-grid .grid-1b {
    margin-bottom: 0;
  }
  .flex-grid .three-grid .grid-1a, .lp-grid .three-grid .grid-1a {
    height: 648px;
  }
  .flex-grid .four-grid, .lp-grid .four-grid {
    flex-flow: row nowrap;
  }
  .flex-grid .four-grid .col-a, .flex-grid .four-grid .col-b, .lp-grid .four-grid .col-a, .lp-grid .four-grid .col-b {
    width: 50%;
  }
  .flex-grid .four-grid .col-a .grid-1a:nth-child(2), .lp-grid .four-grid .col-a .grid-1a:nth-child(2) {
    margin: 8px 0;
  }
  .flex-grid .four-grid .grid-1a, .lp-grid .four-grid .grid-1a {
    height: 400px;
  }
  .flex-grid .four-grid .grid-1b, .lp-grid .four-grid .grid-1b {
    height: 300px;
  }
}
@media (min-width: 1200px) {
  .resCarousel-inner {
    overflow-x: hidden;
  }
  .resCarousel-inner .leftRs, .resCarousel-inner .rightRs, .resCarousel-inner .view-all {
    display: block;
  }
  .featured-multi .resCarousel .resCarousel-inner {
    overflow-x: hidden;
    padding: 10px 6% 70px 0 !important;
  }
  .our-places .resCarousel .resCarousel-inner {
    padding: 10px 12% 80px 0;
  }
  .resCarousel.car-1 .resCarousel-inner, .resCarousel.car-2 .resCarousel-inner, .resCarousel.car-3 .resCarousel-inner, .resCarousel.car-4 .resCarousel-inner {
    padding: 10px 0 40px 0;
  }
}
@media (min-width: 1400px) {
  body.EatDrink #eatDrinkFinder {
    display: flex;
    flex-flow: row wrap;
    align-items: start;
  }
  body.EatDrink .finder .categories {
    position: sticky;
    width: 25%;
    top: 20px;
    height: fit-content;
    padding: 30px 0 0 50px;
  }
  body.EatDrink .finder .finder-cards {
    width: 75%;
  }
  body.EatDrink .finder-wrap {
    padding: 0 20px;
  }
  body.EatDrink .finder-wrap .options {
    flex-flow: row wrap;
  }
  body.EatDrink .finder-wrap .tags {
    flex-flow: row wrap;
  }
  body.EatDrink .finder-wrap .cat-wrap select {
    width: 97%;
  }
}
/*-----------------------------------------------------------------------------------

	Pop-ups SCSS INDEX

	00. Modals
		- Operator page gallery modal
		- Subscribe to news pop-up
	01. Maps
		- Operator Page Map
	02. PDFs Maps & Guides
	03. Places


-----------------------------------------------------------------------------------*/
.modal {
  z-index: 999999;
}

.modal-fullscreen .modal-content {
  height: auto;
  min-height: 100vh;
}
.modal-fullscreen .modal-content .section-title {
  max-width: 100%;
  padding: 40px 30px 10px 30px;
}
.modal-fullscreen .modal-content .section-title h3 {
  font-size: 2.4rem;
}

.OperatorPage .modal-content {
  background-color: #262626;
  color: #FFFFFF;
}
.OperatorPage .modal-content .card {
  background-color: #262626;
  background-position: 50% 50%;
}
.OperatorPage #Gallery .modal-content .resCarousel .leftRs {
  right: 51%;
}
.OperatorPage #Gallery .modal-content .resCarousel .rightRs {
  left: 51%;
}

.PlayVid .modal-content {
  background-color: #262626;
  color: #FFFFFF;
}
.PlayVid .modal-content .container {
  max-width: 960px;
}

#subscribe .modal-content {
  padding: 20px;
  background-color: #ffe7c6;
}
#subscribe .modal-content .modal-title {
  line-height: 1.1;
}
#subscribe .modal-content .modal-header {
  display: block;
  border-bottom: none;
  margin-top: 40px;
}
#subscribe .modal-content .modal-header h3 {
  font-size: 2.4rem;
  line-height: 1;
}
#subscribe .modal-content .modal-body {
  padding: 0 20px 25px 20px;
}
#subscribe .modal-content .closebtn {
  position: absolute;
  right: 20px;
  top: 20px;
  background-color: transparent;
  background-image: url("../images/cross-blk.svg");
  border: 2px solid #414042;
}
#subscribe .modal-content .closebtn:hover {
  background-color: #e99b30;
  border: 2px solid #e99b30;
  background-image: url("../images/cross.svg");
}
#subscribe .modal-content p {
  line-height: 1.4;
}
#subscribe .modal-content h4 {
  font-weight: 500;
}
#subscribe .modal-content #mc_embed_signup_scroll {
  padding-top: 5px;
}
#subscribe .modal-content #mc_embed_signup_scroll .mc-field-group {
  margin: 6px 0;
  text-align: left;
}
#subscribe .modal-content #mc_embed_signup_scroll .mc-field-group label {
  width: 150px;
  text-transform: uppercase;
  font-size: 0.8rem;
  letter-spacing: 0.04rem;
}
#subscribe .modal-content #mc_embed_signup_scroll .mc-field-group input, #subscribe .modal-content #mc_embed_signup_scroll .mc-field-group select {
  text-transform: none;
  border: none;
  background-color: #FFF;
  border-radius: 10px;
  width: 100%;
  height: 45px;
  padding: 5px 10px;
}
#subscribe .modal-content input#mc-embedded-subscribe {
  width: 100%;
  margin: 15px 0;
  padding: 10px;
  border: 0;
  border-radius: 40px;
  background-color: #414042;
  color: #FFF;
  letter-spacing: 0.1rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#subscribe .modal-content input#mc-embedded-subscribe:hover {
  background-color: #e99b30;
}

#ViewMap .modal-fullscreen .modal-content #map {
  height: 100vh !important;
  background-color: #f1f1f1;
}
#ViewMap .modal-fullscreen .modal-content #modalMap {
  height: 100vh !important;
}

.leaflet-right {
  display: none;
}

.map-key {
  display: none;
  position: absolute;
  min-width: 240px;
  min-height: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-x: scroll;
}
.map-key .key {
  position: absolute;
  display: flex;
  flex-flow: row nowrap;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4) !important;
}
.map-key .key button {
  width: fit-content;
  height: 60px;
  position: relative;
  z-index: 1000;
  padding: 0 20px;
  font-size: 0.75rem;
  letter-spacing: 0.1rem;
  line-height: 1.2;
  color: #FFFFFF;
  text-transform: uppercase;
}
.map-key .key button .title {
  z-index: 100;
  position: inherit;
}
.map-key .key button .zoom-wht {
  display: none;
}
.map-key .key button .cover {
  background: linear-gradient(180deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%, rgb(70, 70, 70) 500%);
}
.map-key .key button:hover .title {
  z-index: -10;
}
.map-key .key button:hover .zoom-wht {
  display: none;
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 999999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.map-key .key button:hover .cover {
  background: #e99b30 !important;
  opacity: 0.5;
}

.MarkerPopup h3 {
  font-size: 1.4rem;
}
.MarkerPopup a {
  padding: 6px 12px;
  font-size: 0.7rem;
  margin: 0 2px 15px 0;
}

.leaflet-marker-icon {
  width: 40px !important;
  height: auto !important;
}

.map-stops {
  margin-top: 30px;
  padding: 0 0 30px 0;
  border-bottom: 1px solid #000;
  overflow-x: scroll;
}
.map-stops h3 {
  font-size: 2.4rem;
}
.map-stops .wrapper {
  display: flex;
  width: fit-content;
  align-items: center;
}
.map-stops .stop {
  display: flex;
  flex-flow: row nowrap;
  width: 240px;
  height: 100px;
  margin: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.map-stops .stop .image, .map-stops .stop .text {
  position: relative;
  display: block;
}
.map-stops .stop .image {
  width: 50%;
  height: 100px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.map-stops .stop img {
  width: 100%;
  height: auto;
}
.map-stops .stop .text {
  width: 50%;
  display: flex;
  flex-flow: column;
  justify-content: center;
  text-align: left;
  padding: 0 5px 0 15px;
  border: 1px solid #f1f1f1;
}
.map-stops .stop .text h4 {
  font-size: 0.8rem;
  line-height: 1.3;
  text-indent: -5px;
  color: #414042 !important;
  margin: 0 0 5px 15px;
}
.map-stops .stop .text h4 span {
  margin: 0 0 0 -14px;
}
.map-stops .stop .text .btn {
  padding: 6px 8px;
  margin: 5px 0 0 10px;
  font-size: 0.7rem;
}
.map-stops .stop:hover .btn {
  background-color: #e99b30;
  border: 2px solid #e99b30 !important;
  color: #fff;
}

.ItineraryPage .stop-offs-map {
  height: 100vh !important;
}
.ItineraryPage .stop-offs-map .leaflet-marker-icon {
  width: 35px !important;
}
.ItineraryPage .stop-offs-map #map1, .ItineraryPage .stop-offs-map #map2, .ItineraryPage .stop-offs-map #map3 {
  height: 100% !important;
}

.leaflet-container a.leaflet-popup-close-button {
  display: block;
  width: 23px !important;
  height: 23px !important;
  background-color: #fff !important;
  border-radius: 50%;
  font-size: 1rem !important;
  color: #414042 !important;
  right: 10px !important;
  top: 10px !important;
  text-align: center !important;
  font-weight: 300 !important;
  padding: 3px !important;
}

.leaflet-container a.leaflet-popup-close-button:hover {
  color: #fff !important;
  background-color: #414042 !important;
}

.leaflet-popup-content {
  width: 200px;
  margin: 0 !important;
  padding: 5px;
  text-align: center;
}
.leaflet-popup-content .img-fluid {
  width: 100% !important;
  margin-bottom: 15px !important;
  border-radius: 10px 10px 0 0;
}
.leaflet-popup-content h4 {
  padding: 0 10px !important;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 0.07rem;
}
.leaflet-popup-content p {
  font-size: 1.1em;
  line-height: 1.5;
  margin: 0 0 10px 0 !important;
}
.leaflet-popup-content a {
  color: #414042 !important;
}
.leaflet-popup-content a:hover {
  color: #fff;
}

.leaflet-touch .leaflet-control-attribution {
  display: none !important;
}

body.OperatorPage #ViewMap .modal-fullscreen .modal-content {
  flex-flow: column wrap;
}
body.OperatorPage #ViewMap .modal-fullscreen .modal-content #map {
  width: 100% !important;
}

#Pdfs .modal-content {
  background-color: #edc6cf;
}

.downloads {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}
.downloads .pdf {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  position: relative;
  text-align: center;
  width: 130px;
  height: 130px;
  margin: 5px;
  padding: 15px;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: none !important;
  box-shadow: none !important;
}
.downloads .pdf .cover {
  background: transparent;
  border-radius: 50%;
}
.downloads .pdf h4 {
  font-size: 0.8rem;
  letter-spacing: 0.07rem;
  line-height: 1.1;
  font-weight: 800;
}
.downloads .pdf img {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0 auto 5px auto;
}
.downloads .pdf .arrow-r-dwn-wht {
  display: none;
}
.downloads .pdf:hover {
  color: #000;
}
.downloads .pdf:hover .arrow-r-dwn-wht {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.downloads .pdf:hover .cover {
  background: #e99b30 !important;
  opacity: 0.5;
}

.Napier-pg .modal .featured-single, .Napier-pg .modal .featured-multi, .Hastings-pg .modal .featured-single, .Hastings-pg .modal .featured-multi, .Havelock-pg .modal .featured-single, .Havelock-pg .modal .featured-multi, .Wairoa-pg .modal .featured-single, .Wairoa-pg .modal .featured-multi, .Central-pg .modal .featured-single, .Central-pg .modal .featured-multi {
  background: transparent;
  margin-bottom: 0;
}
.Napier-pg .modal .explore, .Hastings-pg .modal .explore, .Havelock-pg .modal .explore, .Wairoa-pg .modal .explore, .Central-pg .modal .explore {
  padding-bottom: 90px;
}
.Napier-pg .modal .explore .item .card .cover, .Hastings-pg .modal .explore .item .card .cover, .Havelock-pg .modal .explore .item .card .cover, .Wairoa-pg .modal .explore .item .card .cover, .Central-pg .modal .explore .item .card .cover {
  opacity: 0;
}
.Napier-pg .modal .explore .item .card .cover:hover, .Hastings-pg .modal .explore .item .card .cover:hover, .Havelock-pg .modal .explore .item .card .cover:hover, .Wairoa-pg .modal .explore .item .card .cover:hover, .Central-pg .modal .explore .item .card .cover:hover {
  opacity: 0.7;
}
.Napier-pg .modal .featured-multi, .Napier-pg .modal .featured-single, .Hastings-pg .modal .featured-multi, .Hastings-pg .modal .featured-single, .Havelock-pg .modal .featured-multi, .Havelock-pg .modal .featured-single, .Wairoa-pg .modal .featured-multi, .Wairoa-pg .modal .featured-single, .Central-pg .modal .featured-multi, .Central-pg .modal .featured-single {
  padding-bottom: 40px;
}
.Napier-pg .modal .image .container, .Napier-pg .modal .image .container-sm, .Hastings-pg .modal .image .container, .Hastings-pg .modal .image .container-sm, .Havelock-pg .modal .image .container, .Havelock-pg .modal .image .container-sm, .Wairoa-pg .modal .image .container, .Wairoa-pg .modal .image .container-sm, .Central-pg .modal .image .container, .Central-pg .modal .image .container-sm {
  max-width: 100%;
}

@media (min-width: 576px) {
  #subscribe .modal-content {
    color: #414042;
  }
  #subscribe .modal-content .modal-header {
    margin-top: 0;
  }
  #subscribe .modal-content .modal-content .closebtn {
    right: 30px;
    top: 40px;
  }
  #subscribe .modal-content .modal-content input#mc-embedded-subscribe {
    width: 180px;
    margin: 5px 0 0 117px;
  }
  #subscribe .modal-content #mc_embed_signup_scroll .mc-field-group {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-content .section-title {
    max-width: 800px;
    padding: 80px 30px 10px 30px;
  }
  .modal-fullscreen .modal-content .section-title h3 {
    font-size: 2.6rem;
  }
  .map-stops .stop {
    width: 280px;
  }
  .map-stops .stop .text {
    padding: 15px 5px 15px 15px;
  }
  .Napier-pg .modal .image .container, .Napier-pg .modal .image .container-md, .Napier-pg .modal .image .container-sm, .Hastings-pg .modal .image .container, .Hastings-pg .modal .image .container-md, .Hastings-pg .modal .image .container-sm, .Havelock-pg .modal .image .container, .Havelock-pg .modal .image .container-md, .Havelock-pg .modal .image .container-sm, .Wairoa-pg .modal .image .container, .Wairoa-pg .modal .image .container-md, .Wairoa-pg .modal .image .container-sm, .Central-pg .modal .image .container, .Central-pg .modal .image .container-md, .Central-pg .modal .image .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .Napier-pg .modal .image .container, .Napier-pg .modal .image .container-lg, .Napier-pg .modal .image .container-md, .Napier-pg .modal .image .container-sm, .Hastings-pg .modal .image .container, .Hastings-pg .modal .image .container-lg, .Hastings-pg .modal .image .container-md, .Hastings-pg .modal .image .container-sm, .Havelock-pg .modal .image .container, .Havelock-pg .modal .image .container-lg, .Havelock-pg .modal .image .container-md, .Havelock-pg .modal .image .container-sm, .Wairoa-pg .modal .image .container, .Wairoa-pg .modal .image .container-lg, .Wairoa-pg .modal .image .container-md, .Wairoa-pg .modal .image .container-sm, .Central-pg .modal .image .container, .Central-pg .modal .image .container-lg, .Central-pg .modal .image .container-md, .Central-pg .modal .image .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  #ViewMap .modal-fullscreen .modal-content, #mapModal1 .modal-fullscreen .modal-content, #mapModal2 .modal-fullscreen .modal-content, #mapModal3 .modal-fullscreen .modal-content {
    display: flex;
    flex-flow: row nowrap;
  }
  #ViewMap .modal-fullscreen .modal-content .section-title, #mapModal1 .modal-fullscreen .modal-content .section-title, #mapModal2 .modal-fullscreen .modal-content .section-title, #mapModal3 .modal-fullscreen .modal-content .section-title {
    width: 30%;
    max-height: 90vh;
    overflow: hidden;
  }
  #ViewMap .modal-fullscreen .modal-content #map, #mapModal1 .modal-fullscreen .modal-content #map, #mapModal2 .modal-fullscreen .modal-content #map, #mapModal3 .modal-fullscreen .modal-content #map {
    width: 70% !important;
    height: 100vh !important;
  }
  #ViewMap .modal-fullscreen .modal-content .modal-body, #mapModal1 .modal-fullscreen .modal-content .modal-body, #mapModal2 .modal-fullscreen .modal-content .modal-body, #mapModal3 .modal-fullscreen .modal-content .modal-body {
    padding: 0;
  }
  .map-key {
    position: absolute;
    min-height: 320px;
    right: 0;
    left: auto;
    bottom: 5%;
  }
  .map-key .key {
    flex-flow: column wrap;
  }
  .map-key .key button {
    width: 200px;
    font-size: 0.9rem;
  }
  .map-stops {
    height: 100%;
  }
  .map-stops .wrapper {
    display: block;
    height: 100%;
    width: 100%;
    padding: 0 0 80px 0;
    overflow-x: scroll;
  }
  .map-stops .stop {
    width: 90%;
    height: 150px;
    margin: 0 auto 5px auto;
  }
  .map-stops .stop .image, .map-stops .stop .text {
    width: 50%;
  }
  .map-stops .stop .image {
    height: 150px;
  }
  .map-stops .stop .text {
    padding: 20px;
  }
  .Napier-pg .modal .image .container, .Napier-pg .modal .image .container-lg, .Napier-pg .modal .image .container-md, .Napier-pg .modal .image .container-sm, .Napier-pg .modal .image .container-xl, .Hastings-pg .modal .image .container, .Hastings-pg .modal .image .container-lg, .Hastings-pg .modal .image .container-md, .Hastings-pg .modal .image .container-sm, .Hastings-pg .modal .image .container-xl, .Havelock-pg .modal .image .container, .Havelock-pg .modal .image .container-lg, .Havelock-pg .modal .image .container-md, .Havelock-pg .modal .image .container-sm, .Havelock-pg .modal .image .container-xl, .Wairoa-pg .modal .image .container, .Wairoa-pg .modal .image .container-lg, .Wairoa-pg .modal .image .container-md, .Wairoa-pg .modal .image .container-sm, .Wairoa-pg .modal .image .container-xl, .Central-pg .modal .image .container, .Central-pg .modal .image .container-lg, .Central-pg .modal .image .container-md, .Central-pg .modal .image .container-sm, .Central-pg .modal .image .container-xl {
    max-width: 1140px;
  }
}
/*-----------------------------------------------------------------------------------

	Itineraries SCSS INDEX

	01. Landing Page
	02. Itinerary Page
	03. Maps
	04. Juicer
	05. Media Queries	

-----------------------------------------------------------------------------------*/
.ItineraryHolderPage .flex-grid .details {
  display: flex;
  margin-bottom: 25px;
  padding: 0;
}
.ItineraryHolderPage .flex-grid .details li {
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: 0 1% 0 0;
  padding: 10px 15px;
  text-transform: uppercase;
  font-size: 0.85rem;
  list-style-type: none;
  letter-spacing: 0.07rem;
  font-weight: 600;
  line-height: 1.2;
  background-color: #262626;
  color: #FFFFFF;
}
.ItineraryHolderPage .flex-grid .details li span {
  display: none;
  margin-bottom: 5px;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.08rem;
}
.ItineraryPage .intro-lp {
  background-color: #414042;
}
.ItineraryPage .plan {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  padding-top: 40px;
  margin-right: auto;
}
.ItineraryPage .plan .btn {
  margin-left: 10px;
  line-height: 1.3;
}
.ItineraryPage .plan .details {
  display: flex;
  flex-flow: row nowrap;
  border: 1px solid #f1f1f1;
  padding: 0;
}
.ItineraryPage .plan .details ul {
  margin: 0 0 40px 0;
  padding: 0;
}
.ItineraryPage .plan .details li {
  padding: 20px;
  margin: 0;
  font-weight: 600;
  border-right: 1px solid #f1f1f1;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  line-height: 1.2;
  text-align: center;
  list-style: none;
}
.ItineraryPage .plan .details li span {
  display: block;
  font-size: 0.8rem;
  font-weight: 400;
  margin-bottom: 5px;
}
.ItineraryPage .plan .details li img {
  display: block;
  width: 25px;
  height: auto;
  margin-top: 10px;
}
.ItineraryPage .plan .details li:last-child {
  border-right: none;
}
.ItineraryPage .plan .more {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin-top: 20px;
}
.ItineraryPage .intro {
  display: flex;
  flex-flow: column wrap;
  margin-top: 40px;
  padding: 0 20px 70px 20px;
  border-bottom: 1px solid #f1f1f1;
}
.ItineraryPage .intro .highlights {
  background-color: #f1f1f1;
  padding: 30px;
}
.ItineraryPage .intro .highlights h3 {
  margin-bottom: 20px;
}
.ItineraryPage .intro .highlights ul li {
  margin-bottom: 10px;
}
.ItineraryPage .accordion-item .pg-banner {
  display: block;
  height: 450px;
}
.ItineraryPage .accordion-item .panel {
  display: flex;
  align-items: center;
  position: relative;
}
.ItineraryPage .accordion-item .panel .btn {
  position: absolute;
  right: 55px;
  margin-bottom: 0;
  z-index: 10;
}
.ItineraryPage .accordion-item .panel .accordion-button {
  color: #000;
}
.ItineraryPage .accordion-item .panel .accordion-button h2 {
  text-transform: none;
  font-size: 2.4rem;
  font-weight: 800;
  color: #000;
  margin: 0 20px 0 0;
}
.ItineraryPage .accordion-item .panel .accordion-button .btn {
  margin: 0;
}
.ItineraryPage .accordion-item .panel .accordion-button:not(.collapsed), .ItineraryPage .accordion-item .panel .accordion-button {
  color: #000;
  background-color: transparent;
}
.ItineraryPage .accordion-item .panel .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.ItineraryPage .accordion-item .accordion-body {
  padding: 0 10px 40px 10px;
}
.ItineraryPage .accordion-item .accordion-body .col {
  flex: inherit;
}
.ItineraryPage .accordion-item .accordion-body .col:first-child {
  height: fit-content;
  padding-top: 20px;
  top: 0;
}
.ItineraryPage .accordion-item .accordion-body .col:first-child h3 {
  margin-top: 40px;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.15rem;
}
.ItineraryPage .accordion-item .accordion-body .col:last-child {
  position: relative;
}
.ItineraryPage .accordion-item .accordion-body .col:last-child h3 {
  margin: 0 0 25px 0;
}
.ItineraryPage .accordion-item .accordion-body .col:last-child h4 {
  font-size: 1.1rem;
  letter-spacing: 0.15rem;
  font-weight: 600;
}
.ItineraryPage .accordion-item .accordion-body .col:last-child p {
  font-size: 0.9rem;
}
.ItineraryPage .accordion-item .accordion-body .col:last-child .item {
  margin-bottom: 25px;
}
.ItineraryPage .accordion-item .accordion-body .col:last-child .item .image {
  height: 250px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-bottom: 25px;
}
.ItineraryPage .accordion-item .accordion-body .scroll-wrapper {
  background-color: #f1f1f1;
  padding: 40px;
  margin-top: 60px;
  overflow-x: visible;
  overflow-y: visible;
  white-space: wrap;
}

.ItineraryPage .modal-dialog-med {
  margin: 15px auto;
  background-color: transparent;
  border-radius: 0;
}
.ItineraryPage .modal-dialog-med .modal-content {
  margin: 15px;
  background-color: #FFF;
}
.ItineraryPage .modal-dialog-med .image {
  position: relative;
  width: 100% !important;
  height: 260px;
  overflow: hidden;
}
.ItineraryPage .modal-dialog-med .image .map-wrapper {
  width: auto !important;
}
.ItineraryPage .modal-dialog-med img {
  width: 100%;
  height: auto;
}
.ItineraryPage .modal-dialog-med img.loc {
  width: 20px;
  height: auto;
  margin-top: -5px;
}
.ItineraryPage .modal-dialog-med .door-sign {
  position: absolute;
  bottom: 20px;
  left: 0;
  display: block;
}
.ItineraryPage .modal-dialog-med .door-sign .time {
  font-size: 2.2rem;
  padding: 10px 20px 10px 25px;
}
.ItineraryPage .modal-dialog-med .door-sign .time span {
  text-transform: uppercase;
  font-size: 1.6rem;
}
.ItineraryPage .modal-dialog-med .book-now {
  float: left;
  line-height: 22px;
  font-size: 2rem;
  font-style: normal;
}
.ItineraryPage .modal-dialog-med .contact-dets p {
  margin: 10px 0 0 0;
}
.ItineraryPage .modal-dialog-med .contact-dets a {
  padding: 8px 12px;
  margin: 0 5px 10px 0;
  border: 1px solid #828282;
  list-style-type: none;
  display: inline-block;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
.ItineraryPage .modal-dialog-med .contact-dets a:hover {
  background-color: #414042;
  border: 1px solid #414042;
  color: #FFF;
}
.ItineraryPage .modal-dialog-med .modal-body p {
  line-height: 1.5;
  display: inline-block;
}
.ItineraryPage .modal-dialog-med .modal-body h2 {
  font-size: 2.5rem;
  margin-bottom: 5px;
}
.ItineraryPage .modal-dialog-med .modal-body h3 {
  margin: 20px 0 5px 0;
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: 0.08rem;
}
.ItineraryPage .modal-dialog-med .place {
  overflow: hidden;
  border-bottom: 1px dotted #414042;
  padding-bottom: 10px;
}
.ItineraryPage .modal-dialog-med .place .more-info {
  width: auto;
  padding: 6px 8px;
  border: 1px solid;
  font-weight: 300;
  margin-bottom: 10px;
}
.ItineraryPage .modal-dialog-med .place .more-info:hover {
  background-color: #414042;
  color: #FFF;
}
.ItineraryPage .view-mob {
  display: block;
}
.ItineraryPage .banner-land.view-mob {
  height: 250px;
  position: relative;
}
.ItineraryPage a.view-map.view-mob {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
.ItineraryPage a.view-map.visible-xs {
  float: left !important;
}
.ItineraryPage a.view-map.visible-xs h4 {
  margin: 0;
}

.ItineraryPage #map, .ItineraryPage #map-1, .ItineraryPage #map-2, .ItineraryPage #map-3, .ItineraryPage #map-4 {
  background-color: #f1f1f1;
  z-index: 9999999;
}
.ItineraryPage #map .page, .ItineraryPage #map-1 .page, .ItineraryPage #map-2 .page, .ItineraryPage #map-3 .page, .ItineraryPage #map-4 .page {
  padding: 0;
}
.ItineraryPage #map .page .stop-offs-map, .ItineraryPage #map-1 .page .stop-offs-map, .ItineraryPage #map-2 .page .stop-offs-map, .ItineraryPage #map-3 .page .stop-offs-map, .ItineraryPage #map-4 .page .stop-offs-map {
  position: relative;
  height: 60vh;
}

.gm-style {
  margin: 10px;
  top: 30px;
  left: 0;
}

.ItineraryPage .leaflet {
  position: relative;
  display: block;
  top: 10px;
  right: 10px;
  width: 100%;
}
.ItineraryPage .leaflet .image {
  height: 160px !important;
  max-height: 160px !important;
  position: relative;
}
.ItineraryPage .leaflet .image:hover {
  transform: none;
}
.ItineraryPage .leaflet .text {
  padding: 15px 20px 25px 20px;
  max-height: 60vh;
  height: auto;
  overflow-y: auto;
  scrollbar-width: thin;
}
.ItineraryPage .leaflet .text p {
  font-size: 1.4rem;
  line-height: 1.4;
}
.ItineraryPage .leaflet .text p.add {
  border-bottom: 2px dotted #dddad6;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.ItineraryPage .leaflet .text ul {
  margin: 20px 0 10px 0;
}
.ItineraryPage .leaflet .text li {
  font-size: 1.4rem;
  padding: 8px 12px;
  border-radius: 15px;
}
.ItineraryPage .leaflet .text h3 {
  border-bottom: 0;
  font-size: 2.2rem;
  margin: 5px 0 0 0;
  padding: 0;
}
.ItineraryPage .leaflet .pointer {
  top: 50%;
}

.ItineraryPage .map-key {
  position: absolute;
  bottom: 0;
  display: block;
  z-index: 999998;
  width: auto;
  height: 60px;
  overflow: hidden;
  background-color: #FFF;
}
.ItineraryPage .map-key ul {
  margin: 0;
  float: none;
}
.ItineraryPage .map-key ul li {
  float: left;
  list-style-type: none;
  height: 60px;
  margin: 0;
  padding: 0 1px 0 0;
  background-color: #FFF;
  border-bottom: 1px solid #f1f1f1;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.07rem;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.6rem;
  color: #FFF;
}
.ItineraryPage .map-key ul li span {
  display: none;
}
.ItineraryPage .map-key ul a {
  display: block;
  height: 40px;
  line-height: 40px;
  border: 0;
  padding-left: 55px;
  color: #414042;
}
.ItineraryPage .map-key ul .local-tips {
  background-color: #414042;
  text-align: center;
  padding: 10px 20px;
  font-size: 1.8rem;
  line-height: 40px;
}
.ItineraryPage .map-key ul .coffee, .ItineraryPage .map-key ul .eat, .ItineraryPage .map-key ul .nat-wonders {
  background-repeat: no-repeat;
  background-size: 28px auto;
  background-position: center center;
  border-bottom: 0;
}
.ItineraryPage .map-key ul .coffee {
  background-image: url("../images/coffee-blk.svg");
}
.ItineraryPage .map-key ul .eat {
  background-image: url("../images/eat-blk.svg");
}
.ItineraryPage .map-key ul .nat-wonders {
  background-image: url("../images/nat-wonders-blk.svg");
}
.ItineraryPage .map-key ul .coffee:hover, .ItineraryPage .map-key ul .coffee.state {
  background-image: url("../images/coffee-wht.svg");
  background-color: #CF3F6F;
}
.ItineraryPage .map-key ul .coffee:hover a, .ItineraryPage .map-key ul .coffee.state a {
  color: #FFF;
}
.ItineraryPage .map-key ul .eat:hover, .ItineraryPage .map-key ul .eat.state {
  background-image: url("../images/eat-wht.svg");
  background-color: #378181;
}
.ItineraryPage .map-key ul .eat:hover a, .ItineraryPage .map-key ul .eat.state a {
  color: #FFF;
}
.ItineraryPage .map-key ul .nat-wonders:hover, .ItineraryPage .map-key ul .nat-wonders.state {
  background-image: url("../images/nat-wonders-wht.svg");
  background-color: #3F8363;
}
.ItineraryPage .map-key ul .nat-wonders:hover a, .ItineraryPage .map-key ul .nat-wonders.state a {
  color: #FFF;
}

.juicer-feed.slider .j-text .j-message p {
  font-size: 0.9rem !important;
}

@media (min-width: 576px) {
  .ItineraryHolderPage .flex-grid .title li:last-child {
    display: inline-block;
  }
  .ItineraryPage .plan {
    flex-flow: row nowrap;
    align-items: flex-start;
  }
  .ItineraryPage .plan .more {
    display: block;
    margin: 0 0 0 30px;
    text-align: left;
  }
}
@media (min-width: 768px) {
  .ItineraryPage .intro {
    flex-flow: row nowrap;
    padding: 0 0 70px 0;
  }
  .ItineraryPage .intro .highlights {
    width: 40%;
    height: fit-content;
    padding: 40px;
  }
  .ItineraryPage .intro .overview {
    width: 55%;
    margin-right: 5%;
    padding-left: 20px;
  }
  .ItineraryPage .plan {
    flex-flow: row nowrap;
    align-items: center;
    padding-top: 50px;
  }
  .ItineraryPage .accordion-item .accordion-body {
    display: flex;
    flex-flow: row nowrap;
  }
  .ItineraryPage .accordion-item .accordion-body .col:first-child {
    width: 55%;
    margin-right: 5%;
    position: sticky;
  }
  .ItineraryPage .accordion-item .accordion-body .col:last-child {
    width: 45%;
  }
  .ItineraryPage .accordion-item .scroll-wrapper {
    margin-top: 50px;
  }
}
@media (min-width: 992px) {
  .ItineraryPage .plan .more {
    display: flex;
    margin-left: auto;
    margin-right: 0;
  }
  .ItineraryPage .intro .highlights {
    width: 30%;
    padding: 40px;
  }
  .ItineraryPage .intro .overview {
    width: 55%;
    margin-right: 15%;
  }
  .ItineraryPage .accordion-item .accordion-body {
    display: flex;
    flex-flow: row nowrap;
  }
  .ItineraryPage .accordion-item .accordion-body .col:first-child {
    width: 60%;
    padding-right: 50px;
  }
  .ItineraryPage .accordion-item .accordion-body .col:last-child {
    width: 40%;
  }
}