/*   
Theme Name: Hotel Limmatblick
Theme URI: http://wwww.limmatblick.ch
Description: This is a theme for Hotel Limmatblick -- WordPress v4.1
Author: naloo . nadia loosli
Author URI: http://naloo.net
Version: 1
*/

@media screen {

.clear { clear: both; }
.post, .entry { margin: 0; padding: 0;  }
* { margin: 0; padding: 0; box-sizing: border-box; }
header, footer, section, aside, nav, article { display: block;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.group:before, .group:after { content: ""; display: table; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }


/* FONTS
font-family:'CopperplateGothicW01-Ro';
font-family:'HelveticaNeueETW01-55Rg';
font-family:'HelveticaNeueETW01-56It';
 */
 
/* FARBEN 
schwarz		color: #000;
rot			color: #d20038;
blau		color: #006fb4; 
*/



body {
	margin: 0;
	padding: 0;
	background: #ffffff url("https://limmatblick.ch/wp-content/uploads/2015/03/teufel_gross.gif") no-repeat center -16px ;
	font-family:'HelveticaNeueETW01-55Rg', Helvetica, sans-serif;
	font-size: 1em; 
	color: #000;
}

/*content container*/

#container {
	max-width: 1234px;
	margin: 0 auto;
	padding: 0 30px;
}

/* teufel */

#teufel {
	position: absolute;
    top: -16px;
    left: 0;
    right: 0; 
    width: 100%:
    z-index: -10;
    text-align: center; 
}

#teufel img { margin: 0 auto; }

/* shortcut box */

#shortcutsmall { display: none; }

#shortcut { 
    position: absolute;
    z-index: 20;
    width: 310px;
    right: 0;
    top: -360px;
    background-color: #d20038; 
    padding: 5px 15px 15px 15px;
    color: #fff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	height: 425px; 
	overflow: hidden; 
    } 
    
#shortcut p { line-height: 1.5em; }	
#shortcut a { color: #fff; text-decoration: none; }
#shortcut a:hover { color: #006fb4;  }
.scclosed { display: block; margin-top: 15px; width: 100%; }
.scclosed .fa { font-size: 2.5em; padding-right: 5px;  }
.scclosed .fa-paper-plane { font-size: 2em !important; vertical-align: 4px; padding-right: 7px; }	

#shortcut h3 { font-size: 1.5em; margin: 0; padding: 3px 0 5px 0; }
.scopen i.fa { font-size: 1.25em; color: #fff; width: 20px; margin-right: 10px; text-align: center;  }
#shortcut .wpgmza_map { margin-bottom: 15px; }    


.nav-trigger {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

label[for="nav-trigger"] {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 22;
    width: 310px;
    height: 65px;
    cursor: pointer;
    content: "https://limmatblick.ch/wp-content/uploads/2015/03/teufelchen_small.gif"
}

.nav-trigger:checked + label { height: 45px; }
 
.nav-trigger:checked ~ #shortcut { top: 0; height: 370px;  }
.nav-trigger:checked ~ .scclosed { display: none; }

.nav-trigger + label, #shortcut { transition: top 1s; }

/* reservation button */

#resbut { 
    position: absolute;
    z-index: 20;
	height: 74px;
    right: 493px;
    top: 96px;
    padding: 0; 
    width: 400px;
    text-align: right; 
    } 
    
#resbut img {float: right;}

#resbut h3 a { color: #000; text-decoration: none; }
#resbut h3 a:hover { color: #d20038; }


/*header und hauptmenu position und look*/

#header { 
	padding: 0; 
	margin: 0; 
	height: 296px;
	position: relative;
    z-index: 1;
	}

#header h1 {
	font-family:'CopperplateGothicW01-Ro';
	font-size: 3em; 
	margin: 0; 
}

h1 a { text-decoration: none; }

#menucontainer h1 img { display: none; }

#menucontainer {
	float: right;
	padding: 160px 0 0 0;
	margin: 0;
	width: 610px;
	}

