/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}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:-.25em}sup{top:-.5em}img{border-style:none}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}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .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}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

:root {
  --dark-blue: #032950;
  --mid-blue: #094c78;
  --light-blue: #c4d5e0;
  --bright-blue: #00bff4;
  --bright-green: #83a50d;
  --dark-green: #69840a;
  --dark-blue-tint: rgba(3,41,80,0);
  --mid-blue-tint: rgba(9,76,120,0);
  --dark-blue-tint-ovr: rgba(3,41,80,0.7);
  --mid-blue-tint-ovr: rgba(9,76,120,0.7);
  --text-grey: #666666;
  --dark-blue-min: rgba(3,41,80,0.1);
}

* {
	box-sizing: border-box;
}

a {
	text-decoration: none;
	transition: all 200ms ease-in;
}

html {
	scroll-behavior: smooth;
}

body {
	background-color: white;
	font-family: 'Lato', sans-serif;
	text-rendering: optimizeLegibility !important;
}
.row {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 30px;
}
.with-cols {
	overflow: auto;
}
.column {
	float: left;
}

.left {
	padding: 0 3% 0 0;
}

.block {
	padding: 60px 0;
}

.widescreen {
	height: 56.25vw;
}

.toggle {
	display:none;
}


.lg-1 {
	width: 8.3%;
}
.lg-2 {
	width: 16.6%;
}
.lg-3 {
	width: 25%;
}
.lg-4 {
	width: 33%;
}
.lg-5 {
	width: 41.6%
}
.lg-6 {
	width: 50%;
}
.lg-7 {
	width: 58.3%
}
.lg-8 {
	width: 67%;
}
.lg-9 {
	width: 75%;
}
.lg-10 {
	width: 83%;
}
.lg-12 {
	width: 100%;
}

.lg-pr-1 {
 	padding-right: 8.3%;	
}

header {
	position: relative;
}

header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

header ul li {
	display: inline-block;
	margin: 0 0 0 20px;
	line-height: 100%;
}

header ul li:first-of-type {
	margin: 0;
}

header ul li a {
	color: white;
}

.top-bar {
	background-color: var(--dark-blue);
	text-align: right;
	padding: 10px 30px;
	font-size: 0.8em;
}

.top-bar a {
	color: var(--bright-blue);
}

.top-bar a:hover {
	color: white;
}

a.about:after {
	content: " Us";
}
a.brochure:after {
	content: " Request a Brochure";
}
a.phone:after {
	content: " 01865 311610";
}
a.email:after {
	content: " Contact Us";
}
a.map:after {
	content: " Find Us";
}

a.hire:after {
	content: " a Bike";
}

a.hire {
	background-color: white;
	color: var(--dark-blue);
	padding: 3px 8px;
	border-radius: 6px;
}

a.hire:hover {
	background-color: var(--bright-green);
}


nav {
	background-color: var(--mid-blue);
	background: linear-gradient(90deg, var(--dark-blue) 15%, var(--mid-blue) 100%);
	text-align: right;
	padding: 20px 30px;
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: 700;
}

nav ul li.current-menu-item a, nav ul li.current-page-ancestor a {
	color: var(--bright-green);
}

nav ul li a:hover {
	color: var(--bright-blue);
}

nav a:before {
	content: "Cycle ";
}

nav ul li:nth-last-child(2) a:before, .wpmenucartli a:before {
	content: "";
}

.logo {
	position: absolute;
	z-index: 1000;
	top: 15px;
	left: 30px;
}

.logo img {
	max-height: 140px;
}



h1 {
	margin: 0 auto;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 3em;
}

h2 {
	margin: 0 0 1em 0;
	padding: 0 0 0 0;
	line-height: 130%;
}

h3 {
	margin: 1.4em 0 1em 0;
	padding: 0 0 9px 0;
	line-height: 130%;
	color: var(--mid-blue);
	font-size: 1.3em;
	border-bottom: 1px var(--bright-blue) solid;
}



.flex-section h3 {
	color: white;
	border-bottom: 1px white solid;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 140%;
	font-size: 1.1em;
}



li {
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 140%;
	font-size: 1.1em;
}

.content-page p, .content-page li {
	color: #4b4b4b;
}

.content-page hr {
	margin: 45px 0;
	height: 0;
	border: 0;
	border-bottom: 1px var(--bright-blue) solid;
}

