/* #Royal Slider
================================================================================================== */

.royalSlider * {
	-webkit-backface-visibility: hidden;
}
.royalSlider {
	overflow: hidden;
	z-index: -1
}
.royalSlider > .rsContent {
	visibility: hidden;
}
#full-width-slider {
	width: 100%;
	height: 100%;
	margin: auto;
	color: #000;
}
.fullWidth {
	max-width: 100%;
	margin: 0 auto;
}
.offerblock {
	margin: 0 auto;
}
.infoBlock {
	position: absolute;
	top: 375px;
	width: 62rem;
	padding-bottom: 0;
	overflow: hidden;
	z-index: 9999999;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
}
.infored {
	height: 40px;
	background-color: #000;
}
.infored p {
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 3px;
	text-transform: uppercase;
}
royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow {
	height: 380px !important;
}

@media print, screen and (min-width: 40em) {
royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow {
	height: 510px !important;
}
}

@media print, screen and (min-width: 62em) {
royalSlider.heroSlider, .royalSlider.heroSlider .rsOverflow {
	height: 650px !important;
}
}



/* #Main
================================================================================================== */


body {
	margin: 0;
	padding: 0;
	background: #fff;
	 font-family: rig-sans, sans-serif;
	font-weight: normal;
	line-height: 1.1;
	color: #0a0a0a;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	 font-family: rig-sans, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: inherit;
	text-rendering: optimizeLegibility;
}
h5, .h5 {
	font-size: 1.0625rem;
	line-height: 1.4;
	margin-top: 1.5rem;
	margin-bottom: 0.1rem;
	font-weight: bold
}


.callout {
	position: relative;
	margin: 0 0 0rem 0;
	padding: 1rem 1rem 1rem 1rem;
	border-radius: 0;
	color: #0a0a0a;
	border:none;
	background: none
}

@media print, screen and (min-width: 40em) {
	.callout {
	
	padding: 2rem 2rem 2rem 2rem;
	
}
}

.callout > :first-child {
	margin-top: 0;
}
.callout > :last-child {
	margin-bottom: 0;
}
.callout.primary {
	background-color: #d7ecfa;
	color: #0a0a0a;
}
.callout.secondary {
	background-color: #eaeaea;
	color: #0a0a0a;
}
.callout.success {
	background-color: #e1faea;
	color: #0a0a0a;
}
.callout.warning {
	background-color: #fff3d9;
	color: #0a0a0a;
}
.callout.alert {
	background-color: #f7e4e1;
	color: #0a0a0a;
}
.callout.small {
	padding: 0.5rem;
}
	
.callout.med {
	padding: 1rem;

}
.callout.large {
	padding:0
}
.callout.notopbottom {
	padding: 0rem 2rem 0rem 2rem;
}
.callout.nobottom {
	padding: 1rem 2rem 1rem 2rem;
}
.callout.spacall {
	padding: 0rem 1rem 0rem 1rem;
}

.callout.spaside {
	padding: 0rem 1rem 0rem 1rem;
}

.callout.rightonly {
	padding: 2rem;
}

.callout.leftonly {
	padding: 2rem;
}

.callout.smalltop {
padding: 1rem 0.5rem 0rem 0.5rem;
}

.callout.smallbottom {
padding: 1rem 2rem 1rem 2rem;
}

.callout.ldhbottom {
padding: 1rem 2rem 1rem 2rem;
}

@media print, screen and (min-width: 62em) {
	
	.callout.smalltop {
padding: 2rem 0.5rem 2rem 0.5rem;
}
	
	
		.callout.rightonly {
	padding: 0rem 3rem 0rem 0rem;
}

.callout.leftonly {
	padding: 0rem 0rem 0rem 3rem;
}
	
	
.callout.large {
	padding: 3rem 3rem 3rem 0rem;
}
	.callout.largeright {
	padding: 3rem 0rem 3rem 3rem;
}
}


.callout.largeright {
	padding:0
}



.snow{
  background-image: url(https://www.lakedistricthotels.net/assets/core/snow1.gif);
	background-size: cover
	}




/* #Navbar
================================================================================================== */


.grid-container {
 
    max-width: 85rem;
  
}

p {
    
    font-size: 0.95rem;
	
}

h5{
	margin-top:0
}

:focus{
	outline:none
}

body.noscroll{
	overflow: hidden;
	
}

.listfontsize li{
	font-size:0.88rem
}


.overlay {
	height: 0%;
	width: 100%;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	background-color: rgb(255,255,255);
	background-color: rgba(255,255,255, 0.99);
	overflow-y: hidden;
	transition: 0.5s;
	 overflow-y: scroll;
}




.overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	
}
.overlay a {
	padding: 2px;
	text-decoration: none;
	font-size: 20px;
	color: #333;
	display: inline-block;
	transition: 0.3s;
}


a.closebtn{
	font-size: 60px !important;
}




.overlay a:hover, .overlay a:focus {
	color: #829e81;
	;
}
.overlay .close  {
	padding-left: 1.5rem;
	padding-top: 1.6rem;
	font-size: 60px;
}

@media print, screen and (min-width: 40em) {
.overlay .closebtn {
	padding-left: 5px;
}
	.overlay-content {
	position: relative;
	top: 25%;
	width: 100%;
	text-align: center;
	margin-top: 0px;
}
	
	
}
.overlay .closebtn:hover {
	color: #333
}
.overlay ul {
	list-style: none;
	text-align: center;
	font-size: 17px;
	line-height: 22px;
	margin-left: 0rem
}
.overlaysmall a {
	font-size: 19px;
	padding-top: 20px;
}

@media print, screen and (min-width: 40em) {
.overlay {
	position: fixed;
}
.overlay ul {
	font-size: 22px;
	line-height: 35px;
}
.overlay a {
	padding: 4px;
	font-size: 32px;
}
.overlay-content {
	margin-top: 0px;
}
.overlaysmall a {
	font-size: 22px;
	text-transform: uppercase;
	border: 1px solid black;
	padding: 15px
}
.overlaysmall {
	padding-top: 40px;
}
}
.navbar {
	display: none;
}
#burger-menu {
	float: left;
	padding-left: 0.5rem;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
	z-index: 100
}

@media print, screen and (min-width: 40em) {
#burger-menu {
	padding-left: 0rem;
}
}
#burger-menu span {
	display: block;
	font-weight: 600;
	margin-top: 2px;
	font-size: 0.7rem;
	
}
.bars {
	font-size: 25px !important;
	line-height: 14px;
	transform: scale(1.5, 1);
	-webkit-transform: scale(1.5, 1);
	display: inline-block;
	color: #fff;
}

.iotsbar .bars{
	color: #333;
}
.caps {
	text-transform: uppercase;
}
.whitetext {
	color: #fff;
	stroke: #fff;
}
.iotsbar .whitetext{
	color: #333;
}

@media print, screen and (min-width: 40em) {
.whitetext {
	color: #333;
	stroke: #333;
}
.bars {
	color: #333;
}
}
.flashy {
	animation: myfirst 5s;
	-moz-animation: myfirst 5s infinite; /* Firefox */
	-webkit-animation: myfirst 5s infinite; /* Safari and Chrome */
}
 @-moz-keyframes myfirst /* Firefox */ {
0% {
color:white;
}
50% {
color:#00FF99;
}
100% {
color:white;
}
}
 @-webkit-keyframes myfirst /* Firefox */ {
0% {
color:white;
}
50% {
color:#00FF99;
}
100% {
color:white;
}
}
.spatext p {
	text-align: center;
	font-size: 0.65rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1rem;
	color: white
}
.spalinetext {
	font-size: 0.8rem;
	padding: 0;
	margin-top: -1rem;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.1rem;
}

@media print, screen and (min-width: 40em) {
.spatext p {
	color: black
}
}
.topbar {
	width: 100%;
}
.toplinks {
	display: block;
	color: #fff;
	padding: 1.5rem 1.5rem 0 0rem;
	text-align: right;
}
.toplinks a {
	color: #fff;
	font-size: 1.3rem;
	text-transform: uppercase;
	text-align: right;
}


.threesixty img{
	display: none
	
}

@media print, screen and (min-width: 40em) {
.threesixty img{
	display: inline-block;
	float: left;
	width:40px;
	padding-top:0.5rem;
	
}
	
	.threesixty img:hover{
		filter: grayscale(100%);
	}	
	
}
@media print, screen and (min-width: 40em) {
.spathreesixty{
	width:160px;
}
.spathreesixty.toplinks {
    padding: 0.5rem 0rem 0 0rem;
	
}
}

@media print, screen and (min-width: 64em) {
.spathreesixty{
	width:300px;
}
}


.iotsbar .toplinks{
	color: #333;
}
.iotsbar .toplinks a{
	color: #333;
}

.toplinks a:hover {
	color: #999 !important
}

.topvoucher {
	display: none
}
.logo img {
	display: block;
	width: 10rem;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	height: 4rem
}

.fallslogo .logo img {
	padding-top: 0rem;
}

.logo h2 {
	font-size: 1rem;
	text-transform: uppercase;
	padding-top: 1rem;
	text-align: center
}
.logo a {
	color: white;
	font-size: 1rem;
	text-transform: uppercase;
	padding-top: 1rem;
	text-align: center
}
.logo a:active {
	color: white;
}
.logo a:hover {
	color: white;
}

@media print, screen and (min-width: 40em) {
.logo img {
	width: 15rem;
}
.toplinks a {
	color: #333;
	font-size: 1.2rem;
	text-transform: uppercase;
	text-align: right;
}
.logo a {
	color: black
}
.logo a:active {
	color: black
}
.logo a:hover {
	color: black
}
}
.topvoucher {
	display: none
}
.topphone {
	display: none
}
.cell.navsmall1 {
	width: 20%
}
.cell.navsmall2 {
	width: 60%
}
.cell.navsmall3 {
	width: 19%
}

.mobphone a{
		color: #fff;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-align: right;
	float: right;
	padding-top:1rem;
	padding-right:1rem
	
}

.mobphone a:hover{
	color: white
}

@media print, screen and (min-width: 40em) {
	.mobphone{
		display: none
	}
.toplinks a {
	font-size: 0.9rem;
}
.topvoucher {
	display: none
}
.topicon {
	display: inline-block;
	
}
.topphone {
	display: inline-block;
	font-weight: 700
}
.toplinks {
	padding: 0.3rem 0rem 0 1rem;
	
}
	.phone{
		display: block;
	text-align: center;
		padding:0rem 0 0.8rem 0;
		color: black;
		text-transform: uppercase;
		font-size: 0.9rem
	}
.cell.navsmall1 {
	width: 36%
}
.cell.navsmall2 {
	width: 28%
}
.cell.navsmall3 {
	width: 36%
}
}

@media print, screen and (min-width: 64em) {
.topvoucher {
	display: inline-block
}

	
	
.topicon {
	display: inline-block
}
.topphone {
	display: inline-block
}
	.phone{
		display: inline-block;
		float: right;
		padding-top:0rem
	}

		.phonetop {
    padding: 0.8rem 0 0.5rem 0;

	}
}
nav ul li {
	list-style: none;
	width: 45%;
	float: left;
}

@media print, screen and (min-width: 62em) {
.navbar {
	display: block;
	background-color: #f2f6f7;
	z-index: 10;
	position: relative
}
nav {
	width: 100%;
}
nav ul {
	display: flex;
	flex-direction: row;
	margin: 0;
}
nav ul li {
	list-style: none;
	flex-grow: 1;
	text-align: center;
}
nav ul li a {
	display: block;
	color: #fff;
	font-size: 0.70rem;
	border-right: 0px solid #eee;
	padding: 1.5rem 0 1.5rem 0;
	transition: 0.3s;
}
nav ul li a:hover {
	background-color: #fff
}
	
		/*
	nav ul li.xmas {
	background-color:red;
		color: white
}
	
	*/
	
		nav ul li.bfmenu {
			/*
	background-color:black;
		color: white
			*/
}
	
	
}

