/*
Theme Name: Twenty Fourteen Child
Theme URI: http://wordpress.org/themes/twentyfourteen-child
Template: twentyfourteen
Author: Thomas Wittich
Author URI: http://bueffelsoft.de/
Description: - 
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url("../twentyfourteen/style.css");
@import url("fonts/stylesheet-Lato.css");
@import url("fonts/stylesheet-Ubuntu.css");

/* Theme custom styles start here */

/*
body.custom-background {
	background-color: transparent !important;
	background: linear-gradient(top, #9f959b 0%, #afa59e 50%, #7f756a 100%) !important;
	background: -moz-linear-gradient(top, #9f959b 0%, #afa59e 50%, #7f756a 100%) !important;
	background: -webkit-linear-gradient(top, #9f959b 0%, #afa59e 50%, #7f756a 100%) !important;
	background: -ms-linear-gradient(top, #9f959b 0%, #afa59e 50%, #7f756a 100%) !important;
	background: -o-linear-gradient(top, #9f959b 0%, #afa59e 50%, #7f756a 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9f959b, endColorstr=#7f756a,GradientType=1);
}
*/

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

a:active,
a:hover {
	color: DarkRed;
}

body, button, input, select, textarea {
    color: #2b2b2b;
    font-family: Lato,sans-serif !important;
    font-size: 14.4px;
    font-weight: 400;
    line-height: 1.5;
}

#page {
	margin-left: auto;
  margin-right: auto;
}

.page-content {
	margin: 0 auto;
	max-width: 650px;
}


/* Site Content Background @important */
.site {
	background-color: transparent;
	background-color: #f0f0f0;
}

.site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content .entry-meta, .page-content {
  margin: 0 auto;
  max-width: 650px;
}
.site-content .entry-header {
	background-color: transparent;
	padding-bottom: 38px;
}

.site-content .entry-meta {
	background-color: transparent;
}

.site-content .entry-content,
.site-content .entry-summary,
.page-content {
	background-color: transparent;
}

.site-content h1 {
	font-family: Ubuntu, SanSerif;
	font-weight: normal;
	text-transform: uppercase;
	color: #afa59e;
}


.archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
  padding-left: 10px;
  padding-right: 10px;
}

iframe {
	margin-bottom: 0px;
}

/* Layout */
.site:before {
	background-color: transparent;
	color: #333333;
	content: "";
	display: block;
/* removed for mobile tabable post links - otherwise overlay! 
	height: 100%;
	min-height: 100%;
*/
	position: absolute;
	top: 0;
	left: 0;
	width: 182px;
	z-index: 2;
}

#secondary {
	color: grey;
}

.widget {
	margin-bottom: 24px;
}
.widget .widget-title,
.content-sidebar .widget .widget-title {
  text-transform: uppercase;
}
.widget a {
	color: #BD0A27;
}
.widget a:hover {
	color: DarkRed;
}
.widget-title {
  margin-bottom: 4px;
  font-family: Ubuntu,"sans-serif";
  font-weight: normal;
  text-transform: uppercase;
}
.widget-title, .widget-title a {
	color: #BD0A27;
}
.widget-title a:hover {
	color: DarkRed;
}

ul.rws_latest li:nth-child
,ul.rws_latest li:nth-child a
, ul.rws_latest li:nth-child a:visited {
		color: grey;
}

.menu-item, .menu-item a, .menu-item a:hover,
aside.widget_archive,
aside.widget_archive a,
aside.widget_archive a:hover,
.simple-links-list,
.simple-links-list a,
.simple-links-list a:hover,
.widget_categories li,
.widget_categories li a,
.widget_categories li a:hover,
.widget_recent_entries li,
.widget_recent_entries li a,
.widget_recent_entries li a:hover {
	color: grey;
}

#primary-navigation .menu-item a {
	color: white;
}

.menu-item, .widget_recent_entries li, .widget_categories li, .widget_archive li {
	font-size: 1.2em;
}

/* Box Style for Sidebar #1, Sidebar #2, Main Content (div#content - optional) @important */
#content-sidebar aside, #secondary aside  {
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border: 1px solid rgba(0,0,0,0.26);
	-webkit-box-shadow: 7px 7px 3px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 7px 7px 3px 0px rgba(0,0,0,0.26);
	box-shadow: 7px 7px 3px 0px rgba(0,0,0,0.26);
	padding: 3px 7px 3px 7px;
	background-color: white;
}


/* 12.02.2015 tw
.primary-sidebar {
	padding-top: 65px;
}
*/

.primary-sidebar .widget .widget-title {
	margin-bottom: 2px;
}

.primary-sidebar .widget_categories li ul,
.primary-sidebar .widget_nav_menu li ul,
.primary-sidebar .widget_pages li ul {
    border-left: darkred solid darkred;
    font-size: 12px;
    margin-left: 0;
    padding-left: 5px;
}

.content-sidebar .widget .widget-title {
    border-top: 0px solid #000;
    color: #BD0A27;
    font-size: 1.5em;
    margin: 0 0 2px 0;
    padding-top: 7px;
}

.content-sidebar .widget .widget-title a,
.content-sidebar .widget .widget-title a:visited {
    color: #BD0A27;
}

/*
.content-sidebar .widget .widget-title:before {
    color: grey;
    content: "O ";
    font-size: 0.5em;
}
*/

.content-sidebar .IFrame_Widget .widget-title {
		padding:0 0 2px 0;
		margin:0;
}