.splash {
	width: 100%;
	height: 37.5vw;
	max-height: 600px;
	position: relative;
	margin: 5px 0 5px 0;
}

.small {
	height: 25vw;
}

.splash img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.splash-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-5deg);
	width: 60%;
	text-align: center;
	padding: 20px;
	background-color: rgba(255,255,255,0.8);
	border: 2px solid black;
	color: black;
	border-radius: 10px;
	box-shadow: -5px 10px 2px rgba(0,0,0,0.5);
	outline: 1px solid transparent;
}

.splash h1 {
	text-transform: uppercase;
	margin: 0 0 0 0;
	padding: 0;
	line-height: 100%;
}

.splash h2 {
	margin: 10px 0 0 0;
	padding: 0;
	line-height: 130%;
	color: var(--mid-blue);
}

.hero {
	background-color: var(--bright-blue);
	padding: 45px 0;
	color: white;
}

.home .hero {
	text-align: center;
}

.hero h2, .hero p {
	width: 70%;
	margin: 0 15% 15px 15%;
}

.on-page h2, .on-page p {
	width: 100%;
	margin: 0 0 15px 0;
}

.services {
	background-color: var(--dark-blue);
}

.top-tours {
	background-color: var(--mid-blue);
}

.block-list {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	width: 100%;
	overflow: auto;
}

.block-list li {
	width: 33.33%;
	height: 30vh;
	float: left;
	margin: 0;
	position: relative;
	color: white;
	display: block;
	border-top: 5px solid white;
	overflow: hidden;
}

.block-list li:not(:nth-child(3n)) {
	border-right: 5px solid white;
}

.block-list li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

.top-tours .block-list li:not(:first-child) {
	
}

.block-list li a {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
}

.services .block-list li a {
	background-color: var(--dark-blue-tint);
}

.top-tours .block-list li a {
	background-color: var(--mid-blue-tint);
}

.services .block-list li a:hover {
	background-color: var(--dark-blue-tint-ovr);
}

.top-tours .block-list li a:hover {
	background-color: var(--mid-blue-tint-ovr);
}

.bl-inner {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 80%;
	margin: 0 10%;
}

.bl-inner h5 {
	font-size: 4em;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 90%;
	margin: 0;
	padding: 0;
}

.bl-inner h5:after {
	content: ":";
	color: var(--bright-blue);
}

a .bl-inner {
	background-color: rgba(255,255,255,0.8);
	display: inline-block;
	border: 2px solid black;
	color: black;
	border-radius: 10px;
	box-shadow: 0 10px 2px rgba(0,0,0,0.5);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	outline: 1px solid transparent;
	text-align: center;
	padding: 15px;
	transition: all 200ms ease-in-out;
}

a:hover .bl-inner {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 5px 2px rgba(0,0,0,0.9);
}

.bl-inner h3, .bl-inner p {
	margin: 0;
	padding: 0;
	line-height: 100%;
}

.bl-inner h3 {
	font-size: 1.6em;
	transition: all 200ms ease;
}

a:hover .bl-inner h3 {
	margin: 0 0 8px 0;
}

.all-tours {
	border-top: 5px solid white;
}

