/*!
Theme Name: Visit Knysna 2026
Theme URI: http://underscores.me/
Author: S2 Web Solutions
Author URI: http://www.s2websolutions.co.za
Description: Built on Underscores framework, by S2 Web Solutions, for Knysna Tourism
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: visit_knysna_2020

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

visit_knysna_2020 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
html {line-height: 1.15; -webkit-text-size-adjust: 100%; scroll-behavior: smooth;}
body, html {margin: 0; padding: 0; color: #555A64;}
* {box-sizing: border-box; font-family: 'Nunito', sans-serif;}


/* Sections
	 ========================================================================== */
body {margin: 0;}
h1 {font-size: 2em; margin: 0.67em 0;}

/* Grouping content
	 ========================================================================== */
hr {box-sizing: content-box; height: 0; overflow: visible;}
pre {font-family: monospace, monospace; font-size: 1em;}
a {background-color: transparent;}

abbr[title] {border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong {font-weight: bolder;}
code, kbd, samp {font-family: monospace, monospace; font-size: 1em; }
small {font-size: 80%;}

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

/* Embedded content
	 ========================================================================== */
img {border-style: none;}

/* Forms
	 ========================================================================== */
button, input, optgroup, select, textarea {font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;}
button, input {overflow: visible;}
button, select {text-transform: none;}
button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none; padding: 0;}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}
fieldset {padding: 0.35em 0.75em 0.625em;}
legend {box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;}
progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="checkbox"], [type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}

/* Interactive
	 ========================================================================== */
details {display: block;}
summary {display: list-item;}

/* Misc
	 ========================================================================== */
