/*   
Theme Name: bimi responsive
Theme URI: http://www.swissbimi.ch/
Description: responsive theme for restaurant bimi
Author: nadia loosli
Author URI: www.naloo.net
Version: 2
*/

@media screen {

html { height: 101%; -webkit-text-size-adjust:none;}
* { margin: 0; padding: 0; }
footer, header, nav { display: block; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
* { margin: 0; padding: 0; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.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 */
*, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; }
.clear:before, .clear:after { content:' '; display:table; }
.clear:after { clear:both; }
.clear { *zoom:1;}

/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

body { 
	font-family: Arial, sans-serif;
	font-size: 0.875em;
	color: #000;
	background: url(https://www.swissbimi.ch/wp/wp-content/uploads/2011/11/bimi_bg_1.gif) top center repeat fixed; 
	margin: 0; 
	padding: 20px 20px 0 20px; 
	}

/* CONTAINERS */

#page-wrap { 
	max-width: 900px;
	padding: 30px;
	margin: 0 auto 5px;
	background: white;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #999;
	}

#header { position: relative; width: 100%; text-align: center; margin: 0 0 45px 0; }
#header h1 { text-align: center; letter-spacing: 4px; margin: 0; }
#header h1 a { color: #000; text-decoration: none; }

/* COLUMNS */

.one_half, .one_third, .two_third { padding: 0 20px 0 0 !important; }
.last_column { padding: 0 0 0 20px !important; }

#box-left{ 
	position: absolute;
	float: left; 
	width: 30%;
	left: 20px; 
	top: 8px;
	padding: 0;
	}

#box-left h2 a, #box-left a { text-decoration: none; color: #d11919; letter-spacing: 2px; line-height: 1; padding: 0; }
#box-left a:hover { text-decoration: underline; }
#box-left p {text-align: center; padding: 0; }	

#box-right { 
	position: absolute;
	float: right; 
	width: 30%;
	height: 107px;
	right: 20px; 
	top: 0;
	padding: 0;
	margin: 30px 0 0 0;  
	}
	
#box-right h2.japanisch a {
	padding: 0 0 0 0; 
	font-size: 18px; 
	display: block; 
	color: #000; 
	text-decoration: none; 
	}

#box-right h2.japanisch a:hover { color: #d11919; 	}

/* NAVI */

#nav ul { list-style: none; margin: 0 0 20px 0; float: left; left: 50%; padding: 0; width: 100%; }
#nav li { margin: 0; float: left; right: 50%; width: 20%; }
#nav li a { font-size: 1em; padding: 63px 0 0 0; display: block; color: #000; text-align: center;  letter-spacing: 4px; text-decoration: none; display: block; }

#menu-item-859 { display: none; }
#menu-item-18 { background: url(images/navi1_off.gif) top center no-repeat; }
#menu-item-17 { background: url(images/navi2_off.gif) top center no-repeat; }
#menu-item-16 { background: url(images/navi3_off.gif) top center no-repeat; }
#menu-item-15 { background: url(images/navi4_off.gif) top center no-repeat; }
#menu-item-19 { background: url(images/navi5_off.gif) top center no-repeat; }

#nav li a:hover { color: #d11919; }

#menu-item-18 a:hover, #menu-item-18.current_page_item { background: url(images/navi1_on.gif) top center no-repeat  !important; }
#menu-item-17 a:hover, #menu-item-17.current_page_item { background: url(images/navi2_on.gif) top center no-repeat  !important; }
#menu-item-16 a:hover, #menu-item-16.current_page_item { background: url(images/navi3_on.gif) top center no-repeat  !important; }
#menu-item-15 a:hover, #menu-item-15.current_page_item { background: url(images/navi4_on.gif) top center no-repeat  !important; }
#menu-item-19 a:hover, #menu-item-19.current_page_item { background: url(images/navi5_on.gif) top center no-repeat  !important; }


/*	TYPOGRAPHY */

h1, h2, h3, h4, h5, strong { margin: 0 0 5px 0; font-weight: normal; line-height: 1.5; letter-spacing: 2px;}
h1, h2, h3, h4, h5, strong { font-size: 1em;  }
h2 { color: #d11919; } 
h1 a { color: #000; display: block; }
h3 { text-align: center; }

a { color: #000; }
a img { border: 0; }
a:hover, a:focus { color: #d11919; }

p { margin: 0 0 20px 0; letter-spacing: 0.5px; line-height: 1.5; text-align: justify; padding: 0;}
ul, ol { margin: 0 0 15px 15px; }
ul ul, ul ol, ol ol, ol ul { margin-bottom: 0; }
li { line-height: 1.5; }

.japanisch { 
	font-family: "Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4";
	font-size: 16px; 
	}

.english { color: #666666; }
.german { color: #000; }

.last_column p, .last_column h1, .last_column h2, .last_column h3, .last_column a, .last_column ul { color: #666666; }


/* HR ETC */

.trennstrich1, .trennstrich { margin: 0 0 20px 0; clear: both; padding: 0; }
.breit { margin: 0 20px 20px 20px; }
.shadow {-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; }

/* IMAGES */

img.alignright { float: right; margin: 0 0 0.7em 20px; }
.image-resized img { width: 100%; height: auto;  } 

/* NEXTGEN SLIDER */

.content-column .flexslider { margin: 0 0 20px; }

.content-column .flexslider .slides { padding: 0 !important; }

ul.slides { box-shadow: 0 0 5px #888 !important; }


/* COLUMNEN */

.twocol { padding: 0 20px; }
.leftcol { float: left; width: 380px; padding: 0 20px; }
.leftcol p, .rightcol p { padding: 0;}
.rightcol {float: right; width: 380px; padding: 0 20px; color: #666666;}
.rightcol a { color: #666666; }
.rightcol a:hover { color: #d11919;}

/* auflistung kontakt / career */

p.aufli { padding-left: 100px; }

.aufl { display: inline-block; }

i.aufl {    
	margin-left: -100px;
	margin-right: 10px;
    text-align: center;
    width: 40%;
    font-style: normal;
    text-align: left; 
    }
    
i.aufll {    
	margin-right: 10px;
    text-align: center;
    width: 25%;
    font-style: normal;
    text-align: left; 
    }

/* contact form 7 */

.wpcf7-form p {
	font-size: 14px;
	text-align: left;
}

.wpcf7-form p input, .wpcf7-form p textarea{
	background-color:#fff;
	color:#000;
	border: 1px solid #000;
	padding:2px;
	width: 100%;
}

.form7submit  {
	display: block;
	width: 100px;
}

/* FOOTER */
#footer { max-width: 900px; margin: 0 auto; color: #000; }
#footer p { font-size: 11px; letter-spacing: 1.5px; text-align: center;}
#footer a {text-decoration: none; }
#footer span {color: #d11919;}


/*   naloo position and style   */

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

#naloo-signature > a {
    background: url("https://naloo.net/img/naloo-black.svg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 14px;
}


} /* END media screen*/

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

#nav li a { letter-spacing: 2px; } 
#box-left { left: 0; }
#box-right { right: 0; }

}

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

#naloo-signature, #nav, #box-left, #box-right { display:none; }
.one_half, .one_third, .two_third, .last_column { padding: 0 !important; }
#header { margin: 0 0 25px; }
#responsive-menu #responsive-menu-title, #responsive-menu #responsive-menu-title a, #responsive-menu .responsive-menu li a { letter-spacing: 4px !important; }
body { padding: 10px; }
#page-wrap { padding: 25px 15px; }

}


@media print {

} END print media