.all-tours a {
	display: block;
	text-align: right;
	padding: 30px 0;
	color: white;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.all-tours a:after {
	content: "\2794";
	color: var(--bright-blue);
	margin: 0 0 0 15px;
}

.shop {
	background-color: var(--bright-green);
}

.shop .block-list li {
	height: 40vh;
}

.shop .block-list li:last-child {
	width: 66.66%;
	border-right: none;
}

.header-bar {
	margin: 5px 0;
	height: 33.33vh;
}

.header-image {
	overflow: hidden;
	height: 100%;
}

.header-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.header-text {
	height: 100%;
	background-color: var(--bright-blue);
	padding: 2% 4.15%;
	color: white;
	border-left: 5px white solid;
}














.content {
	padding: 60px 0;
	color: var(--text-grey);
}

.content-side {
	padding-left: 8.33%;
}

.content-side img {
	width: 100%;
	height: auto;
}

.content-page h2, .blog-link h2 {
	color: var(--mid-blue);
	font-size: 2em;
}

.content-page a, .content-text a {
	color: var(--bright-blue);
	border-bottom: 1px var(--bright-blue) dashed;
}

.highlight {
	padding: 0 2%;
}

.itinerary-item {
	text-align: center;
	padding: 0 3.33%;
}

.highlight img, .itinerary-item img {
	width: 100%;
	margin-bottom: 30px;
}

.highlight h3, .itinerary-item h3 {
	color: var(--bright-blue);
}

.highlights .row {
	padding: 30px;
	background-color: #ebebeb;
	border-radius: 10px;
}

.food-drink, .accommodation {
	padding: 60px 0;
	color: var(--text-grey);
	text-align: center;
	background-color: var(--dark-blue-min);
	margin-bottom: 5px;
}

.bikes {
	background-color: var(--light-blue);
	text-align: center;
	color: var(--dark-blue);
	position: relative;
	overflow: auto;
	min-height: 360px;
	margin-bottom: 5px;
}

.bikes .section-inner {
	padding: 0 5%;
}

.flex-section {
	display: flex;
	margin: 30px 0 60px 0;
}

.col-flex {
	width: calc(50% - 10px);
	margin: 0 10px 0 0;
	border-radius: 0 10px 10px 0;
	position: relative;
	padding: 30px 0;
	background-color: var(--mid-blue);
	background: linear-gradient(90deg, var(--dark-blue) 15%, var(--mid-blue) 100%);
	color: white;
	text-align: right;
}

.col-flex:last-of-type {
	margin: 0 0 0 10px;
	border-radius: 10px 0 0 10px;
	background-color: var(--bright-green);
	background: linear-gradient(90deg, var(--bright-green) 15%, var(--dark-green) 100%);
	text-align: left;
}

.col-flex-inner {
	text-align: center;
	max-width: 780px;
	width: 100%;
	display: inline-block;
	padding: 0 5%;
}


.col-flex-inner a {
	color: var(--bright-blue);
}

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.bar-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.bar-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 10%;
	filter: grayscale(1);
}

.half-sec {
	width: 50%;
	float: left;
}

.section-inner {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 20;
	transform: translate(-50%,-50%);
	width: 100%;
	max-width: 1600px;
}

.section-header {
	max-width: 1600px;
	margin: 0 auto 1em auto;
	font-size: 2em;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}


ul.gallery {
	display: block;
	width: 90%;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul.gallery li {
	width: calc(33.33% - 6px);
	margin: 3px;
	padding: 0;
	float: left;
}

ul.gallery li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
}

.dl-gal {
	margin: 60px 0;
}

.dl-gal ul.gallery {
	width: 100%;
}


.dl-gal ul.gallery li {
	width: calc(16.66% - 6px);
}

ul.gallery li a:hover img {
	opacity: 60%;
}


footer {
	background-color: var(--mid-blue);
	margin-top: 5px;
	color: white;
}

footer h4 {
	font-size: 1.4em;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	color: var(--bright-blue);
	border-bottom: 2px solid var(--bright-green);
	display: inline-block;
}

footer a {
	color: var(--light-blue);
}

footer a:hover {
	color: white;
}

footer .column {
	padding: 0 1%;
}

footer p {
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 140%;
	color: white;
}

footer li {
	color: white;
}

.details ul {
	color: var(--bright-blue);
	margin-top: 0;
	line-height: 140%;
}

.social ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.social ul li {
	display: inline-block;
	font-size: 2.4em;
}

.badge img {
	width: 100%;
	margin: 0;
	max-width: 160px;
}

.base-bar {
	padding: 10px 30px;
	background-color: var(--dark-blue);
	color: white;
	text-align: right;
	font-size: 0.8em;
}

.base-bar a {
	color: var(--light-blue);
}

.base-bar a:hover {
	color: var(--bright-blue);
}



a.button {
	display: inline-block;
	width: 60%;
	padding: 15px 30px;
	background-color: var(--bright-blue);
	border-radius: 6px;
	color: white;
	font-weight: bold;
	border: 2px solid white;
	box-shadow: 0 5px 2px -2px rgba(0,0,0,0.3);
}

a.button:hover {
	background-color: var(--bright-green);
}

a.wide {
	width: 100% !important;
	text-align: center;
}

a.rev {
	background-color: var(--bright-green);
}

a.rev:hover {
	background-color: var(--bright-blue);
}

a.ub-expand-toggle-button {
	outline: none;
	font-weight: bold;
	cursor: pointer;
}

