/**
 * Theme Name: MetroMag für Dresden
 * Theme URI: http://www.fromm-media.de
 * Author: Joachim Fromm
 * Contributor: Sebastian Falk, David Naber <kontakt@dnaber.de>
 * Author URI: http://www.fromm-media.de
 * Description: Adaption des Themes Metro Magazin f&uuml;r das Dresden-Portal
 * Version: 2014.04.07
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: white, black, gray, light, one-column, two-columns, right-sidebar, fixed-width, custom-background, editor-style, featured-images, full-width-template, sticky-post, theme-options
 * Text Domain: wt_metro_dresden
 * Template: wt_metro
 */

/**
 * media query breakpoints in the parents stylesheet
 *
 * "desktops"         only-screen and 1024px <= width <= 1259px
 * "tablet portrait"  only-screen and 660px  <= width <= 1023px
 * "mobile landscape" only-screen and 480px  <= width <= 659px
 * "mobile portrait"  only-screen and           width <= 459px
 */

.clearfix:after {
	content:" ";
	display:block;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

@media only screen and ( min-width: 1024px ) {
	.dossier .aside {
		margin-left: 670px;
	}
}

.dossier #dossier-sidebar {
	width: auto;
}

#dossier-sidebar #bbpress-forums {
	overflow-y: scroll;
	height: 500px;
}
.avatar {
	float:left;
	width: 38px;
	margin-right: 0.9em;
	padding-top: 0.1em;
}

#content {
	overflow: visible;
}
#special-sidebar {
	float:left;
	width: 240px;
}
.special #left-sidebar {
	margin-right: 0;
}
.special .thumbnail-wrapper {
	width: 910px;
	margin-right: 30px;
	float: left;
}
.special .aside #left-sidebar{
	width: 300px;
}

.post-thumbnail-small {
	float: left;
	margin: 0 12px 12px 0;
	padding: 7px 0 0;
}

/**
 * single ad widget
 */

.widget_adsingle img {
	height: auto;
}

/* 1. BASE
 * ================= */
a:hover {
	color: #98D9DB !important;
}

a.yag_active img {
	border-color: #00afad !important;
	opacity: 1 !important;
}

/* 3. NAVIGATION MENU
 * ======================== */
/*-- Main Menu --*/
#main-menu {z-index: 999 !important;}
#main-menu .current-menu-item ,
#main-menu .current_page_item,
#main-menu ul li a:hover{
	background: #00AFAD !important;
}

#main-menu ul li a:hover{
	background: #00AFAD !important;
}

#main-menu .menu-item-home a:hover{
	background: #00AFAD url("images/home.png") no-repeat 50% 50% !important;
}

/* 4. CONTENT
 * ==================== */

/*-- Slider --*/
#wt-slider .slider-nav {
	background: #00AFAD !important;
}
.blog #wt-slider {margin-bottom:2.5em;}

/*-- Featured Posts --*/
.orange .tile-title{
	background: #FFB754 !important;
}

#feat-cat4 .cat-header{
	background: #FFB754 !important;
}

#feat-cat4 .tag-title{
	background: #FFB754 !important;
}

/* #feat-cat4 .main-post{
	background: #FFB754 !important;
} */

#feat-cat4 .overlay:hover{
	background:  #FFB754 !important;
}

#feat-cat4 .overlay a{
	background-color: #FFB754 !important;
}

.entry-footer .entry-tags a {
	background: #98D9DB !important;
}

.entry-footer .entry-tags a:hover {
    background: #FFB754 !important;
}

.single .entry-content a:link {border-bottom: 1px dotted #01A5A7 !important;}

/*-- Comments --*/
#comments .author-comment{
	background: #FFB754 !important;
}

#respond input[type=submit]{
	background: #FFB754 !important;
}

#wt_contact_form div.row div.field input.button {
	background: #52ACFE;
}

#bbp_reply_submit.button {
	background: #52ACFE;
}

/*-- Post nav --*/
.post-nav .prev{
	background: #00AFAD !important;
}

.post-nav .next{
	background: #00AFAD !important;
}

/*-- Pagination --*/
#content  .pagination a:hover{
	background: #00AFAD !important;
}

