/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*
 * Custom Style Sheet - Use this file to style your content
 */

/* Layout
----------------------------------------------------------------------------------------------------*/

.custom-logo { 
	height: 147px;
	width: 300px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../../../../images/simien/logo-simien.png);
	left: -6.5px;
	position: relative;
	top: 5px;
}

.wk-slideshow-micasa .slides { border-radius:0; border:0;}

.menu-dropdown li.level1 {
margin-right: 13px;
margin-left: 5px;
}

.menu-dropdown li.level1:first-child { display:none;}


/* Frontpage Teaser
----------------------------------------------------------------------------------------------------*/

.frontpage-teaser-1,
.frontpage-teaser-2,
.frontpage-teaser-3,
.frontpage-teaser-4 { 
	height: 420px;
	/*border-radius: 9px;*/
	background: url(/images/yootheme/demo/slideshow/slide1.jpg) 50% 50% no-repeat;
	background-size: cover;
	overflow: hidden;
	text-align: right;
}

#test a:link {
	display:block;
	width:100%;
	height:420px;
	color: #fff;
	text-decoration: none;
}

.frontpage-teaser-1 a,
.frontpage-teaser-2 a,
.frontpage-teaser-3 a,
.frontpage-teaser-4 a { 
	color:#FFF;
}

.frontpage-teaser-1 a:hover,
.frontpage-teaser-2 a:hover,
.frontpage-teaser-3 a:hover,
.frontpage-teaser-4 a:hover {
	text-decoration:underline;
}
.text { position:absolute; right:0; bottom:0; margin-right: 8px; display: block;
width: 100%;
height: 125px;}

.frontpage-teaser-2 { background-image: url(/images/yootheme/demo/slideshow/slide2.jpg); }
.frontpage-teaser-3 { background-image: url(/images/yootheme/demo/slideshow/slide3.jpg); }
.frontpage-teaser-4 { background-image: url(/images/yootheme/demo/slideshow/slide4.jpg); }

.frontpage-teaser-1 h1,
.frontpage-teaser-2 h1,
.frontpage-teaser-3 h1,
.frontpage-teaser-4 h1 { 
	font-size: 46px;
	line-height: 23px;
	color:#FFF;
	font-family: 'handtimesregular';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased; font-smoothing: antialiased;
	text-shadow:1px 1px 3px #444;
}

/*.frontpage-teaser-1 h1 { margin: 180px 0 0 0; }
.frontpage-teaser-2 h1 { margin: 180px 0 0 0; }
.frontpage-teaser-3 h1 { margin: 180px 0 0 0; }*/

.frontpage-teaser-1 p,
.frontpage-teaser-2 p,
.frontpage-teaser-3 p,
.frontpage-teaser-4 p { 
	margin-top: 0;
	font-size: 17px;
	line-height: 22px;
	color:#FFF;
	text-shadow: 1px 1px 3px #444;
}
.frontpage-teaser-1 span,
.frontpage-teaser-2 span,
.frontpage-teaser-3 span,
.frontpage-teaser-4 span { 
	color:#FFF;
	text-shadow: 1px 1px 3px #444;
}

.width50 .frontpage-title { 
	margin-top: 0;
	font-size: 28px;
	line-height: 30px;
	text-transform: uppercase;
}

/* Footer Icons
----------------------------------------------------------------------------------------------------*/

ul.footer-icons { 
	padding: 6px 0;
	list-style: none;
}

ul.footer-icons li { 
	margin-top: 10px;
	padding-left: 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 19px;
}

ul.footer-icons li:first-child { margin-top: 0; }

ul.footer-icons li.phone { background-position: 0 -50px; }


/* Contact Footer
----------------------------------------------------------------------------------------------------*/

.contact-footer .box-content { 
	display: block;
	padding: 10px;
	border-radius: 7px;
}

.contact-footer .box-content > .grid-box:first-child {
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #D1D1D1; 
}

.contact-footer form { margin-top: 6px; }

.contact-footer form.style div {
 	position: relative; 
 	width: 250px;
}

.contact-footer form.style input {
	width: 230px;
	height: 31px;
	padding-right: 40px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


.contact-footer form.style button {
 	display: inline-block;
 	position: absolute;
 	right: 0;
 	width: 30px;
	height: 31px;
 	border: none;
 	border-radius: 0 5px 5px 0;
	background: url(../images/tools/input_button.png) 0 0 no-repeat;
}

.contact-footer.grid-gutter.grid-block,
.sidebar-socialicons.grid-gutter.grid-block { margin: 0 -8px; }

.contact-footer.grid-gutter > .grid-box > *,
.sidebar-socialicons.grid-gutter > .grid-box > * { margin: 0 8px; }

.contact-footer .box-content > .grid-box:first-child > * { margin-left: 5px; }
.contact-footer .grid-gutter > .grid-box + .grid-box > * { margin-right: 5px; }

.contact-footer p { margin-bottom: 0; }


/* Responsive 
----------------------------------------------------------------------------------------------------*/

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

	.contact-footer form.style div { width: 100%; }
	.contact-footer form.style input { width: 98%; }

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	.contact-footer .width60 { margin-bottom: 15px; }

}