template {display: none;}
[hidden] {display: none;}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, optgroup, textarea {color: #404040; font-size: 16px; font-size: 1rem; line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {clear: both; font-family: 'Big Shoulders Display', sans-serif; text-transform: lowercase; line-height: 1;}
h3 {font-size: 20pt;}
p {margin-bottom: 1.5em; line-height: 1.5;}
dfn, cite, em, i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
pre {background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em;}
code, kbd, tt, var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem;}
abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}
mark, ins {background: #fff9c0; text-decoration: none;}
big {font-size: 125%;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
body {background: #fff;}
hr {background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em;}
ul, ol {margin: 0 0 1.5em 0em; padding: 0 0 0 2em;}
ul {list-style: disc; line-height: 1.5;}
ol {list-style: decimal;}
li > ul, li > ol {margin-bottom: 0; margin-left: 1.5em;}
dt {font-weight: bold;}
dd {margin: 0 1.5em 1.5em;}
img {height: auto; max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em; width: 100%;}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, 0.8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus,input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {color: #24a38e; text-decoration:none;;}
a:visited {color: #24a38e; text-decoration:none;}
a:focus {outline: thin dotted;}
a:hover, a:active {outline: 0;}
a:hover *, button:hover, a:focus, a:active {opacity: .8;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {clear: both; display: block; float: left; width: 100%;}
.main-navigation ul {display: none;}

/* Small menu. */
.menu-toggle, .main-navigation.toggled ul {display: block;}
button.menu-toggle {height: 50px; width: 50px; font-size: 40px; font-size: 2.4rem; padding: 0px; line-height: 1; font-weight: normal; background: none;  border: 0px; outline: 0;}
.main-navigation.toggled ul {position: fixed; top: 5.3em; height: 100%; left: 0; right: 0; width: 100%; background: #ffffff;  margin: 0px;  z-index: 990; padding: 0px; list-style: none; background: #e5edd7; }
.main-navigation.toggled ul li {border-bottom: 1px solid #b6b2b2;}
.main-navigation.toggled ul li a {text-decoration: none; display: block; color: inherit; width: 100%; text-align: center; padding: 0.4em 0px; }
.main-navigation.toggled ul li.menu-item-has-children a, #footer-menu-2 li.menu-item-has-children a  {display: none;}
.main-navigation.toggled ul li.menu-item-has-children .mobile-label  {display: block; width: 100%; text-align: center; cursor: pointer; padding: 5px 0px; position: relative;}
#footer-menu-2 li.menu-item-has-children .mobile-label  {display: block; width: 100%; cursor: pointer; padding:0px;}

.main-navigation.toggled ul li.menu-item-has-children .mobile-label::after {position: absolute; display: inline-block; background-color: #37432f; -webkit-mask-image: url('images/svg/chevron-down.svg'); mask-image: url('images/svg/chevron-down.svg');-webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content:''; height:0.75rem; width: 0.75rem; display: inline-block; margin-left: 0.25rem; top: 0.7rem;}

#footer-menu-2 li.menu-item-has-children .mobile-label::before {position: absolute; display: inline-block; font-size: 1.25rem; line-height: 1.25; content: "+"; margin-left: -15px;}

.main-navigation [id^=drop]  {display: none;}
#footer-menu-2 [id^=drop2], #footer-menu-2 [id^=drop2]:not(:checked)+ul {display: none; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.5s linear; }
#footer-menu-2 [id^=drop2]:checked+ul {display: block; opacity: 1; visibility: visible; margin: 0 auto; padding: 0px; transition: visibility 0s, opacity 0.5s linear;}
#footer-menu-2 [id^=drop2]:checked+ul li {display: block; width: 100%; border:0px;}
#footer-menu-2 [id^=drop2]:checked+ul li a {display: block; font-size: 0.9em; text-align: center;}

ul#footer-menu-2 li {border-bottom: 1px solid rgba(255,255,255,0.5); padding: 5px;}


.main-navigation.toggled ul ul {display: none;}

.main-navigation.toggled ul li.active ul {width: 90%; -webkit-columns: 2; -moz-columns: 2; columns: 2; transform: translateX(-230px); display: block; z-index: 999; transform: translateX(0px); position: static; padding: 10px; margin:  auto; box-shadow: 0 0 1px #eee, 0 6px 18px rgba(0, 0, 0, 0.15); background: #ffffff; margin-bottom: 10px;}
.main-navigation.toggled ul li.active ul:after {position: absolute; top: -4px; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 16px; height: 16px; background: #fff; border-radius: 3px 0 0 0; transform: rotate(45deg); border-top: 1px solid #EAEDF2; border-left: 1px solid #EAEDF2; }
.main-navigation.toggled ul li.active ul li {border-bottom: 0px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
.main-navigation.toggled ul li.active ul li a {display: block; font-size: 0.9em; text-align: center;}


.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em; overflow: hidden;}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {float: left; width: 50%;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {float: right; text-align: right; width: 50%;}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {border: 0;	clip: rect(1px, 1px, 1px, 1px);	clip-path: inset(50%);	height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px;	word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}
#content[tabindex="-1"]:focus {outline: 0;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {display: inline; float: left; margin-right: 1.5em;}
.alignright {display: inline; float: right; margin-left: 1.5em;}
.aligncenter {clear: both; display: block; margin-left: auto; margin-right: auto;}

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

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0 0 1.5em;}
.widget select {max-width: 100%;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.post, .page {margin: 0 auto;}
.updated:not(.published) {display: none;}
.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both; margin: 0 0 1.5em;}

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

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {display: none;}
.infinity-end.neverending .site-footer {display: block;}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none; margin-bottom: 0; margin-top: 0; padding: 0;}
embed, iframe, object {max-width: 100%;}
.custom-logo-link {display: inline-block;}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 1.5em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] {display: block; margin-left: auto; margin-right: auto;}
.wp-caption .wp-caption-text {margin: 0.8075em 0;}
.wp-caption-text {text-align: center;}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}

/*--------------------------------------------------------------
## Short Code Layouts
--------------------------------------------------------------*/
.clear_all {clear: both; display:block;}
.row_start {display:inline-block; width:100%; float:none; clear:both;}
.one_half, .two_quarter, .one_quarter, .three_quarter, .one_third, .two_third, .one_fifth {display: block; float: none; list-style: none; box-sizing: border-box; margin: 0 auto; width: 100%;}

/*--------------------------------------------------------------
## Theme Customs
--------------------------------------------------------------*/
/**header**/
.site-search {position: relative;}
.site-header .menuopen {cursor: pointer;}
.site-header .search-icon-trigger:hover {opacity: 0.9;}
.site-header .site-search input {display: none;}
.site-header .search-icon-trigger .search-svg {background-color: #000000; -webkit-mask-image: url('images/svg/search.svg'); mask-image: url('images/svg/search.svg');-webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content:''; height:1.25rem; width: 1.25rem; display: inline-block; margin-left: 0.25rem;}

.site-header .search-icon-trigger label.menuclose {text-transform: uppercase; text-align: center;}
.site-header .search-icon-trigger label.menuclose:hover {cursor: pointer;}
.site-header .search-overlay {position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.9); z-index: 999;}
.site-header .search-overlay label.menuclose {width: 28px; height: 28px; position: absolute; right: 20px; top:20px; background: url(images/cross.png) no-repeat; z-index: 100; cursor: pointer; z-index: 999;}
.site-header .search-overlay nav {text-align: center; position: relative; top: 50%; font-size: 54px; transform: translateY(-50%);}
.site-header .search-overlay ul {list-style: none; padding: 0; margin: 0 auto; display: inline-block; position: relative;}
.site-header .search-overlay ul li {display: block; margin: 20px 0; text-align: left;}
.site-header .search-overlay ul li a {display: block; color: white; text-decoration: none; transition: color 0.2s; font-size: 17px; font-weight: normal;}
.site-header .search-icon-trigger~.overlay-ontop {opacity: 0; visibility: hidden;}
.site-search #op:checked~.overlay-ontop {opacity: 1; visibility: visible;}
.site-header .overlay-ontop nav {perspective: 300px; max-width: 600px; margin: 0 auto;}
.site-header .overlay-ontop nav ul {opacity: 0.4;}
.site-search #op:checked~.overlay-ontop nav ul {opacity: 1; transform: rotateX(0deg);}
.site-search #op:not(:checked)~.overlay-ontop nav ul {transform: translateY(25%) rotateX(-35deg);}
.search-head {color: #fff; font-size: 24px; font-weight: 600; margin-bottom: 1em;}
.search-head-form {display: block;  width: 95%; margin: 0 auto;}
.search-head-form button {display: block; width: 100%; margin-top: 0.85em;}
.site-search #op:checked~.overlay-ontop input {display: block; background: #fff; border: none; padding: 14px; font-size: 15px; color: #8298AB; width: 100%;}
.buttonbg {border: none; font-weight: 600; display: inline-block; font-size: 17px; color: #404040; background: #ffc000; text-align: center;  padding: 12px 22px;}
.buttonbg-long {border: none; font-weight: 600; display: inline-block; font-size: 17px; color: #404040; background: #ffc000; text-align: center;  padding: 12px 22px;width:100%; margin-bottom:20px;}
.buttonbg-green {border: none; font-weight: 300; display: inline-block; font-size: 17px; color: #ffffff; background: #00B050; text-align: center;  padding: 12px 22px;}

#wishlist-header-cart {position: absolute; right: 5.95em; padding: 0.5em; background: #ffc000; color: #404040; margin-top: 0.65em;}
#wishlist-header-cart .fas {padding: 0 0.3em;}
span#wishlist-cart-count {position: absolute;  font-size: 0.55em; padding: 0 0.2em; right: 0.2em;}

.active {display: block;}
.inactive {display: none;}


#wishlist-header-cart.inactive {display: none !important;}
#wishlist-header-cart.active {display: grid !important;}

.fixed-header {position: fixed; z-index: 999; background: rgba(255, 255, 255, 1); width: 100%; border-bottom: 1px solid #EAEDF2; height: 85px; display: inline-block;}

#owl-carousel-homeslider {padding-top: 50px; max-width: 2048px; margin: 0 auto;}
.single-content {padding-top: 50px;}

#masthead {display: table; width: 90%; margin: 0 auto; padding: 0px;}
.site-search {display: table-cell; width: 50px; text-align: center; float: none; clear: none; vertical-align: middle; line-height: 0;}
.site-branding {display: table-cell; width: auto; text-align: center; float: none; vertical-align: middle;}
#site-navigation {display: table-cell; width: 50px; float: none; vertical-align: middle;}
.main-menu-container {float: right;}
.menu-toggle {float: right;}
.page-header-image-wrapper {position: relative; padding-top: 65px; line-height: 0; text-align: center; max-width: 2048px; margin: 0 auto;}
.page-header-image-wrapper:before {content: ""; /**background: rgba(16, 16, 16, 0.2);**/ z-index: 1; position: absolute; top: 0; min-height: 100%; left: 0; right: 0;}
.page-header-image-wrapper .wrapper {position: absolute; left: 0; right: 0; bottom:0px; z-index: 10; color: #ffffff;}
.page-header-image-wrapper .wrapper a {color: inherit; text-decoration: none;}
#breadcrumbs {font-size: 10pt;}
#breadcrumbs a {color: inherit;}

.image-location {position: absolute; z-index: 750; bottom: 0; right: 0; padding: 10px; color: #ffffff; font-size: 9pt; letter-spacing: 1px; background: rgba(0,0,0,0.5); line-height: 1; display: grid; grid-template-columns: 1rem auto; align-items: center; grid-gap:0.25rem;}

.image-location:before {background-color: #ffffff; -webkit-mask-image: url('images/svg/map-marker-alt.svg'); mask-image: url('images/svg/map-marker-alt.svg');-webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content:''; height:1rem; width: 1rem;}

/**content**/
.whitebg, .content-row-auto:nth-of-type(2n) {background: #ffffff;}
.lightgreenbg {background:#cbefd9;}
.lightgreybg, .content-row-auto {background: #f8f9fa;}
.bluebg {background:#12818F;}

#content, #colophon, .content-row, .content-row-auto {display: block; margin: 0 auto;}

.entry-header h1 {font-size: 40pt; line-height: 45px;  color: #008050; text-align: center;  margin-bottom: 50px;}
.entry-content {max-width: 800px; width: 90%; margin: 0 auto 50px; text-align: justify;}
.page-header {max-width: 800px; width: 90%; margin: 0 auto; text-align: justify;}
.wrapper {margin: 0 auto; width: 90%; max-width: 1920px;}
.wrapper-full {margin: 0 auto; width: 90%; max-width: 1920px;}
.withbg {position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
.withbg:before {content: ""; position: absolute; background: rgba(16, 16, 16, 0.50); height: 100%;  left: 0; right: 0; top: 0;  z-index: 1;}

/**homepage specific**/
.icon-bg img {border-radius: 50%; max-width: 250px;}
.icon-bg span {color: #ffffff; line-height: 175px; font-size: 85px;}
.hp-icon-grid p {margin-bottom: 20px;}
h4.title-head {display: block; width: 100%; text-align: center;}
.hp-event-grid {display: grid; grid-template-columns: 1fr;  align-items: center; text-align: center; background-color: #ffffff; max-width: 93%; margin: 0 auto;}
.hp-event-grid p {margin-top: 25px; color: #3B5266;  line-height: 17pt; font-size: 11pt; font-weight: normal; width: 95%; }
a.buttonbg {border: none; font-weight: 600; display: inline-block; font-size: 17px; color: #404040; background: #ffC000; text-align: center; padding: 12px 22px; text-decoration: none;}
a.buttonbg-long{border: none; font-weight: 600; display: inline-block; font-size: 17px; color: #404040; background: #ffC000; text-align: center; padding: 12px 22px; text-decoration: none; width:100%;}
a.buttonbg-green {border: none; font-weight: 300; display: inline-block; font-size: 17px; color: #ffffff; background: #00B050; text-align: center; padding: 12px 22px; text-decoration: none;}

.plan-your-trip {z-index: 2; position: relative;}
.trip-image {line-height: 0;}
.trip-text {display: block; text-align: center; width: 95%; max-width: 600px; margin: 0 auto; padding: 3em 0; color: #ffffff;}

/**grids**/
.padd-wrapper, .padd-wrapper-2 {padding: 35px 0px; position: relative; max-width: 1920px; margin: 0 auto;}
.padd-wrapper-top {padding: 35px 0px 0px 0px; position: relative; max-width: 1920px; margin: 0 auto;}
.padd-wrapper-2 .owl-carousel {padding: 0px 35px;}
.owl-nav-fixed {position: absolute; top: 50%; left: 0; right: 0; z-index: 900;}
.owl-nav-fixed .owl-prev {float: left; margin-left: 0px;}
.owl-nav-fixed .owl-next {float: right; margin-right: 0px;}
#owl-nav-events .owl-prev {margin-left: -20px;}
#owl-nav-events .owl-next {margin-right: -20px;}
.owl-dots {padding-top: 20px;}

.owl-nav-fixed button {padding: 10px; border: 0px; background: none; color: #ffC000; font-size: 50pt; outline: 0;}
.bluebg .owl-nav-fixed button, .lightgreenbg .owl-nav-fixed button {color:#ffffff;}
.hp-icon-grid, .hp-insta {padding: 75px 0px;}
.hp-event-grid {margin: 5px auto;}
.hp-event-grid .column-image {border: 10px solid #ffffff;}
#owl-carousel-event {padding: 25px 0px 75px 0px;}

.grid-start {display: grid; padding-bottom: 0.25em;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5 {grid-template-columns: 100%; /**grid-gap: 20px;**/}
.grid-item-double {display: grid; grid-template-columns: 100%;}
.listing-item-grid {display: grid; grid-template-columns: 100%; grid-column-gap: 20px; text-align: center; border: 1px solid rgba(130,152,171,0.35);}

.grid-item {padding: 0.15em 0.25em;}
.grid-item-large .grid-item {}

a.grid-item-over {position: relative; display: block; text-decoration: none; line-height: 0;}
a.grid-item-over h2 {position: absolute; bottom: -0.8em; text-shadow: 2px 3px 1px #000000; z-index: 950; color: #ffffff; font-size: 20pt; padding: 10px; font-weight: normal; line-height: 1;}
a:hover {opacity: 0.8; }

/**single post excerpts**/
.hp-natures .excerpt-info {padding: 20px 0px; box-sizing: border-box;}
.hp-natures .excerpt-info p {margin: 0px; min-height: 75px;}
.hp-natures .excerpt-info h2 {margin-bottom: 15px; min-height: 0px;}

.bluebg .hp-carousel {background-color: #ffffff;}
.article-excerpt .excerpt-info, .hp-carousel .excerpt-info {padding: 20px 0px; box-sizing: border-box; max-width: 450px; width: 100%;}

.article-excerpt {padding: 0px 0.5em;}
.article-excerpt.bordered {padding: 0; margin: 0.2em 0.5em;}

.article-excerpt .excerpt-info {position: relative;  word-break: break-word;}
.article-excerpt.bordered .excerpt-info {padding: 20px;}

.article-excerpt a, .hp-carousel a, .hp-natures a {color: inherit; text-decoration: none; }
.excerpt-info h2 {font-size: 18pt; line-height: 22pt; margin: 0px; margin-bottom: 15px;}
.excerpt-info h2.no-author {margin-bottom: 0px; line-height: 22pt;  font-size: 16pt;}
.article-excerpt-author {display: block; width: 100%; margin-bottom: 10px;}
.article-excerpt-author a {display: inline-block !important; width: auto !important; color: inherit;}

.excerpt-more {margin-top: 15px; border: none; color: #12818f; font-size: 16px; line-height: 25px; font-weight: 600;  display: block; width: 100%;}
.listing-info p {white-space: normal; margin-bottom: 10px;}

/**single posts**/
.single-post-grid {grid-gap: 40px; grid-template-columns: 100%; margin: 0 auto;}
.single-post-header-image {display: block; position: relative; line-height: 0; padding-top: 30px;}
.single-post-grid article {max-width: 1020px; text-align: justify; line-height: 1.5;}
.single-post-grid article p:first-of-type {font-weight: normal; font-size: 1.1rem; line-height: 35px;}

.single-specials .single-post-grid {margin-top:2.5em;}
.single-specials .single-post-header-image {padding-top: 0px;}

.auto-read-more p:first-of-type {font-size: inherit !important; line-height: 1.5 !important;}
.post-autor-line {font-weight: bold; display: block; width: 100%; text-align: center; font-size: 20px; line-height: 25px;}
.post-date-line {display: block; width: 100%; text-align: center;  color: #c00000;  font-size: 13px; font-weight: 600; line-height: 20px;}
ul.related-experience-cat-list {list-style: none; margin: 0; padding: 0; width: 100%;}
ul.related-experience-cat-list li {display: block; border-bottom:1px solid rgba(130,152,171,0.25); margin: 25px auto; padding-bottom: 10px;}
ul.related-experience-cat-list li a {color: inherit; text-decoration: none;}
ul.related-experience-cat-list li .related-post-title { margin: 0px 0 14px; font-size: 15px; line-height: 20px; font-weight: bold;}
ul.related-experience-cat-list li .related-post-date {font-weight: normal; font-size: 15px; line-height: 20px; color: #555A64; margin-top: 6px; display: block;}
.share-this-article {margin-bottom: 40px;}
.blog-post-meta {display: block; text-align: center; width: 100%;}

/**auto read-more**/
.auto-read-more {max-height: 0; overflow: hidden; transition: max-height 1s ease;}
.read-more-toggle {display: none;}
.auto-read-more-btn, .load-more-btn {display: block; text-align: center; user-select: none; cursor: pointer; border: none; padding: 5px; margin: 0 auto; background: #c3c3c3; color: #444444; font-weight: bold; font-size: 0.85em; letter-spacing: 1px; line-height: 1.5;}

button.load-more-btn {border-radius: 0; padding: 1em; margin-bottom: 1.5em; border: 0px; display: block; width: 100%;}
button.load-more-btn:focus {border: 0px; outline: 0; background: #555A64; color: #ffffff;}
button.load-more-btn:hover {background: #555A64; color: #ffffff;}

.show_results_on_map {border-radius: 0; padding: 1em; margin-bottom: 1.5em; border: 0px; display: block; width: 100%; text-align: center; background: #555A64; color: #ffffff; }
.show_results_on_map a {color: inherit; text-align: center; width: 100%; display: block;}

.auto-read-more-btn:after {content: "More"; display: inline-block;}
.read-more-toggle:checked + .auto-read-more {display: block; max-height: 10000px;/**set a really crazy height, just in case**/}
.read-more-toggle:checked + .auto-read-more + .auto-read-more-btn:after {content: "Less";}

/**town pages**/
blockquote.town-quote-outer {width:100%; margin: 0 auto; color: #12818f; padding: 15px; display: inline-block;}
.town-quote {font-size: 14pt; text-transform: none; letter-spacing: 1px; display: block; width: 100%; margin: 0 auto; text-align: center; font-family: 'Big Shoulders Display', sans-serif; }
.town-quote-image {display: block; width: 100%; text-align: center; margin-top: 20px;}
.town-quote-image img {border-radius: 50%; max-width: 90px;}

.town-quote:before, .town-quote:after {background-color: #12818f; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content:''; height:1.25rem; width: 1rem; display: inline-block;}

.town-quote:before {-webkit-mask-image: url('images/svg/quote-left.svg'); mask-image: url('images/svg/quote-left.svg'); margin-right: 5px;}
.town-quote:after {-webkit-mask-image: url('images/svg/quote-right.svg'); mask-image: url('images/svg/quote-right.svg'); margin-left: 5px;}

.town-quote-author {font-size: 9pt; text-transform: none; font-style: italic; letter-spacing: 1px; display: block; width: 100%; margin: 0 auto; text-align: center; margin-top:10px;}

/**Taxonomy Feeds**/
.listing-item-info {min-width: 0; /*Prevents grid blowout*/ font-size: 15px; line-height: 25px; color: #555A64; padding: 10px 20px;} 
.listing-item-info h2 {margin: 0; padding: 0;}
.listing-item-base-cat {font-size: 18px; margin-top: 5px;}
.listing-item-info p { margin: 10px auto;}
ul.listing-item-contact, ul.listing-item-actions {list-style: none; margin: 0; padding: 0; width: 100%; }
ul.listing-item-contact {display: block; min-height: 50px; width: 100%;}
ul.listing-item-contact li span {font-weight: bold;}
ul.listing-item-contact li a {color: inherit; text-decoration: none; display: inline-block; width: auto;}

/**ul.listing-item-actions {display: table; margin-top: 10px;}
ul.listing-item-actions li {display: table-cell;}**/
ul.listing-item-actions {display: grid; grid-template-columns: 1fr 1fr; margin-top:10px;}
ul.listing-item-actions li {height:100%;}
ul.listing-item-actions li a, ul.listing-item-actions li button {font-weight: 500; font-size: 15px; color: #fff; background: #91c640; text-align: center; padding: 6px 12px; text-decoration: none; display: block; width: 100%; height:100%; line-height: 17px; border: 1px solid #ffffff;}


ul.listing-item-actions li a.alreadyincart, ul.listing-item-actions li button.alreadyincart {background: #555A64;}
.marker-info-box ul.listing-item-actions li a.alreadyincart, ul.listing-item-actions li button.alreadyincart {background: #ffffff; color: #000000;}

.wishlist-btn {text-align: center; position: relative; margin: 0 auto; max-width: 10em;}
.wishlist-btn > button {font-weight: 500; font-size: 15px; color: #fff; background: #91c640; text-align: center; padding: 6px 12px; text-decoration: none; display: block; line-height: 17px; border: 0px; max-width: 10em; cursor: pointer;}
.wishlist-btn > button:hover, .wishlist-btn > a.alreadyincart:hover{opacity: 1;}
.wishlist-btn > a.alreadyincart, .wishlist-btn > button.alreadyincart {background: #555A64; font-weight: 500; font-size: 15px; color: #fff; text-align: center; padding: 6px 12px; text-decoration: none; display: block; line-height: 17px; border: 0px; max-width: 10em; cursor: not-allowed;}

.removefromwishlist {width: 12.6em; font-size: 0.75rem; font-weight: 500; line-height: 1.5; left: 0; bottom: 0; background: #ffc000; color: #404040; border: 0px; cursor: pointer;}
.removefromwishlist:hover {opacity: 1; background:#555A64; color: #ffffff; outline: 0;}

/**Timeline Template**/
.timeline {border-left: 2px solid #dbdcdc; display: block; max-width: 680px; width: 95%; margin: 0 auto; padding: 0px 0.8em 0px 3.5em;}
.timeline.search {width: 90%; max-width: 740px;}
.timeline-item {background: #f9f9f9; position: relative; padding: 1em; margin: 1.5em 0; border: 1px solid #ddd; text-align: center; color: inherit;}
.timeline-item:before {content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background: #FFc000;  top: 0;  left: -4.25em; position: absolute;}
.timeline-item:after {content: ""; display: block; width: 0; height: 0; border-style: solid; border-color: #f9f9f9 #f9f9f9 transparent transparent; border-width: 15px; position: absolute; top: -2px; left: -32px;}
.timeline-dot {display: block; width: 3.5em; height: 3.5em; line-height: 3.5em; border-radius: 50%; background: #FFc000; top: -0.3em; left: -5.2em; position: absolute;
color: #000000; font-weight: bold;}
.timeline-dot.specials {width: 5em; height: 5em; line-height: 5em; left: -6.2em;}
.timeline-dot.specials i {font-size: 1.4em;}

.timeline-year {display: block; margin-bottom: -2.6em; margin-top: -0.3em; font-size: 1em;}
.timeline-icon {display: block; width: 50px; height: 50px; border-radius: 50%; background: #FFc000;  top: 0;  left: -80px; position: absolute; text-align: center; font-size: 25px; padding-top: 7px;}

.timeline-search {font-size: 1.8em;}
.timeline-dot.experiences, .timeline-dot.explore {background: #00b050; color: #ffffff;}
.timeline-dot.activities {background: #12818f; color: #ffffff;}
.timeline-dot.stay {background: #24a38e; color: #ffffff;}
.timeline-dot.business {background: #91c640; color: #ffffff;}
.timeline-dot.events {background: #24a38e; color: #ffffff;}

.timeline-item-info {position: relative;}
.timeline-item-info a {display: table; width: 100%;}
/**.timeline-item-date {position: absolute;}**/
.timeline-item-type {margin: 0 auto; position: absolute; z-index: 99; background: #2C3038; padding: 10px; right: -17px; top: -5px; color: #ffffff; font-size: 0.8em; width: 120px; overflow: hidden; border-radius: 10px 0px 0px 10px;}
.timeline-item-type.market, .timeline-item-type.stay, .timeline-item-type.events {background: #24A38e;}
.timeline-item-type.festivals, .timeline-item-type.business {background: #91c640;}
.timeline-item-type.sporting, .timeline-item-type.activities {background: #12818f;}
.timeline-item-type.entertainment  {background: #FFc000;}
.timeline-item-type.experiences, .timeline-item-type.explore {background: #00b050;}

.timeline-item-excerpt {color: #2C3038; display: block; text-align: center;  font-size: 0.95em; margin: 0 auto;}
.timeline-item-excerpt h2 {color: #2C3038; font-size: 20pt; line-height: 25pt; margin: 0px; margin-bottom: 5px; text-align: center; max-width: 100%;}
.timeline-item-image {display: block; vertical-align: top; margin: 0 auto;}
.timeline-item-excerpt {display: block; vertical-align: top; text-align: center;  padding-left: 0px; }
.removefromwishlist {position: relative;}

.events-filter {text-align: center; padding: 10px; background: #FFc000; max-width: 780px; margin: 0 auto;}
.events-filter * {display: inline-block;}


/**Google Map Styling**/
.acf-map {width: 95%; height: 450px; border: #ccc solid 1px;  margin: 0 auto; max-width: 1920px;}
.gmap-row {display: block; width: 95%; max-width: 1280px; margin: 0 auto; float: none; clear: both;}
.gmap-filter-box {display: block; width:100%; padding: 1em 2% 1em 1em; background: #555A64; color: #ffffff; vertical-align: text-top; }
.gmap-row > .acf-map {display: block; width: 100%; height: 55vh; margin: 1.5em 0 0 0;}

.filter-box-title {font-size: 1.2em; font-weight: bold; text-align: center;}
.filter-box {display: block; width: 100%; padding: 0.5em 0; }
.gmap-filter-box .searchinput .data-wrap {color:#000000;}
.map-filter-bar {width: 95% !important; max-width: 1280px; margin: 0 auto;}
.gmap-filter-box {text-align: center;}
/**.filter-box-refines label {display: inline-block; font-size: 0.8em; padding: 0.2em;}
.filter-box-refines input [type="checkbox"] {margin-right: 0.2em;}**/


.open_gmap_modal {position: absolute; right: 1em; top: 1.5em; background: #00b050; color: #ffffff; font-size: 0.75em; padding: 0.35em; border-radius: 0.5em;}
.open_gmap_modal i {padding-left: 0.25em;}
.gmap_model { display: none; position: fixed;  z-index: 1000; left: 0;  top: 0; width: 100%; height: 100%;  overflow: auto;  background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4);}
.gmap_model_content {background-color: #fefefe; margin: 3em auto; padding: 1.5em; border: 1px solid #888; width: 80%;}
.gmap_model_content > .acf-map {height: 75vh;}
.gmap_model_content > .close {color: #aaa; float: right; font-size: 2.2em; font-weight: bold;}
.close:hover, .close:focus {color: black; text-decoration: none; cursor: pointer;}

.gm-style .gm-style-iw {top: 0 !important;  left: 0 !important;  max-height: 100vh !important; text-align: center !important; padding-top: 10px; display: block !important;}  .gm-style .gm-style-iw img {max-width: 300px !important;}  


/**search filter bar styling**/
.searchinput {position: relative; margin-top: 1em;}
.searchinput:last-of-type{margin-bottom: 1em;}
.select-checkbox { display: none;}
.select-label {display: block;  border: 1px solid;  padding: 4px; background: #ffffff; width: 98%; margin: 0 auto; font-size: 0.9em;}
.select-label:before {content: "\25BE"; float: right;}
.data-wrap {position: relative;}
.select-wrap {position: absolute; background: #eee; display: none; border: 1px solid #000000; background: #ffffff;}
.select-checkbox:checked ~ .data-wrap .select-wrap {display: block; z-index: 997; width: 98%; left: 1%; right: 0; max-height: 250px; overflow: hidden scroll; font-size: 0.8em;}
.select {list-style: none; padding: 10px; margin: 0;}
.select a {display: block; text-decoration: none; color: inherit;}
#close-dropdown {  position: absolute; z-index: 990; width: 100%; height: 100%; top: 0; left: 0; background: #ffffff; opacity: 0;}
.dropdown-hidden {display: none;}
.dropdown-active {display: block;}


/**footer**/
#colophon {background: #24A38e; padding: 4em 0; color: #ffffff;}
#colophon a {color: inherit; text-decoration: none; }
#colophon a:hover {opacity: 0.8;}

.site-info {display: grid; grid-template-columns: 1fr; grid-gap: 20px; text-align: center;}
.site-info h3 {font-size: 16pt;}
.so-me-icons {display: block; list-style: none; margin: 0 auto; padding: 0; width:fit-content;}

ul#footer-menu-2 {display: block; width: 100%; list-style: none; margin: 0 auto; padding: 0px;}
#colophon .logo-2 {margin-bottom: 2em; display: block;}
.subscribefooterform {max-width: 280px; margin: 0 auto;}
.subscribefooterform input {display: block; width: 100%;  margin: 5px 0px;}
#movetop {display: none; position: fixed; bottom: 15px; right: 15px; z-index: 99; border: none;  outline: none; cursor: pointer; width: 36px; height: 36px; background: #3e8341;  border-radius: 50px;-webkit-border-radius: 50px; -o-border-radius: 50px; -moz-border-radius: 50px; -ms-border-radius: 50px; padding: 0;}
#movetop span.fa {line-height: 18px; color: #fff; font-size: 26px;}
 p.site-copyright {text-align: center; font-size: 10pt;}

/**fonts etc**/
a.button {border: none; color: #12818f; font-size: 16px; line-height: 25px; font-weight: 600;  display: inline-block; text-decoration: none;}
h1.entry-title, h1.page-title {font-size: 22pt; line-height: 24pt; margin: 20px auto; display: block; width: 90%; text-align: center; color: #12818F; text-transform: lowercase; }
h1.single-post-title {display: block; width: 100%; line-height: 24pt; font-size: 22pt; margin: 20px auto; display: inline-block; color: #2C3038; text-transform: lowercase;}
h2.section-title {font-size: 1.7em; color: #12818f; text-transform: lowercase;}
h2.page-sub-title {width: 100%; text-align: center; color: #12818f; font-size: 1.1rem; line-height: 1.5; margin-bottom: 10px; font-family: 'nunito', sans-serif;}
h2.search-title {width: 100%; text-align: center; color: #12818f; font-size: 1.1rem; line-height: 1.5;  margin-bottom: 10px;  font-family: 'nunito', sans-serif; line-height: 1.4;}
h3.section-title {display: block; width: 100%; text-align: center; font-size: 20pt; line-height: 45px; color: #12818F; margin: 0px 0px 20px 0px; }
.bluebg h3.section-title {color:#ffffff; font-weight: normal;}
h3.section-title a {color: inherit; font-family: inherit; letter-spacing: inherit; font-size: inherit;}
h3.wrapper-title {font-size: 30px; margin-bottom: 20px; margin-top: 0px; }
h3.side-bar-title {font-weight: normal; font-size: 25px; line-height: 35px; margin: 0;}
h4 {display: block; width: 100%; text-align: center; color: #2C3038; font-size: 22pt; line-height: 25pt; font-weight: 500;}
.trip-text h2 a, .hp-event-grid h2 a  {line-height: 30pt; font-size: 22pt; text-decoration: none; color: inherit; font-family: 'Big Shoulders Display', sans-serif;}
.bordered {border: 1px solid rgba(130, 152, 171, 0.35);}

.top-tip-box {display: grid; width: 100%; clear: both; float: none; line-height: 1.5; margin-bottom: 1em; grid-template-columns:3.5rem auto; align-items: center; grid-gap: 1rem;}
.top-tip-box:before {background-color: #91c640; -webkit-mask-image: url('images/svg/bullhorn.svg'); mask-image: url('images/svg/bullhorn.svg');-webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content:''; height:3rem; width: 2.5rem; display: inline-block;}

.top-tip {position: relative; background: #c9e2a2; border-radius: .4em; color: #000000; padding: 10px;}

.top-tip:after {content: ''; position: absolute; left: 0; top: 35%; width: 0; height: 0; border: 20px solid transparent; border-right-color: #c9e2a2; border-left: 0; border-bottom: 0; margin-top: -10px; margin-left: -20px;}
.top-tip .fas {font-size:35pt; color:inherit; top: 7px;  position: relative;}
.top-tip .top-tip-label {color: inherit; font-weight: bold;}

.please-note-box {display: grid; grid-template-columns: 3rem auto; grid-gap: 1.25rem; align-items: center; width: 100%; clear: both; float: none; line-height: 1.5; margin-bottom: 1em;}

.please-note-box:before {background-color: #FFc000; -webkit-mask-image: url('images/svg/exclamation-circle.svg'); mask-image: url('images/svg/exclamation-circle.svg');-webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content:''; height:2rem; width: 3rem; display: inline-block; margin-left: 0.25rem;}

.please-note {position: relative; background: #f6dfa0; border-radius: .4em; color: #000000; padding: 10px; float: left; display: inline-block;}
.please-note:after {content: ''; position: absolute; left: 0; top: 35%; width: 0; height: 0; border: 20px solid transparent; border-right-color: #f6dfa0; border-left: 0; border-bottom: 0; margin-top: -10px; margin-left: -20px;}
.please-note .fas {font-size:35pt; color:inherit; top: 7px;  position: relative;}
.please-note .please-note-label {color: inherit; font-weight: bold;}

.wrapper-data-wrap {display: inline-block; width: 98%; margin: 0 auto; margin-bottom: 30px; text-align: center;}
.wrapper-data-wrap > h3.wrapper-title a {color: inherit; font-size: inherit; letter-spacing: inherit; font-family: inherit;}
.wrapper-data-wrap > .view-all-button a {padding: 0.75rem; text-align: center; background: #ffc000; color: #4d4d4f; font-weight: bold; letter-spacing: 0.0625rem; line-height: 1.5; border-radius: 10px; text-transform: lowercase; font-size: 0.75rem; display: block;}
    
.item.big-owl-button {width: 100%; background: #c3c3c3; padding:32.5% 0;}
.item.big-owl-button a {display: block; width: 100%; max-width:300px; margin:0 auto; text-align: center; padding:30px; color: #ffffff; background:#4d4d4f;}
.item.big-owl-button a i {display:block; width:100%; font-size:4em; color:#ffffff; margin-bottom:1em;}
.item.big-owl-button a span.big {display:block; width:100%; font-size:1.7em;}
.item.big-owl-button a span.small {display:block; width:100%; font-size:1.1em;}

#filter-bar {display: block; width: 97%; padding: 20px; text-align: center; margin: 0 auto; background: #c3c3c3; }
#filter-bar .searchlabel {display: block; width: 100%; font-weight: bold; letter-spacing: 1px; color: #ffffff; color: #4d4d4f;}
#filter-bar .searchinput select {width: 98%; display: block; padding: 5px; border: 0px; margin: 1%; font-size: 0.8em;}

#filter-bar.twoinputs .searchinput {display: inline; float: left;  width: 50%;}
#filter-bar.threeinputs .searchinput {display: inline; float: left;  width: 33.33333333%;}
#filter-bar button {display: inline-block; float: none; border-radius: 0px; border: 0px; padding: 8px; width: 99%; margin: 1% auto; background:#ffc000; color: #4d4d4f; text-transform: uppercase; font-weight: bold;}

.result-count-wrapper {font-size: 0.7em; text-align: center; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.5em; background: #c3c3c3; float: none; opacity: 0.6; margin-bottom: 0.5em;}

table.responsive-table {font-size: 0.8em;}
table.responsive-table th, table.responsive-table td {padding: 0.8em;}
table.responsive-table th {background-color: #4d4d4f; color: #ffffff;}
table.responsive-table tr {background-color: #e5e5e5;}
table.responsive-table tr:nth-of-type(2n+1) {background-color: #c3c3c3;}
table.responsive-table a:link {color: inherit;}

nav.navigation.pagination {text-align: center; font-size: 0.9rem;}
span.page-numbers.current {background: #ffc000; color: #4d4d4f; padding: 0.5em; display: inline-block; line-height: 0.8;}
a.page-numbers {background: #c3c3c3; color: #ffffff; padding: 0.5em; display: inline-block; line-height: 0.8;}

.site-info .nf-before-form-content {display: none !important;}
div#nf-form-3-cont {max-width: 350px; display: block; margin: 0 auto;}

.select-wrap ul li {padding: 0.35em 0; font-size: 0.9rem;}
.select-wrap ul li [type="checkbox"] {margin-right: 0.5em;}

.visit_cx_vid_embed {display: block; margin: 0 auto; width: 100%; text-align: center; height: 240px;}
.visit_cx_vid_embed iframe {width: 100%; height: 100%;}

.stakeholder-login-wrapper {display: inline-block; width: 100%; margin-bottom: 1em;}
.stakeholder-login-wrapper .stakeholder-login-data {display: block; padding: 1.5em; width: 100%; position: relative;}
.stakeholder-login-wrapper #loginform {padding: 1em; display: block; margin: 0 auto;}
.stakeholder-login-wrapper #loginform p {display: table; width: 100%;}
.stakeholder-login-wrapper #loginform label {display: table-cell; width: 30%; text-align: left;}
.stakeholder-login-wrapper #loginform input {display: table-cell; width: 100%; text-align: left;}
.stakeholder-login-wrapper #loginform p.login-submit {display: block;}
.stakeholder-login-wrapper #loginform p.login-submit input, #register_stakeholder_button {display: block; width: 100%; text-align: center; margin: 0 auto; padding: 1em; cursor: pointer;}
.stake_holder_btn {display: block; width: 100%; text-align: center; padding: 0.5em; background: #24A38e; color: #e5e5e5; font-size: 0.85em; letter-spacing: 1px; cursor: pointer; margin: 1em auto;} 

#hideMe {position: absolute; font-family: sans-serif; top: 40%; left: 0; right: 0; margin: 0 auto; width: 300px;  font-size: 1em; padding: 1em; line-height: 1.5; z-index: 100000; text-align: center; display: block; -webkit-animation: hideCXalertBox 5s forwards; animation: hideCXalertBox 5s forwards; border: 2px solid #000000;}
.errormessage {background: #8f0707; color: #ffffff;}
.successmessage {background: #146427; color: #ffffff;}

.counter-alert {background: #8f0707 !important; color: #ffffff;}
.word-left-counter {background:#4d4d4f; color: #ffffff; }

.grid {display: grid; width:100%; max-width:1920px; margin:0 auto;} 
.three-col {grid-template-columns: 1fr;}
.gapped-grid {grid-gap: 1rem;}

@media screen and (min-width:568px) {
    .grid-1 {grid-template-columns: 100%;}
    .grid-2, .hp-event-grid {grid-template-columns: 50% 50%;}
    .grid-3 {grid-template-columns: 50% 50%;}
    .grid-4 {grid-template-columns: 50% 50%;}
    .grid-5, .site-info {grid-template-columns: 100%;}
    .single-post-grid {grid-template-columns: 2fr .7fr;}
    .grid-item-double {grid-template-columns: 50% 50%; direction: ltr; /**grid-gap: 20px;**/}
    .grid-item-large {direction: ltr;}
    .grid-5:nth-of-type(2n) {direction: rtl;}
    .listing-info p {min-height: 150px;}
    .excerpt-info h2.no-author {min-height: 65px;}
    .three-col {grid-template-columns: repeat(3, 1fr);}
}

@media screen and (min-width:740px) {
    .timeline-item-image {display: table-cell; vertical-align: top; width: 150px;}
    .timeline-item-excerpt {display: table-cell; vertical-align: top; text-align: left;  padding-left: 10px; }
    .timeline-item-excerpt h2, h2.search-title {text-align: left; max-width: 72%;}
    .wishlist-btn {text-align: center; position: absolute; margin: 0 auto; max-width: 10em; bottom: 0;}
    .removefromwishlist {position: absolute;}
    .search-head-form {display: flex;  display: -webkit-flex;}
    .search-head-form button {width: auto; margin-top: 0px; margin-left: 0.5em;}
    .visit_cx_vid_embed { height: 366px;}
    
}



@media screen and (min-width: 978px) {
    .wrapper {width: 75%;}
	.menu-toggle {display: none;}
    .main-navigation ul li.menu-item-has-children a {display: block;}
    .main-navigation ul li.menu-item-has-children .mobile-label {display: none;}
    .site-search {text-align: center; width: 100px;}
    
    #site-navigation {width: auto;}
    .fixed-header {padding: 10px 0px;}
    .image-location {font-size: 11pt;}

	.main-navigation ul {display: block; list-style: none; margin: 0; padding-left: 0; line-height: 60px;}
    .entry-content, .page-header {width: 100%;}
    li.so-me-fb, li.so-me-insta, li.so-me-twitter, li.so-me-youtube {padding: 0px 5px !important;}
    
    .main-navigation ul li {display: inline-block;  position: relative; padding: 0 10px; vertical-align: middle; font-size: 0.8em;}

    .main-navigation ul li.menu-item-has-children::after {position: absolute; top: 24px; right: -5px; background-color: #404040; -webkit-mask-image: url('images/svg/chevron-down.svg'); mask-image: url('images/svg/chevron-down.svg');-webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; content:''; height:0.75rem; width: 0.75rem; display: inline-block; margin-left: 0.25rem;}
    
    .main-navigation ul.sub-menu:after {position: absolute; top: -9px; left: 0; right: 0; margin: 0 auto; content: ""; display: block; width: 16px; height: 16px; background: #fff; border-radius: 3px 0 0 0; transform: rotate(45deg); border-top: 1px solid #EAEDF2; border-left: 1px solid #EAEDF2; }
    
    .main-navigation ul li:hover > ul.sub-menu {display: inherit;}
    .main-navigation ul.sub-menu {min-width: 580px; -webkit-columns: 2; -moz-columns: 2; columns: 2;  display: none; background: #fff; border-radius: 4px; border: 1px solid #EAEDF2; padding: 1rem; position: absolute; top: 55px; left: -250px; box-shadow: 0 0 1px #eee, 0 6px 18px rgba(0, 0, 0, 0.15); z-index: 999; line-height: 1em; }
    
    .main-navigation li.last-child-with-class > ul.sub-menu {transform: translateX(-100px);}
    .main-navigation li.last-child-with-class > ul.sub-menu:after {left: 180px;}

    .main-navigation ul li ul.sub-menu li {color: #666; display: inherit; padding: 3px 0px 0px 0px;  -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; width: 100%;}
    .main-navigation ul li ul.sub-menu li a { font-size: 0.85rem; padding: 4px;  display: block; border-bottom: 1px solid #b6b2b2;}
    .main-navigation a {color: inherit; text-decoration: none;}
    .main-navigation ul li:hover, .main-navigation ul li ul.sub-menu li:hover {color: #919498;}
    .main-navigation ul li:hover.menu-item-has-children::after {background-color: #919498;}
    
    .main-navigation a {display: block;	text-decoration: none;}
    .main-navigation ul li.so-me-fb {margin-left: 20px;}
    
    #wishlist-header-cart {right: 0; margin-top: 0.4em;}
    .one_half:first-of-type, .two_quarter:first-of-type, .one_quarter:first-of-type, .three_quarter:first-of-type, .one_third:first-of-type, .two_third:first-of-type, .one_fifth:first-of-type, .one_half:nth-of-type(2n+1), .first {margin-left: 0; clear: left;}
    .one_half, .two_quarter, .one_quarter, .three_quarter, .one_third, .two_third, .one_fifth {display: inline-block; float: left; margin: 0 0 0 3.06748466257669%;}
    .one_half, .two_quarter {width: 48.46625766871166%;}
    .one_quarter {width: 21.69938650306748%;}
    .three_quarter {width: 74.23312883435584%;}
    .one_third {width: 31.28834355828221%;}
    .two_third {width: 62.47668711656442%;}
    .one_fifth {width: 17.29938650306748%;}
    
    h1.entry-title, h1.page-title {font-size: 30pt;  line-height: 45px; width: 100%; margin: 30px auto; }
    h1.single-post-title {font-size: 30pt; line-height: 50px; /**margin: 0 0 40px;**/ }
    h3.section-title {font-size: 30pt;}
    .trip-text h2 a, .hp-event-grid h2 a {line-height: 45px; font-size: 40px;}
    .trip-text {width: 100%;}
    
    .listing-info p {min-height: 120px;}
    .excerpt-info h2.no-author {min-height: 50px; line-height: 1.1;}
    .excerpt-info h2 {min-height: 75px; margin-bottom: 0px;}
    .hp-event-grid p {line-height: 25px; font-size: 17px; margin-bottom: 20px;}
    

    .grid-1 {grid-template-columns: 100%;}
    .grid-2, .hp-event-grid {grid-template-columns: 1fr 1fr;}
    .grid-3, .hp-icon-grid, .site-info {grid-template-columns: 1fr 1fr 1fr;}
    .grid-4 {grid-template-columns: 1fr 1fr 1fr 1fr;}
    .grid-5 {grid-template-columns: 1fr 1fr;}

    .grid-item-double { /**grid-gap: 10px; grid-row-gap: 5px;**/}

    
    .listing-item-grid {grid-template-columns: 0.75fr 1fr; border: 0px; text-align: left;}
    .listing-item-info {padding: 10px 0px;}
    
    .hp-event-grid {grid-gap: 50px; text-align: left;}
    .hp-icon-grid {grid-gap: 30px;}
    
    .wrapper-data-wrap {display: table; text-align: left;}
    .wrapper-data-wrap > h3.wrapper-title {display: table-cell; margin-bottom: 0;}
    .wrapper-data-wrap > .view-all-button {display: table-cell; text-align: right; font-size: 1rem;}
    .wrapper-data-wrap > .view-all-button a {display: initial;}
    
    .gmap-row {display: table; margin-top: 1.5em;}
    .gmap-filter-box {display: table-cell; width:30%; padding: 1em 2% 1em 1em;}
    .gmap-filter-box #gmap-info-area {min-width: 100%;}
    .gmap-row > .acf-map {display: table-cell; width: 68%; min-width: 680px; height: 650px;}
    
    .timeline {width: 100%;}
 
    
    .site-info {text-align:left;}
    .site-info > .column:nth-of-type(1n) {grid-column: 1; grid-row: 1;}
    .site-info > .column:nth-of-type(2n) {grid-column: 2; grid-row: 1;}
    .site-info > .column:nth-of-type(3n) {grid-column: 3; grid-row: 1;}
    .subscribefooterform {margin: 0;}
    div#nf-form-3-cont {margin: 0;}

    #owl-carousel-icons .owl-item.active:nth-of-type(2) {border-left: 2px solid #a1c7af; border-right: 2px solid #a1c7af;     padding: 0px 10px}
    p.site-copyright {text-align: right;}
    
    #filter-bar {display: table; width: 99%; font-size: 1em;}
    #filter-bar .searchlabel, #filter-bar .searchinput, #filter-bar button  {display: table-cell !important; float: none !important; width: auto !important;}
    #filter-bar select {width: 100%; margin: 0;}
    .result-count-wrapper {float: right;}
    .so-me-icons li {display: inline-block; width: 49%; }
    ul#footer-menu-2 li {display: inline-block; margin: 0; width: 49%;  vertical-align: text-top; line-height: 1.5; border: 0px; padding: 0px;}
    #footer-menu-2 [id^=drop2]:checked+ul {padding: 0px 0px 0px 20px;}
    #footer-menu-2 [id^=drop2]:checked+ul li {display: list-item;}
    #footer-menu-2 [id^=drop2]:checked+ul li a {text-align: left;}
    
    #footer-menu-2 li.menu-item-has-children .mobile-label::before {display: none;}
    #footer-menu-2 li.menu-item-has-children .mobile-label::after {position: absolute; display: inline-block; font-size: 1.25rem; line-height: 1.25; content: "+"; padding-left: 10px;}
    
    .visit_cx_vid_embed { height: 450px;}
    .stakeholder-login-wrapper {display: table;}
    .stakeholder-login-wrapper .stakeholder-login-data {display: table-cell; width: 50%;}
}

@media screen and (min-width:1024px) {
    .main-navigation ul li {font-size: 0.9em;}
    .main-navigation ul li ul.sub-menu li a {font-size: 1em; letter-spacing: 1pt;}
    .hp-natures .excerpt-info h2 {min-height: 70px;}
    .hp-natures .excerpt-info p {min-height: 125px;}
    .gmap-row > .acf-map {min-width: 720px;}
}

@media screen and (min-width:1280px) {
    .main-navigation ul li {padding: 0 15px;  font-size: 1em;}
    .main-navigation ul li ul.sub-menu li a {font-size: 0.95em; letter-spacing: 0;}
    .hp-natures .excerpt-info h2 {min-height: auto;}
    .hp-natures .excerpt-info p {min-height: 75px;}
    .gmap-row, .map-filter-bar {width: 100% !important;}
    .gmap-row > .acf-map {min-width: 880px;}
}

@media screen and (min-width:1480px) {
    #masthead {width: 80%;}
    #wishlist-header-cart {right: auto; margin-top: 0.5em; margin-left: 0.5em;}
}

@media screen and (min-width:1920px) {
    #masthead {max-width: 1920px;}   
}


/**CSS ANIMATIONS**/
@keyframes hideCXalertBox { 0%{opacity: 1;} 90% {opacity: 1;} 100% {opacity: 0;}}
@-webkit-keyframes hideCXalertBox {0% {opacity: 1;} 90% {opacity: 1;} 100% {opacity: 0;}}