/*
Theme Name: Ludoko
Description: Ludoko Studios styling on top of Twenty Fourteen.
Author: Ludoko Studios, LLC
Template: twentyfourteen
Version: 1.0
Text Domain: ludoko
*/

/*
 * These rules were originally edited directly into Twenty Fourteen 1.6's
 * style.css. They are kept here so the parent theme can be updated safely.
 */

body {
	background: #fdf3d1;
	color: #2b2b2b;
	font-family: Lato, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
}

a {
	color: #037181;
}

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

::selection {
	background: #eea232;
	color: #fdf3d1;
}

::-moz-selection {
	background: #eea232;
	color: #fdf3d1;
}

/* Layout */

.site {
	background-color: transparent;
	max-width: 970px;
	margin: 0 auto;
}

.site:before {
	display: none;
}

#site-header {
	background: #74e9f3;
	padding-bottom: 1em;
	text-align: center;
}

.site-header {
	background: #74e9e9;
	max-width: 970px;
	text-align: center;
}

.site-title,
.search-toggle,
#secondary {
	display: none;
}

div#main {
	background: #b9eee2;
}

/* Navigation */

ul#primary-menu {
	font-weight: 600;
}

.site-navigation a {
	color: rgb(33, 45, 65);
}

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

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

.menu-toggle {
	background-color: #74e9f3;
	position: relative;
}

.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:hover {
	background-color: #74e9f3;
}

/* Content */

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

.entry-title {
	font-weight: 500;
	padding-top: 25px;
}

.site-content .entry-header,
.site-content .entry-meta,
.site-content .entry-content,
.site-content .entry-summary,
.page-content {
	background: rgba(255, 255, 255, 0.6);
}

/* Footer */

.site-footer,
.site-info,
.site-info a {
	color: #000;
}

.site-footer {
	background-color: #74e9e9;
}

.site-info {
	text-align: center;
}

.site-info a:hover {
	color: #212d41;
}

@media screen and (min-width: 783px) {
	a img.size-full,
	a img.size-large {
		max-width: 99%;
		border: 6px #74e9f3 solid;
		border-radius: 10px;
	}

	.header-main {
		padding-right: 10px;
	}

	.site-content .entry-header {
		border-radius: 15px 15px 0 0;
	}

	.site-content .entry-content,
	.site-content .entry-summary,
	.page-content {
		border-radius: 0 0 15px 15px;
	}

	.primary-navigation {
		float: none;
		font-size: 14px;
	}

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

@media screen and (min-width: 1008px) {
	.site-content {
		margin-left: 0;
	}
}

@media screen and (min-width: 1080px) {
	.site-content,
	.site-main .widecolumn {
		margin-left: 0;
	}
}