@media print, screen and (min-width: 62em) {
nav ul li a {
	display: block;
	color: #fff;
	font-size: 0.85rem
}
}



.dropdown {
    float: left;
    overflow: hidden;
}

.dropdown .dropbtn {
  
  
 
}

.dropdown:hover .dropbtn {
    background-color: white;
}

.dropdown .dropbtn:hover {
    color: black; 
}

.dropdown:hover > a {
	  background-color: #ddd;
    color: black;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 220px;
  
    z-index: 1;
}

.dropdown-content a {
    float: none;
    color: black;
    padding: 1rem 2.6rem !important;
    text-decoration: none;
    display: block;
    text-align: center
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}


/* #Hotels reveal
================================================================================================== */




.home-logos img {
    padding: 1.3rem ;
    opacity: 0.9;
    margin-left: auto;
    margin-right: auto;
}




.toggle-section {
    display: none;
}

.hidden-section {
	display: none;
}
.toggle-section img {
	padding: 2rem 0.5rem 2rem 0.5rem;
	opacity: 0.9;
	margin-left: auto;
	margin-right: auto;
	width: 200px;
    display: block;
}

@media print,  screen and (min-width: 40em) {
.toggle-section img {
	padding: 1.5rem 0.5rem 1.5rem 0.5rem;
	opacity: 0.9;
}
}

@media print,  screen and (min-width: 62em) {
.toggle-section img {
	padding: 1.5rem 1rem 1.5rem 1rem;
	opacity: 0.9;
}
}
.toggle-section img:hover {
}
.toggle-control p {
	font-size: 0.7rem
}

.greybgmob{
background-color: #999;
}

@media print,  screen and (min-width: 64em) {
	.greybgmob{
display: none
}
}

.blackbg {
	background-color: #999
}
.grey {
	background-color: #F6F6F6
}
.greyborder {
	border-bottom: 0px #F0F0F0 solid
}
.ourhotels p {
	padding: 0.5rem;
	text-transform: uppercase;
	font-size: 0.75rem;
	cursor: pointer;
	font-weight: 400;
letter-spacing: 1px;
	float: left;
	color: white
}
.ourhotels:hover {
	color: #fff
}

@media print,  screen and (min-width: 40em) {
.ourhotels:hover {
	color: #333
}
}

.hoteldropdown ul{
	margin:0
}

.hoteldropdown nav ul li {
	width:50%
}
@media print,  screen and (min-width: 40em) {
	.hoteldropdown nav ul li {
	width:33%
}
}

.fa-gift {}


.gifty {
    animation: glow 0.5s infinite alternate;
}

@keyframes glow {
    to {
        color:#ddd
    }
}

.hotelsdropdownbutton{
	display: none
}

@media print,  screen and (min-width: 64em) {

.ldhgroup .hotelsdropdownbutton{
	display: block
}

}


.fa-angle-double-up {
	display: none
}
.main .fa-angle-double-down {
	display: none;

}
.main .fa-angle-double-up {
	display: inline-block;

}
.emailsignuptop a {
	padding: 0.5rem;
	text-align: right;
	float: right;
	color: white;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	font-size: 0.75rem;
}
.emailsignuptop a:hover {
	color: #bbb
}

@media print,  screen and (min-width: 62em) {
.ourhotels p {
text-transform: uppercase;
	cursor: pointer;
	font-weight: normal;
	
	float: left;
	background-color: #F6F6F6;
	margin-left:2rem;
	text-align: center;
	padding: 0.7rem 1rem 0.7rem 1rem;
	color: black;
	font-size: 0.8rem;
	transition: 0.3s
}
	
	.ourhotels p:hover {

	background-color: #ECECEC
	
}

		
	.emailsignuptop p {
		padding: 0.5rem 0 0.5rem 0;
	text-transform: uppercase;
	font-size: 0.65rem;
	cursor: pointer;
	font-weight: 600;
	width: 50%;
	float: right;
	
	color: white;
	background-color: #F2F2F2;
	
	text-align: center
}
.emailsignuptop a {
	padding: 0rem;
	color: black;
	font-size: 0.75rem;
	text-align: center;
	float:none
}
.blackbg {
	background-color: #fff
}
.toggle-control p {
	font-size: 0.75rem;
}
}


.bf{
	
	padding:0.5rem
}

.bf img{
	display: none
}
.bf p{
	font-size: 0.95em; 
	color: white;	
}

.bfcenter {
    text-align: center;
}

@media print,  screen and (min-width: 24em) {
	
.bf p{
	font-size: 1.1em; 	
}
}
	
@media print,  screen and (min-width: 44em) {
.bf img{
	display: block;
	width:200px;
	float:left
}

.bf p{
	font-size: 1.1em; 

	
}
}


.xmasblockbg{
	display: none;
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/group/xmas/xmasbg.jpg);
}


.topbanner{
	background-color:#206598;
	padding:0.5rem
}

.xmasbanner{
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/group/xmas/xmasbg.jpg);
}

.coronabanner{
	
	background-color:#E8761C;
	padding:0.5rem
}
.coronabanner p{
	font-size: 0.90em; 
	color: white;	
}


.topbanner img{
	display: none
}
.topbanner p{
	font-size: 0.90em; 
	color: white;	
}

.xmasbanner p{color: red
}
.xmasbanner a{
	color: black
}

.topbannercenter {
    text-align: center;
}

@media print,  screen and (min-width: 24em) {
	
.topbanner p{
	font-size: 1em; 	
}
	.coronabanner p{
	font-size: 1em; 	
}
}
	
@media print,  screen and (min-width: 44em) {
.topbanner img{
	display: block;
	width:200px;
	float:left
}

	.coronabanner p{
	font-size: 1em; 

	
}
	
.topbanner p{
	font-size: 1em; 

	
}
}


.greybanner{
	background-color: #eee; 
	padding:1rem 0; 
	margin:1rem 0;
}




/* #Booking pages
================================================================================================== */

.bookingtop {
	display: none;
	padding: 2rem 0 2rem 0
}

@media print, screen and (min-width: 40em) {
.bookingtop {
	display: block;
}
.bookingborder {
	border-bottom: 1px white solid;
}
iframe {
	border: 0;
}
.bookingnumber p {
	text-align: right;
	font-size: 1.7rem
}
}
/* #Text Elements
================================================================================================== */

.mobilehide62 {
	display: none
}
.mobilehide {
	display: none
}
.mobilehide40 {
	display: none
}
.mobilehideback {
	display: block
}



@media print, screen and (min-width: 40em) {
.mobilehide {
	display: block
}
.fullhide {
	display: none
}
.mobilehide40 {
	display: inline-block
}
	.mobilehideback {
	display: none
}
}


@media print, screen and (min-width: 64em) {
	
	.mobilehide62 {
	display: block
}
	.mobilehideback {
	display: block
}


	
}


.uppercase {
	text-transform: uppercase
}
.center {
	text-align: center
}

.mobcenter{
	text-align: center
}

@media print, screen and (min-width: 40em) {
.center {
	text-align: center
}
	.mobcenter{
	text-align: left
}
}


.bulletcenter {
	text-align: center
}

.bulletcenter h3{
	padding-top:2rem
}

@media print, screen and (min-width: 40em) {
.bulletcenter {
	text-align: left
}
	.bulletcenter h3{
	padding-top:0;
		margin-bottom:0;
}
}



a {
	color: #444;
	font-weight: 500
}
a:hover {
	color: #666
}
a:focus {
	color: #666
}
button:hover {
	color: #666;
	cursor: pointer
}

img {
	width: 100%
}
.topsection h1 {
	padding-top: 1rem;
}
.white {
	background-color: #FFFFFF;
}
.whitebottomgap {
	background-color: #FFFFFF;
	height: 100px;
	display: block
}
.fontdancing h1, .fontdancing h2, .fontdancing h3 {
	font-family: "rollerscript-smooth", sans-serif;
	font-size: 25px;
	color: #555;
}


.fontdancingscript {
	font-family: "rollerscript-smooth", sans-serif !important;
	text-transform: capitalize;
	font-size: 36px;
}

@media print, screen and (min-width: 40em) {
.fontdancing h1, .fontdancing h2, .fontdancing h3 {
	font-family: "rollerscript-smooth", sans-serif !important;
	font-size: 1.8rem;
	color: #555;
}
}
.greenicon {
	display: inline-block;
	width:20px !important;
	color: #bbb;
	text-align: center
}



.redbutton {
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	font-size: 1rem;
	text-transform: uppercase;
	text-decoration: none;
	background: #ff3019;
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	transition: background-color 0.15s ease-out, color 0.15s ease-out;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 1px;
	line-height: normal;
	padding: 11px 18px;
}
.redbutton:hover {
	color: #333;
	background: #fff !important;
}
.whitebutton {
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: normal;
	color: #222;
	display: inline-block;
	font-size: 1rem;
	text-transform: uppercase;
	transition: background-color 0.15s ease-out, color 0.15s ease-out;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 1px;
	line-height: 1.2;
padding: 11px 18px 11px 18px;
}
.whitebutton:hover {
	background-color: #666;
	color: white !important
}




				.tickbox {
					display: block;
					position: relative;
					padding-left: 45px;
					margin-bottom: 1px;
					cursor: pointer;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					user-select: none;
				}
				/* Hide the browser's default checkbox */
				
				.tickbox input {
					position: absolute;
					opacity: 0;
					cursor: pointer;
					height: 0;
					width: 0;
				}
				/* Create a custom checkbox */
				
				.checkmark {
					position: absolute;
					top: 0;
					left: 0;
					height: 23px;
					width: 23px;
					background-color: #fff;
					border: 1px solid #ccc
				}
				/* On mouse-over, add a grey background color */
				
				.tickbox:hover input~ .checkmark {
					background-color: #ddd;
				}
				/* When the checkbox is checked, add a blue background */
				
				.tickbox input:checked~ .checkmark {
					background-color: #2196F3;
				}
				/* Create the checkmark/indicator (hidden when not checked) */
				
				.checkmark:after {
					content: "";
					position: absolute;
					display: none;
				}
				/* Show the checkmark when checked */
				
				.tickbox input:checked~ .checkmark:after {
					display: block;
				}
				/* Style the checkmark/indicator */
				
				.tickbox .checkmark:after {
					left: 9px;
					top: 5px;
					width: 5px;
					height: 10px;
					border: solid white;
					border-width: 0 3px 3px 0;
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
				}
				
				.greenbutton {
					padding: 15px 45px;
					font-size: 16px !important;
					color: black;
					margin-top: 10px;
					margin-bottom: 20px;
					background: #82d483;
					outline: none;
					border: none;
					text-transform: uppercase;
					float: left;
					margin-right: 38px;
					transition: all 0.3s ease 0s;
					border: 1px solid #82d483;
				}
				
				.greenbutton:hover {
					background: #fff;
					border: 1px solid #333
				}
		

.narrowbutton{
	border:1px solid red;
	font-weight: normal;
	font-size: 0.8rem;
	color: red !important;
	display: inline-block;
	transition: background-color 0.15s ease-out, color 0.15s ease-out;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 1px;
	line-height: 1.2;
padding: 6px 8px 6px 7px;
	font-weight: bold;
	text-transform: uppercase
}
.narrowbutton:hover {
	background-color: white;
	color: red !important
}
.narrowbuttonred {
	background-color: red;
	font-size: 0.8rem;
	border:1px solid red;
	font-weight: normal;
	color: white !important;
	display: inline-block;
	transition: background-color 0.15s ease-out, color 0.15s ease-out;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 1px;
	line-height: 1.2;
padding: 6px 8px 6px 7px;
	font-weight: bold;
		text-transform: uppercase
}
.narrowbuttonred:hover {
	background-color: white;
	color: red !important
}