a.ub-expand-toggle-button:hover {
	color: var(--dark-blue);
}

a.dr {
	background-color: #f47521;
}


.book-link {
	position: fixed;
	right: -62px;
	top: 50%;
	transform: rotate(90deg);
	z-index: 1000;
	padding: 0;
	margin: 0;
	display: block;
}

.book-link a.button {
	border-radius: 0 0 6px 6px;
	border-top: none;
}


.overview {
	margin-bottom: 60px;
}

.overview .row {
	padding: 30px;
	background-color: #ebebeb;
	border-radius: 10px;
	overflow: auto;
}


ul.tabs {
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
	width: 100%;
	text-align: center;
	display: block;
	height: 46px;
}
ul.tabs li {
	margin: 0 0 0 0;
	cursor: pointer;
	padding: 0px 30px;
	line-height: 46px;
	background-color: #ebebeb;
	overflow: hidden;
	position: relative;
	display: inline-block;
	opacity: 33.33%;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: bold;
}


ul.tabs li.active{
	opacity: 100%;
	color: var(--dark-blue);
}

ul.tabs li:first-of-type {
	border-radius: 10px 0 0 0;
}

ul.tabs li:last-of-type {
	border-radius: 0 10px 0 0;
}


.tab_container {
	border-top: none;
	width: 100%;
	margin: 0;
}
.tab_content {
	display: none;
	margin: 0;
}







.services-sidebar {
	padding-left: 8.33%;
}

.services-sidebar h3 {
	margin-top: 0;
}

.services-sidebar ul, .blog-sidebar ul {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
	display: block;
}

.services-sidebar ul li, .blog-sidebar ul li {
	padding: 0;
	margin: 0 0 2px 0;
	width: 100%;
	text-align: center;
}

.services-sidebar ul li:first-of-type a, .blog-sidebar ul li:first-of-type a {
	border-radius: 10px 10px 0px 0px;
}

.services-sidebar ul li a, .blog-sidebar ul li a {
	display: block;
	width: 100%;
	padding: 10px;
	background-color: var(--light-blue);
	color: var(--dark-blue);
	border: none;
}

.services-sidebar ul li a:hover, .blog-sidebar ul li a:hover {
	background-color: var(--bright-blue);
}

.services-sidebar ul li:last-of-type a, .blog-sidebar ul li:last-of-type a {
	border-radius: 0 0 10px 10px;
}

.services-sidebar ul li.current-menu-item a, .blog-sidebar ul li.current-menu-item a {
	color: white;
	background-color: var(--dark-blue);
}



table.size-table {
	margin: 0;
	padding; 0;
	border: 0;
	width: 100%;
}

table.size-table th {
	background-color: var(--light-blue);
	text-align: left;
	padding: 10px 5px;
}

table.size-table th, table.size-table td {
	padding: 5px;
	color: var(--dark-blue);
}

table.size-table tr:nth-child(even) {
	background-color: var(--dark-blue-min);
}


.bike {
	margin: 30px 0;
	border-bottom: 1px var(--dark-blue-min) solid;
}

.bike h3 {
	color: var(--dark-blue);
	border-bottom: 1px var(--bright-blue) solid;
	margin-bottom: 15px;
	padding: 0 0 5px 0;
}

.bike h4 {
	color: var(--bright-blue);
}

.bike-image {
	padding-right: 8.33%;
}

.bike-image img {
	width: 100%;
}


.staff {
	text-align: center;
	margin-bottom: 60px;
}

.staff-member {
	padding: 0 3%;
	margin:30px 0 0 0;
}

.staff img {
	max-width: 100%;
	border-radius: 16px;
	border: 5px white solid;
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
}

.staff h3 {
	color: var(--bright-green);
	margin: 15px 0;
}

.lower {
	background-color: var(--dark-blue-min);
	padding: 60px 0;
}

.lower_image {
	padding: 0 0 0 8.33%;
}

.lower img {
	width: 100%;
}






.bbtour h2 {
	color: var(--dark-blue);
	text-transform: uppercase;
}

.bbtour ul {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0;
	list-style: none;
}

