/*
Theme Name: WortAthleten-AJSNavi
Description: Wordpress Template für WortAthleten
Author: Jann Schwenk
Author URI: http://www.wortathleten.de
*/

body        {
	background: #F5F5F5;
	font-family: "Roboto Slab", serif;	
}

a {
	color:#222222;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:active {
	color:#222222;
}

a:visited {
	color:#222222;
}

h2 {
	font-weight: bold;
}

h3 {
	font-weight: bold;
	font-size: 1.8em;
}

.crellyslider {
	font-family: "Roboto Slab", serif;	
}

.copyright {
	color: #BEAF87;
	font-weight: normal;
}

/* MOBILE */
@media only screen and (min-width: 30px) {
	div.wa-logo img {
		width: 50%;
	}
	
	/*
		Navigation
	*/
	#main-navigation,
	#main-navigation-empty {
		background-color: #222222;
		padding-top: 0px;
	}
	
	#main-navigation-empty {
		height: 50px;
	}
	
	#menu-accountmenu li,
	#menu-mainmenu li,
	#menu-searchmenu li
	 {
		list-style-type:none;
		display:inline;
	}

	#mainNavigation  ul  {
		margin-top:16px;
		margin-bottom:0px;
		text-align:center;
	}
	
	#mainNavigation  ul  li {
		display: inline-block;
	}
	
	#menu-mainmenu li  a  img {
		width:30px;
		height:30px;
	}

	#menu-mainmenu  li {
		margin: 0 13px 20px 13px;
		padding:0;
	}

	#menu-accountmenu{
		margin:0;
		padding:0;
	}

	#menu-searchmenu{
		margin:0;
		padding:0;
	}
	
	#mainNavigation{
		/*border-bottom: solid #222222 3px;*/
		padding-top:8px;
		overflow-x: scroll;
		overflow-y: hidden;
		height:83px;
		white-space:nowrap;
		-webkit-overflow-scrolling: touch;
	}
	
	#mobileNavigation {
		display: block;
		border-bottom: solid 2px #F2F2F2;
		height: 63px;
	}
	
	#mobileSearchNavigation,
	#mobileNewsletterNavigation {
		float: left;
		width:49.85%;
		height: 100%;
		text-align: center;
	}
	
	.naviSpacer {
		width:0.3%;
		height:100%;
		float:left;
		background: #F5F5F5
	}
	
	#mobileSearchNavigation a,
	#mobileNewsletterNavigation  a{
		color: #F2F2F2;
		font-size: 1.5em;
		display: block;
		margin-top: 22px;
	}
	
	#mobileSearchNavigation {
		border-right: solid 0px #F2F2F2;
	}
	
	#mobileNewsletterNavigation {
		border-left: solid 0px #F2F2F2;
	}



	.menu-image-title {
		display:none;
	}
	
	.menu-image-title-after {
		padding-right: 0;
	}

	.leftNavigation, .rightNavigation {
		display:none;
	}
	
	.centerNavigation {
		width:100%;
	}
	
	#wrapper    {
		width:100%; 
		margin: auto; 
		text-align: justify;	
		font-family: "Roboto Slab", serif;	
		color: #222222; 
		line-height:1.5em;
	}

	#header        {}
	#main       {  
		float: left;
		margin: 20px;
	}
	#sidebar    {  padding-top: 20px; float: left;}
	
	#footer        {
		clear: both; 
		padding: 20px;
		padding-top:55px;
		padding-bottom:50px;
		text-align:center;
		background-color:#222222;
		color:#F5F5F5;
		text-align:center;
		font-weight:bold;
		font-family: "Roboto Slab", serif;	
		letter-spacing: 1px;
		margin-top: 150px;
	}
	
	#footer img.logo {
		width: 200px;
	}
	
	#footer img.socialIcon {
		width: 32px;
	}
	
	#footer a {
		font-weight: normal;
	}

	#meta {
		color:#BEAF87;
		letter-spacing: 1px;
		margin:20px 0 0 10px;
	}
	
	div.postDate {
		color: #222222;
		text-align: right;
		margin-right:10px;
	}

	div#socialNavi {
		margin-top:10px;
	}

	div#socialNavi a {
		margin:5px;
	}

	div#footerNavi a {
		margin:5px 15px;
		display: block;
	}

	a.footerLink, a:visited.footerLink, a:active.footerLink {
		color:#F5F5F5;
	}
	a.metaLink, a:visited.metaLink, a:active.metaLink {
		color:#BEAF87;
	}

	.black {
		color:#222222;
	}
	
	.theAuthor {
		float:left;
		margin:35px 0px;
	}
	
	.authorAvatar {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 0.8em;
		text-align:center;
	}
	
	.authorAvatar img {
		-webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%;
	}

	.authorName {
		color:#BEAF87;
		letter-spacing: 1px;
		font-size:1.2em;
		margin-bottom:0.8em;
		text-align: center;
	}
	
	.authorSocialMedia {
		text-align:center;
		margin-bottom:0.8em;
		font-weight:bold;
	}
	
	.authorSocialMedia img.socialIcon {
		width: 16px;
		padding: 0px 5px;
	}
	
	.authorDescription {
		margin: 0 3.2em 1.6em 3.2em;
		line-height: 1.5em;
		text-align: justify;
	}


	.crellyslider-slider {
		margin-bottom:50px;
		width:100%;
		font-family: "Roboto Slab", serif;	
	}

	/*
		Header
	*/
	.wa-logo {
		text-align:center;
		padding: 75px 0px;
	}

	/*
		CONTENT
	*/

	#postFeaturedImage {
		width:100%;
		margin: 0 auto;
	}
	
	#postFeaturedImage img {
		width: 100%;
		height: auto;
	}

	.pageContent {
		width:1200px;
		margin: 0 auto;
	}
	
	.page {
		margin: 20px;
	}

	.postListItem {
		margin-bottom:20px;
	}

	.postListItem  a{
		text-decoration:none;
		color:#BEAF87;
	}

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


	.postListItem h2 {
		margin-top:0.2em;
		font-weight:bold;
		font-size:2.0em;
		line-height:1.2em;
		margin-bottom:0.4em;
		text-align:left;
	}

	.postListItem h2 a{
		text-decoration:bold;
		color:#222222;
	}

	.postListItem h2 a:hover {
		text-decoration: bold;
	}

	.postListItem .moreLink {
		text-align: right;
	}

	.postListItem  p{
		line-height:1.2em;
	}
	
	.postListItem .postTeaser .authorName {
		width:100%;
	}
	
	.postThumbnail {
		width:100%;
		margin-bottom:15px;
	}
	
	.postThumbnail  img {
		width:90%;
		height:auto;
		margin: 0 5%;
	}	
	
	.postThumbnail img.size-thumbnail {
		display: none;
	}
	
	.postThumbnail img.size-medium {
		display: block;
	}
	
	.postTeaser {
		width: 90%;
		padding: 0 5%;
	}
	
	.entry {
		text-align: left;
	}

	.entry p {
		font-size:1.25em;
		line-height:1.6em;
		font-weight:normal;
	}

	#main h2,
    .page h2	{
		font-size:3em;
		margin-top:0.7em;
	}

	.singlePostText {
		margin: 10px;
		text-align: left;
	}
	
	.singlePostText .articleIntro {
		font-style: italic;
	}

	/*
		Captions
	*/
	.wp-caption {
		margin-bottom: 1.75em;
		max-width: 100%;
	}

	#pageContent h2,
    .page h2	{
		text-align: left;
		line-height: 1.3em;
	}
	
	/* Newsletter - Mailchimp form*/
	#mc_embed_signup{
		background:#f5f5f5; clear:left; width:100%;
	}
	
	#mce-EMAIL,
	.search-field ,
	#swp_category_limiter,
	#wpcf7-f32-p33-o1 input,
	#wpcf7-f4-p24-o1 input,
	#wpcf7-f32-p33-o1 textarea,
	#wpcf7-f4-p24-o1 textarea {
		background-color: #E3E3E3;
		font-family: "Roboto Slab", serif;
		padding: 10px;
		border: none;
	}
	
	.search-field{
		margin-right: 5px;
	}
	
	.search-submit{
		margin-left: 5px;
	}
	
	#wpcf7-f32-p33-o1 label,
	#wpcf7-f4-p24-o1 label{
		font-weight: normal;
	}
	
	#mce-EMAIL {
		width:300px;
	}
	
	#mc-embedded-subscribe,
	.search-submit,
	#wpcf7-f32-p33-o1 .wpcf7-submit,
	#wpcf7-f4-p24-o1 .wpcf7-submit	{
		background-color: #222222;
		border: none;
		color: #F2F2F2;
		text-transform: uppercase;
		padding: 10px 13px;
		font-family: "Roboto Slab", serif;
		margin-top: 20px;
	}
	
	
	.searchPage {
		padding-bottom: 25px;
		min-height: 150px;
	}
	
	/* Related Posts */
	.yuzo__title h3 {
		font-size: 1.7em;
	}
	
	.yuzo__text--title {
		font-size: 1.4em;
	}
	
	.yuzo_text {
		line-height:20px;
	}
	
	/* Searchresults */
	

	.search-label  {
		font-weight: normal;
		font-size:0.7em;
		margin: 0;
		width: 100%;
	}
	
	.searchResult{
		float:left;
	}
	
	.searchResult .authorName {
		width: 100%;
	}
	
	.resultsText {
		font-size: 2em;
		margin: 1em 0;
		line-height: 1em;
		text-align: left;
	}
	
	.search-form {
		font-size: 1.5em;
	}
	
	.search-form div {
		text-align: left;
	}
	
	.search-field  {
		width: 400px;
	}
	
	div.social_Badge_right span {
		display: block;
		font-weight:bold;
		margin-bottom:4px;
		font-size: 18px;
	}
	
	div.social_Badge_left,
	div.social_Badge_right	{
		margin-bottom: 25px;
	}
	
	
	div.social_Badge_left a,
	div.social_Badge_right a {
		margin-right: 15px;
		cursor: pointer;
	}
	
	div.social_Badge_left a img,
	div.social_Badge_right a img{
		/*width:32px;*/
		height:32px;
	}
	
	/* BBL AWARDDS */
	#awardMain {  
		float: left;
		margin: 0px;
	}
	
	#awardMain h2	{
		font-size:3em;
		margin-top:0.7em;
	}
	
	div.awardPage {
		width: 100%;
		padding: 25px 0px;
	}	
	
	div#awardLogin {
		margin: 0px auto;
		width: 300px;
		padding-bottom: 50px;
	}
	
	div#awardLogin  h2{
		font-size: 2.30em;
	}
	
	div#awardLogin  p{ 
		width: 300px;
		text-align:left;
	}
	
	div#awardLogin a.logoutLink {
		font-size: 1em;
	}
	
	div.awardPage input {
		background-color: #E3E3E3;
		font-family: "Roboto Slab", serif;
		padding: 10px;
		border: none;		
	}
	
	div.awardPage input[type=submit] {
		background-color: #222222;
		border: none;
		color: #F2F2F2;
		text-transform: uppercase;
		padding: 9px 13px;
		font-family: "Roboto Slab", serif;
		margin-top: 20px;	
	}
	
	div.awardPage input[type=submit]:hover {
		cursor: pointer;
	}	
	
	div.wa-logo img.awardHeaderImg {
		width: 350px;
	}
	div.wa-logo.awardHeader {
		padding:0px;
	}
}



