/*
Theme Name: Kokoro Child
Theme URI: https://BuzzTownMarketing.com
Author: BuzzTown Digital Marketing
Author URI: https://BuzzTownMarketing.com
Description:	Child Theme for In The Valley Below
Template: kokoro
Version: 1.0
*/

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

@font-face{
	font-family:'Cooper';
	src:url('fonts/cooper-webfont.eot');
	src:url('fonts/cooper-webfont.eot?#iefix') format('embedded-opentype'),
	url('fonts/cooper-webfont.woff') format('woff'),
	url('fonts/cooper-webfont.svg#Cooper') format('svg');
	font-weight:normal;
	font-style:normal;
}
h1.site-title {
	max-width: 970px;
}

h1.site-title a {
	font: 1.5em Cooper;
}

.site-description {
	display: none;
}

h2, article#post-49.post-49.page.type-page.status-publish.hentry header.entry-header h1.entry-title {
	font-family: Cooper;
	margin-bottom: 0;
	text-transform: uppercase;
}

header#masthead.site-header div.site-branding.container {
	padding-bottom: 0;
}

ul#primary-menu.nav-menu.menu {
	border-style: none !important;
	border-top-style: none !important;
}

ul#primary-menu.nav-menu.menu .sub-menu {
	padding-top: 20px;
	margin-top: -30px;
	box-shadow: 0 0 0;
}

.content-area.container {
	max-width: 950px !important;
	overflow: hidden;
	padding-left: 0 !important;
	padding-right: 0 !important;
	margin-right: 0 !important;
}

.menu-item a {
	font: 1.4em Cooper !important;
}

nav#main-nav.main-navigation {
	border-style: none !important;
}

.site-header div.header-image{
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
}

#page.site {
	max-width: 970px;
	box-shadow: 0 0 0;
	padding-right: 10px;
	padding-left: 10px;
}

div#content.site-content {
	max-width: 970px;
	padding-top: 0;
}

#primary.content-area.container {
	max-width: 970px;
	padding-right: 10px;
	padding-left: 10px;
}

h2.widget-title {
	font: 1.3em Cooper;
	border-style: none;
	text-align: left;
	margin-bottom: 0;
	padding-left: 0;
	border-bottom: 1px solid #E6E6E6;
	padding-bottom: 0;
}
main#main.site-main {
	max-width: 560px !important;
}

.page-template-template-full-width main#main.site-main {
	width: 100% !important;
	position: relative;
	max-width: 100% !important;
}

div.entry-box-post {
	max-width: 560px;
	margin-right: 0;
	box-shadow: 0 0 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
}

div#primary.content-area.container aside.sidebar.widget-area {
	max-width: 305px !important;
}

.entry-header h2.entry-title, .entry-header h1.entry-title {
	text-align: left;
	font-family: Cooper;
	margin-top: 0;
	border-bottom: 3px double #000000;
	text-transform: uppercase;
}

.entry-header div.entry-box {
	text-align: left;
	color: #7D7A7A;
	font-size: .8em;
}

.post.type-post.status-publish.format-standard {
	margin-bottom: 0;
}

em.date a time.entry-date.published {
	margin-left: 0;
	color: #777;
}

footer#colophon.site-footer {
	padding-bottom: 10px;
	padding-top: 20px;
}

footer#colophon.site-footer div.site-info.container {
	margin: 0 auto;
	max-width: 100%;
}

div.icons ul.social {
	text-align: center;
}

.icons li.facebook a,.icons li.facebook,  .icons li.twitter a,.icons li.twitter, li.fadein.soundcloud, li.fadein.soundcloud a, .icons li.instagram a,.icons li.instagram,.icons li.youtube,.icons li.youtube a,.icons li.spotify,.icons li.spotify a {
	margin-right: 3%;
	display: inline-block;
	font-size: 26px;
	border-bottom-style: none;
	width: 40px;
	color: #4c4c4c;
}

.icons li.twitter a,
.icons li.twitter {
	background: url(images/social-icons/twitter.png) no-repeat;
	width: 24px;
	height: 24px;
	margin-right: 20px;
	margin-left: 0;
	display: inline-block;
}

section#custom_html-3.widget_text.widget.widget_custom_html div.textwidget.custom-html-widget{
	text-align: center !important;
}

@media screen and (max-width: 768px) {
	div#primary.content-area.container {
		margin-left: 0;
		width: 100%;
	}
	ul#primary-menu.nav-menu.menu .sub-menu {
		padding-top: 0px;
		margin-top: 0px;
		box-shadow: 0 0 0;
		z-index: 2;
		position: relative;
		background-color: #eeeeee !important;
		text-align: left;
	}
	
	ul#primary-menu.nav-menu.menu {
		z-index: 2;
		position: relative;
		border: 1px solid #000000 !important;
		background-color: #eeeeee !important;
		text-align: left;
		padding-top: 10px;
	}
	
	.menu-item.menu-item-type-post_type.menu-item-object-page, .menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item, .menu-item.menu-item-type-post.menu-item-object- {
		margin-bottom: 10px !important;
	}
	
	.sub-menu .menu-item.menu-item-type-post.menu-item-object- {
		padding-left: 40px;
	}
}