/*   
Theme Name: Lydmar Hotel Theme
Theme URI: http://paullinder.se
Description: Custom theme made for Lydmar Hotel.
Author: PAULW
Author URI: http://paullinder.se
Version: 1.3
*/

/* General tags
-------------------------------------------------------------------------------*/
html,
body {
	font-family:"Times New Roman", Times, serif;
	background-color:#000;
	width:100%;
	min-width:576px;
	height:auto;
	font-size:18px;
	line-height:1.2;
	text-align:center;
	color:#FFF;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-webkit-text-size-adjust:none; 
	-webkit-font-smoothing:antialiased;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-moz-osx-font-smoothing:grayscale;
}
h1 {
	font-size:2.667rem;
	text-transform:uppercase;
	font-weight:normal;
}
h2 {
	margin:0 0 1.389rem 0;
	font-size:2rem;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1;
}
h3,
h4 {
	font-size:1rem;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1;
}
a,
h3 a {
	color:#FFF;
	font-size:1rem;
	font-weight:normal;
	text-transform:uppercase;
	line-height:1;
}
a:hover {
	text-decoration:none;
}
p {
	margin:0 0 1rem 0;
}
img {
	height:auto;
}
.nonevisible {
	display:none;
}
.alignleft {
	float:left;
	margin:1rem 1rem 0 1rem;
}
.alignright {
	float:right;
	margin:1rem 0 1rem 1rem;
}
.aligncenter {
	display: block;
	margin:1rem auto;
}

/* Header
-------------------------------------------------------------------------------*/
#popup {
	background-color:rgba(0, 0, 0, 0.65);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	opacity:0;
	display:none;
}
#btn-close-popup {
	position:absolute;
	top:-16px;
	right:-16px;
	cursor:pointer;
}
#popup-content-box {
	background-color:#FFF;
	border:0.3333rem solid #FFF;
	box-shadow:0 0 2rem 0 #000;
	width:50%;
	height:50%;
	position:absolute;
	top:25%;
	left:25%;
}
#popup-img {
	background-size:cover;
	background-position:center;
	width:50%;
	height:100%;
	float:left;
}
#popup-content {
	background-color:#222;
	font-size:0.778rem;
	position:relative;
	width:50%;
	height:100%;
	float:left;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
#popup-content h3 {
	margin:2rem 0 1rem 0;
}
#popup-content #popup-text {
	margin:0 2rem 2rem 2rem;
}
#cookie-banner {
	background-color:#0CF;
	width:100%;
	height:auto;
	padding:1rem 3rem 1rem 3rem;
	color:#FFF;
	position:fixed;
	bottom:0;
	z-index:9999;
	display:none;
	opacity:0;
	text-align:left;
}
#cookie-banner .close {
	background:url(_/img/sprite.png) -108px -394px no-repeat;
	background-size:408px 418px;
	width:34px;
	height:22px;
	margin:-11px 0 0 0;
	position:absolute;
	top:50%;
	right:1rem;
    text-indent:-9999px;
    cursor:pointer
}
#btn-scroll-top {
	background:url(_/img/sprite.png) -2px -342px no-repeat;
	background-color:#000;
	background-size:408px 418px;
	width:54px;
	height:54px;
	position:fixed;
	right:0px;
	bottom:0px;
	opacity:0;
	display:none;
	z-index:100;
	text-indent:-9999px;
	cursor:pointer;
}
#preloader {
	background-color:#000;
	width:100%;
	height:100%;
	position:fixed;
	overflow:hidden;
	z-index:9999;
}

/* Navigation bar */
#nav-bar {
	width:auto;
	height:100%;
	position:fixed;
	z-index:999;
}
#nav-bar #nav-bar-left-outer {
	background-color:#000;
	border-right:1px solid #333;
	width:auto;
	height:100%;
	float:left;
	position:relative;
}
#nav-bar #nav-bar-left-inner {
	width:auto;
	min-width:195px;
	height:100%;
	padding:17px 20px 40px 20px;
	float:left;
	position:relative;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
 #nav-bar #nav-bar-right {
	background-color:#000;
	width:54px;
	height:100%;
	overflow:hidden;
	padding:20px 10px 0 10px;
	float:left;
}
#icon-toggle-nav-outer {
	background-color:#000;
	width:54px;
	height:62px;
	padding:20px 10px 20px 10px;
	cursor:pointer;
	overflow:hidden;
}
#icon-toggle-nav-inner {
	background:url(_/img/sprite.png) -112px -368px no-repeat;
	background-size:408px 418px;
	width:34px;
	height:22px;
	overflow:hidden;
	display:block;
}
#nav-bar .menu-container:before {
	background:url(_/img/sprite.png) -186px -342px no-repeat;
	background-size:408px 418px;
	width:155px;
	height:33px;
	margin:0 0 0 -77px;
	position:absolute;
	top:0;
	left:50%;
	overflow:hidden;
	content:"";
}
#nav-bar .menu-container {
	padding:128px 0 0 0;
	position:relative;
}
#nav-bar .menu a {
	font-size:0.778em;
	text-decoration:none;
}
#nav-bar .menu a:hover {
	text-decoration:underline;
}
.menu li {
	line-height:1.5;
}
.home #menu-main li:first-child,
.home #menu-main-1 li:first-child {
	display:none;
}
/* Header icons
-------------------------------------------------------------------------------*/
#nav-bar .icons {
	width:32px;
	height:auto;
	margin:160px 0 0 0;
}
#nav-bar .icons a {
    width:32px;
    height:32px;
	display:block;
	text-indent:-9999px;	
	text-transform:lowercase;
	color:#000;	
}
#nav-bar .icons li {
	width:32px;
	height:32px;
	margin:0 0 8px 0;
	overflow:hidden;
}
#nav-bar .icons li a:after {
	background-size:408px 418px;
    background-color:transparent;
    position:absolute;
    display:block;
    height:32px;
    width:32px;
    left:0px;
    top:0px;
    content:"";
}
#nav-bar .facebook:after {
    background:url(_/img/sprite.png) -150px -381px no-repeat;
}
#nav-bar .instagram:after {
	background:url(_/img/sprite.png) -186px -381px no-repeat;
}
#nav-bar .slh:after {
	background:url(_/img/slh_black.jpg) 0px 3px no-repeat;
	background-size: 100%!important;
}
#nav-bar .tripadvisor:after {
	background:url(_/img/sprite.png) -258px -381px no-repeat;
}
#nav-bar .flickr:after {
	background:url(_/img/sprite.png) -294px -381px no-repeat;
}
#nav-bar .mynewsdesk:after {
	background:url(_/img/sprite.png) -330px -381px no-repeat;
}

