/*
 Theme Name:   Destination Specialists
 Theme URI:    https://wordpress.org/themes/twentyseventeen/
 Description:  Jersey and Guernsey's social & coach tour operator specialists and Destination Management Company.
 Author:       The Refinery
 Author URI:   https://www.therefinery.je
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, responsive-layout, accessibility-ready
 Text Domain:  dsljersey
*/
html {
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
	overflow-x: hidden;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

body {
	margin: 0;
	background-color: #fff;
	width: 100%;
}

button {
	background-color: initial;
	border-width: initial;
	border-color: initial;
	border-style: initial;
	padding: initial;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}

a {
	text-decoration: none;
}

a:-moz-any-link {
	color: initial;
}

a:any-link {
	color: initial;
}

ul {
	padding: 0px;
}

:focus {
	outline: none;
}

.headtop {
	flex-direction: row;
	-moz-justify-content: space-between;
	justify-content: space-between;
	background-color: #428080;
	display: flex;
	z-index: 10;
	position: relative;
	padding: 0.7rem 0;
}

.logo-mobile {
	width: 218px;
	padding-left: 18px;
	margin-top: 0;
	-ms-align-self: center;
	align-self: center;
}

.logo-a {
	display: flex;
}

.hamwrap {
	align-self: center;
	-webkit-align-self: center;
	-moz-justify-content: flex-end;
	justify-content: flex-end;
	padding-right: 1rem;
}

.hamburger {
	align-self: center;
	-webkit-align-self: center;
	float: right;
	padding: 0;
	margin-top: 5px;
}

#menuToggle span {
	display: block;
	width: 35px;
	height: 6px;
	margin-bottom: 5px;
	position: relative;
	background: #fff;
	border-radius: 3px;
	z-index: 1;
}

.menutop {
	text-transform: uppercase;
	background-color: #428080;
	list-style-type: none;
	text-align: center;
	padding-bottom: 0.5rem;
	z-index: 1;
	position: relative;
	height: 224px;
	transition: margin-top 0.8s;
}

.closed {
	margin-top: -224px;
}

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

.menutop li {
	padding: 0.5rem 0;
}

.menutop a {
	color: #fff;
	text-decoration: none;
	font-family: "MarkLight", sans serif;
}

.headmid {
	height: 37px;
	font-family: "MarkBold", sans serif;
	font-size: 12px;
	display: flex;
	-moz-align-items: center;
	align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	background-color: #206a72;
}

.headmid-mobile {
	display: flex;
	-moz-align-items: center;
	align-items: center;
}

.headmid a {
	color: #fff;
	text-decoration: none;
	transition: color 0.5s;
}

.headmid a:hover {
	color: #ca6b2a;
}

.headmid img {
	height: 24px;
	width: 24px;
	padding-right: 0.5rem;
}

.headmid span {
	padding-right: 1rem;
}

.headmid-1366 .current-menu-item a {
	color: #ca6b2a;
	font-family: "MarkBold", sans serif;
}

.logo-1366 {
	display: none;
}

.headtop-1366 {
	display: none;
}

.headmid-1366 {
	display: none;
}

.check {
	position: absolute;
	z-index: 50;
	right: 0;
	top: 0;
	transform: translateX(100%);
	margin: 0;
}

.check li {
	display: flex;
	display: -moz-flex;
	list-style-type: none;
}

.check button {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: absolute;
	right: 290px;
	top: 8rem;
}

.check button img {
	width: 33px;
}

.formholster {
	border: 2px solid #ca6b2a;
	background-color: #fff;
	font-family: "MarkLight", sans serif;
	position: relative;
	padding: 0.5rem;
	width: 290px;
	font-size: 0.7em;
	height: 100vh;
	overflow-y: scroll;
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
}

.gform_wrapper .field_description_below .gfield_description {
	padding-top: 0 !important;
	margin-top: 9px;
	margin-left: 5px;
	text-align: right;
}

.gform_wrapper .top_label .gfield_label {
	align-self: left;
	-webkit-align-self: left;
	-moz-align-self: left;
	width: 50%;
}

.gform_wrapper .top_label #field_1_18 .gfield_label {
	width: initial;
}

.gform_wrapper textarea.medium {
	height: 70px !important;
}

.gform_wrapper {
	margin: 0 !important;
}

.gchoice_1_18_1 {
	-moz-align-items: center;
	align-items: center;
}

.gform_wrapper .gfield_checkbox li,
.gform_wrapper .gfield_radio li {
	margin: 0;
}

.gform_wrapper .gfield_checkbox li label,
.gform_wrapper .gfield_radio li label {
	font-size: 0.7em;
	padding-left: 5px;
}

.gfield {
	display: flex;
	-moz-align-items: center;
	align-items: center;
	margin-top: 0;
}