.flashybutton p{
	text-align: center
}


@media print, screen and (min-width: 64em) {
.flashybutton p{
	text-align: right
}

}


.iconflash {
  position: relative;
  overflow: hidden;
  width: 250px;
  height: 50px;
  display: inline-block;
  
 margin-bottom: 5px;
	margin-top: 1px;
  border-radius: 0px;
  color: #fff;
  text-decoration: none;
  text-align: center;
 
 
 
}

.iconflash:nth-child(1) { background: 	#b8a054 }


/**
 * The "shine" element
 */

.iconflash:after {
  
  animation: shine 3s ease-in-out  infinite;
  animation-fill-mode: forwards;  
  content: "";
  position: absolute;
  top: -110%;
  left: -210%;
  width: 370%;
  height: 200%;
  opacity: 0;
  transform: rotate(30deg);
  
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}



@keyframes shine{
  10% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
    transition-duration: 2s, 2s, 2s;
    transition-timing-function: ease;
  }
  100% {
    opacity: 1;
    top: -30%;
    left: -30%;
    transition-property: left, top, opacity;
  }
}




.blackbutton {
	background-color: #fff;
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: normal;
	color: #000;
	display: inline-block;
	font-size: 1rem;
	text-transform: uppercase;
	transition: background-color 0.15s ease-out, color 0.15s ease-out;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 5px;st
	margin-top: 1px;
	line-height: normal;
	padding: 11px 18px;
}
.blackbutton:hover {
	background-color: #666;
	color: white
}
.paddingbottomsml {
	padding-bottom: 0.5rem
}
.paddingbottom {
	padding-bottom: 2rem
}

.marginbottom {
	margin-bottom: 2rem
}

.paddingleft {
	padding-left: 2rem
}

.paddingtop2 {
	padding-top: 2rem
}

.margintop2 {
	margin-top: 2rem
}


.thingstodo p {
	font-size: 0.9rem;
	line-height: 1.3rem;
	padding-bottom: 0.6rem;
}
.thingstodo a {
	font-weight: bold;
}
.google-maps {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
.galleria {
	height: 432px;
}
body .galleria-thumbnails .galleria-image {
	width: 280px !important
}



.mizulogo1 img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media print, screen and (min-width: 62em) {
.mizulogo1 img {
	width: 50%;
	margin-top: -40rem;
}
}
.metaslider .caption-wrap {
	position: absolute;
	bottom: 150px !important;
	left: 0;
	background: none !important;
	color: white;
	opacity: 1 !important;
	margin: 0;
	display: block;
	width: 100%;
	line-height: 1.4em;
}
.caption {
	position: static;
	background-color: none !important;
	opacity: 1 !important;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
.caption h1 {
}
.homebanner {
	width: 100%;
	background-color: rgba(38, 164, 62, 0.9) !important;
	opacity: 1 !important;
	height: 100px;
}
.yourlocal {
	width: 770px !important;
	float: left
}
.yourlocal h1 {
	display: block !important;
	color: #FFFFFF !important;
	font-weight: normal;
	font-size: 24px;
	padding: 20px;
}
.yourbutton {
	width: 180px !important;
	float: right;
}
.localbutton {
	display: block;
	padding-top: 35px;
}
.localbutton a {
	color: #26a43e !important;
	font-weight: 600;
	padding: 15px 30px 15px 30px;
	background-color: #FFFFFF;
	text-decoration: none;
}
.localbutton a:hover {
	background-color: #464646;
	color: white !important
}
.localbutton .fa {
	font-size: 28px !important;
	color: #de394b;
	vertical-align: middle;
	padding-left: 5px
}

@media print, screen and (min-width: 40em) {
	

	
	
.metaslider .caption-wrap {
	position: absolute;
	bottom: 150px !important;
	left: 0;
	background: none !important;
	color: white;
	opacity: 1 !important;
	margin: 0;
	display: block;
	width: 100%;
	line-height: 1.4em;
}
.caption {
	position: static;
	background-color: none !important;
	opacity: 1 !important;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
.caption h1 {
}
.homebanner {
	width: 100%;
	background-color: rgba(38, 164, 62, 0.9) !important;
	opacity: 1 !important;
	height: 100px;
}
.yourlocal {
	width: 770px !important;
	float: left
}
.yourlocal h1 {
	display: block !important;
	color: #FFFFFF !important;
	font-weight: normal;
	font-size: 24px;
	padding: 20px;
}
.yourbutton {
	width: 180px !important;
	float: right;
}
.localbutton {
	display: block;
	padding-top: 35px;
}
.localbutton a {
	color: #26a43e !important;
	font-weight: 600;
	padding: 15px 30px 15px 30px;
	background-color: #FFFFFF;
	text-decoration: none;
}
.localbutton a:hover {
	background-color: #464646;
	color: white !important
}
.localbutton .fa {
	font-size: 28px !important;
	color: #de394b;
	vertical-align: middle;
	padding-left: 5px
}
}




ul.slides {
	margin-left: 0rem;
}



.ms-image{
	width:100%;
	overflow: hidden;
}


.metaslider {
	position: relative;
	z-index: -700 !important;
}



	.metaslider .slides img {
width: 200% !important;
    display: block;
    margin-left: -50%!important;
		
}

@media print, screen and (min-width: 30em) {
		.metaslider .slides img {
  width: 130% !important;
    display: block;
    margin-left: -15%!important;
}}





		
@media print, screen and (min-width: 50em) {
		.metaslider .slides img {
    width: 100% !important;
    display: block;
    margin-top: 0rem!important;
			  margin-left: 0%!important;
}}


		




@media print, screen and (min-width: 70em) {
		.metaslider .slides img {
    width: 100%;
    display: block;
    margin-top: -4rem!important;
}}
	
	@media print, screen and (min-width: 80em) {
		.metaslider .slides img {
    width: 100%;
    display: block;
    margin-top: -10rem!important;
}
}
		

	@media print, screen and (min-width: 62em) {
		
		
		
		
.metaslider .caption-wrap {
	position: absolute;
	bottom: 300px !important;
	left: 0;
	background: none !important;
	color: white;
	opacity: 1 !important;
	margin: 0;
	display: block;
	width: 100%;
	line-height: 1.4em;
}
.caption {
	position: static;
	background-color: none !important;
	opacity: 1 !important;
	width: 960px;
	text-align: left;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
}
.caption h1 {
}
		
		
		

		
.homebanner {
	width: 100%;
	background-color: rgba(38, 164, 62, 0.9) !important;
	opacity: 1 !important;
	height: 100px;
}
.yourlocal {
	width: 770px !important;
	float: left
}
.yourlocal h1 {
	display: block !important;
	color: #FFFFFF !important;
	font-weight: normal;
	font-size: 24px;
	padding: 20px;
}
.yourbutton {
	width: 180px !important;
	float: right;
}
.localbutton {
	display: block;
	padding-top: 35px;
}
.localbutton a {
	color: #26a43e !important;
	font-weight: 600;
	padding: 15px 30px 15px 30px;
	background-color: #FFFFFF;
	text-decoration: none;
}
.localbutton a:hover {
	background-color: #464646;
	color: white !important
}
.localbutton .fa {
	font-size: 28px !important;
	color: #de394b;
	vertical-align: middle;
	padding-left: 5px
}
}



		
		
	/* #Foo gallery images
================================================================================================== */	
		
@font-face{
	font-family:foobox;
	src:url(https://www.lakedistricthotels.net/assets/core/files/font/foobox.woff) !important;
	src:url(https://www.lakedistricthotels.net/assets/core/files/font/foobox.eot?#iefix) format('embedded-opentype'),url(https://www.lakedistricthotels.net/assets/core/files/font/foobox.woff) format('woff'),url(https://www.lakedistricthotels.net/assets/core/files/font/foobox.ttf) format('truetype'),url(https://www.lakedistricthotels.net/assets/core/files/font/foobox.svg#foobox) format('svg');font-weight:400;font-style:normal !important}
		
	


		
		
	/* #other Elements
================================================================================================== */	
		
		
.tt-guestpa{
	display: none !important
}


.body_christmas-breaks .tt-guestpa{
	display: none !important
}




.events-table-link img {
	width: 80px !important;
	height: 80px !important
}
.weddingbg {
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/innonthelake/weddings/weddingbg.jpg);
	padding-top: 20px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center top;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.weddingbg2 {
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/innonthelake/weddings/main1.jpg);
	padding-top: 20px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center bottom;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}


.weddingbg3 {
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/skiddaw/weddings/main2.jpg);
	padding-top: 20px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center bottom;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

	@media print, screen and (min-width: 82em) {
		.weddingbg3 {
		background-position: center -150px;
}
}


.weddingbg4 {
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/skiddaw/weddings/main5.jpg);
	padding-top: 20px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center bottom;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}





.weddingwhitebg{
	background-color: rgba(255,255,255,0.8)
}


.hotels h4{
	font-size:1.2rem
}
	
.hotels h3{
	margin-bottom: 0;
	margin-top: 10px
}

.hotels img{
	width:15px;
		margin-top:-3px
}

.hotels p{
	font-size: 15px;
	color: #000;
}
.stars .smlstar{
	font-size: 15px;
	color: #aaa;

}

.smlstar p{
	font-size: 15px;
	color: #aaa;

}



@media print, screen and (min-width: 40em) {
	
	.hotels h3{
	margin-bottom: 0;
		margin-top: 0
}
}

.roomsleft{
	
margin-top:-37px; 
	position: relative; 
	padding:10px; 
	background-color: red; 
	color:white; 
	width:120px}


.offersdate{
	
margin-top:-37px; 
	position: relative; 
	padding:10px; 
	background: rgba(255,255,255,0.8);
	color:black; 
	width:100%;
}


.buttonpadding .whitebutton{
	margin-top:0.5rem
}

.h4padding h4{
	margin-bottom: 0
}

.h4padding h6{
	text-transform: uppercase;
	font-size: 0.8rem
}



.medialink{
	
margin-top:-38px; 
	float:right;
	text-transform: uppercase;
	position: relative; 
	padding:10px; 
	background-color: #657783; 
	color:white; 
	width:90px;
border-top:1px white solid;
	border-left:1px white solid;
}


.medialink:hover{
background-color: black; 
	color:white; 
	}



.media h3{
	padding-top:1rem;
	padding-bottom:0;
	margin-bottom:0;
	text-transform: uppercase
}

.medimg{
	display: block;
	height: 10rem;
	overflow: hidden;
	border:1px solid #eee
}




/* #Wedding contact forms
================================================== */


.c-forms-heading{
	display: none !important
}

.cognito .c-forms-form .c-label{
	 font-family: rig-sans, sans-serif !important;
}

.cognito .c-forms-form button{
	background-color: #fff !important;
    border-color: #333 !important;
    color: #333 !important;
    font-family: rig-sans, sans-serif !important;
    font-weight: normal !important;
    font-size: 1.2em !important;
    border-radius: 0px !important;
}

.ybISaW8qFUKHGegTHeOxzw{
	display: none !important
	
	
}






/* #SALE
================================================== */

.popular{

	color: white; 
	font-size:0.6rem; 
	text-transform: uppercase; 
	padding:0.3rem; 
	border-radius: 2px; 
	font-weight: bold;
	white-space: nowrap;
	vertical-align: super;
	}


.fadein5{
	 animation: 5s fadeIn5;
  animation-fill-mode: forwards;
  
  visibility: hidden;
}

@keyframes fadeIn5 {
  0% {
    opacity: 0;
  }
	 80% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}



.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.6;
  }
}


.salesave{
	height: 80px;
  width: 80px;
  border-radius: 50%;
	 transform: rotate(-10deg);
	margin-top:-4.5rem;
	margin-left:0.5rem
}


.salesave h3{
	font-size: 1.5rem;
	color: white;
	text-align: center;
	padding-top:0.7rem;
	margin-bottom:0;
	font-weight: bold;
}

.salesave p{
	font-size: 1rem;
	color: white;
	text-align: center;
	line-height: 1.2;
}



.strike {
	position: relative;
	color:#999
}
.strike:before {
	position: absolute;
	content: "";
	left: 0;
	top: 50%;
	right: 0;
	border-top: 2px solid #999;
	-webkit-transform:rotate(-11deg);
	-moz-transform:rotate(-11deg);
	-ms-transform:rotate(-11deg);
	-o-transform:rotate(-11deg);
	transform:rotate(-11deg);
}


.salelogo img{
	display: block;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1rem
}


ul.countdownnew {
list-style: none;
margin: 10px 0 10px 0;
padding: 0;
display: block;
text-align: center;
color: #fff;
}


ul.countdownnew li {
	display: inline-block;
width:30px;

}
ul.countdownnew li span {
font-size: 35px;
line-height: 30px;
text-align:center
}
ul.countdownnew li.seperatorcount {
font-size: 35px;
line-height: 30px;
	vertical-align: top;
}
ul.countdownnew li p {
	color: #fff;
font-size: 14px;
}


@media print, screen and (min-width: 40em) {

ul.countdownnew li {
margin: 0px 0 0px 0;
width:40px;

}
ul.countdownnew li span {
font-size: 50px;
line-height: 50px;


}
ul.countdownnew li.seperatorcount {
font-size: 50px;
line-height: 40px;

}

	
}


@media print, screen and (min-width: 60em) {

ul.countdownnew li {

width:55px;

}
}




@media print, screen and (min-width: 40em) {

.offerbarheight {
	display: none !important
}
	.offerbar {
	display: none !important
}
}

.offershide{
	display: none
}


.body_sale .salepagehide{
	display: none
}

.salebg{
	display: none!important
}


.salebgpage {
	
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.7),  rgba(0, 0, 0, 0.7)), url('https://www.lakedistricthotels.net/explore/wp-content/uploads/2021/09/20180505_Lake-District_Wild-Camping_007-scaled.jpg');
	padding-top: 20px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center top;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-size: contain;
	background-repeat: no-repeat;
	border-bottom: 1px solid #fff;
background-color: black
}