#content .pagination .current {
	background: #00AFAD !important;
}

.feat-cat p {
	margin-bottom: 15px;
}

a.read_more { border-bottom: 0; }

/* Avatarbilder in Blog-Ansicht sichtbar schalten */
.home.blog div.entry-content img.avatar {display:block;}
.single div.entry-content .avatar {height: 96px !important; width: 96px !important; margin: 1em;}

.author_beschreibung {color: #fff; font-size: 0.9em; margin-left: 1em; margin-right: 1em; padding-bottom: 1em; width: 240px; padding-top: 1em; }
.author_box {background-color: #00afad;float: left;margin-right: 1em; margin-top: 0.5em;}

/* 5. WIDGETS
 * ===================== */
.widget h3{
	background-image: none;
	background-color: #00AFAD;
}

.tagcloud a {
    background: #00AFAD !important;
}

.widget_subscribe .button{
	background: #FFB754 /* FFB754 */ !important;
}

.widget_polls-widget .wp-polls .pollbar{
	background: #00AFAD !important;
}

.widget_popular_posts .post-number{
	background: #FFB754 !important;
}

.widget_tags a.button {
	background: #00AFAD !important;
}

.widget_tags a:hover {
    background: #FFB754 !important;
}

/* Treffer-Zahl in Tags-Widget ausblenden */
.widget_tags span{
	display: none;
}

article.policereport {
	padding-bottom: 1em;
	display:block;
}

.all_police_reports {
    border: 1px solid #00afad;
    color: #ffffff;
    margin-top: 30px;
    padding: 5px;
    text-align: center;
}

article.policereport div { background-color: #FFFFFF; }

article.policereport div.policereport-padding { padding: 0.5em 1em; }
article.policereport div.policereport-padding h3 { display:inline-block; max-width: 87%; }
article.policereport div.policereport-padding div.police-date { display:inline-block; max-width: 12%; float: right; }



/* 7.3. Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
====================================================================== */
@media only screen and (max-width: 479px) {

/* Slider auf kleinen mobile devices anzeigen - jot 16.07.2013 */
	#wt-slider{
		width: 270px;
	}

	#wt-slider .attachment-wt-slider-img {
		height: 135px !important;
	}

	#header .logo img {
		width: 320px;
	}
}

/* Nachrichtenseite (category/nachrichten/...)
====================================================================== */

/* Styling der Nachrichtenseite (Listing Kategorie Nachrichten) */

.wt-first-newspost-image {
	margin-bottom: 25px;
	background-color: #f1f2f2;
}

.wt-first-newspost-entry {
	margin-top: 15px;
	margin-bottom: 30px;
}

/* Styling Primary-Images bei Category-Pages (subcategories!) */

.attachment-wt-cat-img {
    margin-top: 8px;
	margin-bottom: 55px;
}

.feat-cat .attachment-wt-cat-img {
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Aktuell ausgeblendet (in Diskussionsbeschreibung, da nur 14x14 Bilder ausgelesen werden - Codequelle unklar (falk) */
.bbp-topic-description a.bbp-author-avatar img.avatar {
	display: none;
}

/* Buttons für weitere Postteaser */

.flex-control-nav {
	/* funktioniert gerade nur bei erster Post-Box -> Grund noch unklar -> daher vorerst disabled */
	display: none;
}

#content header.cat-header {
	background-color: #00AFAD;
}

.category-nachrichten header.entry-header span.tag-title {
	/* soll voerst auf Nachrichtenseite nicht sichbar sein */
	display: none;
}



/* Silbentrennung --> wird durch jeweiligen Browser realisiert
====================================================================== */


/* will be red only in google chrome */
#test1{color:green;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*#top-stories {word-break: break-word;}*/
}
/* vorgemerkte Areas */
.slider-text,
.entry-content,
/* globalen Einsatz klaeren */
body {

   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -hyphens: auto;
   hyphenate-limit-chars: auto 3;
   hyphenate-limit-lines: 2;
}

/* Slider Startseite
====================================================================== */

.archive div.post-wrap header.entry-header h3 {
	line-height: 1.2em;
	margin-top: 0.2em;
}

.home div.entry-content img {
	display: none;
}