.gfield_label {
	margin: 5px 5px 5px 0;
	font-weight: initial;
	white-space: nowrap;
}

.ginput_container {
	margin-top: 2px;
	width: 100%;
}

.travelextra {
	flex-direction: column;
	-moz-align-items: flex-start;
	align-items: flex-start;
}

.ginput_container select,
.ginput_container input {
	border-color: #206a72;
	border-radius: 15px;
	border-width: 1px;
	border-style: solid;
	padding: 2px 8px;
	font-family: "MarkLight", sans serif;
	width: 100%;
	min-height: unset;
}

.gchoice_1_18_1 input {
	width: initial;
}

.ginput_container textarea {
	width: 100%;
	border-color: #206a72;
	border-radius: 15px;
	border-width: 1px;
}

.gform_wrapper .gform_footer {
	margin: 0 !important;
	padding: 0 0 0 0 !important;
}

.formholster input[type="submit" i] {
	background-color: #428080;
	height: 38px;
	border: 2px solid #428080;
	border-radius: 20px;
	font-family: "MarkBold", sans serif;
	color: #fff;
	width: 144px !important;
	font-size: 1.25em !important;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0 !important;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

.formholster input[type="submit" i]:hover {
	background-color: #fff;
	color: #428080;
}

.formholster input[type="checkbox" i] {
	background-color: #fff;
	-webkit-appearance: none;
	height: 18px;
	width: 18px;
	border-radius: 5px;
	margin-top: 0 !important;
	margin-bottom: 0;
	cursor: pointer;
}

.formholster input[type="checkbox" i]:checked {
	background-color: #428080;
}

.gform_wrapper ul.gfield_checkbox li input[type="checkbox"]:checked + label,
.gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
	font-weight: unset !important;
}

.formholster a {
	font-family: "MarkBold", sans serif;
	text-decoration: none;
	color: #428080;
}

table {
	border-color: #206a72;
	width: 100%;
	border: 1px solid #206a72;
}

.ui-datepicker {
	box-shadow: unset;
	background-color: #fff;
	-webkit-box-sizing: unset;
	font: 9pt "MarkLight", sans-serif;
	width: 240px;
}

.ui-datepicker-header {
	background-color: #428080;
	color: #fff;
	border-color: #428080;
	text-shadow: unset;
	border-width: 1px;
	display: flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}

.ui-datepicker-next,
.ui-datepicker-prev {
	background-repeat: no-repeat;
	display: flex;
	-moz-align-items: center;
	align-items: center;
}

.ui-datepicker-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 10px;
	background-position: center left;
	padding: 0.5rem 0 0.5rem 1rem;
	margin-left: 0.8rem;
}

.ui-datepicker-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-size: 10px;
	background-position: center right;
	padding: 0.5rem 1rem 0.5rem 0;
}

.ui-datepicker-title {
	padding: 0.5rem 0.5rem 0.5rem 0;
}

.ui-datepicker-title select {
	font-family: "MarkLight", sans-serif;
	border-color: #428080;
}

td.ui-datepicker-unselectable.ui-state-disabled {
	background-color: #206a72;
}

.ui-datepicker tbody td {
	border-top: unset;
	border-right: unset;
	border: 1px solid #428080;
}

.ui-datepicker-calendar .ui-state-default {
	box-shadow: unset;
	background: #fff;
}

.ui-datepicker td a,
.ui-datepicker td span {
	text-shadow: unset;
	color: #000;
	font-weight: unset;
}

.ui-datepicker thead {
	background: #fff;
}

.ui-datepicker tbody tr,
.ui-datepicker thead {
	border-bottom: unset;
	border: 1px solid #428080;
}

.ui-datepicker th {
	color: #000;
}

.location {
	margin: auto auto 0.5rem 0.5rem;
	font-family: "MarkLight", sans serif;
	color: #fff;
	z-index: 9999;
}

.location a {
	text-decoration: none;
	color: #fff;
	display: flex;
	-moz-align-items: center;
	align-items: center;
	transition: color 0.5s;
}

.location a:hover {
	color: #428080;
}

.location img {
	height: 40px;
}

.location span {
	padding-left: 5px;
	padding-bottom: 7px;
	display: none;
	white-space: nowrap;
}

.headercontainer .swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-pagination-bullet {
	background: #fff;
	opacity: 1;
	width: 5px;
	height: 5px;
}

.swiper-container-horizontal
	> .swiper-pagination-bullets
	.swiper-pagination-bullet {
	margin: 0 2px;
}

.swiper-pagination-bullet-active {
	background: #428080;
}

.headerslide {
	height: 260px;
	background-position-x: right;
	background-position-y: center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
}

.wrapspan {
	text-align: center;
	flex: 1 0 236px;
	align-self: center;
	-webkit-align-self: center;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	height: 100%;
}