@media print,  screen and (max-width: 40em) {
	
.salebgpage {
	
	background-size: 500px;
	}
}




.jansalebgpage {
	

    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgb(0 0 0 / 20%)), url(https://www.lakedistricthotels.net/explore/wp-content/uploads/2018/12/Richard-Ainsworth-5.jpg);
    padding-top: 20px;
    width: 100%;
    background-repeat: no-repeat scroll;
    background-position: center -359px;
    position: relative;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    background-size: contain;
    background-repeat: no-repeat;
    border-bottom: 1px solid #fff;
    background-color: #7d7d7d

}


@media print,  screen and (max-width: 90em) {
	
.jansalebgpage {
	 background-position: center -250px;

	}
}



@media print,  screen and (max-width: 64em) {
	
.jansalebgpage {
	 background-position: center top;

	}
}

@media print,  screen and (max-width: 40em) {
	
.jansalebgpage {
	 background-position: center top;
	background-size: 900px;
	}
}


.salebanner{
	padding:0.5rem
}

.salebanner img{
	display: none
}
.salebanner p{
	font-size: 0.95em; 
	color: white;	
}

.salebannercenter {
    text-align: center;
}

@media print,  screen and (min-width: 24em) {
	
.salebanner p{
	font-size: 1.1em; 	
}
}
	
@media print,  screen and (min-width: 44em) {
.salebanner img{
	display: block;
	width:200px;
	float:left
}

.salebanner p{
	font-size: 1.1em; 

	
}
}


.salebuttonpadding p{
	 text-align: center; 
	padding-top:10px;
	padding-bottom:10px;
}


.salebutton {
	 position: relative;
  overflow: hidden;
	background-color: #333;
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: normal;
	color: #fff;
	display: inline-block;
	font-size: 1.5rem;
	text-transform: uppercase;
	transition: background-color 0.15s ease-out, color 0.15s ease-out;
	text-decoration: none;
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 1px;
	line-height: normal;
	padding: 11px 18px;
}
.salebutton:hover {
	background-color: #666;
	color: white
}


@media print,  screen and (min-width: 40em) {
	.salebutton {
	font-size: 1.2rem;
}
	.salebuttonpadding p{
	 text-align: center; 
	padding-top:50px	
}

}

@media print,  screen and (min-width: 50em) {
	.salebutton {
	font-size: 1.5rem;
}
	}







/* #offer bar
================================================== */

.offerbarheight {
	display: none
}


.body_business-new .offerbarheight {
	display: none !important
}


	
.offerbar {
	display: none
}
.closebutton {
	color: white;
	position: absolute;
	/* right: 0; */
	float: left;
	padding: 10px;
	font-size: 1.5rem;
	z-index: 999;
	cursor: pointer;
}

@media print, screen and (min-width: 40em) {
.closebutton {
	color: white;
	position: absolute;
	/* right: 0; */
	float: left;
	padding: 10px;
	font-size: 1.5rem;
	z-index: 999;
	cursor: pointer
}
}
.offerbar p {
	padding-top: 1rem;
	font-size: 0.9rem;
	line-height: 1.5rem;
	color: white;
	text-align: center
}

.offerbarheight p {
	padding-top: 1rem;
	font-size: 0.9rem;
	line-height: 1.5rem;
	color: white;
	text-align: center
}


.offerbarwhite a {
	color: white
}
.offerbarwhite a:hover {
	color: #EBEBEB;
	text-decoration: none;
}
.offerbarright {
	display: none
}
.offerbarbook {
	display: none
}
.deal {
	background-color: white;
	padding: 2px 4px 2px 4px;
	text-transform: uppercase;
	color: black;
	border-radius: 2px;
	font-size: 0.65rem;
	font-weight: bold;
}

@media print, screen and (min-width: 40em) {
.offerbar {
	display: block;
	position: fixed;
	bottom: 0;
	z-index: 9;
	width: 100%;
	height: 80px
}
	.offerbarheight {
	display: block;
	position: fixed;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	height: 100px
}
	
	.offerbarheight p {
		padding-top: 1rem;
	font-size: 0.9rem;
	color: white;
	text-align: center
}
	
	
.offerbar p {
	padding-top: 1rem;
	font-size: 0.9rem;
	color: white;
	text-align: center
}
.offerbarright {
	display: block
}
.offerbarbook {
	display: none
}
	
	.body_accommodation-spa-suites .offerbarheight {
	display: none !important
}
	
	
	.body_christmas-breaks .offerbarheight {
	display: none !important
}
	
}

@media print, screen and (min-width: 62em) {
.offerbarright {
	display: block
}
.offerbarbook {
	display: block
}
}
/* #hotel text colours
================================================== */

.spabar {
	background-color: #6b9eac;
}
.lodorebar {
	background-color: #607884;
}
.innonthelakebar {
	background-color: #4a74ae;
}
.borrowdalebar {
	background-color: #444;
}
.skiddawbar {
	background-color: rgba(52, 73, 94);
}
.kingsbar {
	background-color: #699;
}
.ldhbar {
	background-color: #888;
}

.iotsbar{
	background-color: #f0e21b;
}

@media print, screen and (min-width: 64em) {
.lodorebar, .borrowdalebar, .skiddawbar, .kingsbar, .innonthelakebar, .spabar, .ldhbar {
	background-color: #fff;
}
}
.ldhfooter {
	background-color: #333
}
.spa {
	background-color: #6b9eac;
}
.ldh {
	background-color: #888;
}
.lodore {
	background-color: #607884;
}
.lodoretext {
	color: #607884;
}




/**
.lodoretext {
	color: #829e81;
}
**/


.innonthelake {
	background-color: #4a74ae;
}
.innonthelaketext {
	color: #4a74ae;
}
.iotllink a {
	color: #4a74ae;
}
.borrowdale {
	background-color: #444;
}
.borrowdaletext {
	color: #802859;
}
.innonthesquare {
	background-color: #c8a34b;
}
.innonthesquaretext {
	color: #c8a34b;
}
.skiddaw {
	background-color: rgba(52, 73, 94);
}
.skiddawtext {
	color: #064d82;
}
.skiddawlink a {
	color: #064d82;
}
.georgetext {
	color: #971A20;
}
.georgebutton {
	background-color: #959596;
}
.george {
	background-color: #971A20;
}
.kings {
	background-color: #699;
}
.kingslink a {
	color: #699;
}
.kingsbutton {
	background-color: #699;
}
.kingstext {
	color: #6f6e6e;
}











/* #2020 - Over Photos No Booking Box 
================================================================================================== */


.overphoto {
	height: 280px;
	overflow: hidden
}

@media print, screen and (min-width: 40em) {
.overphoto {
	height: 510px;
	overflow: hidden
}
	
	.overphotosmall{
		height: 300px;
	}
}

@media print, screen and (min-width: 62em) {
.overphoto {
	height: 610px;
	overflow: hidden
}
	.overphotosmall{
		height: 300px;
	}
}


.bgvid{
    width: 140%;
    display: block;
}

@media print, screen and (min-width: 62em) {
	
.bgvid{
    width: 100%;
    display: block;
}
}



.overphotocontent {

	position: relative
}

@media print, screen and (min-width: 40em) {
.overphotocontent {
	background-color: rgba(0, 0, 0, 0);
	height: 510px;
	margin-top:-510px;
	position: relative
}
	
	.overphotocontentsmall{
			height: 300px;
	margin-top:-300px;
	}
}

@media print, screen and (min-width: 62em) {
.overphotocontent {
	height: 610px;
	margin-top:-610px;
	position: relative
}
	.overphotocontentsmall{
			height: 350px;
	margin-top:-350px;
	}
}



.overphototext {
	position: relative;
	z-index: 0;
}
.overphototext p {
	
	color: #FFF;
	font-size: 1.2rem;
	line-height: 2rem;
	text-align: center;
	text-shadow: 0px 0px 15px #333;
	padding_0 1rem
}
.overphototext h2 {
	font-family: "rollerscript-smooth", sans-serif !important;
	margin-top: 4rem;
	color: #FFF;
	font-size: 2rem !important;
	text-align: center;
	text-shadow: 0px 0px 15px #333;
}
.scriptext p {
	font-family: "rollerscript-smooth", sans-serif !important;;
	margin-top: -12rem;
	color: #FFF;
	font-size: 2.5rem;
	text-align: center;
	text-shadow: 0px 0px 15px #333;
	padding-bottom:1rem
}
.overphototext a {
	display: inline-block;
	color: #FFF;
	font-weight: bold
}

@media print, screen and (min-width: 40em) {
.overphototext h2 {
	display: none;
	margin-top: 120px;
	color: #FFF;
}
.overphototext p {
	display: none;
}
	.overphototextsmall p {
	display: block;
}
}
	
	@media print, screen and (min-width: 62em) {
.overphototext h2 {
	display: block;
	margin-top: 130px;
	color: #FFF;
	font-size: 3rem !important;
}
.overphototext p {
	display: block;
}
	.scriptext p {
		margin-top: 140px;
		font-size: 3rem;
}

}




.arrowover a {
	cursor: pointer;
	margin-top: 15.3rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
	height: 50px;
	opacity: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,14' style='fill: rgb%28255, 255, 255%29'></polygon></svg>");
	background-origin: content-box;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}