/* Arrow nav
-------------------------------------------------------------------------------*/
.arrow-left-outer,
.arrow-right-outer {
	width:auto;
	height:5.556em;
	position:absolute;
	top:0;
	opacity:0;
	display:none;
	cursor:pointer;
	z-index:99;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
#calendar .arrow-left-outer,
#calendar .arrow-right-outer {
	opacity:1;
	display:block;
}
#calendar .disabled {
	opacity:0.5;
	cursor:default;
}
.arrow-left-outer {
	padding:0 1.333em 0 1.333em;
	left:0;
}
.arrow-right-outer {
	padding:0 1.333em 0 1.333em;
	right:0;
}
.arrow-left-outer .inner,
.arrow-right-outer .inner {
	background:url(_/img/sprite.png) -17.56em -13.22em no-repeat;
	background-size:22.67em 23.22em;
	width:1.611em;
	height:5.556em;
	overflow:hidden;
	text-indent:-9999px;
}
.arrow-right-outer .inner {
	background:url(_/img/sprite.png) -19.39em -13.22em no-repeat;
	background-size:22.67em 23.22em;
}

/* Slideshow
-------------------------------------------------------------------------------*/
#slideshow-nav {
	width:100%;
	height:5.556em;
	position:absolute;
	top:38%;
	z-index:2;
}
#slideshow-markers {
	width:16px;
	height:auto;
	position:absolute;
	top:50%;
	left:-35px;
	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
	display:none;
	opacity:0;
	z-index:1;
}
#slideshow-markers li {
	background:url(_/img/sprite.png) -388px -202px no-repeat;
	background-size:408px 418px;
	width:16px;
	height:16px;
	overflow:hidden;
	margin:8px 0px 8px 0px;
	text-indent:-9999px;
}
#slideshow {
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	display:none;
	opacity:0;
}
#item-container {
	width:100%;
	height:100%;
}
.slideshow-item {
	background:center center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
}