.slider-text div.wrap h2 {
	font-size: 1.3em;
	line-height: 1.2em;
	margin-bottom: 5px;
}

.slider-text div.wrap {
	font-size: 1.1em;
	line-height: 1.1em;
}


/* RSS-Multimporter-Widget
====================================================================== */

.widget_popular_posts .avatar {
	padding-bottom: 0.5em;
}

.widget_popular_posts .entry-meta {
	font-size: 0.9em;
    line-height: 1.2em;
}

/* Dresdener Seiten
====================================================================== */

#newsticker .news {
	display: table;
}

#newsticker .news img {
	padding-bottom: 25px;
}

.anzeigenmarke {
	background-image: url('images/start-grafik.gif');
	height: 15px;
	width: 60px;
	float: left;
	margin-top: 5px;
}

.attachment-post-thumbnail {
	margin-bottom: 25px;
}

.widget_popular_posts .item-post {
	margin-bottom: 0.3em;
}

#top-stories h4 {
	font-size: 0.9em;
}
#top-stories .mid {
	background-image: url( 'images/start-grafik.gif' );
	background-position: bottom right;
	background-repeat: no-repeat;
}

.cat-header .avatar {
	border: 1px solid #00AFAD;
    margin-bottom: 10px;
    margin-top: 5px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    width: 80px;
}

.cat-header .ansichten_avatar_wrapper {
	float: right;
	padding-left: 15px;
}

.bloginfo {
	border: 1px dotted #00AFAD;
    color: #000000;
    padding: 0.6em;
	background-color: #eeeeee;
	font-size: 0.9em;
	min-height: 4em;
}

#blogteasers {
	border: 1px dotted #00AFAD;
	padding: 0.6em;
	margin-bottom: 35px;
	border-top: none;
}

.ansichten_crumb {
	font-size: 0.9em;
	margin-top: 0.6em;
	margin-bottom: 35px;
	margin-left: 0.6em;
}

#content div.entry-content div.post-thumbnail-small {
	/* display: none; */
}

.entry-meta  {
	font-size: 0.9em;
	margin-bottom: 0.3em;
}

.textwidget p {
	margin-bottom: 3px;
}

.widget-rss-output {
	margin-bottom: 3px;
}

/**
 * adspecial headers
 *
 * possible colors
 * #1BA1E2 light blue
 * #5FB435 green
 * #DC3030 red
 * #FFB754 orange
 * #3B5D9C dark blue
 */
.special .cat-header h2 {
	font-size: 2em;
	line-height: 1.15;
	background-image: none;
	padding-left: 0;
	color: #000;
}
.special .cat-header p {
	margin-bottom: 0;
	font-size: 1.4em;
	color: #000;
}
.special .cat-header {
	position: relative;
	background-color: #EEEEEE;
	color: #000;
	border: 2px solid #cecece;
}
.special .cat-header:after {
	position: absolute;
	content: "Werbung";
	font-size: 0.9em;
	/*color: #fff;*/
	color: #000;
	bottom: 0;
	right: 0;
	padding: 2px 5px;
}

#special-sidebar .widget h3 {
	background-color: #00AFAD;
	color: #fff;*/
}
.sub-term {
	margin-bottom: 15px;
	padding: 8px 12px;
	color: #fff;
	background-color: #00AFAD;
}

/**
 * different colors for testing
 */
.term-rot.special .cat-header,
.term-rot.special .sub-term,
.term-rot.special #special-sidebar .widget h3 {
	background-color: #DC3030;
}

.term-blau.special .cat-header,
.term-blau.special .sub-term,
.term-blau.special #special-sidebar .widget h3 {
	background-color: #1BA1E2;
}
.term-dunkelblau.special .cat-header,
.term-dunkelblau.special .sub-term,
.term-dunkelblau.special #special-sidebar .widget h3 {
	background-color: #3B5D9C;
}
.term-orange.special .cat-header,
.term-orange.special .sub-term,
.term-orange.special #special-sidebar .widget h3 {
	background-color: #FFB754;
}
.term-orange.special .cat-header h3,
.term-orange.special .sub-term,
.term-orange.special .cat-header p,
.term-orange.special .cat-header:after,
.term-orange.special #special-sidebar .widget h3 {
	color: #222;
}
.term-gruen.special .cat-header,
.term-gruen.special .sub-term,
.term-gruen.special #special-sidebar .widget h3 {
	background-color: #5FB435;
}

