/*
Theme Name:   Fourteenpress Blue
Theme URI:    https://gerisch.org/
Description:  Fourteenpress is a Twenty Fourteen child theme. This theme turns Twenty Fourteen into a blog theme by changing its default layouts. It allows you to create a responsive website with a sleek design easily. Replaced Twenty Fourteen colors with web-safe colors, and blue this time.
Author:       Noor Alam, modified by David Gerisch
Author URI:   https://noorsplugin.com/fourteenpress/
Template:     twentyfourteen
Version:      0.7
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain:  fourteenpress

This theme, like WordPress, is licensed under the GPL.
*/

@media screen and (min-width: 783px) {
    .primary-navigation {
        float: right;
        margin-left: 20px;
    }
	.primary-navigation ul ul {
		background-color: #3366cc;
	}
	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #3366cc;
		color: #fff;
	}

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


}
.site {
    margin: 0 auto;
}
@media screen and (min-width: 1110px) {
    .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: 55px;
    }
	.secondary-navigation ul ul {
		background-color: #3366cc;
	}
	.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #3366cc;
		color: #fff;
	}

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

}
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
    max-width: 874px;
}

.comments-area {
    max-width: 874px;
}

.post-navigation, .image-navigation {
    max-width: 874px;
}

.site:before,
#secondary {
    width: 0;
    display: none;
}

.featured-content {
    padding-left: 0;
}

.site-content, .site-main .widecolumn {
    margin-left: 0;
}  

.hentry {
    max-width: 900px;
}

body,
button,
input,
select,
textarea {
	color: #333333;
	font-family: Sans, sans-serif;
}

body {
	background: #ffffff;
}

a {
	color: #3366cc;
}

a:active,
a:hover {
	color: #3399cc;
}

abbr[title] {
	border-bottom: 1px dotted #333333;
}

mark,
ins {
	background: #ffffcc;
}

blockquote {
	color: #666666;
}

blockquote cite,
blockquote small {
	color: #333333;
}

del {
	color: #666666;
}

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

::-moz-selection {
	background: #3366cc;
	color: #fff;
}

input,
textarea {
	color: #333333;
}

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

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: #3399cc;
	color: #fff;
}

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

/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
	color: #999999;
}

:-moz-placeholder {
	color: #999999;
}

::-moz-placeholder {
	color: #999999;
	opacity: 1; /* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #999999;
}

.wp-caption {
	color: #666666;
}

.screen-reader-text:focus {
	background-color: #ffffff;
	color: #336699;
}

.site {
	background-color: #fff;
}

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

.search-toggle {
	background-color: #3366cc;
}

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

.search-box {
	background-color: #3399cc;
}

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

.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: #3399cc;
	font-weight: 900;
}

.post-thumbnail {
	background: #999999 url(images/pattern-light.svg) repeat fixed;
}

.entry-title a {
	color: #333333;
}

.entry-title a:hover {
	color: #3399cc;
}

.entry-meta {
	color: #666666;
}

.entry-meta a {
	color: #666666;
}

.entry-meta a:hover {
	color: #3399cc;
}

.cat-links a {
	color: #333333;
}

.cat-links a:hover {
	color: #3399cc;
}

.entry-meta .tag-links a {
	background-color: #666666;
	color: #fff;
}

.entry-meta .tag-links a:hover {
	background-color: #3399cc;
	color: #fff;
}

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

.entry-content .edit-link a {
	color: #666666;
	text-decoration: none;
}

.entry-content .edit-link a:hover {
	color: #3399cc;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current,
.widget .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #3366cc;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.widget .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.widget .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: rgba(255, 255, 255, .33);
}

.hentry .mejs-overlay:hover .mejs-overlay-button,
.widget .mejs-overlay:hover .mejs-overlay-button {
	background-color: #3366cc;
	color: #fff;
}

.hentry .mejs-controls .mejs-button button:hover,
.widget .mejs-controls .mejs-button button:hover {
	color: #3399cc;
}

.page-links a:hover {
	background: #3399cc;
	color: #fff;
}

.post-navigation .meta-nav {
	color: #666666;
}

.post-navigation a,
.image-navigation a {
	color: #333333;
}

.post-navigation a:hover,
.image-navigation a:hover {
	color: #3399cc;
}

.paging-navigation a {
	color: #333333;
}

.paging-navigation .page-numbers.current {
	border-top: 5px solid #3366cc;
}

.paging-navigation a:hover {
	border-top: 5px solid #3399cc;
	color: #333333;
}

.taxonomy-description,
.author-description {
	color: #666666;
}

.comment-author a {
	color: #333333;
}

.comment-list .trackback a,
.comment-list .pingback a,
.comment-metadata a {
	color: #666666;
}

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #3399cc;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments,
.form-allowed-tags,
.form-allowed-tags code {
	color: #666666;
}

.required {
	color: #c0392b;
}

.comment-reply-title small a {
	color: #333333;
}

.comment-reply-title small a:hover {
	color: #3399cc;
}

.content-sidebar {
	color: #666666;
}

.widget a:hover {
	color: #3399cc;
}

.widget button,
.widget .button,
.widget input[type="button"],
.widget input[type="reset"],
.widget input[type="submit"] {
	background-color: #3366cc;
	padding: 5px 15px 4px;
}

.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: #3399cc;
}

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

.widget-title a:hover {
	color: #3399cc;
}

.widget_calendar tbody a {
	background-color: #3366cc;
	color: #fff;
}

.widget_calendar tbody a:hover {
	background-color: #3399cc;
}

.widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #3399cc;
}

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

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

.content-sidebar .widget mark,
.content-sidebar .widget ins {
	color: #333333;
}

.content-sidebar .widget abbr[title] {
	border-color: #333333;
}

.content-sidebar .widget blockquote {
	color: #666666;
}

.content-sidebar .widget blockquote cite {
	color: #333333;
}

.content-sidebar .widget del {
	color: #666666;
}

.content-sidebar .widget input,
.content-sidebar .widget textarea {
	background-color: #fff;
	border-color: rgba(0, 0, 0, 0.1);
	color: #333333;
}

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

.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: #3399cc;
}

.content-sidebar .widget input[type="button"]:active,
.content-sidebar .widget input[type="reset"]:active,
.content-sidebar .widget input[type="submit"]:active {
	background-color: #3399cc;
}

.content-sidebar .widget .wp-caption {
	color: #666666;
}

.content-sidebar .widget .widget-title {
	color: #333333;
}

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

.content-sidebar .widget .widget-title a:hover {
	color: #3399cc;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a {
	color: #666666;
}

.content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover {
	color: #3399cc;
}

.site-info a:hover {
	color: #3399cc;
}

.featured-content a:hover {
	color: #3399cc;
}

.slider-control-paging a:hover:before {
	background-color: #3399cc;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #3366cc;
}

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