/* Main content
-------------------------------------------------------------------------------*/
section,
footer,
#footer-page {
	background-color:#000;
	width:100%;
	height:auto;
	position:relative;
	margin:0 0 0 -54px;
	padding:0 0 0 54px;
	top:0;
	left:54px;
	box-shadow:0 -36px 36px 36px #000000;
	opacity:0;
}
footer,
#footer-page {
	margin:0;
	padding:0;
	left:0;
}
#page-contact,
#page-newsletter,
#single,
#footer-page,
#page-404 {
	box-shadow:none;
}
#logo {
	background:url(_/img/sprite.png) -2px -202px no-repeat;
	background-size:408px 418px;
	width:310px;
	height:66px;
	margin:4.111rem auto 0 auto;
	cursor:pointer;
	text-indent:-9999px;
	display:inline-block;
}
#banner {
	width:12rem;
	height:12rem;
	position:absolute;
	top:5%;
	right:5%;
	padding:2.333rem 0 0 0;
	display:block;
	cursor:pointer;
	font-size:2rem;
	text-transform:uppercase;
	line-height:1;
}
#banner em {
	font-size:0.7778rem;
	text-transform:lowercase;
	position:relative;
}
#banner span {
	position:relative;
}
#banner:hover .main {
	text-decoration:underline;
}
#banner .inner {
	border-radius:50%;
	background-color: rgb(153, 51, 153);
	opacity:0.65;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#tag-line {
	width:100%;
	position:absolute;
	top:38%;
}
#title {
	width:100%;
	height:5.556em;
	position:absolute;
	top:38%;
}
#page-contact #title {
	top:30%;
}
#title h1 {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
}
#booking-form {
	width:100%;
	height:auto;
	position:absolute;
	bottom:3.556rem;
	z-index:99;
}
#page-rooms #booking-form {
	bottom:0;
}
#booking-form:before {
	background-color:#000;
	opacity:0.5;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	content:"";
}
#offers {
	background-color:rgba(153, 51, 153, 0.65);
	width:100%;
	height:3.556rem;
	padding:1.1rem 0 0 0;
	position:absolute;
	bottom:0;
}
#offers em {
	font-size:0.7778em;
}
/* Top content */
.top {
	background:center center no-repeat;
	background-size:cover;
	background-color:#000;
	width:100%;
	height:auto;
	position:relative;
}
#nordic-spa-fitness .top {
	background:bottom -1px center no-repeat;
	background-size:cover;
}
#sthlm-by-lydmar .top {
	background-size:cover;
	width:100%;
	height:0;
	padding:100% 0 0 0;
	overflow:hidden;
}
#sthlm-by-lydmar .top h2 {
	line-height:1.3;
}
#sthlm-by-lydmar .top .content {
	width:100%;
	padding:0 1rem 0 1rem;
	position:absolute;
  	top:10rem;
}
#sthlm-by-lydmar .top .content,
#sthlm-by-lydmar .top .content a {
	color:#000;
}
/* Bottom content */
.bottom {
	background-color:#000;
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}
.bottom h3 {
	margin:0;
	position:relative;
	z-index:1;
}
.bottom .item h3,
#rooms .bottom .header h2,
#page-rooms .bottom .header h2,
#sthlm-by-lydmar .bottom .header {
	background-color:transparent;
	width:100%;
	position:absolute;
  	top:50%;
  	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
}
#welcome .bottom,
#page-rooms .middle  {
	background:url(_/img/bg-welcome-bottom.jpg) center center no-repeat;
	background-size:cover;
}
#welcome .bottom .header,
.page-item-room-details,
.page-item-restaurant-details {
	max-width:880px;
	height:auto;
	margin:0 auto;
	padding:8.889rem 2rem 4.444rem 2rem;
	position:relative;
	overflow:hidden;
	color:#000;
	z-index:1;
}
#welcome .bottom .header:after {
	background:url(_/img/sprite.png) -60px -342px no-repeat;
	background-size:408px 418px;
	width:48px;
	height:48px;
	margin:2.222rem auto 0 auto;
	overflow:hidden;
	display:block;
	content:"";
}
#rooms .bottom .header,
#page-rooms .bottom .header {
	background-color:#FFF;
	width:33.333%;
	height:0;
	padding:25% 0 0 0;
	position:relative;
	float:left;
	color:#000;
	cursor:default;
}
.item {
	background-color:#000;
}
.item:hover h3 a {
	text-decoration:none;
}
.item-rooms {
	background-color:#000;
	width:33.333%;
	height:0;
	padding:25% 0 0 0;
	position:relative;
	float:left;
	display:block;
	cursor:pointer;
}
.item-rooms .item-underlay {
	background:center center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0.35;
}
.item-rooms .item-overlay {
	background:center center no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
#restaurant .bottom .header,
#the-terrace .bottom .header,
#the-patio .bottom .header,
#page-restaurant .bottom {
	background:url(_/img/bg-restaurant-middle.jpg) center center no-repeat;
	background-size:cover;
	width:100%;
	height:auto;
	overflow:hidden;
}
.page-item-restaurant-details {
	color:#FFF;
}
.page-item-restaurant-details h3 {
	margin:0 0 1.389rem 0;
	font-size:2rem;
}
#restaurant .bottom .header .content,
#the-terrace .bottom .header .content,
#the-patio .bottom .header .content {
	width:auto;
	max-width:880px;
	height:auto;
	margin:0 auto;
	padding:8.889rem 2rem 8.889rem 2rem;
	float:none;
	color:#fff;
	cursor:default;
}
.item-restaurant {
	width:25%;
	height:0;
	padding:25% 0 0 0;
	position:relative;
	float:left;
	display:block;
	cursor:pointer;
}
.item-restaurant .item-underlay {
	background:url(_/img/bg-restaurant-bw.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
.item-restaurant .item-overlay {
	background:url(_/img/bg-restaurant.jpg) no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
}
.item-restaurant:nth-child(2) .item-overlay,
.item-restaurant:nth-child(2) .item-underlay {
	background-position:0%;
}
.item-restaurant:nth-child(3) .item-overlay,
.item-restaurant:nth-child(3) .item-underlay {
	background-position:33.5%;
}
.item-restaurant:nth-child(4) .item-overlay,
.item-restaurant:nth-child(4) .item-underlay {
	background-position:67%;
}
.item-restaurant:nth-child(5) .item-overlay,
.item-restaurant:nth-child(5) .item-underlay {
	background-position:100%;
}
.item-restaurant:nth-child(2) .item-underlay {
	opacity:0.15;
}
.item-restaurant:nth-child(3) .item-underlay {
	opacity:0.25;
}
.item-restaurant:nth-child(4) .item-underlay {
	opacity:0.45;
}
.item-restaurant:nth-child(5) .item-underlay {
	opacity:0.65;
}
#nordic-spa-fitness .bottom {
	background-color:#009e97;
}
#nordic-spa-fitness .bottom .header {
	max-width:880px;
	height:auto;
	margin:0 auto;
	padding:7.222rem 2rem 8.889rem 2rem;
}
#nordic-spa-fitness h2 {
	display:none;
}
#nordic-spa-fitness img {
	margin:0 0 0.5556rem 0;
}
#events .bottom,
#events .bottom a {
	font-size:0.778rem;
}
#events .bottom h3 {
	margin:0 0 1rem 0;
}
#events .bottom a {
	text-transform:none;
}
#events #video {
	width:100%;
	height:100%;
	cursor:pointer;
}
#events #video-holder {
	width:100%;
	height:100%;
	background-color:#000;
	display:none;
	opacity:0;
}
#events #video-holder iframe {
	position:relative;
	top:50%;
	margin:-180px 0 0 0;
}
.item-events-container {
	width:66.666%;
	height:auto;
	overflow:hidden;
	float:right;
}
.item-events {
	width:50%;
	float:left;
	position:relative;
}
.item-events .content-holder {
	background-color:rgba(0, 0, 0, 0.85);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	cursor:pointer;
}
.item-events .content {
	width:100%;
	height:auto;
	padding:0 2rem 0 2rem;
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
}
.item-events img {
	display:block;
}
.tag-sthlm-by-lydmar {
	background-color:#222;
	border-radius:50%;
	width:8.889rem;
	height:8.889rem;
	margin:0 0 0 -4.445rem;
	position:absolute;
	cursor:pointer;
}
.tag-sthlm-by-lydmar h4 a {
	text-decoration:none;
}
.tag-sthlm-by-lydmar:hover h4 a {
	text-decoration:underline;
}
.tag-sthlm-by-lydmar:nth-child(2) {
	top:57%;
	left:17%;
}
.tag-sthlm-by-lydmar:nth-child(3) {
	top:62%;
	left:33%;
	padding: 0 1rem 0 1rem;
}
.tag-sthlm-by-lydmar:nth-child(4) {
	top:60%;
	left:50%;
}
.tag-sthlm-by-lydmar:nth-child(5) {
	top:58%;
	left:67%;
}
.tag-sthlm-by-lydmar:nth-child(6) {
	top:59%;
	left:83%;
}
.tag-sthlm-by-lydmar:nth-child(7) {
	top:62%;
	left:90%;
}
.tag-sthlm-by-lydmar h4 {
	width:100%;
	position:relative;
  	top:50%;
  	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
}