.overphotocontent .arrowover a {
	
	margin-top: 3rem;
	
}



@media print, screen and (min-width: 40em) {
.arrowover a {
	display: none
}
}

@media print, screen and (min-width: 62em) {
.arrowover a {
	margin-top: 9.3rem;
	display: block;
}
	
	.overphotocontent .arrowover a {
	
		margin-top: 9.3rem;
	display: block;
	
}

}





/* #2020 - Conferences
================================================================================================== */
	
	
	.businessquote{
	
		padding:5rem 0rem
	}
	
	.businessquote p{
		font-size: 1.2rem;
		color: white;
	}

.businessquotemargin{
	margin-top:0.5rem
}





/* #Video
================================================================================================== */
video {
	display: block;
	position: relative;
	right: 0;
	bottom: 0;
	height: 100%;
	width: auto;
	height: auto;
	z-index: -700;
	background-image: url(https://www.lakedistricthotels.net/assets/core/videos/derwentwater.jpg);
	background-color: #000;
	background-size: cover;
	transition: 1s opacity;
	
}

@media print, screen and (min-width: 75em) {
	video {
margin-top:-100px
}
}


#bgvid {
	width: 100%;
	display: block
}
.stopfade {
	opacity: .5
}
#vid button {
	float: right;
	margin-top: 20px;
	display: block;
	width: 40px;
	padding: .4rem;
	border: 1px solid #fff;
	font-size: 1.1rem;
	background: none;
	color: #fff;
	cursor: pointer;
	transition: .3s background
}
#vid button:hover {
	background: rgba(0,0,0,0.5)
}
.videoslider {
	display: none
}

@media screen and (max-device-width: 800px) {
.video {
	background-image: url(https://www.lakedistricthotels.net/assets/core/videos/derwentwater.jpg);
	min-width: 100%;
	min-height: 600px;

}
.homeslider {
	display: block
}
#vid {
	display: none
}
#bgvid {
	display: none
}
.videoslider {
	display: block
}
}
video {
	width: auto;
	z-index: -1000;
}
.main-video {
	width: 100%;
	display: block;
	height: 280px;
}

@media print, screen and (min-width: 40em) {
.main-video {
	width: 100%;
	display: block;
	height: 610px;
}
}

@media print, screen and (min-width: 62em) {
.main-video {
	width: 100%;
	overflow: hidden;
	display: block;
	height: 610px;
}
}
.videotext {
	position: relative;
	z-index: 0;
}
.videotext p {
	display: none;
	color: #FFF;
	font-size: 22px;
	line-height: 2rem;
	text-align: center;
	text-shadow: 0px 0px 15px #333;
}
.videotext h2 {
	font-family: "rollerscript-smooth", sans-serif;
	margin-top: -12rem;
	color: #FFF;
	font-size: 2.5rem;
	text-align: center;
	text-shadow: 0px 0px 15px #333;
}
.script p {
	font-family: "rollerscript-smooth", sans-serif;
	margin-top: -13.5rem;
	color: #FFF;
	font-size: 2rem;
	line-height: 1.5;
	text-align: center;
	text-shadow: 0px 0px 15px #333;
	
}
.videotext a {
	display: inline-block;
	color: #FFF;
	font-weight: bold
}

@media print, screen and (min-width: 40em) {
.videotext h2 {
	display: none;
	margin-top: 120px;
	color: #FFF;
}
.videotext p {
	display: none;
}
	.script p {
		margin-top: 120px;
			font-size: 2.5rem;
		padding-bottom:1rem
}
.nobooking {
	padding-bottom: 27rem
}
}

@media print, screen and (min-width: 62em) {
.videotext h2 {
	display: block;
	margin-top: 130px;
	color: #FFF;
	font-size: 3rem;
}
.videotext p {
	display: block;
}
	.script p {
		margin-top: 140px;
		font-size: 3rem;line-height: 1.5
}
.nobooking {
	padding-bottom: 7rem
}
}



.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/* #Booking Form
================================================================================================== */


@media print, screen and (min-width: 30em){
.metaslider-1596.metaslider .slides img {
    width: 170% !important;
    margin-left: -30%!important;
}
}

@media print, screen and (min-width: 50em){
.metaslider-1596.metaslider .slides img {
    width: 150% !important;
    margin-left: -25%!important;
	 margin-top: 0rem !important; 
}
}



@media print, screen and (min-width: 80em){
.metaslider-1596.metaslider.metaslider .slides img {
  width: 100% !important;
    margin-top: 0rem !important;
	 margin-left: -0%!important;
	}}




@media print, screen and (min-width: 64rem){
.metaslider-1596.metaslider .flexslider .slides li {
    height: 60rem !important;
}
	}


.metaslider .slides {
    overflow: hidden;
}


.margintopwedding{
	margin-top: 1rem;
}

@media print, screen and (min-width: 50em) {
	.margintopwedding{
	margin-top: 11rem;
}
}
	@media print, screen and (min-width: 72em) {
	.margintopwedding{
	margin-top: 18rem;
}
}
	
	

.margintopsection {
	margin-top: 0rem;
}

.margintopsectioniots {
	margin-top: 1rem;
}

.marginbookingbox {
	margin-top: 6rem;
}
.margintopsectionmizu {
	margin-top: 6rem;
}

@media print, screen and (min-width: 40em) {
.marginbookingbox {
	margin-top: -35.5rem;
	
}
.margintopsection {
	margin-top: 4rem;
}
	
	.margintopsectioniots {
	margin-top: 11rem;
}
	
	.margintopsectioniotsnobox {
	margin-top: 34rem;
}
	
.margintopsectionmizu {
	margin-top: -5rem;
}
}

@media print, screen and (min-width: 62em) {
.marginbookingbox {
	margin-top: -35.2rem;
	
}
.margintopsection {
	margin-top: 13rem;
}
	
	.margintopsectioniots {
	margin-top: 18rem;
}
		.margintopsectioniotsnobox {
	margin-top: 26rem;
}
	
	
.margintopsectionmizu {
	margin-top: 1rem;
}
}
.bookingformnew {
	position: relative;
	padding: 5px 20px 0px 25px;
	z-index: 1;
	width: 100%;
	margin: 0 0rem 0 0;
	background-color: #333;
	border: 0;
}

@media print, screen and (min-width: 40em) {
.bookingformnew {
	padding: 5px 20px 0px 25px;
	float: right;
	width: 15em;
	border-bottom: 0px solid #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	margin-top: 3rem
}
}
.formelement {
	width: 48%;
	float: left;
	height: 3.125rem;
}
.formelement label {
	display: none;
}

@media print, screen and (min-width: 40em) {
.formelement {
	width: 100%;
	float: left;
	height: 3.125rem;
}
.formelement label {
	display: block;
	margin: 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.8;
	color: #fff;
	padding-top: 0.8rem;
}
}
.formarrival {
	display: inline-block;
	float: left;
	width: 40%;
}
.formdate {
	width: 100%;
	float: left;
	margin: 0.5rem 0 0.5rem 0;
	height: 2rem;
}
.formselect {
	width: 100%;
	float: left;
	margin: 0.5rem 0 0.5rem 8%;
	border: none;
	height: 2rem;
	font-size: 0.8rem;
	line-height: 1
}
.formelement input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	font-family: inherit;
	font-size: 0.8rem;
	font-weight: normal;
	line-height: 1;
	color: #0a0a0a;
	background-image: url(../images/base/cal.png);
	background-origin: content-box;
	background-position: right -1rem center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	padding-right: 1.5rem;

}

.formpromo input[type=text] {
	background-image: none;
	padding-right: 0rem;
}
.formpromo label{
    font-size: 0.7rem;
    padding-top: 0.6rem;
}
.formpromobox {
	width: 6rem;
	float: left;
	margin: 0.5rem 0 0.5rem 0;
	height: 1.3rem;
}


.formelementldh {
	width: 48%;
	float: left;
	
}


.formelementldh label {
	display: none;
}



@media print, screen and (min-width: 40em) {
.formelementldh {
	width: 100%;
	float: left;
	
}
.formelementldh label {
	display: block;
	margin: 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.8;
	color: #fff;
	padding-top: 0.8rem;
}
}
.formelementldh input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	font-family: inherit;
	font-size: 0.8rem;
	font-weight: normal;
	line-height: 1;
	color: #0a0a0a;
	background-image: url(../images/base/cal.png);
	background-origin: content-box;
	background-position: right -1rem center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	padding-right: 1.5rem;

}

.formelementldh select {
	
	
	margin: 0.5rem 0 0.5rem 8%;
	height: 2rem;
	font-size: 0.9rem;
	text-transform: uppercase;
	  
    background-origin: content-box;
    background-position: right -1rem center;
    background-repeat: no-repeat;
    background-size: 9px 6px;
	padding-top:0.3rem;
    padding-right: 1.5rem;
  

}


.form100{
		width: 100%;

}

.form100 select{
	margin: 0.5rem 0 0.5rem 0;
}




@media print, screen and (min-width: 40em) {
.formelementldh select {

		margin:0.4rem 0;
	
	}
	
	
	
.formarrival {
	width: 6rem;
}
.formdate {
	width: 6rem;
}
.formselect {
	width: 6rem;
	margin: 0.5rem 0 0.5rem 0 !important;
}
#btn_book {
	width: 11rem;
	margin-top: 1rem;
}
}



.formbutton {
	width: 48%;
	float: left;
	height: 3.125rem;
}
.formbutton label {
	display: none;
}

@media print, screen and (min-width: 40em) {
.formbutton {
	width: 100%;
	float: left;
	height: 3.125rem;
}
.formbutton label {
	display: block;
	margin: 0;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 1.8;
	color: #fff;
	padding-top: 0.8rem;
}
}
.formbutton {
	display: inline-block;
	float: left;
	width: 40%;
}
.formbuttondate {
	width: 100%;
	float: left;
	margin: 0.5rem 0 0.5rem 0;
	height: 2rem;
}

.formbutton input[type=text] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 0px solid #cacaca;
	border-radius: 0;
	background-color: #fefefe;
	font-family: inherit;
	font-size: 0.8rem;
	font-weight: normal;
	line-height: 1;
	color: #0a0a0a;
	background-image: url(../images/base/cal.png);
	background-origin: content-box;
	background-position: right -1rem center;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	padding-right: 1.5rem;

}






#btn_book {
	border: 1px solid #aaa;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: normal;
	color: #fff;
	width: 100%;
	display: inline-block;
	font-size: 17px;
	text-transform: uppercase;
	text-decoration: none;
	background: #ff3019;
	background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404));
	background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
	background: linear-gradient(to bottom, #ff3019 0%, #cf0404 100%);
	cursor: pointer;
	margin-bottom: 5px;
	margin-top: 0.1rem;
	line-height: normal;
	padding: 8px 15px;
}
.bestratebox {
	padding: 0px 0px 10px 0px;
	color: #FFFFFF;
	z-index: 1;
	margin-top: 0.4rem;
	margin-bottom: 0px;
	background-color: #333;
	text-align: center
}
.bestratebox h3 {
	color: #FFFFFF;
	line-height: 19px;
	font-size: 0.7rem;
	padding: 0;
	margin: 0
}
.bestratewhitebox {
	padding: 0px 15px 5px 15px;
	color: #000;
	z-index: 1;
	float: right;
	width: 100%;
	height: 3.5rem;
	padding-top: 0.7rem;
	margin: 0 0rem 0 0;
	background-color: #eee;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	font-size: 12px;
	position: relative;
}

@media print, screen and (min-width: 40em) {
.bestratewhitebox {
	width: 15rem;
	height: 4.5rem;
	background-color: #fff;
}
}