.wrapspan span {
	font-family: "MarkLight", sans serif;
	line-height: 1.5em;
	color: #fff;
	font-size: 27px;
	background-color: #428080;
	letter-spacing: 1px;
	padding: 0 18px;
	margin: 6px auto;
}

.subscribe {
	height: 320px;
	text-align: center;
	background-image: url("/wp-content/themes/DSLJersey/assets/img/subscribe-coastal-background-2x.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	display: flex;
	flex-direction: column;
	color: #fff;
}

.subscribe h2 {
	font-family: "Satisfy", cursive;
	font-size: 2.5em;
	margin: 2rem 1rem 1rem 1rem;
	font-weight: 200;
	line-height: 1em;
}

.subscribe p {
	font-family: "MarkLight", sans serif;
	font-size: 1em;
	margin: 0 3rem 2rem 3rem;
}

.subscribe form {
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	flex-direction: column;
	margin: 0 1rem;
}

.subscribe input[type="email"] {
	height: 31px;
	border: 2px solid #428080;
	border-radius: 20px;
	text-align: center;
	font-family: "MarkLight", sans serif;
	width: 288px;
	align-self: center;
	-webkit-align-self: center;
	margin-bottom: 1rem;
}

.subscribe input:focus {
	outline: none;
}

.js-cm-submit-button {
	background-color: #ca6b2a;
	height: 31px;
	border: 2px solid #ca6b2a;
	border-radius: 20px;
	font-family: "MarkBold", sans serif;
	color: #fff;
	width: 144px;
	align-self: center;
	-webkit-align-self: center;
	cursor: pointer;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

.js-cm-submit-button:hover {
	background-color: #fff;
	color: #ca6b2a;
}

#optionholder {
	display: none;
}

#optionholder.show {
	display: block;
}

.show {
	display: block;
}

.subbox {
	padding: 1rem;
	background-color: #fff;
	border: 2px solid #ca6b2a;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	align-self: center;
	-webkit-align-self: center;
	position: absolute;
	color: #000;
	width: 287px;
	font-family: "MarkLight", sans serif;
	margin-top: 1.2rem;
	left: 50%;
	transform: translatex(-50%);
}