/* Single
-------------------------------------------------------------------------------*/
/*Newsletter*/

#single {
	background-color:#222;
	margin-bottom:1px;
	padding:2rem 2rem 2rem 2rem;
}
#single article {
	margin:0 auto;
	max-width:880px;
}
#single h1 {
	padding:2rem 0 1rem 0;
}
#single article p {
	text-align:left;
}
.feat-img {
	border-radius:50%;
	background:no-repeat center;
	background-size:cover;
	width:512px;
	height:512px;
	margin:0 auto;
}
#post-footer {
	clear:both;
	font-size:0.7778rem;
}
#post-footer .monogram {
	margin:2rem 0 2rem 0;
}


/* Page
-------------------------------------------------------------------------------*/
/*Rooms*/
#room-specs {
	margin:4.444rem 0 6.666rem 0;
	font-size:0.7778rem;
	text-transform:uppercase;
}
#spec-1,
#spec-2 {
	margin:0 1rem 0 1rem;
	padding:16px 0 16px 2.222rem;
	display:inline-block;
	position:relative;
}
#spec-1:before,
#spec-2:before {
	width:32px;
	height:32px;
	margin:0.4444rem 0 0.4444rem 0;
	position:absolute;
	top:0;
	left:0;
	content:"";
}
#spec-1:before {
	background:url(_/img/sprite.png) -316px -202px no-repeat;
	background-size:408px 418px;
}
#spec-2:before {
	background:url(_/img/sprite.png) -352px -202px no-repeat;
	background-size:408px 418px;
}