.bbtour li {
	display: block;
	width: 100%;
	margin: 15px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.bbtour a {
	display: inline-block;
	width: 91.67%;
	margin: 0 0 0 8.33%;
	padding: 24px 32px;
	background-color: var(--dark-blue);
	color: white;
	border-radius: 10px;
}


.faqs_inner {
	padding: 0 15%;
}

/*

.wpgmza-marker-listing-category-filter {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 30px;
	text-align: center;
}

ul.wpgmza_cat_ul {
	width: 100%;
	display: block;
}

ul.wpgmza_cat_ul li {
	display: inline-block !important;
	width: auto;
	margin-right: 10px;
}

.wpgmza-desc, .wpgmza_custom_fields {
	display: none;
}

.wpgmza-grid-item .wpgmza-basic-listing-image-holder + .wpgmza_marker_title {
	margin-top: 120px !important;
}
*/

p.wpgmza_infowindow_title, p.wpgmza_infowindow_address, .wpgmza_infowindow_description p, p.wpgmza_infowindow_link {
	color: var(--dark-blue);
	margin-bottom: 5px;
	line-height: 100%;
	font-size: 1.2em;
}

.wpgmza_infowindow_description {
	width: 100%;
	max-width: 300px;
}

.wpgmza_infowindow_description img {
	width: 100%;
	border-radius: 6px;
	display: block;
}

p.wpgmza_infowindow_link a, .wpgmza-grid-footer .wpgmza-link a {
	background-color: var(--bright-blue);
	display: block;
	width: 100%;
	padding: 7px 10px;
	text-align: center;
	color: white;
}

p.wpgmza_infowindow_link a:hover {
	background-color: var(--dark-blue);
}

.wpgmza-grid-footer {
	padding: 0 !important;
}

.wpgmza-grid-footer .wpgmza-link {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	font-size: inherit !important;
}

.wpgmza-desc p:first-of-type, .wpgmza-desc p:last-of-type, .wpgmza_custom_fields {
	display: none !important;
}

.wpgmza-desc {
	margin: 0 !important;
}

.wpgmza-desc p {
	margin: 0 !important;
	opacity: 1 !important;
	font-size: 1.2em !important;
}




.wpgmza-desc p img {
	width: 100%;
	height: 130px;
	object-fit: cover;
	object-position: center;
}

.wpgmza-desc, .wpgmza-address, .wpgmza-desc p.wpgmza-desc-img {
	padding: 0 !important;
}

.wpgmza-desc p.wpgmza-desc-extra {
	padding: 0 10px !important;
}

.wpgmza_marker_title {
	background-color: var(--dark-blue);
	color: white;
	padding: 7px 10px !important;
}


.wpgmza-address {
	color: var(--dark-blue);
	padding: 5px 10px !important;
}





.hp-flex-section {
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto 60px auto;
	width: 96%;
}


.hp-flex {
	flex: calc(50% - 30px);
	margin: 0 30px 30px 0;
	position: relative;
	padding: 0;
	text-align: right;
}

.hp-flex:nth-child(even) {
	margin: 0 0 0 0;
	text-align: left;
}

.hp-flex-inner {
	max-width: 780px;
	width: 100%;
	display: inline-block;
	padding: 0;
}

.hp-flex-inner.hire-page {
	max-width: none;
}

.hp-flex-inner a {
	display: block;
	width: 100%;
	height: 33vh;
	min-height: 360px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 5px 7px rgba(0,0,0,0.3);
	border: 5px solid white;
}

.hp-flex-inner a:hover {
	box-shadow: 0 5px 7px rgba(0,0,0,0.6);
}


.hp-flex-inner a img {
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transition: all ease-in 200ms;
}

.hp-flex-inner a .hp-flex-over {
	position: absolute;
	z-index: 1000;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	min-width: 70%;
	text-align: center;
	padding: 15px;
	background-color: rgba(255,255,255,0.8);
	border: 2px solid black;
	color: black;
	border-radius: 10px;
	box-shadow: 0 4px 2px rgba(0,0,0,0.5);
}

.hp-flex-inner a:hover .hp-flex-over {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 0 rgba(0,0,0,0);
}

.hp-flex-inner a:hover img {
	filter: blur(2px) grayscale(1);
	transform: scale(1.1);
}



.hp-flex-over h3 {
	margin: 0 0 6px 0;
	padding: 0 0 8px 0;
	color: var(--bright-blue);
	font-size: 2em;
	line-height: 100%;
}

.hp-flex-over p {
	margin: 0;
	padding: 0;
}


.hp-block {
	padding: 45px 0;
	text-align: center;
}

.above-flex {
	padding-bottom: 15px;
}

.extra-content {
	padding-top: 0;
}

.hp-block h2 {
	color: var(--bright-blue);
	font-size: 3em;
	text-transform: uppercase;
	border-bottom: 2px var(--bright-blue) solid;
	width: 70%;
	margin: 0 auto 15px auto;
}

.hp-block p a.button {
	width: auto;
}

.hp-features {
	margin-bottom: 15px;
}


.hp-feature {
	width: 33.33%;
	padding: 10px;
}

.hp-feature a {
	display: block;
	width: 100%;
	height: 25vh;
	min-height: 240px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 0 5px 7px rgba(0,0,0,0.3);
	border: 5px solid white;
}

.hp-feature a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 6px;
	transition: all ease-in 200ms;
}