.content-area {
	padding-top: 24px;
}
#secondary, .content-sidebar  {
	padding-top: 62px;
}

.toggle-content, .accordion-item-content {
	text-align: justify;
}


/* Custom Artikel-Woeter mit anderem Style */
#secondary h1 {
	font-size: 1.5em;
}

.site-title a, .site-title a:hover {
	color: white;
	display: inline;
	white-space: normal;
}

.site-header {
	background-color: #AFA59E;
}

.header-main {
	display: block;
}

footer#colophon {
	display: none;
}

::selection {
	background: DarkRed;
	color: White;
}

::-moz-selection {
	background: DarkRed;
	color: White;
}


/* Replace green from Main Template with Red */
button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #BD0A27;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background-color: DarkRed;
}

.search-toggle {
	background-color: #BD0A27;
	display: none; /* deactivated on 12.02.2015 tw */
}
.search-toggle:hover,
.search-toggle.active {
	background-color: DarkRed;
}
.search-box {
	background-color: DarkRed;
}

.site-navigation a {
	text-transform: none;
}
.site-navigation a:hover {
	color: DarkRed;
}
.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: DarkRed;
}

.site-title {
	font-family:Ubuntu,"sans-serif";
	font-weight: normal;
	text-transform: uppercase;
}
#primary-navigation,
#primary-navigation a {
	font-family:Ubuntu,"sans-serif";
	font-weight: normal;
}



.entry-title a:hover {
	color: DarkRed;
}
.entry-meta a:hover {
	color: DarkRed;
}
.cat-links a {
    color: #767676;
}
.cat-links a:hover {
	color: DarkRed;
}

.entry-meta .tag-links a:hover {
	background-color: DarkRed;
}

.entry-meta .tag-links a:hover:before {
	border-right-color: DarkRed;
}

.entry-content .edit-link a:hover {
	color: DarkRed;
}


.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #BD0A27;
}
.hentry .mejs-overlay:hover .mejs-overlay-button {
	background-color: #BD0A27;
}
.hentry .mejs-controls .mejs-button button:hover {
	color: DarkRed;
}


.paging-navigation .page-numbers.current {
	border-top: 5px solid #BD0A27;
}
.paging-navigation a:hover {
	border-top: 5px solid DarkRed;
}
.page-links a:hover {
	background: DarkRed;
	border: 1px solid DarkRed;
}

.post-navigation a:hover,
.image-navigation a:hover {
	color: DarkRed;
}


.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #BD0A27;
}
.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: DarkRed;
}

.widget input[type="button"]:active,
.widget input[type="reset"]:active,
.widget input[type="submit"]:active {
	background-color: DarkRed;
}



.widget_calendar tbody a {
	background-color: #BD0A27;
}
.widget_calendar tbody a:hover {
	background-color: DarkRed;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: DarkRed;
}

.content-sidebar .widget a {
	color: grey;
}


.content-sidebar .widget input[type="button"],
.content-sidebar .widget input[type="reset"],
.content-sidebar .widget input[type="submit"] {
	background-color: #BD0A27;
}
.content-sidebar .widget a:hover {
	color: DarkRed;
}

.widget input[type="button"]:hover,
.widget input[type="button"]:focus,
.widget input[type="reset"]:hover,
.widget input[type="reset"]:focus,
.widget input[type="submit"]:hover,
.widget input[type="submit"]:focus {
	background-color: DarkRed;
}
.content-sidebar .widget input[type="button"]:hover,
.content-sidebar .widget input[type="button"]:focus,
.content-sidebar .widget input[type="reset"]:hover,
.content-sidebar .widget input[type="reset"]:focus,
.content-sidebar .widget input[type="submit"]:hover,
.content-sidebar .widget input[type="submit"]:focus {
	background-color: DarkRed;
}
.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
	background-color: DarkRed;
}
.content-sidebar .widget .widget-title a:hover {
	color: DarkRed;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: DarkRed;
}


.site-info a:hover {
	color: DarkRed;
}


.featured-content a:hover {
	color: DarkRed;
}


.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #BD0A27;
}
.slider-control-paging a:hover:before {
	background-color: DarkRed;
}

.slider-direction-nav a:hover {
	background-color: #BD0A27;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: DarkRed;
}
.comment-reply-title small a:hover {
	color: DarkRed;
}

#cn-notice-icon {
	display: none;
}



@media screen and (max-width: 480px) {
#content .entry-title { font-size:20px;}
}

@media screen and (max-width: 782px) {
	.primary-navigation ul.nav-menu li a {
		font-size:14pt;
	}

	.primary-navigation ul.nav-menu li ul li a {
		font-size:12pt;
	}
	.site-title {
		line-height: normal;
		font-size: 15px;
		margin-top: 5px;
	}
}
@media screen and (min-width: 783px) {

	.primary-navigation ul ul {
		background-color: #BD0A27; 
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #BD0A27;
	}
	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: DarkRed;
	}
	.primary-navigation > div > ul > li > a {
			font-size: 18px;
			font-weight: 700;
	}
	.primary-navigation ul ul a {
			padding: 12px 12px 12px 12px;
			font-weight: 700;
			font-size: 14px
	}
}

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

	.secondary-navigation ul ul {
		background-color: #BD0A27;
	}
	
	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #BD0A27;
	}
	.secondary-navigation ul ul a:hover,
	.secondary-navigation ul ul li.focus > a {
		background-color: DarkRed;
	}


}