/*Stockholm By Lydmar*/
#page-sthlm-by-lydmar h1,
#page-offers h1,
#page-newsletter h1,
#page-pdf h1,
#page-policies h1 {
	margin:2rem 0 1rem  0;
}
#page-sthlm-by-lydmar h2,
#page-newsletter h2,
#single h2 {
	width:100%;
	margin:0;
	position:absolute;
  	top:50%;
	line-height:1;
  	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
}
#page-sthlm-by-lydmar h3,
#page-newsletter h3,
#single h3 {
	margin:0 0 1rem 0;
}
#page-sthlm-by-lydmar .item-sthlm-by-lydmar p,
#page-newsletter .item-newsletter p {
	font-size:0.778rem;
}
#page-sthlm-by-lydmar .item-sthlm-by-lydmar a,
#page-newsletter .item-newsletter a,
#single a {
	font-size:0.778rem;	
	text-transform:none;
}
#page-sthlm-by-lydmar span,
#page-newsletter span {
	border-radius:0.5rem;
	width:1rem;
	height:1rem;
	position:absolute;
	top:0.5rem;
	right:0.5rem;
	display:block;
}
#page-sthlm-by-lydmar #logo {
	background:url(_/img/sprite.png) -2px -272px no-repeat;
	background-size:408px 418px;
}
#page-sthlm-by-lydmar .top,
#page-offers .top,
#page-newsletter .top,
#page-pdf .top,
#page-policies .top {
	background:center center no-repeat;
	background-size:cover;
	background-color:#222;
	color:#222;
	width:auto;
	height:auto;
	margin:0 0.5px 0.5px 0.5px;
	padding:0 2rem 4rem 2rem;
}
#page-offers .top,
#page-pdf .top,
#page-policies .top {
	margin:0;
	color:#fff;
}
#page-newsletter .top {
	color:#fff;
}
#page-sthlm-by-lydmar .bottom,
#page-newsletter .bottom {
	background-color:#000;
}
.grid-sizer {
	width:25%;
}
#page-sthlm-by-lydmar .outer,
#page-newsletter .outer {
	width:25%;
	float:left;
}
#page-sthlm-by-lydmar .inner,
#page-newsletter .inner {
	background-color:#222;
	width:auto;
	padding:2rem 2rem 1rem 2rem;
	margin:0.5px;
}
#page-sthlm-by-lydmar .circle,
#page-newsletter .circle {
	background-color:#ccc;
	border-radius:50%;
	width:100%;
	height:0;
	margin:0 0 1rem 0;
	padding:100% 0 0 0;
	position:relative;
}
.tag-sthlm-by-lydmar:nth-child(2),
#page-sthlm-by-lydmar .arts span,
#page-sthlm-by-lydmar #arts .circle {
	background-color:#956fb8;
}
.tag-sthlm-by-lydmar:nth-child(3),
#page-sthlm-by-lydmar .interior-design span,
#page-sthlm-by-lydmar #interior-design .circle {
	background-color:#cf924e;
}
.tag-sthlm-by-lydmar:nth-child(4),
#page-sthlm-by-lydmar .dinner span,
#page-sthlm-by-lydmar #dinner .circle {
	background-color:#8bd2a4;
}
.tag-sthlm-by-lydmar:nth-child(5),
#page-sthlm-by-lydmar .shopping span,
#page-sthlm-by-lydmar #shopping .circle {
	background-color:#7bd6d5;
}
.tag-sthlm-by-lydmar:nth-child(6),
#page-sthlm-by-lydmar .to-do span,
#page-sthlm-by-lydmar #to-do .circle {
	background-color:#cb1c44;
}
.tag-sthlm-by-lydmar:nth-child(7),
#page-sthlm-by-lydmar .to-do span,
#page-sthlm-by-lydmar #to-do .circle {
	background-color:#cb1c44;
}
.item-sthlm-by-lydmar img,
.item-newsletter img {
	border-radius:50%;
	width:100%;
	height:auto;
	margin:0 0 2rem 0;
	display:block;
}
.filler {
	position:relative;
}
#page-sthlm-by-lydmar .filler .inner,
#page-newsletter .filler .inner {
	background-color:#222;
	width:auto;
	height:100%;
	margin:0.5px 0.5px 0 0.5px;
	padding:0;
}
.footer-bg {
	background:url(_/img/bg_sthlm_by_lydmar.jpg) center bottom no-repeat;
	background-size:cover;
	height:768px;
}

/*policies*/
#page-policies .middle {
	background-color:#FFF;
	color:#000;
	padding:5.222rem 2rem 6.889rem 2rem;
}
#page-policies article {
	margin:0 auto;
	max-width:880px;
	text-align: left;
}
#page-policies article ul {
	margin:0 0 1rem 0;
	padding: 0 0 0 4rem;
}
#page-policies article li {
	list-style:disc;
}

/*pdf*/

#page-pdf .middle {
	background-color:#FFF;
	color:#000;
}

#page-pdf .pdf-container article{
	height:80vh;
	display:inline-block;
	width:90vw;
	margin:2rem auto;
}

#page-pdf .pdf-container article .df-ui-btn{
	color:white;
}

#page-pdf .pdf-container article  .df-ui-controls .df-ui-btn{
	color:#888;
}

#page-pdf{
	box-shadow: none;
}

#page-pdf .middle{
	background-color: #222;
}

/*offers*/
#page-offers .middle {
	background-color:#FFF;
	color:#000;
	padding:5.222rem 2rem 6.889rem 2rem;
	text-align:left;
}
.item-offer {
	max-width:990px;
	height:auto;
	margin:0 auto;
	padding:2rem 0 2rem 0;
	overflow:hidden;
}
.item-offer .link-book {
	background-color:#999;
	width:8.889em;
	height:2.667em;
	display:table-cell;
	vertical-align:middle;
	color:#fff;
	text-align:center;
}
.item-offer img {
	float:left;
	margin:0 2rem 0 0;
}
.item-offer h3 {
	margin:1rem 0 1rem 0;
}