/* Only Phones */
@media (max-width: 767px) {

	.frontpage-teaser-1 h2, 
	.frontpage-teaser-2 h2 { padding: 0 18%; }
	.frontpage-teaser-3 h2 { padding: 0 25%; }

	.contact-footer .grid-gutter > .grid-box > * { margin: 0 8px; }
	
}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {

	.frontpage-teaser-1, 
	.frontpage-teaser-2, 
	.frontpage-teaser-3 { height: 350px; }

	.frontpage-teaser-1 { background-position: 50% 80%; }
	.frontpage-teaser-2 { background-position: 50% 90%; }
	.frontpage-teaser-3 { background-position: 50% 60%; }

	.frontpage-teaser-1 h1, 
	.frontpage-teaser-2 h1,
	.frontpage-teaser-3 h1 { 
		font-size: 40px;
		line-height: 45px; 
	}

	.frontpage-teaser-1 h1, 
	.frontpage-teaser-2 h1 {
		margin-top: 10%;
	}

	.frontpage-teaser-3 h1 {
		margin-top: 15%;
	}

	.frontpage-teaser-1 h2, 
	.frontpage-teaser-2 h2,
	.frontpage-teaser-3 h2 { 
		font-size: 14px;
		line-height: 20px;
	}

	.frontpage-teaser-1 h2, 
	.frontpage-teaser-2 h2 { margin-top: 3%; }
	.frontpage-teaser-3 h2 { margin-top: 7%; }

	.contact-footer .grid-gutter > .grid-box > * { margin: 0 15px; }

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	.frontpage-teaser-1, 
	.frontpage-teaser-2, 
	.frontpage-teaser-3 { height: 240px; }

	.frontpage-teaser-1 { background-position: 50% 100%; background-size: cover;}
	.frontpage-teaser-2 { background-position: 50% 100%; background-size: cover;}
	.frontpage-teaser-3 { background-position: 50% 100%; background-size: cover;}

	.frontpage-teaser-1 h1, 
	.frontpage-teaser-2 h1, 
	.frontpage-teaser-3 h1 { 
		font-size: 30px; 
		line-height: 32px;
		margin-top: 10%;
	}

	.frontpage-teaser-1 h2, 
	.frontpage-teaser-2 h2, 
	.frontpage-teaser-3 h2 {
		font-size: 12px;
		line-height: 17px;
		margin-top: 25px; 
	}

	.contact-footer .box-content > .grid-box:first-child { border: none; }
	.contact-footer .grid-gutter > .grid-box + .grid-box > * { margin-top: 7px; }
}


/* Spacelab */
.mediasocial {
    position: absolute;
    right: 20px;
    width: 50px;
    height: 40px;
    top: 5px;
    float: left;	
}
.slogan {
	float: left;width: 510px;padding: 55px 0 0;height: 90px;text-align: center;
    font-size: 30px;color:#FFF;
}
.slogan h2 {font-family: 'handtimesregular';
	-webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size: 30px; color:#FFF;}
#content {
padding: 15px; background:#FFF;
}
#header {
	margin-top:0;
margin-bottom: 0px;
background: #b57730 url(../images/header-bg.jpg) no-repeat;
height:208px;
}
#logo {
height: 150px;
}
#search {
margin-top: 5px;
}
#menubar .searchbox {
	color:#95974F;
background: url(../images/searchbox_magnifier_menubar.png) 0 50% no-repeat;
}
.searchbox { border:0; box-shadow: inset 0px 0px 1px rgba(51, 51, 51, 0.43);
}
#menubar {
	background-color:#9ea05d; height:50px; width: 100%; box-shadow: inset 0px 0px 3px #444; -moz-box-shadow: inset 0px 0px 3px #444; -webkit-box-shadow: inset 0px 0px 3px #444;
}
.menu-dropdown li.level1:hover .level1, .menu-dropdown li.remain .level1, .menu-dropdown li.remain.active .level1, .menu-dropdown .dropdown-bg > div {
background-color: #428052; color:#9ea05d;
}
.menu-dropdown li.level1 {
padding-top: 5px;
}
.menu-dropdown a.level1, .menu-dropdown span.level1 {
background-color: #95974F;
box-shadow: inset 0px 0px 1px rgba(51, 51, 51, 0.43);
color:#583114;
}
.menu-dropdown li.active .level1 {
background-color: #428052; color:#9ea05d;	
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
height: 35px;
line-height: 35px;
}
.module { margin:0 15px;}

#bottom-a:before, #bottom-b:before { border:0;}

/* Miscelaneos */

h1 {color:#583114;} 
h2 { color:#428052;}
h3, h4, h5, h6 {
	color:#9ea05d
	
}

/*Titles for internal page */
#system .item > header { 
position:relative; 
left: -21px; background:url(../images/badge-orange-pick.png) no-repeat; 
top: -16px; padding-top: 14px;  height: 55px; 
}

#system .item > header h1 {
	font-family: 'handtimesregular';
	-webkit-font-smoothing: antialiased; font-smoothing: antialiased;
	background: url(../images/badge-orange-titles.png);
	padding: 5px 15px;
	font-size: 32px;
	color: #FFF;
	float:left;
	text-shadow:1px 1px 2px #444;
}


/*End Titles for internal page */


.right-photo { width: 370px; float:right; padding:0 5px; margin-left:10px;}
.right-photo img { border:3px solid #b57730;}
.right-photo-type-2 { width: 210px; float:right; padding:0 5px; margin-left:10px; margin-bottom:10px;}
.right-photo-type-2 img { border:3px solid #b57730;}

/*Tables */


/* 
Generic Styling, for Desktops/Laptops  Type-1
*/
table.type-1 { 
  /*width: 100%; */
  border-collapse: collapse; 
}
/* Zebra striping */
table.type-1 tr:nth-of-type(odd) { 
  background: #eee; 
}
table.type-1 th { 
  background: #9ea05d; 
  color: white; 
  font-weight: bold; 
}
table.type-1 td, th { 
  padding: 6px; 
  border: 1px solid #ccc; 
  text-align: left; 
}