/*
	Theme Name: SoundSeeder HTML5 Skin
	Theme URI: http://www.soundseeder.com
	Description: SoundSeeder HTML5 based on HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Simon Skoczylas (@giftkugel)
	Author URI: http://skoczylas.net
	Tags: Blank, HTML5, CSS3
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
* {
    margin: 0;
}

html, body {
    font-size: 100%;
}
body {
    font-weight: normal;
	color: #383838;
	overflow-y: scroll;
	font-family: 'Titillium Web', sans-serif;
	font-size: 22px;
}

button, input, select, textarea, code {
    font-size: 75%;
}

a,
a:focus,
a:active,
a:hover,
a:visited {
	text-decoration: none;
	color: #383838;
}

a:hover {
	text-decoration: underline;
}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}

/* wrapper */
.wrapper {
	margin:0 auto;
	position:relative;
}
.wrapper-header {
	margin: 0 auto;
}
/* header */
.header {
	color: #CFCFCF;
	margin: 0 auto;
}
/* logo */
.logo {
	font-size: 3em;
	color: #FFFFFF;
}
.logo-link {
	margin-left: 2em;
	display: block;
	margin-top: 1em;
}
.logo-img {
    float: left;
    margin-right: 2em;
    min-width: 150px;
    width: 300px;
}
/* headline */
.headline {
	background-color: #1565c0;
    background-position: center bottom;
    background-size: 100% 100%;
    padding: 0.5em 0;
}
.headline-wrapper {
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
}
.headline .headline-title {
	color: #FFFFFF;
	font-size: 1.1em;
}
.headline .headline-title-right {
	float: right;
	color: #FFFFFF;
	font-size: 1.1em;
}
.headline a {
	color: #FFFFFF;
	white-space: nowrap;
}

.headline a:hover {
	text-decoration: underline;
}

hr.blockdivider { 
    margin-top: 1.5em;
    margin-bottom: 3em;
} 

h2, h3, h4 {
    color: #4CAF50;
}

