/*   
Theme Name: leufen stamm architekten ingenieure
Theme URI: http://www.leufen-stamm-architekten-ingenieure.de/
Description: Wordpress theme optimized for leufen stamm architekten ingenieure gmbh.
Author: Benedict Christensen
*/

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body { -webkit-font-smoothing: antialiased; background: #fff; }

.chromeframe {position: absolute; top: 0;}

::-moz-selection{background: #e0e0e0; color: #fff; text-shadow: none;}
::selection {background: #e0e0e0; color: #fff; text-shadow: none;} 

a:link {-webkit-tap-highlight-color: #e0e0e0;} 

ins {background-color: #e0e0e0; color: #000; text-decoration: none;}
mark {background-color: #e0e0e0; color: #000; font-style: italic; font-weight: bold;}

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

.metaslider {
  margin-bottom: 2em !important;
}

/* And here begins the Wordpress fun.
-------------------------------------------------------------------------------*/
body {
	display: flex;
	justify-content: center;
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  color: #1b1b1b;
}

strong {
  font-weight: 500;
}

.orange {
  color: #ff7300;
}

.low-opacity {
  opacity: 0.35;
}

p {
  line-height: 1.5;
  margin-bottom: 1em;
}

h1 {
  font-size: 2em;
  font-weight: 300;
  margin-bottom: 1em;
}

h2 {
  text-transform: uppercase;
  margin-bottom: 0.5em;
  font-weight: 500;
	font-size: 13px;
}

a, a:visited {
  color: #1b1b1b;
  text-decoration: none;
  font-weight: 500;
}

a:hover {
  color: #1b1b1b;
  text-decoration: underline;
}

ul {
  line-height: 2;
}

li {
  list-style-position: inside;
}

#page-wrap {
  max-width: 960px;
	width: 90%;
  margin-top: 4em;
}

#header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 4em;
}

#menu-main {
	display: flex;
}

#navigation {
    display: flex;
    align-items: center;
}

#navigation ul {
  list-style-type: none;
}

#navigation ul ul {
  position: absolute;
  z-index: 9999;
}

#navigation ul ul li {
  float: none;
  position: relative;
  padding: 0.75em;
  background-color:white;
}
		
#navigation ul ul li a {
  color: #1b1b1b;
  display: block;
}	
			
#navigation ul ul li a:hover {}

#navigation ul .sub-menu {
  margin-left: -13px;
	max-width: 350px;
}

#navigation ul a {
  font-size: 13px;
  font-weight: 500;
  color:#1b1b1b;
  text-decoration:none;
  padding: 0px 13px 0 13px;
}

#navigation ul a:hover {
  color: #1b1b1b;
  text-decoration: underline;
}

#navigation li.current_page_item {
  text-decoration: underline;
}

#navigation li.menu-item ul li {
  display: none;
  line-height: 20px;
}

#navigation li.menu-item:hover ul li {
  display: block;
}

.member {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.member p {
  line-height: 2;
}

.member ul {
  margin-top: 10px;
}

#footer {
  margin: 4em 0;
  border-top: 1px solid #ddd;
}

#footer .txt {
	display: flex;
  margin: 5px 0px 0px 5px;
}

#footer p {
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
  margin-bottom: 0;
}

#footer a {
  font-weight: 300;
}

#footer .infobox {
	margin-right: 2em;
}

.post {
  margin: 0px 0px 20px 0px;
}

.navgation {}
.next-posts {}
.prev-posts {}

/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media (max-width: 600px) {
	#header {
		align-items: center;
	}
	
	#menu-main {
		flex-flow: column nowrap;
	}
	
	#footer .txt {
		flex-flow: column nowrap;
		align-items: center;
	}
	
	#footer .infobox {
		margin: 1em 0 0 0;
	}
	
	img {
		max-width: inherit;
	}
}

@media all and (orientation: portrait) {
	
}

@media all and (orientation: landscape) {
	
}