/*contact*/
#page-contact {
	overflow:hidden;
}
#page-contact .top {
	padding:0 0 6.666rem 0;
}
#contact-wrap {
	width:100%;
	height:auto;
	position:absolute;
	bottom:7%;
	z-index:99;
}
#contact {
	width:100%;
	max-width:990px;
	margin:0 auto;
	overflow:hidden;
}
#contact p {
	width:25%;
	float:left;
	margin:0;
}
#contact em {
	width:128px;
	padding:8.111rem 0 0 0;
	display:inline-block;
	position:relative;
}
#contact em:before {
	width:128px;
	height:128px;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	content:"";
}
#contact p:nth-child(1) em:before {
	background:transparent url(_/img/work.png) center no-repeat;
	background-size:149px;
}
#contact p:nth-child(2) em:before {
	background:transparent url(_/img/sprite.png) -2px -70px no-repeat;
	background-size:408px 418px;
}
#contact p:nth-child(3) em:before {
	background:transparent url(_/img/sprite.png) -134px -70px no-repeat;
	background-size:408px 418px;
}
#contact p:nth-child(4) em:before {
	background:transparent url(_/img/sprite.png) -266px -70px no-repeat;
	background-size:408px 418px;
}
#contact a {
	text-transform:none;
}
#page-contact .inner {
	width:100%;
	height:auto;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
}
#page-contact #location .inner {
	width:100%;
	height:auto;
	position:static;
	-webkit-transform:translateY(0);
  	-ms-transform:translateY(0);
  	transform:translateY(0);
}
#travel-agents,
#presskit {
	width:50%;
	height:0;
	padding:37.5% 0 0 0;
	float:left;
	position:relative;
}
#location {
	width:100%;
	height:auto;
	padding:8.889rem 0 8.889rem 0;
	clear:both;
	overflow:hidden;
	position:relative;
}
#presskit {
	background-color:#FFF;
	color:#000;
}
#travel-agents {
	background:center center no-repeat;
	background-size:cover;
}
#travel-agents p,
#presskit p,
#location p {
	margin:0 auto 1rem auto;
	padding:0 2rem 0 2rem;
}
#location p {
	max-width:880px;
}
#presskit a {
	color:#000;
}
#map {
	background-color:#e5e3df;
	width:100%;
	height:0;
	padding:56.3% 0 0 0;
	position:relative;
}
#map div:nth-child(1) {
	top:0;
}
/* Footer
-------------------------------------------------------------------------------*/
#footer-page .top {
	background:center bottom no-repeat;
	background-size:cover;
	color:#000;
}
footer .bottom,
#footer-page .bottom {
	padding:8.889rem 0 5.556rem 0;
}
footer nav,
#footer-page nav {
	max-width:990px;
	height:auto;
	margin:0 auto;
	-webkit-column-count:3; /* Chrome, Safari, Opera */
	-moz-column-count:3; /* Firefox */
	column-count:3;
	-webkit-column-gap:0px; /* Chrome, Safari, Opera */
    -moz-column-gap:0px; /* Firefox */
    column-gap:0px;
	overflow:hidden;
}
.ie footer nav .menu,
.ie #footer-page nav .menu {
	width:495px;
	float:left;
}

/* Footer icons
-------------------------------------------------------------------------------*/
footer .icons,
#footer-page .icons {
	width:576px;
	height:64px;
	margin:100px auto 100px auto;
	overflow:hidden;	
}
footer .icons a,
#footer-page .icons a {
	display:block;
    width:64px;
    height:64px;
	text-indent:-9999px;
	text-transform:lowercase;
	color:#000;
}
footer .icons li,
#footer-page .icons li {
	width:64px;
	height:64px;
	margin:0 16px 0 16px;
	overflow:hidden;
	float:left;
}
footer .icons li a:after,
#footer-page .icons li a:after {
	background-size:408px 418px;
	height:64px;
    width:64px;
    position:absolute;
    left:0px;
    top:0px;
    content:"";
}
footer .facebook:after,
#footer-page .facebook:after {
    background:url(_/img/sprite.png) -2px -2px no-repeat;
}
footer .instagram:after,
#footer-page .instagram:after {
	background:url(_/img/sprite.png) -70px -2px no-repeat;
}
footer .slh:after,
#footer-page .slh:after {
	background:url(_/img/slh_black.jpg) 0px 6px no-repeat;
	background-size: contain!important;
}
footer .tripadvisor:after,
#footer-page .tripadvisor:after {
	background:url(_/img/sprite.png) -206px -2px no-repeat;
}
footer .flickr:after,
#footer-page .flickr:after {
	background:url(_/img/sprite.png) -274px -2px no-repeat;
}
footer .mynewsdesk:after,
#footer-page .mynewsdesk:after {
	background:transparent url(_/img/sprite.png) -342px -2px no-repeat;
}
.facebook,
.instagram,
.slh,
.tripadvisor,
.flickr,
.mynewsdesk {
    position:relative;
}
.facebook:hover:after,
.instagram:hover:after,
.slh:hover:after,
.tripadvisor:hover:after,
.flickr:hover:after,
.mynewsdesk:hover:after {
	opacity:0.5;
}

/*Calendar widget
-------------------------------------------------------------------------------*/
#event-calendar {
	width:33.333%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#calendar {
	background-color:#222222;
  	font-family:Helvetica, "Times New Roman", Times, serif;
	font-size:18px;
	position:relative;
	height:100%;
}
#calendar .box {
	background-color:#993399;
	position:relative;
	height:20%;  
}
#calendar .header {
	width:100%;
	height:5.556em;
	position:absolute;
	top:50%;
	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
}
#calendar .header h2 {
	font-family:"Times New Roman", Times, serif;
	margin:0.5556rem 0 0 0;
    color:#FFF;
    font-size:2rem;
	text-transform:uppercase;
	font-weight:normal;
}
#calendar .header .title {
    font-family:"Times New Roman", Times, serif;
    color:#FFF;
    font-size:2rem;
	font-style:italic;
}
#calendar .footer {
	background-color:#993399;
    position:absolute;
	width:100%;
	height:5%;
	bottom:0;
	z-index:99;
}
 
/*Calendar Content Cells*/
#calendar .box-scroll {
	width:100%;
	height:75%;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