.teaser {
	padding: 2em 0;
}
.teaser .teaser-title {
	font-size: 1.45em;
	line-height: 1.35em;
}
.teaser .teaser-content {
	font-size: 0.7em;
	line-height: 1.25em;
}
.teaser .teaser-wrapper {
	width: 90%;
	height: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.teaser .scene {
	width: 100%;
}

.teaser div.left-col {
	float: left;
	width: 30%;
}

.teaser div.right-col {
	float: left;
	width: 70%;
	position: relative;
}

/* nav */
.nav {
	float: right;
	clear: right;
	margin: 0.1em 0 0.4em 0;
}

.nav .menu > ul {
	list-style: none;
	padding: 0;
}

.nav .menu > ul:after {
    clear:both;
    content:' ';
    display:table;
}

.nav .menu > ul > li {
	float: left;
	margin-right: 0.8em;
}

.nav .menu > ul > li > a{
	padding: 0.15em 0.3em;
	display: block;
	font-size: 1.1em;
	color: #383838;
}

.nav .menu > ul > li > a:hover {
	color: #4CAF50;
}

.nav .menu > ul > li.current_page_item a {
	color: #4CAF50;
}

/* bbpress nav highlighting fix */
body.bbpress .nav .menu > ul > li.menu-item-466 > a {
	color: #4CAF50;
}

.site-fix {
	clear: both;
    padding: 2em 0;
}

.site-fix .site-content,
.wrapper-footer {
	width: 90%;
	max-width: 980px;
	margin: 0 auto;
}

.site-fix .site-content h1{
	padding: 1em 0;
}

.site-fix .site-content h1>span{
	font-size: 0.5em;
}

.site-fix .site-content h2{
	padding: 0 0 0.7em 0;
}

.site-fix .site-content h3{
	padding-top: 0.75em;
	padding-bottom: 0.25em;
}
.site-fix .site-content h4{
	padding-top: 0.15em;
	padding-bottom: 0.15em;
	font-size: 0.85em;
}

.site-fix .site-content p {
    text-align: justify;
	margin: 1.15em 0;
}

.site-fix .site-content p a,
.site-fix .site-content article ul a {
    text-decoration: underline;
}

.site-fix .site-content .looping {
	width: 65%;
	float: left;
}

.site-fix .site-content .looping .post-content,
.site-fix .site-content .search-result .post-content{
	padding: 0.5em 0;
}

.site-fix .site-content .looping h2 {
	padding-top: 0;
}

.site-fix .site-content .looping h3 {
	padding-top: 0.5em;
	padding-bottom: 0;
}

.site-fix .site-content .looping .loop-post .post-content:first-child p {
	margin-top: 0;
}

.site-fix .site-content .looping .thumbnail {
	float: left;
	margin-right: 1em;
}

.site-fix .site-content .looping .thumbnail img{
	margin: 0;
}

.site-fix .site-content .looping .loop-detail {
	float: left;
}

.site-fix .site-content .looping .date,
.site-fix .site-content .looping .author,
.site-fix .site-content .looping .post-edit-link,
.site-fix .site-content .search-result .date,
.site-fix .site-content .search-result .author,
.site-fix .site-content .search-result .post-edit-link,
.site-fix .site-content .post .date,
.site-fix .site-content .post .author,
.site-fix .site-content .post .post-edit-link,
.site-fix .site-content .qa_cats,
.site-fix .site-content .category-list {
	font-size: 0.75em;
}

/* sidebar */
.site-fix .site-content .sidebar {
	width: 27%;
	float: right;
}

.site-fix .site-content .sidebar h4 {
	padding: 0;
}

.site-fix .site-content .sidebar ul {
	font-size: 0.75em;
	padding: 0 0 0 0.5em;
}

.site-fix .site-content .sidebar ul li {
	list-style-type: none;
}

.site-fix .site-content .sidebar .sidebar-widget div{
	margin-bottom: 1em;
}


ul.pagenav.sidebar_login_links {
	padding: 0;
}

li.profile-link {
	float: left;
	margin-right: 1em;
}

div.loginwidget {
	font-size: 0.6em;
	float: right;
	padding: 10px 10px 0px 0px;
	margin-right: 1.3em;
}

/* footer */
.footer {
	background-color: #262626;
	min-height: 150px;
	font-size: 0.75em;
	color: #C2C2C2;
}

.footer .title {
	font-size: 1.25em;
	font-weight: bold;
	width: 60%;
	display: block;
	padding-bottom: 0.25em;
}

.footer .title + ul {
	border-top: 1px dashed #C2C2C2;
	padding-top: 0.5em;
}

.footer a {
	color: #C2C2C2;
	white-space: nowrap;
}

.footer a:hover {
	color: #116124;
}

.footer  .wrapper-footer {
	margin-top: 2em;
	margin-bottom: 0.5em;
}

.footer ul {
	padding-left: 0.75em;
}

.footer ul li {
	list-style-type: none;
}

.footer .left {
	float: left;
}
.footer .left ul>li {
	float: left;
	clear: left;
}
.footer .right {
	float: right;
	text-align: right;
}

/* social media */
.socialcontact {
	margin-top: 0.3em 
}

.socialcontact i {
	font-size: 0.6em;
	padding: 0 1.2em 0 0;
}

/* fb */
a.fbcolor :hover {
	color: #45609D;
}

/* g+ */
a.gpcolor :hover {
	color: #DD4B39;
}

/* twitter */
a.twcolor :hover {
	color: #55ACEE;
}

.shariff-button {
	margin: 0 0.5em 0 0 !important;
}

.sharifftop {
	float: right;
}

.after-footer {
	background-color: #222222;
	min-height: 2em;
	text-align: center;
	font-size: 0.75em;
	color: #A2A2A2;
}

/* faq */
.faq-catname {
	font-weight: bold;
}

.qa-category {
	margin-bottom: 1.5em;
}

.qa-category h2 {
	padding: 1.5em 0 0.7em;
}

.qa-faq-answer a,
.post p a {
    text-decoration: underline;
}

div.qa-faq-answer p,
div.qa-faq-answer ul li,
div.qa-faq-answer ol li,
.post p,
.post ul li,
.post ol li {
    line-height: 1.35em;
}
div.qa-faq-answer ul li,
.post ul li {
	list-style-type: circle;
}

div.qa-faq-answer p,
div.qa-faq-answer ul,
div.qa-faq-answer ol,
.post p,
.post ul,
.post ol {
	margin: 1.15em 0;
}

div.qa-faq-answer ul li,
div.qa-faq-answer ol li,
.post ul li,
.post ol li{
	margin: 0.50em 0;
}

div.qa-faq-answer p img,
div.qa-faq-answer div img,
.post p img,
.post div img{
	margin-left: 2em;
}


/* home info content */
.info div.left-col {
	float: left;
	width: 50%;
}

.info div.right-col {
	float: left;
	width: 50%;
}

.info .element {
	padding: 1em;
}

.info .element .icon {
	color: #4CAF50;
	text-align: center;
	padding-bottom: 1em;
}

.info .element ul {
	margin: 0;
	padding: 0;
}

.info .element ul li {
	list-style-type: none;
	font-size: 0.65em;
	text-align: center;
}

/* home slider */
.slider {
	background-color: #383838;
	color: #C2C2C2;
}

.slider div.left-col {
	float: left;
	width: 50%;
}

.slider div.right-col {
	float: left;
	width: 50%;
}

.slider div img {
	margin-left: 0em;
}

.slider .element {
	padding: 1em;
}

.slider .element ul {
	margin: 0;
	padding: 0;
}

.slider .element ul li {
	list-style-type: none;
	font-size: 0.75em;
	text-align: center;
}

@media all and (min-width: 1000px) and (max-width: 1065px){
	.nav .menu > ul > li  > a{
		font-size: 1em;
	}
}

@media all and (min-width: 550px) and (max-width: 1000px){
	.nav .menu > ul > li  > a{
		font-size: 0.8em;
	}
}

@media all and (min-width: 650px) and (max-width: 950px){
	.teaser .teaser-title {
		font-size: 1.2em;
		right: 9%;
	}
}
	
@media all and (min-width: 550px) and (max-width: 650px){
	.teaser .teaser-title {
		font-size: 1.0em;
		right: 9%;
		top: -9%;
	}
}

@media all and (max-width: 550px) {
	.logo-link {
		margin: 1em 0 0 0;
		text-align: center;
	}
	
	.logo-img {
		float: none;
		margin: 0;
	}

	.nav  {
		float: none;
	}

	.nav .menu > ul > li {
		float: none;
		margin: 0;
		text-align: center;
	}
	
	.info div.left-col {
		float: none;
		width: 100%
	}

	.info div.right-col {
		float: none;
		width: 100%
	}
	
	.teaser div.left-col {
		float: none;
		width: 100%
	}

	.teaser div.right-col {
		float: none;
		width: 100%
	}
	
	.site-fix .site-content .looping {
		float: none;
		width: 100%;
	}
	
	.site-fix .site-content .sidebar {
		float: none;
		width: 100%;
	}
}
@media all and (min-width: 450px) and (max-width: 550px) {
	.teaser .teaser-title {
		font-size: 0.85em;
		top: -10%;
	}
}

@media all and (max-width: 450px) {
	.teaser .teaser-title {
		font-size: 0.70em;
		top: -15%;
	}
}

.metaslider .slides img {
	width: 100%;
	display: block;
	margin-left: 0em;
}


.features .metaslider  {
	margin:0.75em auto;
}

.features .center {
	margin: 0 auto;
	width: 66%;
}

.features .left {
	float: left;
	width: 47%;
}

.features .right {
	float: right;
	width: 47%;
}

.featurelist li {
	font-size: 0.75em;
}

/* bbpress register */
form.bbp-login-form {
	font-size: 0.75em;
}
p.bbp-topic-meta img {
	margin: 0 !important;
}
li.bbp-topic-freshness p,
li.bbp-forum-freshness p {
	text-align: center !important;
}
.bbp-forum-title,
.shariff a {
	text-decoration: none !important;
}