.hp-feature a h3 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	padding: 15px;
	color: white;
	background-color: var(--dark-blue-tint-ovr);
	border-radius: 0px 0px 6px 6px;
	text-align: center;
	transition: all ease-in 150ms;
	margin: 0;
	border: none;
}

.hp-feature a .extra-info {
	position: absolute;
	top: -100px;
	left: 0;
	width: 100%;
	z-index: 100;
	padding: 15px;
	color: white;
	background-color: var(--dark-blue-tint-ovr);
	border-radius: 6px 6px 0 0;
	text-align: center;
	transition: all ease-in 150ms;
	margin: 0;
	border: none;
	opacity: 0;
}

.hp-feature a .extra-info p {
	margin: 0;
	padding: 0;
}

.hp-feature a .bbt {
	position: absolute;
	top: 33%;
	right: 15px;
	width: auto;
	z-index: 200;
}

.bike-bus-tour {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: auto;
	z-index: 200;
}

.hp-feature a:hover {
	box-shadow: 0 5px 7px rgba(0,0,0,0.6);
}

.hp-feature a:hover h3 {
	padding: 30px 15px;
	background-color: var(--dark-blue-tint-ovr);
}

.hp-feature a:hover img {
	filter: blur(1px) grayscale(1);
	transform: scale(1.1);
}

.hp-feature a:hover .extra-info {
	opacity: 100%;
	top: 0;
}

.post-filters {
	margin-bottom: 15px;
}

.beautiful-taxonomy-filters-tax, .beautiful-taxonomy-filters-select-wrap {
	display: inline;
	width: auto;
	margin-right: 10px;
}

.beautiful-taxonomy-filters-tax label {
	display: none;
}


.hire-page-section {
	margin-top: 60px;
	margin-bottom: 0;
}

.hire-page ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hire-page ul li {
	margin: 0 0 10px 0;
}

.big-link {
	text-align: center;
}

.big-link a {
	display: inline-block;
	width: 96%;
	padding: 15px 30px;
	background-color: var(--bright-blue);
	border-radius: 6px;
	color: white;
	font-weight: bold;
	border: 2px solid white;
	box-shadow: 0 5px 2px -2px rgba(0,0,0,0.3);
	text-transform: uppercase;
}

.big-link a:hover {
	background-color: var(--bright-green);
}

img.logo-right, p.inline-img-right img {
	float: right;
	margin: 15px 0 15px 15px;
	width: 40%;
	height: auto;
}


.blog-roll {
	padding: 45px 0;
}

.blog-link {
	margin: 0 10px 45px 10px;
	border-radius: 10px;
	border: 2px var(--light-blue) solid;
	width: calc(50% - 20px);
	float: left;
}

.blog-link:first-of-type {
	width: 100%;
	margin: 0 0 45px 0;
}

.blog-link-text {
	padding: 30px;
}

.blog-link-img img {
	width: 100%;
	height: auto;
	object-fit: cover;
	object-position: center;
	display: block;
}


.map-legend p {
	text-align: center;
	margin-top: 10px;
}

.map-legend p span {
	margin: 0 10px;
	padding: 0;
}

.map-legend p span img {
	width: auto;
	height: 36px;
	vertical-align: middle;
}


.single-product .product_meta {
display: none;
}