@media print, screen and (min-width: 40em) {
.whiteboxmargin {
	margin-bottom:6rem
}
}
@media print, screen and (min-width: 64em) {
.whiteboxmargin {
	margin-bottom:3rem
}
}


.iconboxes {
	width: 33.3%;
	float: left;
	text-align: center;
}
.iconboxes p {
	line-height: 1.4;
	font-size: 0.7rem;
	padding: 0 11% 0 11%
}
.iconboxes a {
	color: #000;
}
/* #Arrow
================================================================================================== */

.arrowmargin {
	margin-top: -12rem;
	height: 8rem;
}

.arrowmarginnobook {
	margin-top: -9rem;
	height: 8rem;
}

.arrowlodore a {
	cursor: pointer;
	margin-top: 9.3rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50px;
	height: 50px;
	opacity: 1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,14' style='fill: rgb%28255, 255, 255%29'></polygon></svg>");
	background-origin: content-box;
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

@media print, screen and (min-width: 40em) {
.arrowlodore a {
	display: none
}
}

@media print, screen and (min-width: 62em) {
.arrowlodore a {
	margin-top: 0.3rem;
	display: block;
}
}
.arrowbox a:hover {
	opacity: 1;
}
.arrow {
	z-index: 9997;
}
.animated {
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-iteration-countt: infinite;

}
 @-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
 40% {
-webkit-transform: translateY(-20px);
}
 60% {
-webkit-transform: translateY(-15px);
}
}
 @keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
 40% {
transform: translateY(-20px);
}
 60% {
transform: translateY(-15px);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
/* #Signup form
================================================================================================== */


.mapoverlay {
	background-color: #FFFFFF;
	opacity: 0.2;
	position: relative;
	width: 100%;
	height: 300px; /* your iframe height */
	top: 300px;  /* your iframe height */
	margin-top: -300px;  /* your iframe height */
}
.signupbottom h3 {
	font-size: 1.4rem;
	padding-top: 1.2rem
}
.formsignup {
	display: inline-block;
	float: left;
	width: 15em;
	margin: 1rem
}

@media print, screen and (min-width: 40em) {
.signupbottom h3 {
	font-size: 1.2rem;
	padding-top: 1.3rem
}
.formsignup {
	display: inline-block;
	float: left;
	width: 12em;
	margin: 1rem
}
}

@media print, screen and (min-width: 62em) {
.signupbottom h3 {
	font-size: 1.2rem;
	padding-top: 1.3rem
}
.formsignup {
	width: 15em;
}
}
/* #Conference Page Grids
================================================== */

.businesslinks h5{
	margin-top: 0
}

.roomgrid p {
	text-align: center;
	padding-top: 4px;
	color: #000;
}
.roomgridtopsection {
	width: 100%;
}
.roomgridtop {
	width: 20%;
	background-color: #CCC;
	float: left;
	height: 30px;
}
.gridfont {
	font-size: 12px
}
.gridcol1 {
	background-color: #f5e7e8;
}
.gridcol2 {
	background-color: #ecf1f7;
}
.gridcol3 {
	background-color: #f1f0f5;
}
.gridcol4 {
	background-color: #f0f0f0;
}
.gridcol5 {
	background-color: #f2e9ee;
}
/* #Mizu
================================================================================================== */
.body_mizu {
	background-color: black;
}
.mizu {
	background-color: black;
	color: white
}
.mizu p, .mizu h1, .mizu h2, .mizu h3 {
	color: #fff
}
.mizutext {
	text-align: center;
}
.mizulogo img {
	width: 70%;
	margin-top: -200px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media print, screen and (min-width: 40em) {
.mizulogo img {
	width: 70%;
	margin-top: 90px;
	display: block;
}
.mizutext {
	text-align: center;
	padding-bottom: 6rem;
}
}

@media print, screen and (min-width: 62em) {
.mizulogo img {
	width: 60%;
	margin-top: 90px;
	display: block;
}
.mizutext {
	text-align: center;
	padding-bottom: 0rem
}
}
#togoBookingMessage {
	color: #fff;
	font-size: 13px
}
#togoBookingMessage a {
	color: #fff;
	font-size: 13px
}
input.twdobtn {
	background: #333!important;
	padding: 13px!important;
	color: #fff
}
#togo-booking-container {
	color: #FFF;
	font-size: 12px
}
.bookingbox {
	margin-top: 0px;
	padding: 10px 20px 2px;
	color: #FFF;
	border: 1px white solid
}
.bookingbox h2 {
	color: #FFF;
	padding-left: 15px
}
.bookingbox p {
	color: #FFF;
	padding-left: 15px;
	padding-top: 10px;
	line-height: 25px
}
.bookingbox h4 {
	color: #FFF;
	padding-left: 15px;
	font-size: 30px;
	padding-top: 10px
}
.twinsert {
	padding: 0 !important
}





.logomizu {
	text-align: center;
	padding-bottom: 20px
}
.logomizu img {
	width: 100%;
	opacity: 1
}
.logomizu li {
	display: inline-block;
	width: 70px;
	margin-left: 5px;
	margin-right: 5px
}
.logomizu {
	padding-top: 40px
}
.logomizu>li {
	display: inline-block;
	-webkit-transition: background .2s;
	transition: background .2s;
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}
.logomizu>li>a {
	display: block
}
.logomizu>li:hover {
	opacity: 1;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}

@media print, screen and (min-width: 40em) {
.logomizu img {
	width: 100%;
	opacity: 1
}
.logomizu li {
	display: inline-block;
	width: 80px;
	margin-left: 20px;
	margin-right: 20px
}
}




.TA_cdsratingsonlynarrow{
	display: block !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-top:1rem;
	padding-bottom:1rem;
	width:50%
	
}

.TA_restaurantWidgetGreen{
	display: block !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-top:1rem;
	padding-bottom:1rem;
	width:50%
	
}

@media print, screen and (min-width: 40em) {
.TA_cdsratingsonlynarrow{
	display: block !important;
	margin-left:auto !important;
	margin-right:auto !important;
		padding-top:2rem;
	padding-bottom:1rem;
	width:25%
	
}
.TA_restaurantWidgetGreen{
	display: block !important;
	margin-left:auto !important;
	margin-right:auto !important;
		padding-top:2rem;
	padding-bottom:1rem;
	width:25%
	
}
}

@media print, screen and (min-width: 62em) {
.TA_cdsratingsonlynarrow{
	display: block !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-top:2rem;
	width:75%
	
}
	.TA_restaurantWidgetGreen{
	display: block !important;
	margin-left:auto !important;
	margin-right:auto !important;
	padding-top:2rem;
	width:75%
	
}

}





/* #Square Boxes
================================================================================================== */
	
.tile {
	width: 100%;
	height: 300px;
	margin: 0rem auto;
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	text-align: center;
}



.tile::after {
	content: "";
	position: absolute;
	display: block;
	background-color: rgba(52, 73, 94, 0.75);
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: visible;
	opacity: 0;
	transition: visibility 0.5s, opacity 0.5s;
}
.tile:hover::after, .tile:focus::after {
	visibility: visible;
	opacity: 1;
}
.tile__media {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s;
	transform: scale(1);
	backface-visibility: hidden;
	
}
.tile:hover .tile__media, .tile:focus .tile__media {
	transform: scale(1.2);
}
.tile__content {
	top: 35%;
	right: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	visibility: visible;
	opacity: 1;
	color: #fff;
	font-size: 3rem;
	transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
	transform: scale(1),;
	backface-visibility: hidden;
}
.tile:hover .tile__content, .tile:focus .tile__content {
	visibility: visible;
	opacity: 1;
	transform: scale(1.2);
}
.tile__content h2 {
	padding: 0 1rem 0 1rem;
	font-size: 2rem;
	text-transform: uppercase
}
.tile__content h3 {
	padding: 0 3.4rem 0 3.4rem;
	font-size: 2rem;
	text-transform: uppercase
}



/* #Wedding Boxes
================================================================================================== */
	
.weddingtile {
	width: 100%;
	height: 300px;
	margin: 0rem auto;
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	text-align: center;
	border:0.5rem white solid;
	background-color: black
}



.weddingtile::after {
	content: "";
	position: absolute;
	display: block;
	background-color: rgba(52, 73, 94, 0.75);
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: visible;
	opacity: 0;
	transition: visibility 0.5s, opacity 0.5s;
}
.weddingtile:hover::after, .tile:focus::after {
	visibility: visible;
	opacity: 1;
}
.weddingtile__media {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s;
	transform: scale(1.1);
	backface-visibility: hidden;
	opacity: 0.7;
	
	
}
.weddingtile:hover .weddingtile__media, .weddingtile:focus .weddingtile__media {
	transform: scale(1.2);
}
.weddingtile__content {
	top: 35%;
	right: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	visibility: visible;
	opacity: 1;
	color: #fff;
	font-size: 3rem;
	transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
	transform: scale(1),;
	backface-visibility: hidden;
}
.weddingtile:hover .weddingtile__content, .weddingtile:focus .weddingtile__content {
	visibility: visible;
	opacity: 1;
	transform: scale(1.1);
}
.weddingtile__content h2 {
	padding: 0 1rem 0 1rem;
	font-size: 2rem;
	text-transform: uppercase
}
.weddingtile__content h3 {
	padding: 0 3.4rem 0 3.4rem;
	font-size: 2rem;
	text-transform: uppercase
}


.weddingtilenarrow{
		height: 80px;
	font-size: 2rem;
	background-color: #666;
		
		background-color: rgba(52, 73, 94, 01);
		border:0.3rem #eee solid;
	border-bottom: 0
}

.weddingtilenarrow h2{
		height: 80px;
	font-size: 1rem;
}
.weddingtilenarrow .weddingtile__media {

	opacity: 0.1;
	
	
}

.covidanchor{
	margin-top:-12rem;
	padding-top:12rem
}


.covidbg {
	
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/group/keswick.jpg);
	padding-top: 20px;
	height:300px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center top;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 1px solid #fff
}


.topimgbg {
	
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/lodore/mizunew/main7.jpg);
	padding-top: 20px;
	height:300px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center center;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: 1px solid #fff
}

.topimgbg h1{
	text-align: center;
	font-size: 2.6rem !important;
    font-family: museo, serif;
    font-weight: 500;
	padding-top:5rem;
	color: white;
	margin-bottom: 0;
	text-shadow: 0px 0px 20px #000000;
}

.topimgbg p{
	text-align: center;
	color: white;
	font-size: 1.3rem
}





.fiveboxes{
	width:50%
}

@media print, screen and (min-width: 40em) {
	.fiveboxes{
	width:25%
}
	.weddingtilenarrow h2{
	
	font-size: 1rem;
}
}


@media print, screen and (min-width: 62em) {
	.fiveboxes{
	width:20%
}
	.weddingtilenarrow h2{
	
	font-size: 1rem;
}
}


.nopmargin p{
	margin-bottom: 0
}


/* #Spa Boxes
================================================================================================== */
	
.spatile {
	width: 100%;
	height: 300px;
	margin: 0rem auto;
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	
	text-align: center;
}


.spatile::before {
	content: "";
	position: absolute;
	display: block;
	background-color: rgba(107, 158, 172, 1);
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: visible;
	opacity: 1;
	transition: visibility 0.5s, opacity 0.5s;
}



.spatile:hover::after, .tile:focus::after {
	visibility: visible;
	opacity: 1;
}
.spatile__media {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: transform 0.5s;
	transform: scale(1);
	backface-visibility: hidden;
		transition: visibility 0.5s, opacity 0.5s;
	opacity: 0.35
}


.spatile__media:hover {
	visibility: visible;
	opacity: 1;
	transition: visibility 0.5s, opacity 0.5s;
}

