/*
 Theme Name:   Ocean
 Theme URI:    http://mermate.nl/ocean
 Description:  Ocean theme
 Author:       Electron
 Author URI:   http://mermate.nl
 Template:     twentyfourteen
 Version:      1.0.0
 Tags:         yellow text on ink blue background in header/footer/sidebar/entry, light blue background
 Text Domain:  ocean
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */
 
a {
	color: #ef692a; /* reddish orange #24890d */
	text-decoration: none;
}

a:hover,
a:active {
	color: #e58308; /* orange #41a62a */
	}

/* 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: #d71d44; /* red #24890d */
	color: #fff;
	text-shadow: none;
}

::-moz-selection {
	background: #d71d44; /* red #24890d */
	color: #fff;
	text-shadow: none;
}

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

/* Buttons */

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: #d71d44; /* red #24890d */
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 30px 11px;
	text-transform: uppercase;
	vertical-align: bottom;
}

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: #f6cf08; /* yellow #41a62a */
	color: #fff;
}

button:active,
.button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background-color: #ffff00; /* bright yellow #55d737 */
}

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

.site {
	background-color: #96d0dc; /* light blue #fff */
	max-width: 1260px;
	position: relative;
}

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

 #site-header {
	position: relative;
	z-index: 3;
}
.site-header {
	background-color: #1d3269; /* ink blue #000 */
	max-width: 1260px;
	position: relative;
	width: 100%;
	z-index: 4;
}

.site-title a {
	color: #ef692a; /* reddish orange #fff */
}

.site-title a:hover {
	color: #e58308; /* orange #fff */
}

/* Search in the header */

.search-toggle {
	background-color: #d71d44; /* red #24890d */
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #f6cf08; /* yellow #41a62a */
}

.search-box {
	background-color: #f6cf08; /* yellow #41a62a */
	padding: 12px;
}

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

.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: #ef692a; /* reddish orange #55d737 */
	font-weight: 900;
}
 
.site-navigation a:hover {
	color: #e58308; /* orange #41a62a */
}

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


.entry-title a {
	color: #ef692a; /* reddish orange #2b2b2b */
}

.entry-title a:hover {
	color: #e58308; /* orange #41a62a */
}

.site-content .entry-header {
	background-color: #1d3268; /* ink blue #fff */
	color: #f6cf08; /* yellow not set */
}

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

.site-content .entry-meta {
	background-color: #96d0dc; /* light blue #fff */
}


.entry-meta a:hover {
	color: #e58308; /* orange #41a62a */
}


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

.site-content .entry-content,
.site-content .entry-summary,
.page-content {
	background-color: #1d3268; /* ink blue #fff */
	color: #f6cf08; /* yellow not set */
}

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

.comment-author a:hover,
.comment-list .pingback a:hover,
.comment-list .trackback a:hover,
.comment-metadata a:hover {
	color: #e58308; /* orange #41a62a */
}

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

/* Secondary (for small screen/window)*/

#secondary {
	background-color: #1d3269; /* ink blue #000 */ 
	border-top: 0; /* no border 1px solid #000 */
}

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

/* Primary Sidebar, Footer Sidebar */

.widget {
	color: #f6cf08; /* yellow not set */
}

.widget a {
	color: #ef692a; /* reddish orange #fff */
}

.widget a:hover {
	color: #e58308; /* orange #41a62a */
}

.widget-title {
	color: #f6cf08; /* yellow #fff */;
}

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

.site-footer,
.site-info {
	color: #f6cf08; /* yellow rgba(255, 255, 255, 0.7) */
}

.site-info a {
	color: #ef692a; /* reddish orange rgba(255, 255, 255, 0.7) */
}

.site-info a:hover {
	color: #e58308; /* orange not set */
}


.site-footer {
	background-color: #1d3269; /* ink blue #000 */
}

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

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */

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

	.site-content .entry-content {
		padding-left: 30px;
		padding-right: 30px;
	}

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

	/* Undo Twenty Fourteen Fixed Header */

	.masthead-fixed .site-header {
		position: relative;
		top: auto;
	}
	.admin-bar.masthead-fixed .site-header {
		top: auto;
	}

	.masthead-fixed .site-main {
		margin-top: 0;
	}

	/* Primary Navigation */

	.primary-navigation ul ul {
		background-color: #d71d44; /* red #24890d */
		float: left;
		margin: 0;
		position: absolute;
		top: 48px;
		left: -999em;
		z-index: 99999;
	}

	.primary-navigation li:hover > a,
	.primary-navigation li.focus > a {
		background-color: #d71d44; /* red #24890d */
		color: #fff;
	}

	.primary-navigation ul ul a:hover,
	.primary-navigation ul ul li.focus > a {
		background-color: #f6cf08; /* yellow #41a62a */
	}
	
}


@media screen and (min-width: 1008px) {
/* sidebar */
	.site:before {
		background-color: #1d3269; /* ink blue #000 */
		
}