@media only screen and (min-width: 768px) and (max-width: 1120px) {
	
	.block {
		padding: 30px 0;
	}
	.med-3 {
		width: 25%;
	}
	.med-4 {
		width: 33%;
	}
	.med-5 {
		width: 42%;
	}
	.med-6 {
		width: 50%;
	}
	.med-7 {
		width: 58%;
	}
	.med-8 {
		width: 67%;
	}
	.med-9 {
		width: 75%;
	}
	.med-12 {
		width: 100%;
	}
	
	a.phone:after {
		content: " Call Us";
	}
	a.email:after {
		content: " Contact Us";
	}
	
	header ul li {
		margin: 0 0 0 10px;
	}
	

		
	.logo {
		left: 15px;
	}
	
	.logo img {
		max-height: 120px;
		width: auto;
	}
	
	.top-bar {
		padding: 10px 15px;
		font-size: 0.8em;
	}
	
	nav {;
		padding: 20px 15px;
	}
	
	nav a:before {
		display: none;
	}
	
	.splash-inner {
		width: 80%;
		padding: 15px;
		box-shadow: -5px 5px 2px rgba(0,0,0,0.5);
	}
	
	.splash h1 {
		padding: 0;
		font-size: 1.8em;
	}
	
	.splash h2 {
		line-height: 120%;
		font-size: 1.3em;
	}
	
	.hero {
		padding: 30px 0;
	}
	
	.hero h2 {
		font-size: 1.4em;
		width: 100%;
		margin: 0 auto 15px auto;	
	}
	
	.faqs_inner {
		padding: 0 8%;
	}

	.hp-feature {
		padding: 5px;
		width: 50%;
	}
	
	.hp-feature:first-of-type {
		width: 100%;

	}
	
	.hp-block h2 {
		font-size: 2.4em;
		width: 100%;
	}
	
	.services-sidebar ul li a {
		font-size: 0.9em;
		padding: 10px 5px;
		line-height: 110%;
	}
	
	.content-page h2, .blog-link h2 {
		font-size: 1.6em;
	}
	
	ul.tabs li {
		padding: 0 2%;
		font-size: 1.2em;
	}
	
	.hp-flex-over h3 {
		font-size: 1.6em;
	}
	
	.hire-page ul li {
		font-size: 1em;
	}
	
}