.spatile__media:hover > .spatile__content{
	visibility: visible;
	opacity: 1;
	transition: visibility 0.5s, opacity 0.5s;
}



.spatile:hover .tile__media, .tile:focus .tile__media {
	transform: scale(1.2);
}
.spatile__content {
	top: 40%;
	right: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	visibility: visible;
	opacity: 1;
	color: #fff;
	font-size: 3rem;
	transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
	transform: scale(1),;
	backface-visibility: hidden;
}
.spatile:hover .spatile__content, .spatile:focus .spatile__content {
	visibility: visible;
	opacity: 1;
	transform: scale(1.2);
}
.spatile__content h2 {
	padding: 0 1rem 0 1rem;
	font-size: 2.3rem;
	text-transform: uppercase
}
.spatile__content h3 {
	padding: 0 3.4rem 0 3.4rem;
	font-size: 2.3rem;
	text-transform: uppercase;
	text-align: left;
}



/* #Narrow Boxes
================================================================================================== */
	
.tilegold {
	width: 100%;
	height: 150px;
	margin: 0rem auto;
	position: relative;
	display: block;
	overflow: hidden;
	float: left;
	text-align: center;
	background-color: #333;
}


.tilegold::after {
	content: "";
	position: absolute;
	display: block;
	background-color: rgba(184, 160, 84, 0.75);
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: visible;
	opacity: 0;
	transition: visibility 0.5s, opacity 0.5s;
}
.tilegold:hover::after, .tilegold:focus::after {
	visibility: visible;
	opacity: 1;
}
.tilegold__media {
	width: 100%;
	height: 100%;
	opacity: 0.6;
	object-fit: cover;
	display: block;
	transition: transform 0.5s;
	transform: scale(1);
	backface-visibility: hidden;
	
}
.tilegold:hover .tilegold__media, .tilegold:focus .tilegold__media {
	transform: scale(1.2);
}
.tilegold__content {
	top: 20%;
	right: 0;
	left: 0;
	position: absolute;
	z-index: 1;
	visibility: visible;
	opacity: 1;
	color: #fff;
	font-size: 3rem;
	transition: visibility 0.5s, opacity 0.5s, transform 0.5s;
	transform: scale(1),;
	backface-visibility: hidden;
}
.tilegold:hover .tilegold__content, .tilegold:focus .tile__content {
	visibility: visible;
	opacity: 1;
	transform: scale(1.2);
}
.tilegold__content h2 {
	padding: 0 1rem 0 1rem;
	font-size: 2.2rem;
	text-transform: uppercase;
	
}
.tilegold__content h3 {
	padding: 0 3.4rem 0 3.4rem;
	font-size: 2.2rem;
	text-transform: uppercase;
	
}



/* #Accommodation
================================================================================================== */



.suiteboxes h3{
	border-bottom:1px solid #ececec
}

.suiteboxesbg{
	background-color: #fff
}



.suiteprice{
	float: right; 
	display: inline-block;
		font-size:1rem;
		line-height: 2rem
	
		}


@media print, screen and (min-width: 40em) {
	.suiteboxesbg{
	background-color: #f7f6f6
}
	
	.suiteprice{

		line-height: 2.5rem
	
		}
	
	
}




.roomfeaturesleft p {
	line-height: 1.6rem
}
.roomfeaturesright p {
	line-height: 1.6rem
}
.spabox {
	margin: 30px;
	padding: 10px;
	border: 1px black solid
}
.spabox h4 {
	font-size: 18px;
}
.squareboxbox {
	padding-bottom: 0rem
}
.squarebox {
	width: 100%;
	height: 200px;
	overflow: hidden;
	position: relative;
	float: left;
	display: inline-block;
	cursor: pointer;
	margin: -0.1px !important;
}
.squarebox1 {
	display: inline-block;
	margin-left: 25%;
	width: 50%;
	height: 50%;
	outline: 2px solid white;
	outline-offset: 10px;
	margin-top: 3.1rem;
	margin-bottom: 50%;
	background-color: rgba(255, 255, 255, 0.8);
	overflow: hidden
}
.squarebox1 h2 {
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 10% 15% 0 15%;
	font-size: 1.1rem !important;
	line-height: 2rem;
	text-transform: uppercase;
	color: #666;
}
.squareboxlink {
	position: relative;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	margin-left: -0.1px !important;
}
.squarebox:hover .squarebox1 {
	background-color: rgba(255, 255, 255, 1);
}
.squarebox:hover .squareboxlink, .squarebox:focus .squareboxlink {
	-ms-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	outline: 1px solid transparent;
}

@media print, screen and (min-width: 40em) {
.squarebox {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	float: left;
	display: inline-block;
	cursor: pointer;
	margin: -0.1px !important;
}
.squarebox1 {
	display: inline-block;
	margin-left: 25%;
	width: 50%;
	height: 50%;
	outline: 2px solid white;
	outline-offset: 10px;
	margin-top: 25%;
	margin-bottom: 50%;
	background-color: rgba(255, 255, 255, 0.8);
	overflow: hidden
}
.squarebox1 h2 {
	display: block;
	margin: 0 auto;
	text-align: center;
	padding: 25% 10% 0 10%;
}
}