#calendar .box-content {
	width:100%;
	height:auto;
	color:#FFF;
}
#calendar li {
	background-color:#222222;
	width:100%;
	height:auto;
	position:relative;
}
#calendar .content {
	border-bottom:1px solid #1b1b1b;
	padding:2.222em 1.111em 1.111em 2.222em;
	width:100%;
	height:auto;
	display:block;
	text-align:left;
	color:#adadad;
}
#calendar .margin {
	padding:1.111em 1.111em 1.111em 1.111em;
}
#calendar .content h3 {
	margin:0 0 0.7778em 0;
	font-size:0.7778em;
	font-weight:bold;
	line-height:1;
	color:#ffffff;
	display:inline-block;
}
#calendar .content h3.link {
	text-decoration:underline;
	cursor:pointer;
}
#calendar .content .eventcontent {
	display:none;
}
#calendar .content .time {
	display:block;
	margin:0 0 0 -1.1em;
	font-size:0.6111em;
	line-height:1;
}
#calendar .content .time .icon {
	font-size:1.3em;
}
#calendar .day,
#calendar .date {
	background-color:#222222;
	padding:0.5em;
	position:absolute;
	top:1px;
	left:1px;
	display:block;
	font-size:0.7778em;
	font-weight:bold;
	color:#adadad;
	z-index:3;
}
#calendar .date {
	left:auto;
	right:1px;
}
#calendar .misc {
	display:block;
	font-size:0.6111em;
	line-height:1;
}
#calendar .devider {
	display:block;
	margin:0.278em 0 0.278em 0;
	color:#fff;
	font-size:0.7778em;
	line-height:1;
}