/**
* box: Polizeimeldungen
*/

#feat-textposts .more-posts { border: 2px solid #00AFAD; }


/**
* message-boxen
*/

.msgbox { float: left; margin-right: 1em; }

.mid-dossier-post .attachment-wt-medium-thumb { float: left; margin-right: 1em; margin-bottom: 1em; }
.mid-dossier-post .post-wrap { float: left; width: 215px; }
.mid-dossier-post { margin-bottom: 1em; border-bottom: 1px solid #eeeeee; }

/**
* Anzeigen Widget
*/

.ads_widget .aw_content h3 { background: none; color: #464646 !important; clear: both; }
.aw_widget_backward, .aw_widget_forward { font-size: 1.2em; margin-right: 1em; }

/**
* mobile styles from larger up to smaller scales
*/
@media only screen and (min-width:1024px) and (max-width:1259px) {
	#right-sidebar .widget { width: 300px; }
	#left-sidebar { width: 270px; }
}

@media only screen and (min-width:660px) and (max-width:1023px) {
	#top-stories { display: none; }
	#left-sidebar .widget, #right-sidebar .widget { width: 300px; }
	#left-sidebar, #right-sidebar { width: 640px; }
	#searchform .searchfield { padding: 5px; padding-left: 10px; }
	#main-menu {	 top: 45px;	}
	.dossier #dossier-sidebar { float: left; }
}

@media only screen and (min-width:480px) and (max-width:659px) {
	#top-stories { display: none; }
	.sidebar .widget { max-width: 460px; }
	#left-sidebar .widget { width: 300px; }
	#right-sidebar .widget { width: 300px; }
	#left-sidebar, #right-sidebar { width: 460px; }
	.sidebar { column-count:1; -moz-column-count:1; /* Firefox */ -webkit-column-count:1; /* Safari and Chrome */}
	#main-menu { top: 10px; }
	#header #searchform .searchfield { width: 390px; }
	#main-menu { margin-top: 15px; }
	#wt-slider .slider-text .wrap { width: 380px; }
	.slider-text div.wrap, .slider-text div.wrap h2  { font-size: 15px; line-height: 16px; }
	.slider-text div h2 { margin-bottom: 3px; }
	#content .attachment-wt-cat-img  { width: 460px; height: auto; margin-bottom: 5px; }
	#feat-textposts div.more-posts ul li { width: auto; }
	.dossier #dossier-sidebar { float: left; }
	#content .one-half { width: 460px; }
	.thumb img.attachment-wt-cat-img { width: 460px !important; height: auto !important; margin-bottom: 5px; }
	.feat-cat .slide-cat1, .feat-cat .slide-cat2, .feat-cat .slide-cat3, .feat-cat .slide-cat4, .feat-cat .slide-cat5 { width: 460px !important; margin-left: 0px !important; }
	.mid-dossier-post .post-wrap { width: 370px; }
}

@media only screen and (max-width:479px) {
	#top-stories { display: none; }
	#container { width: 300px; }
	#right-sidebar .widget { width: 300px; }
	#left-sidebar { width: 300px; }
	#searchform .searchfield { padding: 5px; padding-left: 10px; width: 205px; }
	#main-menu { margin-top: 15px; }
	#wt-slider .slider-text .wrap { width: 195px; }
	.attachment-wt-cat-img { margin-bottom: 15px; }
	.slider-text div.wrap, .slider-text div.wrap h2  { font-size: 13px; line-height: 14px; }
	.slider-text div.wrap h2  { margin-bottom: 9px; }
	.dossier #dossier-sidebar { float: left; }
	#feat-textposts .more-posts ul li { width: 215px; }
	.mid-dossier-post .post-wrap { width: 180px; }
}

/**
* temporary needed for adventkalender-special
*/
/*
.xmas_special {
	float: left;
	width: 300px;
	height: 200px;
	margin-bottom: 35px;
}

.xmas_text {
	float: right;
	width: 300px;
}*/


/**
 * jetpack twiter widget
 *
 */
.widget_twitter_timeline iframe.twitter-timeline {
	width: 100%;
}

/**
 * Anzeigen-Widget (Autos, Immos, Jobs)
 */

.ads_widget img { width:80px; height: auto; float: left; padding-right: 10px; padding-bottom: 25px; padding-top: 5px;}
.anzeigen_next, .anzeigen_prev { display: none; }
.sidebar .ads_widget { margin-bottom: 0; }
/* ANKER-Widget für Umfrage Widget (Sprung bei Mobilansicht) */
#wp_editor_widget-27 {visbility: hidden; height: 1px; margin: 0; padding: 0;}

/******************************************
 * gallery (plugin: yakety yag) styles
 *****************************************/
	.yag-wrapper {
		padding: 5px 0 0;
	}
	.yag-title {
		padding: 8px 12px;
		margin-bottom: 15px;
		background: #00AFAD;
		color: #fff;
	}
	.yag-title .yag-count {
		padding-left: .4em;
		font-style: italic;
		font-size:  .75em;
		color: #eee;
	}
	.yag-overview,
	.yag-thumbnails {
		list-style-type: none;
		margin: 0;
		text-align: justify;
	}
	.yag-overview li,
	.yag-thumbnails li {
		display: inline;
	}
	.yag-overview:after,
	.yag-thumbnails:after {
		content: '.';
		display: inline-block;
		width: 100%;
		visibility: hidden;
	}
	.yag-overview a img,
	.yag-thumbnails a img,
	.yag-thumbnails span img {
		opacity: .8;
		border: 2px solid transparent;
	}
	.yag-overview a:hover img,
	.yag-thumbnails a:hover img,
	.yag-thumbnails span img {
		opacity: 1;
		border-color: #00AFAD;
	}
	.yag-single-image {
		background: #eee;
		margin-bottom: 15px;
		position: relative;
	}

	.yag-single-image .prev,
	.yag-single-image .next {
		display: none;
		background-color: rgba(0,0,0,0.4);
		background-position: center center;
		background-repeat: no-repeat;
		position: absolute;
		width: 10%;
		height: 100%;
		top: 0;
	}

	.yag-single-image .prev {
		left: 0px;
		background-image: url('images/prev.png');
	}
	.yag-single-image .next {
		right: 0px;
		background-image: url('images/next.png');
	}

	.yag-single-image img {
		display: block;
		margin: 0 auto;
	}
	.yag-image-caption {
		margin-bottom: 15px;
		text-align: center;
		font-style: italic;
	}
	.yag-navigation {
		width: 100%;
		/*display: table;*/
		margin-bottom: 5px;
	}
	.yag-navigation p {
		display: table-row;
		line-height: 0;
	}
	.yag-next-media,
	.yag-prev-media,
	.yag-return-link {
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	.yag-next-media,
	.yag-prev-media {
		width: 32px;}

	.yag-next-media a,
	.yag-prev-media a {
		display: block;
		width: 100%;
		height: 32px;
		background: #00AFAD url( 'images/next.png' ) 7px 1px no-repeat;;
		color: transparent;
		font-size: 0;
	}
	.yag-prev-media a {
		background-image: url( 'images/prev.png' );
		background-position: -7px 1px;
	}

	.yag-preview {
		margin-bottom: 1.5em;
	}

/*Anpassungen Galerie no paging - Navigation vorerst nich sichtbar */

.yag-overview a img, .yag-thumbnails a img, .yag-thumbnails span img,
ul.yag-thumbnails li img.attachment-mid-gallery-small {width: 87px; float: left;}
ul.yag-thumbnails {list-style:none;}
.yag-title, .yag-navigation {display: none;}

@media only screen and ( max-width:479px ) {

	ul.yag-thumbnails li img.attachment-mid-gallery-small {width: 50px; float: left;}

}

/******************************************
 * ENDE: gallery (plugin: yakety yag) styles
 *****************************************/

li.widget_text {list-style:none;}

.widget.widget_weather { border:0px; padding: 0px; }
.widget.widget_weather>div { padding: 0px 18px; }