/* GLOBALS */

@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Homemade+Apple');


* {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'Raleway';
}

html, body {
	width: 100%;
	overflow-x: hidden;
	margin: 0px;
	padding: 0px;
}

* {
	color: #7b7b7b;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 200%;
}

li, h4 {
	line-height: 200%;
}

h1, h2, h3, h4, h5 {
	font-weight: 700;
}

/* GENERAL OVERRIDES */

.container-fluid {
	padding: 0px;
	margin: 0px;
}

/* NAVIGATION */

.navigation {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0 auto;
	height: 4rem;
}

li.main-navigation {
	margin-right: 2rem;
	display: inline-block;
}

.main-navigation-link {
	color: #7b7b7b;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 4rem;
	font-size: 1rem;	
}

.main-navigation-link:hover {
	color: #000000;
	border-bottom: 2px solid #EDC10A;
	text-decoration: none;
	transition-duration: 0.2s;
}

ul.accommodation-dropdown-ul {
	display: none;
	position: absolute;
	z-index: 1;
	list-style: none;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	transition-duration: 3s;
}

ul.region-dropdown-ul {
	display: none;
	position: absolute;
	z-index: 1;
	list-style: none;
	box-shadow: 0px 5px 5px rgba(0,0,0,0.5);
	transition-duration: 3s;
}

li.accommodation-dropdown-on-hover:hover ul.accommodation-dropdown-ul {
	display: block;
	transition-duration: 3s;
}

li.region-dropdown-on-hover:hover ul.region-dropdown-ul {
	display: block;
	transition-duration: 3s;
}

li.dropdown-li {
	padding: 0 1rem;
	min-width: 15rem;
	display: block;
	transition-duration: 0.25s;
}

li.dropdown-li:hover {
	background-color: #EDC10A;
}

li.dropdown-li:hover a.dropdown-links {
	color: #FFFFFF;
	border: 0;
}

a.dropdown-links {
	font-weight: 700;
	color: #7b7b7b;
	text-decoration: none;
	font-size: 1rem;
	line-height: 2rem;
	transition-duration: 0.25s;
}

.dropdown-header {
	padding-left: 1rem;
	font-size: 1rem;
}

.social-media-icon {
	height: 1rem;
	margin: 1.5rem 1rem 1.5rem 0;
}




/* STYLING */

.price-table { width:100%; }

.price-table td { padding:1em; font-family: sans-serif; }

.price-table tr { border-bottom: 1px solid #ccc; }

td:nth-child(2), td:nth-child(3), td:nth-child(4) { text-align:center; }


.text-shadow {
	text-shadow: 1px 1px 2px #000000;
}

.handwritten {
	font-family: 'Homemade Apple';	
}

.feedback {
	font-style: italic;
}

.hidden {
	display: none;
}

.black-background {
	background-color: #000000;
}

.translucent-background {
	background-color: rgba(0,0,0,0.5);
}

.strapline {
	font-family: 'Homemade Apple';
	font-weight: bold;
	font-size: 2rem;
	color: #FFFFFF;
}

.height-50vh {
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.height-25vh {
	height: 25vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.margin-left {
	margin-left: 1rem;
}

.flag {
	width: 3rem;
	height: auto;
	float: left;
	margin: 0.2rem;
}

.border-black {
	border: 1px solid #000000;
}

.white-horizontal-breaker {
	height: 1rem;
	background-color: #FFFFFF;
}

.gold-border-right {
	border-right:1px solid #EDC10A;
}

.gold-border-left {
	border-left:1px solid #EDC10A;
}

.grey-border-right {
	border-right:1px solid #7B7B7B;
}

.height-3rem {
	height: 3rem;
}

.padding-left-right {
	padding-left: 2rem;
	padding-right: 2rem;
}

.line-height-3rem {
	line-height: 3rem;
}

.icon {
	height: 3rem;
}

.height-2rem {
	height: 2rem;
}

a.standard-link {
	font-weight: 700;
	color: #7b7b7b;
	text-decoration: none;
	font-size: 1rem;
	line-height: 2rem;
	transition-duration: 0.25s;
}

a.standard-link:hover {
	color: #EDC10A;
}

.color-black {
	color: #000000;
}

.sandstone-background {
	background-image: url('../accommodation/apartments/sandstone.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero-about {
	margin-top: 4rem;
	background-image: url('../about/aerial.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero-apartments {
	margin-top: 4rem;
	background-image: url('../accommodation/apartments/hero-apartments.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.hero-prices {
	margin-top: 4rem;
	background-image: url('../activities/river/03.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.gold-button {
	padding: 1rem 2rem;
	background-color: #EDC10A;
	border: 0;
	transition-duration: 0.25s;
	cursor: pointer;
	border-radius: 5rem;
}

.gold-button:hover {
	background-color: #7B7B7B;
}

.gold-button a:hover {
	color: #FFFFFF;
	text-decoration: none;
	transition-duration: 0.2s;
}

.bold {
	font-weight: 700;	
}

.experience-container {
	overflow: hidden;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.margin-bottom {
	margin-bottom: 4rem;
}

.uppercase {
	text-transform: uppercase;
}

.margin-top-bottom {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.padding-top-bottom {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.padding-top {
	padding-top: 2rem;
}

.padding-bottom {
	padding-bottom: 2rem;
}

.color-gold {
	color: #EDC10A;
}

.color-white {
	color: #FFFFFF;
}

.experience {
	background-image: url('../experiences-background.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.display-block {
	display: block;
}

.display-none {
	display: none;
}

.affiliations {
	margin: 1rem 0;
}

.global-footer {
	background-color: #7b7b7b;
	padding: 1rem 0px;
}

.footer-text {
	color: #FFFFFF;
	margin: 0px;
}

.small-text {
	font-size: 0.75rem;
}

.margin-top {
	margin-top: 4rem;
}

.z-index-1 {
	z-index: 1;
}

.height-4rem {
	height: 4rem;
}

.grey {
	color: #7b7b7b;
}

.full-width {
	width: 100%;
}

.position-fixed {
	position: fixed;
}

.white-background {
	background-color: #FFFFFF;
}

.inline-block {
	display: inline-block;
}

.full-height {
	height: 100%;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.hero-container {
	margin-top: 4rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.hero-container-full-height {
	height: 100vh;
	margin-top: 4rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.hero-container-half-height {
	margin-top: 4rem;
	overflow: hidden;
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.hero-container-75-height {
	margin-top: 4rem;
	overflow: hidden;
	/* height: 75vh; */
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.video {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
}

/* GALLERY */

.gallery-container {
	margin-top: 4rem;
	overflow: hidden;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.gallery-container-half-height {
	margin-top: 4rem;
	overflow: hidden;
	height: 50vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.sp-slide {
	display:flex;
	align-items:center;
	justify-content:center;
}


/* RESPONSIVE SLIDES */

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	min-width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	width: 100%;
	height: auto;
	float: left;
	border: 0;
}

.front-logo {
	position: absolute;
	z-index: 999;
}


/* CAROUSEL */

.carousel-item {
	padding: 1rem;
	height: 250px;
	width: 100%;
}

.carousel-item h3 {
	font-size: 1.2rem;
	font-family: 'Gill Sans Light Italic';
}

.carousel-item p {
	float:right;
}

.carousel-item h3, .carousel-item p {
	margin: 0 150px;
}

.carousel-inner {
	background-image: url('../images/carouselBackground.svg');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #faf7f7;
	width: 100%;
}