/*Booking widget
-------------------------------------------------------------------------------*/
.booking-widget {
	width:100%;
	height:100%;
	margin:1.5rem 0 1.5rem 0;
	font-size:18px;
	overflow:hidden;
}
.booking-widget form {
	width:39.111em;
	height:auto;
	margin:0 auto;
}
.booking-widget h3 {
	position:relative;
}
.ui-submit {
	background-color:#999;
	border:none;
	border-radius:0;
	width:8.889em;
	height:2.667em;
	margin:1.222em 0.444em 1.222em 0.444em;
	padding:0;
	position:relative;
	overflow:hidden;
	float:left;
	font-size:1em;
	font-family:"Times New Roman",Times, serif;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:underline;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#fff;
	outline:0;
	zoom:1;
	-webkit-appearance:none;
}
.ui-submit:hover {
	text-decoration:none;
}
.ui-select {
	position:relative;
	margin:0 0.444em 0 0.444em;
	float:left;
	cursor:pointer;
}
.ui-select select,
.ui-select input {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	font-size:0.7778em;
	filter:alpha(opactiy=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-moz-opacity:0;
	-khtml-opacity:0;
	opacity:0;
	cursor:pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
}
.ui-select label {
	background:#FFF;
	width:8.889em;
	height:2.667em;
	display:block;
	margin:1.222em 0 1.222em 0;
	padding:0;
	cursor:pointer;
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1em;
	text-transform:uppercase;
	color:#999;
}
.ui-select span {
	display:block;
	position:relative;
  	top:50%;
  	-webkit-transform:translateY(-50%);
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
}
.ui-select:hover label {
	text-decoration:underline;
}
.booking-widget p {
	font-size:0.7778em;
	margin:0;
	position:relative;
}
.booking-widget p a {
	font-size:1em;
	text-transform:none;
}

/* Newsletter
-------------------------------------------------------------------------------*/
.newsletter-form {
	background-color:#222222;
	padding: 4rem 0 4.444rem 0;
	text-align:left;

}
.newsletter-form h3 {
	margin:0 0 1.333rem 0;
	text-align:center;
}
.newsletter-form form {
	width:30.83rem;
	height:auto;
	margin:0 auto;
}
.newsletter-form .ui-submit {
	margin:0;
}
.ui-email {
	background-color:#fff;
	border:none;
	border-radius:0;
	width:21.94rem;
	height:2.667rem;
	margin:0;
	padding: 0 0 0 1rem;
	float: left;
	font-size:1em;
	font-family:"Times New Roman",Times, serif;
	font-weight:normal;
	text-transform:uppercase;
	color:#999;
	outline:0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	
}
.ui-checkbox  {
	display:inline-block;
	font-size:0.7778rem;
	position: relative;
	margin: 1em 0 0 0;
	padding-left: 1.5rem;
	clear: both;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.ui-checkbox a  {
	font-size:0.7778rem;
	text-transform: none;
}
.ui-checkbox input {
	position: absolute;
	top:0.3333rem;
	left:0;
	opacity: 0;
	cursor: pointer;
}
.ui-checkbox .checkmark {
	position: absolute;
	top:0.3333rem;
	left:0;
	height:1.111rem;
	width:1.111rem;
	background-color:#222;
	border:0.1111rem solid #fff;
}
.ui-checkbox .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
.ui-checkbox input:checked ~ .checkmark:after {
	display: block;
}
.ui-checkbox .checkmark:after {
	left:0.2222rem;
	top:0;
	width:0.2778rem;
	height:0.5556rem;
	border:solid white;
	border-width:0 0.1667rem 0.1667rem 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
.newsletter-form .response {
	display: none;
	text-align:center;
}

/* Media queries!
-------------------------------------------------------------------------------*/
@media all and (min-width:1440px) {
    html,
	body,
	.booking-widget,
	#calendar {
		font-size:21px;
	}
	#travel-agents p,
	#presskit p,
	#location p {
		max-width:960px;
	}
}
@media all and (max-width:1024px) {
	#nav-bar {
		height:62px;
	}
	#nav-bar .menu-main-container a {
		font-size:0.875em;
	}
	#nav-bar .icons,
	 #nav-bar #nav-bar-right {
		display:none;	
	}
	#slideshow-markers {
		width:auto;
		height:16px;
		position:fixed;
		top:100%;
		left:50%;
		margin:-24px 0 0 0;
		-webkit-transform:translateX(-50%);
		-ms-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	#slideshow-markers li {
		margin:0 6px 0 6px;
		float:left;
	}
	section {
		margin:0;
		padding:0;
		left:0;
	}
	#banner {
		width:192px;
		height:192px;
		font-size:1.667rem;
	}
	#events .bottom {
		background-color:#222222;
		width:100%;
		height:0;
		padding:0 0 100% 0;
		overflow:hidden;
	}
	.item-events-container {
		width:50%;
	}
	.item-events {
		width:100%;
	}
	#event-calendar {
		width:50%;
	}
	#calendar {
	}
	.grid-sizer {
		width:33.333%;
	}
	#page-sthlm-by-lydmar .outer,
	#page-newsletter .outer {
		width:33.333%;
	}
	#page-sthlm-by-lydmar .inner,
	#page-sthlm-by-lydmar .filler .inner,
	#page-newsletter .inner,
	#page-newsletter .filler .inner  {
		margin:1px 1px 0 0;
	}
	#travel-agents,
	#presskit {
		padding:50% 0 0 0;
	}
}
@media all and (max-width:768px) {
	.booking-widget {
		font-size:14px;
	}
	#logo {
		background:url(_/img/sprite.png) -186px -342px no-repeat;
		background-size:408px 418px;
		width:155px;
		height:33px;
		margin:15px auto 0 auto;
	}
	h1,
	#tag-line,
	#title h1 {
		font-size:2rem;
	}
	#sthlm-by-lydmar .top .content {
		top:5rem;
	}
	#rooms .bottom .header,
	#page-rooms .bottom .header {
		width:50%;
		padding:37.5% 0 0 0;
	}
	.item-rooms {
		width:50%;
		padding:37.5% 0 0 0;
	}
	.item-restaurant {
		width:50%;
		padding:50% 0 0 0;
	}
	#title,
	#slideshow-nav {
		font-size:12px;
	}
	footer nav,
	#footer-page nav {
		width:auto;
		-webkit-column-count:2;
		-moz-column-count:2;
		column-count:2;
	}
	.grid-sizer {
		width:50%;
	}
	#page-sthlm-by-lydmar #logo {
		background:url(_/img/sprite.png) -1px -136px no-repeat;
		background-size:204px 209px;
		width:155px;
		height:33px;
		margin:15px auto 0 auto;
	}
	#page-sthlm-by-lydmar .outer,
	#page-newsletter .outer {
		width:50%;
	}
	#travel-agents,
	#presskit {
		width:100%;
		height:auto;
		padding:8.889rem 2rem 8.889rem 2rem;
	}
	#page-offers .middle {
		text-align:center;
	}
	#page-offers img {
		float:none;
		margin:0 auto;
	}
	.item-offer .link-book {
		height:auto;
		display: block;
		padding:1rem 0 1rem;
		margin:0 auto;
	}
	#page-contact .inner {
		width:100%;
		position:static;
		-webkit-transform:translateY(0%);
		-ms-transform:translateY(0%);
		transform:translateY(0%);
	}
	#travel-agents p,
	#presskit p {
		max-width:880px;
	}
}
/* Preloader
-------------------------------------------------------------------------------*/
.loader {
	position:absolute;
	top:38%;
	left:50%;
	margin:30px 0 0 -30px;
}
/* Lines */
@-webkit-keyframes line-scale {
	0% {
		-webkit-transform:scaley(1);
		transform:scaley(1);
	}
	50% {
		-webkit-transform:scaley(0.4);
		transform:scaley(0.4);
		}
	100% {
		-webkit-transform:scaley(1);
		transform:scaley(1);
	}
}
@keyframes line-scale {
	0% {
		-webkit-transform:scaley(1);
		transform:scaley(1);
		}
	50% {
		-webkit-transform:scaley(0.4);
		transform:scaley(0.4);
	}
	100% {
		-webkit-transform:scaley(1);
		transform:scaley(1);
	}
}
.line-scale > div:nth-child(1) {
	-webkit-animation:line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation:line-scale 1s -0.4s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(2) {
	-webkit-animation:line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation:line-scale 1s -0.3s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(3) {
	-webkit-animation:line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation:line-scale 1s -0.2s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(4) {
	-webkit-animation:line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation:line-scale 1s -0.1s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div:nth-child(5) {
	-webkit-animation:line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08);
	animation:line-scale 1s 0s infinite cubic-bezier(.2, .68, .18, 1.08); }
.line-scale > div {
	background-color:#fff;
	width:4px;
	height:35px;
	margin:2px;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	display:inline-block;
}