/*
 Theme Name:     Worsted for Wear Theme
 Description:    Worsted for Wear custom child theme.
 Author:         Joshua Anderson
 Author URI:     http://www.sketchlayer.com
 Template:       generatepress
 Version:        1.0.0
*/

/*
font-family: 'Open Sans', sans-serif;
font-family: 'Passion One', cursive;
*/

* {
	margin: 0;
	padding: 0;
}

html,
body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	background: #fdbb6d url(../../uploads/bg_tile.jpg) center top repeat-x;
	font-family: 'Open Sans', sans-serif;
}

.body-wrap {
	min-height:100%;
	position:relative;
}

body .grid-container { text-align: center; }

.site-header .header-image { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.site-header .header-image:hover {
	ms-transform: translateY(-3px); /* IE 9 */
    -webkit-transform: translateY(-3px); /* Chrome, Safari, Opera */
    transform: translateY(-3px);
}

/* Header */

.site-header {
	background: transparent;
}

.inside-header {
    padding: 20px 40px 20px 40px;
}

/* Menu */

.main-navigation,
.main-navigation-toggled {
	font-family: 'Passion One', cursive;
	background: #b7df87;
	background: -moz-linear-gradient(top, #b7df87 0%, #b7df87 25%, #b7df87 75%, #b7df87 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #b7df87), color-stop(25%, #b7df87), color-stop(75%, #b7df87), color-stop(100%, #b7df87));
	background: -webkit-linear-gradient(top, #b7df87 0%, #b7df87 25%, #b7df87 75%, #b7df87 100%);
	background: -o-linear-gradient(top, #b7df87 0%, #b7df87 25%, #b7df87 75%, #b7df87 100%);
	background: -ms-linear-gradient(top, #b7df87 0%, #b7df87 25%, #b7df87 75%, #b7df87 100%);
	background: linear-gradient(to bottom, #b7df87 0%, #b7df87 25%, #b7df87 75%, #b7df87 100%);
	
}

.main-navigation a, .menu-toggle {
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}

.main-navigation .main-nav ul .current-menu-item > a, 
.main-navigation .main-nav ul .current-menu-parent > a, 
.main-navigation .main-nav ul .current-menu-ancestor > a,
.main-navigation .main-nav ul li a:hover,
 .menu-toggle, .main-navigation .mobile-bar-items a:hover {
	background: #fdb5b9;
	background: -moz-linear-gradient(top, #fdb5b9 0%, #f78094 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #fdb5b9), color-stop(100%, #f78094));
	background: -webkit-linear-gradient(top, #fdb5b9 0%, #f78094 100%);
	background: -o-linear-gradient(top, #fdb5b9 0%, #f78094 100%);
	background: -ms-linear-gradient(top, #fdb5b9 0%, #f78094 100%);
	background: linear-gradient(to bottom, #fdb5b9 0%, #f78094 100%);
 }

/* Post Nav */

.post-nav {
	display: table;
	width: 100%;
	padding: 10px 0 10px;
	color: #FFF;
	font-family: 'Passion One', cursive;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	text-align: center;
	text-transform: uppercase;
	background: #fdb5b9;
	background: -moz-linear-gradient(top, #fdb5b9 0%, #f78094 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, #fdb5b9), color-stop(100%, #f78094));
	background: -webkit-linear-gradient(top, #fdb5b9 0%, #f78094 100%);
	background: -o-linear-gradient(top, #fdb5b9 0%, #f78094 100%);
	background: -ms-linear-gradient(top, #fdb5b9 0%, #f78094 100%);
	background: linear-gradient(to bottom, #fdb5b9 0%, #f78094 100%);
	font-size: 1.35em;
	font-weight: normal;
}

.post-nav a {
	color: #FFF;
}

.post-nav a:hover { color: #fedfa9; }

.post-nav a i {
    vertical-align: top;
    margin: 5px 0 0;
}

.post-nav span {
	margin: 0 5%;
}

.post-nav .post-nav-left {
	float: left;
	width: 50%;
	text-align: left;
}

.post-nav .post-nav-right {
	width: 50%;
	float: right;
	text-align: right;
}

/* Post Body */

#page { 
	padding-bottom: 65px;
}

.entry-header { text-align: center; }

.entry-title {
	font-family: 'Passion One', cursive;
	text-align: center;
	margin: 0 0 20px;
	background: #38d2e0;
	display: inline-block;
	padding: 6px 25px 5px;
	color: #FFF;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	-moz-border-radius: 9px;
	border-radius: 9px;
}

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

.entry-content { 
	margin: 0; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 4%;
	text-align: left;
}

footer.entry-meta {
	margin: 20px 20px 20px;
}

.wp-post-image {
	display: block;
	margin: 0 auto;
}

.hentry .inside-article {
	padding: 34px 0 0;
}

/* Post Image */

.post-image { 
	margin: 0 auto 1em; 
	width: 96%;
	overflow: scroll;
}

.post-image img {
	max-width: none;
}

.post-image::-webkit-scrollbar { 
    display: none; 
}

/* Archive */

.page-id-1178 .entry-content ul {
	list-style: none;
	margin: 0;
	font-size: 0;
}

.page-id-1178 .entry-content li {
	display: inline-block;
}

.page-id-1178 .entry-content li a {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 150px;
	padding: 15px 0 15px;
	background: #ece9e3;
	text-align: center;
	font-size: 16px;
	color: #1e73be;
}

.page-id-1178 .entry-content li:nth-of-type(even) a { background: #cce7ac; }

.page-id-1178 .entry-content li a:hover { background: #fdd7da; }

/* Cast Page */

.cast-row {
	text-align: center;
}

.cast {
	display: inline-block;
	vertical-align: top;
	width: 250px;
	text-align: center;
	margin: 0 1% 15px;
}

.cast img {
	display: inline-block;
}

/* Authors Page */

.author-pic {
	float: left;
	margin: 0 20px 20px 0;
}

/* Welcome Page */

#welcome-box {
	width: 96%;
	margin: 15px auto 15px;
	position: relative;
	text-align: center;
}

#welcome-box img { width: 100%; }
	
.welcome-btn {
	display: inline-block;
	position: absolute;
	font-family: 'Passion One', cursive;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 146px;
	height: 146px;
	color: #FFF;
	background: #fdb5b9;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	text-align: center;
	text-transform: uppercase;
	padding: 33px 0 0;
	overflow: hidden;
	font-size: 27px;
    line-height: 1em;
	margin: 0 5% 15px;
}
a.welcome-btn { color: #FFF; }

a.welcome-btn:hover { background: #f78094; }

.welcome-l {
	top: 1%;
	left: 10%;
}

.welcome-m {
	top: 1%;
	left: 0;
	right: 0;
	margin: 0 auto 15px;
	padding: 51px 0 0;
}

.welcome-r {
	top: 1%;
	right: 10%;
	padding: 51px 0 0;
}


@media only screen and (max-width: 48em) {
	.welcome-btn { position: relative; }

	.welcome-l {
		top: auto;
		left: auto;
	}
	
	.welcome-m {
		top: auto;
		left: auto;
		right: auto;
		margin: 0 5% 15px;
	}
	
	.welcome-r {
		top: auto;
		right: auto;
	}
}


/* Footer */

.entry-meta { display: none; }

.footer-widgets { display: none; }

.site-info {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	padding-left: 0;
	padding-right: 0;
}