@media only screen and (max-width: 767px) {
	
	
	h1 {
		font-size: 1.6em;
	}
	
	h2 {
		font-size: 1.4em;
	}
	
	h3 {
		font-size: 1.2em;
	}
	
	.block {
		padding: 30px 0;
	}
	
	.sm-4 {
		width: 33.33%;
	}
	.sm-6 {
		width: 50%;
	}
	
	.sm-8 {
		width: 66.66%;
	}
	.sm-12 {
		width: 100%;
		padding: 0;
	}

	.lg-pr-1 {
	 	padding-right: 0;	
	}
		
	.toggle {
		display:block;
		position:fixed;
		bottom:10px;
		left: calc(50% - 25px);
		z-index:1100;
	}
	
	.toggle a {
		display:block;
		color:#fff;
		font-size: 24px;
		border: 2px var(--bright-green) solid;
		background-color: var(--dark-blue);
		border-radius:50%;
		width:50px;
		line-height:46px;
		text-align:center;
		box-shadow:0 0 3px rgba(0,0,0,0.4);
		transition: all 200ms ease;
	}
	
	a.navon {
		background-color: grey;
		color: black;
		transform: rotate(90deg);
	}
	

	
	.logo {
		position: absolute;
		z-index: 1000;
		top: 10px;
		left: 10px;
	}
	
	.logo img {
		max-height: 60px;
	}
	
	.top-bar {
		padding: 10px;
	}
	
	
	header ul li {
		margin: 0 0 0 10px;
	}
	
	a.about:after {
		content: "";
	}
/*
	a.brochure:after {
		content: "Brochure";
	}
	a.phone:after {
		content: "";
	}
	a.email:after {
		content: "";
	}
	a.map:after {
		content: "";
	}
*/
	
	a.hire:after {
		content: "";
	}

	a.hire {
		padding: 3px 5px;
	}
			
	
	nav {
		display:none;
		position:fixed;
		bottom:60px;
		left: 10%;
		z-index:1000;
		margin:0;
		padding:0;
		min-width:80%;
		margin:0 0;
		text-align:center;
		border: none;
	}
	
	nav .row {
		width:100%;
	}
	
	nav ul {
		margin:0;
		padding:0;
		width:100%;
		border:none;
	}
	
	nav ul li {
		width:100%;
		display:block;
		margin:0 0 2px 0;
		padding:0;
		border:none;
	}
	
	nav ul li a {
		padding: 10px;
		line-height:100%;
		font-size:1em;
		color: white;
		border:none;
		color:#fff;
		font-weight:700;
		display: block;
		background-color: grey;
	}
	
	nav ul li a:hover {
		border:none;
	}
	
	nav ul li.current-menu-item a {
		border:none;
	}
	
	
	.book-link {
		top: 20%;
		right: -48px;
	}
	
	.book-link a.button {
		padding: 10px;
	}
	
	.splash {
		min-height: 50vh;
	}

	.splash-inner {

		width: 90%;

		padding: 10px;
		box-shadow: -5px 5px 2px rgba(0,0,0,0.5);
	}
	
	
	.splash h2 {
		line-height: 110%;
		font-size: 1.2em;
		width: 100%;
	}

	
	.hero {
		padding: 30px 0;
	}
	
	.hero h2 {
		font-size: 1.1em;
		width: 100%;
		margin: 0;	
	}
	
	.block-list li, .shop .block-list li  {
		width: 100% !important;
		height: auto;
		min-height: 200px;
		float: none;
		border-top: 5px solid white;
	}
	
	
	.bl-inner h5 {
		font-size: 2em;
	}
	
	
	footer h4 {
		font-size: 1em;
	}
	
	footer p, footer li {
		font-size: 0.9em;
	}
	
	footer .row {
		padding: 0 2%;
	}
	
	.details ul {
		padding: 0;
		list-style: none;
	}
	
	.base-bar {
		text-align: left;
		font-size: 0.7em;
		padding: 10px;
	}
	
	
	.flex-section {
		display: block;
		margin: 30px 0;
	}
	
	.col-flex, .col-flex:last-of-type {
		width: 96% !important;
		margin: 0 auto 15px auto;
		border-radius: 10px;
		position: relative;
		padding: 15px;
		text-align: left;
	}
	
	
	form.wpcf7-form input {
		width: 100%;
	}
	
	form.wpcf7-form input[type="submit"] {
		width: 100%;
	}
	
	form.wpcf7-form label {
		width: 100%;
	}
	
	.wpcf7-form p:nth-last-child(3) label {
		width: 100%;
	}
	
	form.wpcf7-form textarea {
		width: 100%;
	}
	
	a.button {
		width: 80%;
	}
	

	
	.lower_image {
		padding: 0;
	}
	
	.bbtour a {
		width: 100%;
		margin: 0 0 0 0;
	}

	.faqs_inner {
		padding: 0;
	}
	
	.hp-flex {
		flex: 100%;
		margin: 0 auto 15px auto !important;
		text-align: center;
	}
	
	.hp-flex:last-of-type {
		text-align: center
	}
	
	.hp-flex-inner {
		max-width: 100%;
		width: 100%;
		display: inline-block;
		padding: 3%;
	}
	
	.hp-flex-inner a, .hp-flex-inner img {
		height: auto !important;
		min-height: 260px !important;
	}
	
	.hp-flex-over {
		width: 90% !important;
		padding: 7px !important;
	}
	
	.hp-flex-over h3 {
		font-size: 1.3em;
	}
	
	.hp-flex-over p {
		font-size: 1em;
	}
	
	.hp-feature {
		width: 100%;
		padding: 5px;
	}

	.hp-block h2 {
		color: var(--bright-blue);
		font-size: 1.6em;
		width: 100%;
		margin: 0 auto 15px auto;
	}
	

	ul.tabs li {
		padding: 0px 1.33%;
		font-size: 0.8em;
	}
	
	.content-page h2 {
		font-size: 1.6em;
	}
	
	.content-side {
		padding: 0;
	}
	
	.services-sidebar {
		padding: 30px 0 0 0;
	}
	
	.opening, .visit-england {
		clear: left;
	}
	
	.badge {
		text-align: center;
	}
	
	.base-bar a:last-of-type {
		float: right;
	}
	
	.dl-gal ul.gallery li {
		width: calc(33.33% - 6px);
	}

	table.size-table {
		font-size: 0.9em;
	}
	
	.map-legend p span {
		margin: 0;
		width: 100%;
		display: block;
	}

	
}

.test-form {
	background-color: var(--dark-green);
}

.ui-datepicker-calendar th {
	color: grey !important;
}