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

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


@font-face {
    font-family: 'DroidSerifBoldItalic';
    src: url('../fonts/DroidSerif-BoldItalic-webfont.eot');
    src: url('../fonts/DroidSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-BoldItalic-webfont.svg#DroidSerifBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Logo */
.custom-logo {
	width: 104px;
	height: 70px;
	background-image: url(../../../images/yootheme/logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
    background-size: contain;
}

/* Only Phones */
@media (max-width: 767px) {
	#header-responsive .logo { margin-bottom: 10px; }
}

/* Parallax Effect */
.box-parallax { background-image: url(../../../images/yootheme/demo/teaser/home_teaser_default.jpg); }
.box-parallax h1 { font-family: "DroidSerifBoldItalic", "TimesNewRoman", "serif"; }

/* Frontpage Title */
.bigger-title {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 24px;
}

/* Frontpage List Line */
ul.line.frontpage > li {
	margin-top: 30px;
	padding-top: 30px;
}

ul.line.frontpage > li:first-child {
	margin-top: 0;
	padding-top: 0;
}


/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	.frontpage-teaser { height: 280px; }
	.frontpage-teaser h2 {
		margin-bottom: 0;
		line-height: 75px;
		font-size: 68px;
	}
	.frontpage-teaser h4 {
		line-height: 28px;
		font-size: 23px;
	}
}

/* only phones */
@media (max-width: 767px) {
	.frontpage-teaser { height: 150px; }
	.frontpage-teaser h2 {
		margin-top: 10px;
		margin-bottom: 0;
		line-height: 50px;
		font-size: 40px;
	}
	.frontpage-teaser h4 {
		margin-top: 0;
		font-size: 12px;
		line-height: 16px;
	}
}
/*with Title taken out of <header> section of page.php - clear header margin*/
#system .item > header {
	margin-bottom:0px !important;
}
#menu .fancy {
	position:absolute !important;
	top: -13px !important;
}
h1, h2, h3, h4, h5 {
/*text-transform:none !important;*/
/*eliminate margin e.g. for being used as page title*/
margin:8px 0px !important;
}

/*makes images fit for mobile devices*/
img {
	height:auto !important;
	max-width:100% !important;
}

/*created class to use to not display for e.g. Widgetkit items, divs, etc*/
.m-noshow {display: none;}

/*remove author etc details from posts*/
article.item header p.meta, article.item header time {display:none !important;}
article.item {padding-left:0px !important;}

/* Zebra style List for contact posts/page output - overwrite theme tools.css*/
ul.zebra_contacts > li { padding: 13px 5px !important; }

ul.zebra_contacts > li { border-bottom: 1px solid #e2e2e2 !important; }
ul.zebra_contacts > li:first-child { border-top: 1px solid #e2e2e2 !important; }

ul.zebra_contacts > li.odd { background: #fafafa !important; }
ul.zebra_contacts > li:nth-of-type(odd) { background: #fafafa !important; }
ul.zebra_contacts { list-style: none; padding-left:5px !important; }

a.level4 {color:#FFF !important;}
a.level4:hover {color: rgb(61,103,127) !important;}