.subbutton {
	background-color: #428080;
	height: 31px;
	border: 2px solid #428080;
	border-radius: 20px;
	font-family: "MarkBold", sans serif;
	color: #fff;
	width: 144px;
	align-self: center;
	-webkit-align-self: center;
	cursor: pointer;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

.subbutton:hover {
	background-color: #fff;
	color: #428080;
}

.subbutton_reverse {
	background-color: #fff;
	color: #428080;
	height: 31px;
	border: 2px solid #fff;
	border-radius: 20px;
	font-family: "MarkBold", sans serif;
	width: 144px;
	align-self: center;
	-webkit-align-self: center;
	cursor: pointer;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
	margin-left: 1rem;
}

.subbutton_reverse:hover {
	background-color: #428080;
	color: #fff;
}

.checkhold {
	display: flex;
	margin-bottom: 1rem;
	flex-direction: row;
}

.checkhold input[type="checkbox" i] {
	background-color: #fff;
	-webkit-appearance: none;
	border-radius: 5px;
	cursor: pointer;
	border: 2px solid #ca6b2a;
	display: block;
	height: 18px;
	width: 18px;
}

.checkhold input[type="checkbox" i]:checked {
	background-color: #ca6b2a;
}

.boxhold {
	margin: 5px;
}

.footwrap {
	padding: 20px;
	background-color: #000;
}

.terms {
	text-align: center;
	font-family: "MyriadPro", sans serif;
	font-size: 1em;
	display: flex;
	-moz-align-items: center;
	align-items: center;
	flex-direction: column;
}

.terms p {
	width: 80%;
	margin: 1rem 0;
}

.imgwrap img {
	height: 40px;
}

.terms strong {
	color: #428080;
	font-family: "MarkBold", sans serif;
}

.terms a {
	color: initial;
	text-decoration: none;
	border-bottom: 1px solid;
}

.aboutfoot h2,
.footmenu h2 {
	font-family: "MarkBlack", sans serif;
	color: #fff;
	margin: 0;
	font-size: 1em;
	padding-bottom: 0.9rem;
	letter-spacing: 1px;
}

.aboutfoot p {
	font-family: "MarkLight", sans serif;
	margin: 0;
	font-size: 0.7em;
	color: #fff;
}

.footmenu {
	margin-top: 2rem;
	font-family: "MarkLight", sans serif;
	text-transform: uppercase;
	color: #fff;
}

.footmenu ul {
	list-style-type: none;
	margin: 0;
	-webkit-padding-start: 0;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	font-size: 0.7em;
	height: 140px;
}

.footmenu li {
	padding-bottom: 1rem;
}

.footmenu a {
	color: #fff;
	text-decoration: none;
	transition: color 0.5s;
}

.footmenu a:hover {
	color: #ca6b2a;
}

.menu-item-274 a {
	color: #ca6b2a;
	font-family: "MarkBold", sans serif;
}

.courtsey {
	color: #fff;
	border-top: solid grey 1px;
	font-family: "MarkLight", sans serif;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	font-size: 0.7em;
	padding: 1rem;
	background-color: #000;
}

.courtsey p {
	margin: 0;
}

.courtsey a {
	font-family: "MarkBold", sans serif;
	color: #fff;
	text-decoration: none;
}

.content1 h1 {
	font-family: "Satisfy", cursive;
	font-size: 2.5em;
	margin: 1.5rem 0;
	font-weight: 200;
	line-height: 1em;
	color: #428080;
	text-align: center;
}

.content1 h2,
.content1 h3 {
	font-family: "MarkBold", sans serif;
	margin: 1rem;
	text-align: center;
	line-height: 1em;
	color: #428080;
}

.content1 h3 {
	font-size: 1.1em;
}

.content1 strong {
	font-family: "MarkBold", sans serif;
}

.content1 p {
	font-family: "MyriadPro", sans serif;
	font-size: 1em;
	margin: 1em;
	text-align: center;
}

.content1 a {
	text-decoration: none;
	color: unset;
}

.content2 .overflow {
	overflow: hidden;
	height: 290px;
	margin: 0 1rem 1rem 1rem;
}

.content2 .homesizing {
	height: 290px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.2s ease;
}

.content2 .homesizing:hover {
	transform: scale(1.1);
}

.content2 a {
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-weight: bold;
	font-family: "MarkBold", sans serif;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	font-size: 1.2em;
}

.content2 span {
	padding-bottom: 1.5rem;
}

.content2 {
	margin-top: 2rem;
}

.home-group {
	background-image: url("/wp-content/themes/DSLJersey/assets/img/group-travel.jpg");
}

.home-event {
	background-image: url("/wp-content/themes/DSLJersey/assets/img/eventful-breaks-trumpet-band.jpg");
}

.home-two {
	background-image: url("/wp-content/themes/DSLJersey/assets/img/two-centre-holidays-coastal-pier.jpg");
}

.content3 {
	background-color: #e8e9e9;
	padding: 1rem;
	display: flex;
	justify-content: space-around;
	-webkit-justify-content: space-around;
	-moz-justify-content: space-around;
	flex-direction: row;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.content3 h2 {
	font-family: "MarkLight", sans serif;
	font-size: 1.5em;
	text-align: center;
	margin: 0 0 1rem 0;
	width: 100%;
}

.home-block {
	font-family: "MarkLight", sans serif;
	font-size: 0.7em;
	flex: 0 0 112px;
	-moz-align-items: center;
	align-items: center;
	margin: 1rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.home-block img {
	height: 40px;
	margin-bottom: 1rem;
}

.home-contact {
	margin-top: 2rem;
	background-color: #ca6b2a;
	border: 2px solid #ca6b2a;
	border-radius: 20px;
	font-family: "MarkBold", sans serif;
	color: #fff;
	align-self: center;
	-webkit-align-self: center;
	text-align: center;
	padding: 5px 25px;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
}

.home-contact:hover {
	background-color: #fff;
	color: #ca6b2a;
}

.home-contact-wrap {
	width: 100%;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
}

.content3 a {
	margin: 2rem 0 1rem 0;
	text-decoration: none;
}

.hotelblock {
	display: flex;
	flex-direction: row;
	background-color: #f2f2f2;
	margin: 10px;
	cursor: pointer;
}

.hotel-image {
	flex: 0 0 50%;
}

.hotel-image img {
	display: block;
	width: 100%;
}

.blockcontent {
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 1 50%;
}

.blockcontent a {
	display: flex;
	text-decoration: none;
}

.blockcontent h2 {
	color: #428080;
	font-family: "MarkBold", sans serif;
	font-size: 0.9em;
	margin: 2px 0;
	text-align: center;
}

.hotel-location {
	font-family: "MarkLight", sans serif;
	font-size: 0.8em;
	text-align: center;
}

.content1 .hotel-location {
	font-family: "MyriadPro", sans serif;
}

.hotel-view {
	background-color: #ca6b2a;
	border: 2px solid #ca6b2a;
	border-radius: 20px;
	font-size: 0.7em;
	font-family: "MarkBold", sans serif;
	color: #fff;
	align-self: center;
	-webkit-align-self: center;
	text-align: center;
	padding: 5px 15px;
	margin-top: 1rem;
	transition: background-color 0.5s ease-in-out, color 0.5s ease-in-out;
	cursor: pointer;
}

.hotel-view:hover {
	background-color: #fff;
	color: #ca6b2a;
}

.content1 .hotel-stars {
	display: flex;
	flex-direction: row;
	-moz-align-items: center;
	align-items: center;
}

.content1 .hotel-stars img {
	height: 30px;
	margin: 1.5rem 2px 0.5rem 2px;
}

.blockcontent .hotel-stars img {
	height: 15px;
	margin: 5px 1px;
}

.hotelselect {
	font-family: "MarkBold", sans serif;
	text-align: center;
	padding-bottom: 1.5rem;
	color: #909090;
}

.hotelselect button {
	cursor: pointer;
	color: #909090;
	font-family: "MarkBold", sans serif;
	border: none;
}

.hotelshow {
	display: flex !important;
}

.hotelholder {
	position: fixed;
	display: none;
	flex-direction: column;
	background-color: rgba(37, 97, 104, 0.9);
	width: 100%;
	color: #fff;
	z-index: 99999;
	top: 0;
	bottom: 0;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
}

#hotel-last {
	display: none;
}

.hotelblueleft h2 {
	font-family: "MarkBold", sans serif;
	margin: 0;
	font-size: 1.5em;
	line-height: 1;
	display: flex;
	flex-direction: column;
}

.bluecontent,
.hotelblueleft span {
	font-family: "MarkLight", sans serif;
	font-size: 0.8em;
}

.bluecontent {
	margin: 0.5em 0;
}

.hotelblueleft .hotel-stars img {
	width: 15px;
}

.facilities {
	font-family: "MarkLight", sans serif;
	font-size: 0.6em;
	margin: 0.5em 0;
}

.hotelblueleft {
	display: block;
	margin: 0.5rem;
	overflow-y: scroll;
}

.hotelblueright {
	margin: 0.5rem;
	display: flex;
	flex-direction: column;
}

.hotelcross {
	background: none;
	border: none;
	cursor: pointer;
	position: absolute;
	width: 20px;
	top: 5px;
	right: 5px;
}

.hotel-top {
	width: 304px;
}

.hotel-top .swiper-slide,
.hotel-top .swiper-wrapper {
	width: 304px;
	height: 208px;
}

.hotel-thumbs {
	margin-top: 10px;
	flex-direction: row;
	display: none;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
}

.hotel-thumbs .swiper-slide {
	width: 140px;
	height: 95px;
	background-size: cover;
	background-repeat: no-repeat;
	cursor: pointer;
}

.hotel-top .swiper-slide {
	background-size: cover;
	background-repeat: no-repeat;
}

.gtblock {
	width: 93.2%;
	padding: 10px;
	border: 1px solid #cecece;
	align-self: center;
	-webkit-align-self: center;
	text-align: center;
	margin: 1rem auto;
}

.gtblock img {
	width: 100%;
}

.gttext h2 {
	color: #428080;
	font-family: "MarkBold", sans serif;
	font-size: 1.5em;
	margin: 12px 0;
	text-align: center;
}

.gttext p {
	font-family: "MarkLight";
}

.gtplaces {
	font-size: 0.8em;
}

.gttext span {
	color: #428080;
}

.eventtags {
	margin: 0 0 0.5rem 0.5rem;
}

.tagselect {
	font-family: "MarkBold", sans serif;
	padding-bottom: 0.5rem;
	color: #909090;
	display: flex;
	flex-wrap: wrap;
	-moz-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}

.tagselect button {
	cursor: pointer;
	color: #909090;
	font-family: "MarkBold", sans serif;
	margin-right: 5px;
	height: 100%;
}

.tagselect img {
	width: 20px;
	height: 100%;
}

.categoryselect {
	display: flex;
	flex-wrap: wrap;
}

.categoryselect button {
	font-family: "MarkBold", sans serif;
	color: #909090;
	cursor: pointer;
	margin-right: 10px;
	padding-bottom: 0.5rem;
	display: flex;
	-moz-align-items: center;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
}

.categoryselect #all {
	margin-left: 20px;
}

.btn img {
	width: 20px;
}

.eventblock {
	background-color: #e5e6e6;
	padding: 1rem;
	margin-bottom: 1rem;
	display: flex;
	flex-direction: column;
}

.eventblock h3 {
	font-family: "MarkBold", sans serif;
	font-size: 1.25em;
	margin: 0.3em 0;
}

.eventblock p {
	font-family: "MarkLight", sans serif;
	font-size: 0.7em;
	margin: 0 0 0.85rem 0;
}

.eventblock span {
	display: flex;
	width: 100%;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-moz-align-items: center;
	align-items: center;
}

.eventblock a {
	display: none;
	width: 100%;
	text-decoration: none;
	font-family: "MarkLight", sans serif;
	font-size: 0.7em;
	margin-bottom: 0.5rem;
}

.eventblock img {
	width: 31px;
	align-self: flex-end;
	-webkit-align-self: flex-end;
	-moz-align-self: flex-end;
}

.ewalks {
	color: #d29b00;
}

.eheri {
	color: #005286;
}

.esports {
	color: #2b5133;
}

.efest {
	color: #94262d;
}

.efood {
	color: #60295e;
}

.eventdate {
	text-transform: uppercase;
	font-size: 0.7em;
	font-family: "MarkLight", sans serif;
}

.eisland {
	font-family: "MarkBold", sans serif;
	text-transform: uppercase;
	margin-top: auto;
}

.etag {
	font-family: "MarkLight", sans serif;
	margin-bottom: 0.5rem;
}

.efollow {
	display: none;
}

.eventext {
	display: none;
}

.active {
	color: #428080 !important;
}

@media screen and (min-width: 768px) {
	.subbox {
		width: 50%;
	}
	.wrapspan {
		max-width: 315px;
		align-self: flex-end;
		-webkit-align-self: flex-end;
		margin: 1rem 5rem 0 0;
		justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	}
	.wrapspan span {
		font-size: 2.5em;
	}
	.footwrap {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		padding-top: 2rem;
	}
	.aboutfoot {
		flex: 0 1 45%;
	}
	.footmenu {
		flex: 0 1 45%;
		margin: 0;
	}
	.courtsey {
		flex-direction: row;
		height: unset;
	}
	.headerslide {
		height: 315px;
	}
	.home-block {
		flex: 0 0 250px;
		font-size: 1em;
	}
	.home-block img {
		height: 70px;
	}
	.content2 {
		display: flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	}
	.content2 .homesizing,
	.content2 .overflow {
		width: 290px;
	}
	.home-contact {
		margin: 2rem;
		margin-top: unset;
	}
	.subscribe h2 {
		font-size: 3em;
	}
	.location {
		margin: auto auto 1rem 3rem;
	}
	.location span {
		display: block;
	}
	.hotelcontent {
		display: flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		padding: 1rem 0.5rem;
		-moz-align-items: center;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	}
	.hotelblock {
		margin: 0.5rem;
		max-width: 410px;
		display: block;
		background-color: unset;
	}
	.hotel-image {
		width: 234px;
		height: 234px;
	}
	.blockcontent {
		width: unset;
		max-width: unset;
		padding: 0.5rem 1rem;
	}
	.blockcontent h2 {
		font-size: 1em;
	}
	.hotel-location {
		font-size: 1em;
	}
	.group-wrap {
		display: flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.gtblock {
		width: 310px;
		padding: 1rem;
		height: 532px;
	}
	.eventtags {
		margin: 0 0 0 1.5rem;
	}
	.eventwrap {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		padding: 1rem;
	}
	.eventblock {
		width: 312px;
		margin: 0.5rem;
	}
	.efollow {
		display: flex;
		flex-direction: column;
		width: 312px;
		margin: 0.5rem;
	}
	.efollow img {
		width: 100%;
	}
	.eventext {
		display: flex;
	}
	.eventblock a {
		display: flex;
	}
	.gform_wrapper textarea.medium {
		height: 120px !important;
	}
	.check button {
		right: 425px;
	}
	.check button img {
		width: 44px;
	}
	.formholster {
		font-size: 0.9em;
		padding: 1rem;
		width: 425px;
		height: 100%;
	}
	.hotelholder {
		bottom: unset;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.hotelblueleft {
		overflow-y: visible;
	}
	.hotelblueleft h2 {
		display: block;
	}
	.bluecontent,
	.hotelblueleft span {
		font-size: 1rem;
		margin: 0 0 0.5em 0;
	}
	.hotelblueleft .hotel-stars {
		margin-left: 8px;
	}
	.hotel-stars {
		text-align: center;
	}
	.hotelcross {
		width: 30px;
	}
	.facilities {
		font-size: 0.8em;
	}
	.hotelblueleft {
		margin: 2rem;
	}
	.hotelblueright {
		margin: 0 2rem 2rem 2rem;
	}
	.hotel-thumbs {
		width: 725px;
	}
	.hotel-top {
		width: 725px;
	}
	.hotel-top .swiper-wrapper {
		height: 395px;
		width: 725px;
	}
	.hotel-top .swiper-slide {
		width: 725px;
		height: 395px;
	}
	.hotelblueleft .hotel-stars {
		margin-left: 15px;
	}
	.hotel-thumbs {
		display: flex;
		align-self: center;
		-webkit-align-self: center;
	}

	.rhs_div {display: unset !important;}

	.content_WLG{
		padding: 4rem !important;
	}
}

@media screen and (min-width: 1024px) {

	.content_WLG{
		padding: 5rem !important;
	}

	.subbox {
		width: 30%;
	}
	.content3 h2 {
		font-size: 2em;
	}
	.home-block {
		margin: 2rem;
		flex: 0 0 380px;
	}
	.subscribe h2 {
		font-size: 3.5em;
	}
	.subscribe p {
		font-size: 1.5em;
	}
	.headerslide {
		height: 420px;
	}
	.hotel-image {
		width: 320px;
		height: 320px;
	}
	.check {
		top: 5rem;
	}
	.group-wrap {
		justify-content: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
	}
	.gtblock {
		width: 310px;
		padding: 1rem;
		height: 532px;
		margin: 1rem;
	}
	.check button {
		right: 350px;
	}
	.formholster {
		font-size: 1em;
		width: 350px;
	}
	.hotelholder {
		top: 5.5rem;
		left: 50%;
		transform: translateX(-50%);
	}
	.bluecontent,
	.hoteblueleft span {
		margin: 0 0 1rem 0;
	}
	.hotelblueleft h2 {
		font-size: 2em;
	}
	.bluecontent,
	.hotelblueleft span {
		font-size: 1.5em;
	}
	.hotelblueleft .hotel-stars img {
		width: 28px;
	}
	.facilities {
		font-size: 0.9em;
	}

	.faq-container {
		text-align:left;
		font-size: 1rem;
		padding: 0rem 1rem !important;
		width: 50vw !important;
	}
}
@media screen and (min-width: 1366px) {
	.headerslide {
		height: 560px;
	}
	.check button {
		top: 5rem;
		right: 500px;
	}
	.check button img {
		width: 55px;
	}
	.formholster {
		min-width: 500px;
		padding: 2rem;
	}
	.wrapspan {
		max-width: 420px;
		margin: 2rem 10rem 0 0;
	}
	.wrapspan span {
		font-size: 3.5em;
	}
	.swiper-pagination-bullet {
		width: 10px;
		height: 10px;
	}
	.swiper-pagination-bullet-active {
		background: #428080;
	}
	.location {
		margin-left: 3rem;
		margin-bottom: 3rem;
	}
	.swiper-container-horizontal > .swiper-pagination-bullets {
		bottom: 1rem;
	}
	.logo-mobile {
		display: none;
	}
	.logo-1366 {
		display: block;
		margin: 0 0 -1rem 2rem;
		width: 523px;
		height: 112px;
	}
	.headtop {
		height: unset;
		padding: unset;
	}
	.hamwrap {
		display: none;
	}
	.menutop {
		display: none;
	}
	.headtop-1366 {
		display: flex;
		font-family: "MarkBold", sans serif;
		-moz-align-items: center;
		align-items: center;
		width: 100%;
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
	}
	.headtop-1366 a {
		color: #fff;
		text-decoration: none;
	}
	.headtop-1366 img {
		height: 42px;
		width: 42px;
		padding-right: 0.5rem;
	}
	.headtop-1366 span {
		padding-right: 2rem;
	}
	.headmid {
		font-family: "MarkLight", sans serif;
		justify-content: flex-end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		text-transform: uppercase;
		font-size: 0.9em;
		height: unset;
	}
	.headmid-mobile {
		display: none;
	}
	.headmid-1366 {
		display: flex;
	}
	.headmid-1366 ul {
		display: flex;
		list-style-type: none;
	}
	.headmid-1366 li {
		margin-right: 1rem;
	}
	.content1 {
		display: flex;
		flex-direction: column;
		align-items: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		font-size: 1.1em;
		padding-bottom: 3rem;
	}
	.content1 h1 {
		font-size: 5em;
		margin: 3rem 1rem 0rem 1rem;
	}
	.content1 p {
		max-width: 1200px;
		text-align: center;
		font-size: 1em;
	}
	.content1 .hotel-top {
		margin-top: 1rem;
	}
	body.page-id-4 .content1 p {
		max-width: 850px;
		font-size: 1.5em;
	}
	.content2 {
		margin-bottom: 4rem;
	}
	.content2 .homesizing,
	.content2 .overflow {
		width: 400px;
		height: 400px;
	}
	.content3 {
		padding: 3rem 1rem;
	}
	.content3 h2 {
		font-size: 2.7em;
	}
	.home-block {
		font-size: 1.5em;
	}
	.home-contact {
		font-size: 2em;
		padding: 10px 50px;
		border-radius: 40px;
	}
	.subscribe {
		height: 600px;
	}
	.subscribe h2 {
		font-size: 5.5em;
		margin: 4rem 1rem 2rem 1rem;
	}
	.subscribe p {
		font-size: 2.5em;
		margin: 0 3rem 3rem 3rem;
	}
	.subscribe input[type="email"] {
		height: 66px;
		width: 590px;
		border-radius: 40px;
		font-size: 1.5em;
		margin-bottom: 3rem;
	}
	.subbutton, .subbutton_reverse {
		font-size: 2em;
		padding: 10px 50px;
		border-radius: 40px;
		width: auto;
		height: auto;
	}

	.subbutton_reverse {
		margin-left: 1rem;
		margin-top: 2rem;
	}

	.terms {
		font-size: 1.5em;
	}
	.terms p {
		margin: 2rem;
	}
	.imgwrap {
		display: flex;
	}
	.imgwrap img {
		height: 71px;
	}
	.footwrap {
		padding-top: unset;
		padding: 4rem;
	}
	.aboutfoot p {
		font-size: 1em;
	}
	.aboutfoot h2,
	.footmenu h2 {
		font-size: 1.1em;
	}
	.footmenu ul {
		font-size: 1em;
		height: 179px;
		list-style-type: none;
	}
	.courtsey {
		font-size: 1em;
		justify-content: space-around;
		-webkit-justify-content: space-around;
		-moz-justify-content: space-around;
	}
	.hotel-image {
		width: unset;
		height: unset;
	}
	.hotel-image img {
		display: block;
		width: 100%;
		height: 410px;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.hotelblock {
		margin: 1rem;
	}
	.gtblock {
		width: 410px;
		min-height: 593px;
	}
	.eventwrap {
		-moz-justify-content: center;
		justify-content: center;
	}
	.tagselect {
		-moz-justify-content: center;
		justify-content: center;
	}
	.categoryselect {
		-moz-justify-content: center;
		justify-content: center;
	}
	.eventblock {
		width: 375px;
		height: 375px;
	}
	.eventblock h3 {
		font-size: 1.7em;
	}
	.eventdate {
		font-size: 0.9em;
	}
	.eventblock p {
		font-size: 0.9em;
	}
	.eventblock a {
		font-size: 0.9em;
	}
	.efollow {
		width: 375px;
	}
}
@media screen and (min-width: 1600px) {
	.hotelblock {
		margin: 2rem;
	}
	.hotelholder {
		flex-direction: row;
		max-width: 1450px;
		left: 50%;
		transform: translateX(-50%);
	}
	.hotelblueleft {
		max-width: 40%;
	}
	.hotelblueright {
		max-width: 50%;
	}
	.hotelblueright {
		width: 725px;
		margin: 4rem 2rem 2rem 2rem;
	}
}
@media screen and (min-width: 1800px) {
	.home-block {
		flex: 0 0 410px;
	}
} /*# sourceMappingURL=dsl.css.map */


.content_WLG {
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	font-size: 1rem;
	padding: 2rem 1rem;
}

.content_WLG h1 {
	font-family: "Satisfy", cursive;
	font-size: 2.5em;
	margin: 1.5rem 0;
	font-weight: 200;
	line-height: 1em;
	color: #fff;
	text-align: left;
}

.content_WLG h2,
.content_WLG h3 {
	font-family: "MarkBold", sans serif;
	margin: 1rem;
	text-align: left;
	line-height: 1em;
	color: #fff;
}

.content_WLG h3 {
	font-size: 1.1rem;
}

.content_WLG strong {
	font-family: "MarkBold", sans serif;
}

.content_WLG p {
	font-family: "MyriadPro", sans serif;
	font-size: 1.25rem;
	margin: 0 1rem;
	padding-top:0.5rem;
	text-align: left;
}

.content_WLG a {
	text-decoration: none;
	color: unset;
}

.side_image {
	height: 70vh;
	width: 40vw;
	background-size: cover;
	margin-left: 4rem;
	margin-top: 6rem;
}

.rhs_div {display: none;}

.content_FAQ {
	display: flex;
	flex-direction: column;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	font-size: 1rem;
	padding: 1rem 1rem;
}

.content_FAQ h2,
.content_FAQ h3 {
	font-family: "MarkBold", sans serif;
	margin: 1rem;
	text-align: left;
	line-height: 1em;
	color: #428080;
}

.faq-container {
	text-align:left;
	font-size: 1rem;
	padding: 0rem 0rem;
	width: 100%;
}

.faq {
	margin-bottom: 0.5rem;
	text-align:left;
	font-size: 1rem;
	padding: 1rem 0.5rem;
	background-color: #f0f0f0;
	width: 100%;

}

.faq-question {
	display: flex;
	justify-content: space-between;
	cursor: pointer;
	font-family: "MarkBold", sans serif;
	font-size: 1.25rem;
	margin: 0 1rem 0 1rem;
	padding-right: 2rem;
	text-align: left;
	width: 100%;
}

.faq-question:after{
	content: "+";
	font-size: 1.3rem;
}

.faq-question:hover{
	color: #428080;
	transition: 150ms;
}

.faq-question.active:after{
	content: "-";
	font-size: 1.3rem;
}

.faq-answer {
	font-family: "MyriadPro", sans serif;
	font-size: 1.25rem;
	margin: 0 0 0 1rem;
	padding-top:0.5rem;
	text-align: left;
}