@media print, screen and (min-width: 64em) {
.squarebox {
	width: 100%;
	height: 300px;
	overflow: hidden;
	position: relative;
	float: left;
	display: inline-block;
	cursor: pointer;
	margin: -0.1px !important;
}
.squarebox1 {
	display: inline-block;
	margin-left: 20%;
	width: 160px;
	height: 50%;
	outline: 2px solid white;
	outline-offset: 10px;
	margin-top: 25%;
	margin-bottom: 50%;
	background-color: rgba(255, 255, 255, 0.8);
	overflow: hidden
}
.bg-two {
	background-image: url(..//images/lodore/accommodation/15.jpg);
	background-position: -50px 0px;
}
}
/* Offers */
.offer-one {
	background-image: url(..//images/lodore/accommodation/17.jpg);
}
.offer-two {
	background-image: url(..//images/lodore/offers/offers1.jpg);
}
.offer-three {
	background-image: url(..//images/lodore/offers/offers2.jpg);
}
.offer-four {
	background-image: url(..//images/lodore/offers/offers3.jpg);
}
/* Christmas */
.xmas-one {
	background-image: url(..//images/lodore/christmas/box1.jpg);
}
.xmas-two {
	background-image: url(..//images/lodore/christmas/box2.jpg);
}
.xmas-three {
	background-image: url(..//images/lodore/christmas/box3.jpg);
}
.xmas-four {
	background-image: url(..//images/lodore/christmas/box4.jpg);
}
/* Gallery */
.gal-one {
	background-image: url(..//images/lodore/gallery/box1.jpg);
}
.gal-two {
	background-image: url(..//images/lodore/gallery/box2.jpg);
}
.gal-three {
	background-image: url(..//images/lodore/gallery/box3.jpg);
}
.gal-four {
	background-image: url(..//images/lodore/gallery/box4.jpg);
}
.gal-five {
	background-image: url(..//images/lodore/gallery/box5.jpg);
}
.gal-six {
	background-image: url(..//images/lodore/gallery/box6.jpg);
}
.gal-seven {
	background-image: url(..//images/lodore/gallery/box7.jpg);
}
.gal-eight {
	background-image: url(..//images/lodore/gallery/box8.jpg);
}
.gal-nine {
	background-image: url(..//images/lodore/gallery/box9.jpg);
}
/* Accommodation */
.bg-one {
	background-image: url(..//images/lodore/accommodation/17.jpg);
}
.bg-two {
	background-image: url(..//images/lodore/accommodation/15.jpg);
}
.bg-three {
	background-image: url(..//images/lodore/accommodation/10.jpg);
}
.bg-four {
	background-image: url(..//images/lodore/accommodation/5.jpg);
}
/* Homepage */
.home-one {
	background-image: url(..//images/lodore/accommodation/10.jpg);
}
.home-two {
	background-image: url(..//images/lodore/homepage/17.jpg);
}
.home-three {
	background-image: url(..//images/lodore/accommodation/20.jpg);
}
.home-four {
	background-image: url(..//images/lodore/homepage/1.jpg);
}
.home-five {
	background-image: url(..//images/lodore/homepage/16.jpg);
}
.home-six {
	background-image: url(..//images/lodore/homepage/2.jpg);
}
.home-seven {
	background-image: url(..//images/lodore/homepage/4.jpg);
}
.home-eight {
	background-image: url(..//images/lodore/homepage/18.jpg);
}
.boxpadding1 {
	padding-top: 0.5rem;
}
.boxpadding2 {
	padding-top: 1rem;
}
.boxpadding3 {
	padding-top: 1.5rem;
}
/* #Reasons to book
================================================================================================== */

.reasons {
	display: block;
	padding: 0rem 1rem 0rem 0rem;
	line-height: 2rem;
}

@media print, screen and (min-width: 40em) {
.reasons {
	display: inline-block;
}
}
/* #Read More Block
================================================================================================== */

.readmore ul {
	list-style-type: none;
	margin-left: 0px;
}
.readmore ul li {
	list-style-type: none;
	line-height: 1.9;
}
.topeight {
	clear: both;
	height: 100%;
	font-size: 0.88rem;
	line-height: 1.7;
	text-rendering: optimizeLegibility;
}
.readright {
	float: left;
	width: 99%
}
.readleft {
	float: left;
	width: 99%
}

@media print, screen and (min-width: 40em) {
.readright {
	float: right;
	width: 45%
}
.readleft {
	float: left;
	width: 45%
}
}
.read-more-content {
	clear: both;
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease;
	margin-bottom: 0rem;
	font-size: 0.88rem;
	line-height: 1.7;
	text-rendering: optimizeLegibility;
}
.read-more-toggle {
	display: none;
}
.read-more-toggle-label {
	display: inline-block;
	user-select: none;
	cursor: pointer;
	border: none;
	padding: 0 2rem 0 0;
	margin: 1rem 0 0 0;
	font-size: .8em;
	border: 0px solid #666;
	color: #666;
}
.read-more-toggle-label:after {
	font-family: "rollerscript-smooth", sans-serif;
	font-size: 25px;
	content: "+ More Features";
	display: inline-block;
}
.read-more-toggle:checked + .read-more-content {
	display: block;
	/* css animation won't work with "auto"; set to some height larger
	than the content */
	max-height: 1000px;
}
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after {
	font-family: "rollerscript-smooth", sans-serif;
	font-size: 3=25px;
	content: "- Less Features";
}
.read-more-toggle-label:hover {
	color: #000000
}
.viewgallery {
	display: block;
	font-family: "rollerscript-smooth", sans-serif;
	font-size: 25px;
	color: #666;
	padding-top: 1rem
}

@media print, screen and (min-width: 40em) {
.read-more-toggle-label:after {
	width: 200px;
}
.read-more-toggle:checked + .read-more-content + .read-more-toggle-label:after {
	width: 200px;
}
.viewgallery {
	display: inline-block;
	padding-top: 0rem
}
}





/* #IOTS Inn on the Square
================================================================================================== */

.iotsrooms ul li{
	padding-bottom:0.8rem;
}

.iotsaccombg {
	background-image: none
}

@media print, screen and (min-width: 40em) {
	.iotsaccombg {
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/innonthesquare/rooms/roombg.jpg);
	padding-top: 20px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center top;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
	
	.iotsfoodbg {
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/innonthesquare/food/foodbg3.jpg);
	padding-top: 20px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center top;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
	
		.iotscocktail {
	background-image: url(https://www.lakedistricthotels.net/assets/core/images/innonthesquare/cocktail/cocktail3.jpg);
	padding-top: 20px;
	width: 100%;
	background-repeat: no-repeat scroll;
	background-position: center top;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
	
}


.bx-wrapper .bx-controls-direction a {
    z-index: 999 !important;
}




/* #Explore Jobs
================================================================================================== */


.single_job_listing .meta .full-time {
    background-color: #ccc !important;
}
.job-manager .full-time, .job-types .full-time, .job_listing .full-time {
    color: #333 !important;
}
.job_listings h3{
	font-weight: bold;
	color: #333 !important;
}

.sidebar .job_listing .location{
	display: none !important
}
.sidebar .job_listing .full-time{
	display: none !important
}

.sidebar .job_listing .part-time{
	display: none !important
}


.job_types{
	display: none
}

div.job_listings ul.job_listings {
    margin-top: 2rem !important;
    margin-bottom: 5rem !important;
}

.fieldset-logged_in a{
	color: white !important;
	text-decoration: none !important

}

.account-sign-in a{
	color: white !important;
	text-decoration: none !important

}

.single_job_listing .company .name {
    margin: 0.5rem 0 0 3em !important;
	font-size: 1.2rem
}

.jobs h1{
	font-size: 2rem
}

.jobs a{
	text-decoration: none !important
}


.rp4wp-related-job_listing>ul li.job_listing a img.company_logo, .rp4wp-related-job_listing>ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
    width: 110px !important;
  
}
@media print, screen and (min-width: 40em) {
.job_listings .position {
  
    padding: 0 0 0 122px !important;
   
}
	
	.sidebar .job_listings .position {
  
    padding: 0 0 0 0px !important;
   
}
	
}


.single_job_listing .company img {
    width: 8em !important;
 
}

.single_job_listing .company .name {
    padding: 0 0 0 6em !important;
}




/* #Blog
================================================================================================== */





#post-781 h1{
	display: none
}

.cd-timeline-img svg{
	display: none
}

.cd-timeline-title-container .timeline-date {
  margin: 1rem 0 0.5rem 0 !important;
    color: #fff;
    width: fit-content;
    background-color: #666;
    font-size: 1.5rem;
    font-style: normal !important;
    font-weight: bold !important;
    padding: 0 0.5rem;
}

.cd-timeline-block {

    display: block !important; 
    min-height: 72px;
}

.cd-timeline-block:after {
  clear: none !important;
}



.entry-content a {
	color:teal;
	font-weight:bolder;
	text-decoration:underline; 
}
.entry-content a:hover {
	color: #666
}



.latestnews a{
	font-size: 1.6rem !important;
	color: black !important;
	padding: 1.9rem 0 1.9rem 0 !important;
		font-family: "rollerscript-smooth", sans-serif;
	font-size: 25px;
	color: #555;
}

.blogcaps h1{
	text-transform: capitalize
}

.excerpt-read-more{
	display: none
}

.blogdate{
	position: relative;

	margin-top:-4.2rem;
	background-color: #eee;
	padding:0.5rem;
		width:70%
	
}

.entry-content h2{
	font-size:1.4rem;
	padding-top:1rem
}

.entry-content p{
	margin-bottom: 1rem
}

.sidebar{
	padding-top:1rem
}

.sidebar h2{
	font-size:1.4rem;
	padding-top:0rem;
	text-transform: uppercase
}

.sidebar .whitebutton{
	font-size: 0.85rem;
	padding:6px 10px 6px 10px;
	margin:4px;
}

.sidebar ul{
    margin-left: 0rem;
	list-style: none;
   
}

.recentpost{
	height: 110px;
}
.recentpost img{
	float: left;
	width:100px;
}

.recentpost h3{
	margin-left:7rem;
	font-size: 1.1rem;
	margin-bottom: 0
}

.recentpost p{
	margin-left:7rem;
	font-style: italic
}



.page-navigation ul{
	  display: inline-block;
	list-style: none;
}

.page-navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

}

.page-navigation li {
  float: left;
}

.page-navigation li a {
  display: inline-block;
    border: 1px solid #DDD;
    padding: 5px 10px;
    line-height: 1;
    margin-right: 10px;
}

.page-navigation .current {
  display: inline-block;
    border: 1px solid #DDD;
    padding: 5px 10px;
    line-height: 1;
    margin-right: 10px;
	  background:#666;
	color: white
}




.page-navigation a:hover {
    background:#666;
    color: #FFF;
    border-color: #222;
}



.eventsimg img {
	object-fit: cover;
  object-position: 100% 0;

  width: 100%;
  height: 200px;
}


/* #Footer
================================================================================================== */


.logofooter {
	text-align: center;
	padding-bottom: 20px
}
.logofooter img {
	width: 100%;
	opacity: 1
}
.logofooter li {
	display: inline-block;
	width: 70px;
	margin:10px
}
.logofooter {
	padding-top: 20px
}
.logofooter>li {
	display: inline-block;
	-webkit-transition: background .2s;
	transition: background .2s;
	opacity: .7;
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
.logofooter>li>a {
	display: block
}
.logofooter>li:hover {
	opacity: 1;
	-webkit-filter: grayscale(0);
	filter: grayscale(0)
}

@media print, screen and (min-width: 40em) {
.logofooter img {
	width: 100%;
	opacity: 1
}
.logofooter li {
	display: inline-block;
	width: 80px;
	margin:20px
}
}
#homepageform input {
	width: 87%;
	height: 30px;
	font-size: 18px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	margin: 0px 20px 8px 0px;
	font-weight: normal
}
#homepageform textarea {
	width: 87%;
	height: 200px;
	font-size: 18px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	margin: 10px 20px 0px 0px;
	font-weight: normal
}
#homepageform input[type="submit"] {
	width: 120px !important;
	height: 40px !important;
	background-color: #6fa571;
!important;
	color: #fff !important
}
#homepageform label {
	color: #000000
}
.footerbg {
	height: 100%
}
.footerbg p, .footerbg h3, .footerbg a {
	color: #FFFFFF;


}
.footerbg h3 {
	font-size: 2rem
}
.footersignup p {
	line-height: 1.4;
}
.footersignup label {
	line-height: 1.6;
}
[type='checkbox'] + label, [type='radio'] + label {
	margin-left: 0 !important;
	margin-top: 0.5rem
}
#footerform input {
	width: 87%;
	height: 30px;
	font-size: 18px;
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	margin: 0px 20px 8px 0px;
	font-weight: normal
}
#footerform textarea {
	width: 87%;
	height: 200px;
	font-size: 18px;
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #CCC;
	margin: 10px 20px 0px 0px;
	font-weight: normal
}
#footerform input[type="submit"] {
	width: 120px !important;
	height: 40px !important;
	background-color: #fff !important;
	color: #333 !important
}
label {
	margin-right: 10px;
}
input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left: 27px;
	height: 22px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0 0;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	margin-bottom: 15px;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
}
label.css-label {
	background-image: url(../images/base/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* #Falls Spa and Blog
================================================================================================== */



.spabreaks ul{
list-style-type:disc;
    margin-left: 1rem;
	margin-bottom: 0rem;
    font-size: 0.88rem;
    line-height: 1.9;
    text-rendering: optimizeLegibility;
	}

.spabreaks ul li {
    list-style-type: disc;
    line-height: 1.9;
}



.spacategory h1 {
	text-align: center;
	font-family: "rollerscript-smooth", sans-serif;
	font-size: 30px;
	padding-top: 2rem;
color:#9A9A9A;
}
.spacategory h2 {
	text-align: center;
	font-size: 25px;
		line-height: 1.2;
	margin-bottom: 0.2rem;
}
.spacategory h3 {
	text-align: center;
	font-size: 1.1rem;

	color:#9A9A9A;
	font-style: italic;
	
}

.spacategory h5 {
	text-align: center;
	font-size: 20px;
		line-height: 1.2;
	margin: 0rem;
}


.spacategory p {
	text-align: center;
	padding: 0.2rem 0.5rem
}

.spacategory a {
	color:#9A9A9A;
font-weight: normal;
text-decoration: none;
	
}

.spacategory .entry-content p{
	margin-bottom: 0rem
w}

.spalogo img {
	width: 130px;
	margin-top: -250px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0rem;
	opacity: 0.4
}

.spatopimage {
  height: 30px; 
	
	overflow: hidden;
}


@media print, screen and (min-width: 40em) {
.spalogo img {
	width: 20%;
	margin-top: 60px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2rem;
}
.spatext {
	text-align: center;
	padding-bottom: 6rem;
}
	.spatopimage {
	
		height: 60px;
	overflow: hidden;
}
}

@media print, screen and (min-width: 62em) {
.marginspasection {
	margin-top: 11.5rem;
}
.spatext {
	text-align: center;
	padding-bottom: 0rem;
	padding-top: 1rem
}
	.spatopimage {

		height: 200px; 
	overflow: hidden;
}
}


.widget_listcategorypostswidget h4 {
	display: none
}
.widget_listcategorypostswidget strong {
	display: block;
	font-size: 1.3rem;
	padding: 1rem 0 0.5rem 0;
	text-transform: uppercase
}
.widget_listcategorypostswidget ul {
	list-style: none;
	margin: 0
}
.spagrey h1 {
	font-size: 2.5rem !important
}
.spagrey a {
	color:#6b9eac;
}
.spagrey a:hover {
	text-decoration: underline
}



.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
}

.active, .accordion:hover {
    background-color: #ddd;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
    content: "\2212";
}

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}


.panel p {
	padding: 0.5rem 0 0.5rem 0
}

.bookdetails {

	margin:1.5rem 1rem 1.5rem 1rem;
	border: solid 1px #6b9eac;

}


@media print, screen and (min-width: 40em) {
.bookdetails {
	
	margin: 1.5rem 0 1.5rem 0;
	
	
}
}
.bookdetails h2 {
	font-size:1.4rem;
	color: #6b9eac;
	
	padding: 1rem 1rem 0.5rem 1rem;
	text-transform: uppercase;
	font-weight:normal
}
.bookdetails h3 {
	font-size: 1em;

	padding: 0 1rem 0rem 1rem
}
.bookdetails p {
	font-size: 1em;
	
	padding: 0 1rem 1rem 1rem
}
.bookdetails a{

	font-weight: bold;
}


.treatments h4{
	font-size:1.2rem;
padding-top:1rem;
	color:#6b9eac;
	text-transform: uppercase
}

.treatments h5{
	font-size:1.2rem;
padding-top:0.5rem;
	color:#6b9eac;
	font-weight: normal;
	margin-top: 0rem;
	padding-bottom: 0.5rem
	
}

.treatments h1{

	color:#555;
	margin-bottom:0rem
	

}

.treatments ul{
	font-size:0.95rem;
	 list-style-image: url('https://www.lakedistricthotels.net/assets/core/images/thefalls/bullet3.png');
	list-style: disc;

}
.treatments ul li{
	line-height: 1.7rem;
}

.spaside a{
		font-size: 0.95rem !important
}
	
	
.spaside strong a{
	display: block;
color:#555 !important;
	font-family: "rollerscript-smooth", sans-serif;
	text-transform: capitalize;
	font-weight: normal;
	font-size: 1.4rem !important
}



.filter {
  position: relative;
  -webkit-filter: contrast(108%) brightness(108%) sepia(8%);
  filter: contrast(108%) brightness(108%) sepia(8%);
}
.filter::before {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  pointer-events: none;
  mix-blend-mode: exclusion;
  opacity: 0.5;
  background: rgba(58, 3, 57, 1);
}


.spablog .gallery-columns-3 img{
	float:right; 
	width:33%;
	padding-right:0.4rem;
	margin-bottom: 0.5rem
}

.spablog .gallery-columns-2 img{
	float:right; 
	width:49%;
	padding-right:0.4rem
}

.spablog dl {
  margin-bottom: 0rem;
}