/*
Theme Name: KFV Uelzen Theme
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team, modified by Joerg-Michael Eggers
Author URI: http://wordpress.org/
Description: Das original Wordpress twentyfourteen Theme als CHILD, um dieses für individuelle Zwecke einzusetzen. Alle weiteren Informationen im Komantar zum Original-Theme.
Template: twentyfourteen
Version: 0.0.1
*/

@import url("../twentyfourteen/style.css");

/**
 * 1.0 Reset
 * -----------------------------------------------------------------------------
 */
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: 'Arial',sans-serif; //inherit;
}

body,
button,
input,
select,
textarea {
	color: #2b2b2b;
}

body {
	background: #f5f5f5;
}

a {
	color: #0092c5;
}

a:active,
a:hover {
	color: #f6e30e;
}

/* Support a widely-adopted but non-standard selector for text selection styles
 * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898.
 */
::selection {
	background: #f91700;
}

::-moz-selection {
	background: #f91700;
}

/**
 * 2.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #f91700;
}

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: #d71700;
}

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

/**
 * 3.0 Basic Structure
 * -----------------------------------------------------------------------------
 */

 /**
 * 4.0 Header
 * -----------------------------------------------------------------------------
 */

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

/* Search in the header */

.search-toggle {
	background-color: #f91700;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #d71700;
}

.search-box {
	background-color: #d71700;
	padding: 12px;
}

/**
 * 5.0 Navigation
 * -----------------------------------------------------------------------------
 */

 .site-navigation a:hover {
	color: #f6e30e;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	background-color: #0092c5;
	color: #f6e30e;
}

/* Primary Navigation */

.primary-navigation {
	font-weight: bold;
}

/* Secondary Navigation */

.menu-toggle {
	background-color: #f91700;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: #0092c5;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

 .post-thumbnail {
	text-align: center;
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */

.entry-title {
    font-size: 24px;
    text-transform: none;
}

.entry-title a:hover {
	color: #0092c5;
}

/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */

.featured-content .entry-meta {
	display: none;
}

.entry-meta a:hover {
	color: #0092c5;
}

.cat-links a:hover {
	color: #0092c5;
}

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */

/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

/**
 * 6.6 Post Formats
 * -----------------------------------------------------------------------------
 */

/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

/**
 * 6.8 Attachments
 * -----------------------------------------------------------------------------
 */

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.11 404 Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.12 Full-width
 * -----------------------------------------------------------------------------
 */

.full-width .entry-content {
	max-width: 100%;
}

/**
 * 6.13 Singular
 * -----------------------------------------------------------------------------
 */

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

/**
 * 7.0 Sidebars
 * -----------------------------------------------------------------------------
 */

/* Secondary */

#secondary {
	background-color: #f91700;
}

/* Content Sidebar */

.content-sidebar {
	color: #fff;
	background-color: #f91700;
}


/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */

/* Primary Sidebar, Footer Sidebar */

.widget a:hover {
	color: #f6e30e;
}

.widget .widget-title {
	font-size: 18px;
	padding: 10px;
	text-decoration: underline; //text-transform: uppercase;
}

.widget input,
.widget textarea {
	background-color: #fff;
	border-color: #0092c5;
	color: #000;
	font-size: 16px;
	padding: 1px 2px 2px 4px;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #d71700;
	color: #fff;
}

.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: #0092c5;
}

.widget-title,
.widget-title a {
	background-color: #0092c5;
}

/* List Style Widgets*/

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
	padding: 5px 0;
}

/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

.content-sidebar .widget a {
	color: #fff;
}

.content-sidebar .widget a:hover {
	color: #f6e30e;
}

.content-sidebar .widget .widget-title {
	border-top: 0;
	color: #fff;
	background-color: #f91700;
	font-size: 18px;
	text-transform: none;
}

/* List Style Widgets*/

.content-sidebar .widget_archive li,
.content-sidebar .widget_categories li,
.content-sidebar .widget_links li,
.content-sidebar .widget_meta li,
.content-sidebar .widget_nav_menu li,
.content-sidebar .widget_pages li,
.content-sidebar .widget_recent_comments li,
.content-sidebar .widget_recent_entries li,
.content-sidebar .widget_categories li ul,
.content-sidebar .widget_nav_menu li ul,
.content-sidebar .widget_pages li ul {
	border-color: rgba(0, 0, 0, 0.1);
	clear: both;
	margin: 0 0 0 5px;
}

.content-sidebar .widget_recent_entries .wp-post-image {
    float: left;
    margin: 0 5px 0 0;
}

/**
 * 8.0 Footer
 * -----------------------------------------------------------------------------
 */

.site-footer {
	background-color: #f91700;
}

.site-info a:hover {
	color: #f6e30e; /* gelb // #41a62a; gruen //#0092c5; // blau */
}


/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

/**
 * 10.0 Multisite
 * -----------------------------------------------------------------------------
 */

/**
 * 11.0 Media Queries
 * -----------------------------------------------------------------------------
 */

 @media screen and (max-width: 400px) {
}

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

@media screen and (min-width: 594px) {
	.site-content
	.has-post-thumbnail
	.entry-header {
    margin-top: 0px;
}
}

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

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

	/* Primary Navigation */

	.primary-navigation {
		font-size: 12px;
	}
	.primary-navigation ul ul {
		background-color: #d71700;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #0092c5;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #0092c5;
	}
}

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

@media screen and (min-width: 846px) {
	.site-content
	.has-post-thumbnail
	.entry-header {
		margin-top: 0px;
	}
}

@media screen and (min-width: 1008px) {
	.site:before {
		background-color: #f91700;
	}

	.footer-sidebar .widget,
	.primary-sidebar .widget {
		font-size: 14px;
	}

	.footer-sidebar .widget .widget-title,
	.primary-sidebar .widget .widget-title {
		font-size: 14px;
	}
	.site-description {
		display: none;
	}
}

@media screen and (min-width: 1040px) {
	.site-content
	.has-post-thumbnail
	.entry-header {
		margin-top: -0px;
	}
}

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

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

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

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

/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */

/**
 * Versuch mit tooltip bei Verknüpfungen ...
 * -----------------------------------------------------------------------------
 */
.tooltip a {
    position: relative;
    text-decoration: none;
	color: #000;
}

[data-tooltip]:after {
    content: attr(data-tooltip);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.5s;
    display: block;
    position: absolute;
    bottom: 24px;
    right: 0;
    width: auto;
    padding: 0.5em;
    z-index: 100;
    color: #000;
	font-size: 60%;
    background-color: #ffebe6;
    border: solid 1px #c32e04;
    border-radius: 0.5em;
}

[data-tooltip]:before {
    position: absolute;
    display: block;
    opacity: 0;
    transition: opacity 0.5s;
    bottom: 1.2em;
    left: auto;
    right: 5px;
    border-width: 5px 10px 0;
    border-style: solid;
    border-color: #c32e04 transparent;
}

[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
    opacity: 1;
}