@media only screen and (min-width: 530px) {
	#mainNavigation ul {
		column-count:auto;
	}
	
}


@media only screen and (min-width: 768px) {

	div.social_Badge_left {
		margin-bottom: 25px;
		float: left;
	}
	
	div.social_Badge_right {
		margin-bottom: 25px;
		float: right;
		text-align: right;
	}	
	
	div.social_Badge_left a {
		margin-right: 15px;
		cursor: pointer;
	}
	
	div.social_Badge_right a {
		margin-left: 15px;
		margin-right: 0px;
		cursor: pointer;	
	}
	
	div.social_Badge_left a img,
	div.social_Badge_right a img{
		/*width:32px;*/
		height:32px;
	}
	

	.searchResultThumbnail {
		float: left;
		width: 20%;
	}
	
	.searchResultThumbnail img {
		width: 100%;
		height: auto;
	}
	
	.searchResultInfo {
		float: left;
		width: 78%;
		margin-left: 2%;
	}
	
	div#footerNavi a {
		display: inline;
	}
	
	div#awardLogin {
		margin: 0px auto;
		width: 380px;
	}
	
	div#awardLogin  h2{
		font-size: 2.30em;
	}
	
	div#awardLogin  p{ 
		width: 380px;
		text-align:left;
	}
	
	div#mainNavigation {
			height:65px;
			overflow:hidden
	}

}