ul.menu   {
	font-family:'CopperplateGothicW01-Ro';
	text-transform: uppercase;
	list-style-type: none;
	margin: 0;
	padding: 0;
} 

.menu li {
	display: inline;
	padding: 0 5px 0 2px;
	margin: 0;
}

.menu li a { 
	font-size: 1.25em; 
	text-decoration: none; 
	margin: 0;
	padding: 0;
	color: #000;
}

.menu li a:visited { color: #000; }
.menu li a:hover { color: #d20038; }
.menu li a:active { color: #d20038; }

.menu li.lang-item a:before { content: "– "; color: #000; } 
.menu li.current-menu-item a { color: #d20038; }
.menu li.menu-item-46-de a, .menu li.menu-item-45-en a{ color: #d20038; }
	
	
/*content-bereich*/

section.flexleft { margin: 0 830px 0 0; }

article.flexleft {
float: left;
padding: 0;
width: 100%;
}

#content {
	float: right; 
	width: 830px;
	padding: 0 0 0.5em 0;
	margin: 0;
	min-height: 830px; 
}

.contimg {
	max-width: 830px;
	height: 600px; 
	background-color: #333;
	}
.one_third { width: 38% !important; }
.two_third { width: 62% !important; padding-right: 40px !important;} 

	

/*typo look*/

h1, h2, h3 {
	font-family:'CopperplateGothicW01-Ro';
	padding: 0;
	margin: 0 0 0.5em 0;
	font-size: 1.875em; 
	line-height: 1em; 
	text-transform: uppercase;
	font-weight: normal; 
}
	
#resbut h3 { font-size: 1.25em; color: #d20038; padding-top: 4px; text-decoration: blink;}
#resbut img {padding-right: 5px; }


p {
	padding: 0 0 1.375em 0;
	margin: 0;
	line-height: 1.5em;
}

a { text-decoration: underline; color: #d20038;}
a:visited { color: #d20038; }
a:hover { color: #006fb4; }
a:active { color: #006fb4; }

#content img, .wpgmza_map {
	-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);	
}

.wpgmza_map { margin-bottom: 1.375em; }

#content i.fa { color: #d20038; width: 20px; margin-right: 10px; text-align: center;  }

iframe { width: 100%; min-height: 730px; border: none; }

iframe header { display: none !important; }

/*  wooslider */
  
.wooslider {
    clear: both;
    overflow: visible !important;
}
.wooslider {
    border: none !important;
    border-radius: 0 !important;
    margin: 0 0 1.375em 0 !important;
}

.wooslider .slide-content { margin: 0 !important;  }
.wooslider .slide-content p { padding: 0 !important; margin: 0 !important; }

/* reservations tool */

#resbig { display: block; background:rgba(255,255,255,0.7); }
#ressmall { display: none; }


/*  dadabar  */

img.dada { display: none; }
img.teufel { display: inline; }
body.page-id-29 img.dada, body.page-id-13 img.dada {display: inline; }
body.page-id-29 img.teufel, body.page-id-13 img.teufel {display: none; }
body.page-id-29, body.page-id-13 { background: #ffffff url("https://limmatblick.ch/wp-content/uploads/2015/04/hund_gross2.gif") no-repeat center -16px ; }
body.page-id-29 a, body.page-id-13 a { color: #7696ce; }
body.page-id-29 #footer, body.page-id-13 #footer { border-top: 10px solid #7696ce; }

/*footer*/

#footer {
	clear: both; 
	padding: 0;
	margin: 0 0 100px 0; 
	text-align: right; 
	border-top: 10px solid #d20038;
	}
	
#footer p {
	font-size: 0.750em;
	color: #000;
	line-height: 0.750em;
	padding: 5px 0 0 0; 
	}
	
#footer p a {color: #000; text-decoration: none; }

#footer img { padding: 2px 0 0 2px; box-shadow: none; }
	

/*naloo position und look*/

#naloo-signature {
    height: 35px;
    position: absolute;
    right: 5px;
    top: 5px;
    width: 14px;
    z-index: 1000;
}

#naloo-signature > a {
    /*background: url("http://naloo.net/wp/wp-content/uploads/2014/07/naloo-black.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 14px;
}

@media screen and (max-width: 1260px) { 
body { background: #ffffff url("https://limmatblick.ch.kosmos.ch-meta.net/wp-content/uploads/2015/03/teufel_midi.gif") no-repeat right 101px; }
body.page-id-29, body.page-id-13 { background: #ffffff url("https://limmatblick.ch.kosmos.ch-meta.net/wp-content/uploads/2015/04/hund_midi.gif") no-repeat right 101px; }
}

@media screen and (max-width: 1000px) { 

#mainnav, #resbut, #naloo-signature, #header input , #header label, #shortcut { display: none; }
#menucontainer { width: 100%; text-align: center; padding: 10px 10px; }
#menucontainer h1 img.teufel { display: inline; }
#menucontainer h1 img.dada { display: none; }
#header { height: 160px; padding: 0; }
#header h1 { font-size: 3em; }
body, body.page-id-29, body.page-id-13 { background: #ffffff url(" ") no-repeat 15px 75px; }
body.page-id-29 #menucontainer h1 img.dada, body.page-id-13 #menucontainer h1 img.dada {display: inline; }
body.page-id-29 #menucontainer h1 img.teufel, body.page-id-13 #menucontainer h1 img.teufel {display: none; }
.scclosed { margin-top: 8px; }

#shortcutsmall { 
	display: block;  
	postition: absolute;
	left: 0;
	top: 0; 
	width: 100%; 
	background-color: #d20038; 
    padding: 5px 15px 15px 15px;
    color: #fff;
    -webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.75);
	height: 65px; 
	}
#shortcutsmall a { color: #fff; }

.menu-responsive-shortcut-container, ul#menu-responsive-shortcut, .scclosed ul, .scclosed li { display: inline !important;  }
.lang-item img { height: 28px; width: 29px; }

#container {padding: 0; }
.group {padding: 0 10px; }

#content {
	float: none; 
	width: auto; 
	max-width: 100%;
	min-height: auto;
	height: auto;
}

h1, h2, h3 { text-align: center; }

.contimg { max-width: 100%; }

section.flexleft { display: none; } 
.one_third, .two_third { float: none !important; width: 100% !important; padding-right: 0 !important; padding-bottom: 1.375em !important;  } 
}

} /* END screen media */

/* reservations tool */

@media screen and (max-width: 800px) { 

#resbig { display: none; }
#ressmall { display: block; }

}

@media screen and (max-width: 400px) { 
#header h1 { font-size: 1.3em; margin-top: 10px; } 
#header h1 img { margin-top: -5px !important; }
h1, h2, h3 {font-size: 1.5em; }
}








@media print {

.do-not-print { display: none; }
#comments { page-break-before: always; }

body { width: 100% !important; margin: 0 !important; padding: 0 !important; line-height: 1.4; word-spacing: 1.1pt; letter-spacing: 0.2pt; font-family: Garamond,"Times New Roman", serif; color: #000; background: none; font-size: 12pt; }
h1,h2,h3,h4,h5,h6 { font-family: Helvetica, Arial, sans-serif; }
h1 { font-size: 19pt; }
h2 { font-size:17pt; }
h3 { font-size:15pt; }
h4,h5,h6 { font-size:12pt; }
code { font: 10pt Courier, monospace; } 
blockquote { margin: 1.3em; padding: 1em; }
img { display: block; margin: 1em 0; }
a img { border: none; }
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th, td { padding: 4px 10px 4px 0; }
caption { background: #fff; margin-bottom: 2em; text-align: left; }
thead { display: table-header-group; }
tr { page-break-inside: avoid; } 
a { text-decoration: none; color: black; }
	
} /* END print media */