@media only screen and (min-width: 1280px) {
	/* DESKTOP */
	
	.col-left, .col-right {display: none;}
	.col-center { width: 800px; margin: 0 auto;}
	
	#main-navigation ,
	#main-navigation-empty{
		background-color: #222222;
		height: 50px;
		padding-top: 13px;
	}

	#menu-accountmenu li,
	#menu-mainmenu li,
	#menu-searchmenu li
	 {
		list-style-type:none;
		display:inline;
	}
	
	#mainNavigation {
		width: 1200px;
		margin: 0 auto;
		padding-top: 0px;
	}

	#mainNavigation  ul  {
		margin-top:4px;
	}

	#menu-mainmenu  li  a  img {
		width:30px;
		height:30px;
	}
	
	#menu-searchmenu  li  a  img,
    #menu-accountmenu  li  a  img {
		width:20px;
		height:20px;
		margin-top: 10px;
	}	

	#menu-mainmenu  li {
		margin:0 19px;
		padding:0;
	}

	#menu-accountmenu{
		margin:0;
		padding:0;
	}

	#menu-searchmenu{
		margin:0;
		padding:0;
	}
	
	#mobileNavigation {
		display: none;
	}

	.leftNavigation,
	.centerNavigation,
	.rightNavigation {
		height:50px;
		display:block;
		float: left;
	}

	.leftNavigation {
		width: 100px;
	}
	
	ul#menu-accountmenu {
		text-align: left;
	}
	
	ul#menu-searchmenu {
		text-align:right;
	}

	.centerNavigation {
		text-align: center;
		width:1000px;
	}

	.rightNavigation {
		text-align:right;
		width:100px;
	}

	
	div.wa-logo img{
		width: 350px;
	}
	
	div.wa-logo img.awardHeaderImg {
		width: 500px;
	}
	
	#postFeaturedImage {
		width:1200px;
		margin: 0 auto;
	}
	
	div.postDate {
		margin-right:0px;
	}
	
	div.social_Badge_right span{
		display:none;
	}
	
	/* AUTHOR */
	
	.theAuthor {
		width:100%;
	}
	
	.authorAvatar,
	.authorInfo	{
		float: left;
	}
	
	.authorAvatar {
		width: 100px;
		text-align: left;
	}
	
	.authorInfo {
		width: 455px;
		padding-left: 35px;
	}
	
	.authorDescription {
		clear:both;
		margin-left:0;
		margin-right:0;
	}
	
	.authorSocialMedia,
	.authorName	{
		float: left;
		text-align: left;
	}
	
	.authorSocialMedia {
		margin-left:10px;
	}

	.singlePostText {
		margin: 0px;
		text-align: justify;
	}
	
	.entry {
		text-align: justify;
	}
	
	.searchResult {
		margin: 25px;
	}
	
	.resultsText {
		
	}
	
	.col-center {
		width: 800px;
		margin: 0 auto;
	}
	
	#pageContent {width:1200px; margin:auto;}
	
	#meta {
		margin-left: 0;
	}
	
	.postListItem, .postThumbnail , .postTeaser{
		float: left;
	}
	
	.postListItem {
		width: 800px;
	}
	
	.postThumbnail {
		width: 270px;
	}
	
	.postThumbnail img.size-thumbnail {
		display: block;
	}
	
	.postThumbnail img.size-medium {
		display: none;
	}
	
	.postTeaser {
		padding: 0;
		width: 530px;
	}
	
	.postThumbnail img {
		width: 240px;
		height: auto;
	}
	
	#shareWAMobile {
		display:none;
	}
}