/*
 Theme Name:   Libretto Child
 Template:     libretto
 Version:      1.0.0
*/

body { background: #FFF; }

.archive.category .title-block { display: none; }

#content { max-width: 840px; }

#colophon .site-info { float: none; text-align: center; }

.comment-subscription-form { display: none!important; } }

.under-post {
	padding: 20px 0 0 0;
	margin: 0 -3em;
}
.under-post h5 { font-size: 16px; margin: 0 0 5px 0; font-style: normal; }
.under-post .share-buttons {
	float: left;
}
.under-post .follow-buttons {
	float: right;
}
	.under-post .follow-buttons a,
	.under-post .share-buttons a {
		display: inline-block;
	    margin: 0 0 5px;
	    padding: 0;
	    overflow: hidden;
	    line-height: 0;
	    text-decoration: none;
	    text-transform: none;
	    color: #fff;
	    cursor: pointer;
	    transition: all .2s ease-in-out;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    border: 0;
	    font-family: helvetica neue,helvetica,arial,sans-serif;
	    background-color: transparent;
	    padding: 0 15px 0 30px;
		background-color: rgb(59, 89, 152);
		border-radius: 0px;
		font-size: 11px;
		line-height: 30px;
		top: 0px;
		position: relative;
	}
	.under-post .follow-buttons a:hover,
	.under-post .share-buttons a:hover { top: -5px; }
	.under-post .follow-buttons .follow-tw,
	.under-post .share-buttons .follow-tw { background: rgb(29, 161, 242); }
	.under-post .follow-buttons .follow-sm,
	.under-post .share-buttons .follow-sm { background: #619ad5; }
	.under-post .follow-buttons .follow-gr,
	.under-post .share-buttons .follow-gr { background: #633908; }
	.under-post .follow-buttons .follow-em,
	.under-post .share-buttons .follow-em { background: rgb(132, 132, 132); }
		.under-post .follow-buttons a img,
		.under-post .follow-buttons a svg,
		.under-post .share-buttons a img,
		.under-post .share-buttons a svg {
			width: 20px;
			height: auto;
			position: absolute;
			top: 50%;
			left: 5px;
			margin: -10px 0 0 0;
			display: block;
		}
		.under-post .follow-buttons .follow-sm img { width: 17px; }

	.smashwords-button {
		display: inline-block;
	    margin: 0 0 5px;
	    padding: 0;
	    overflow: hidden;
	    line-height: 0;
	    text-decoration: none;
	    text-transform: none;
	    color: #fff!important;
	    cursor: pointer;
	    transition: all .2s ease-in-out;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    border: 0;
	    font-family: helvetica neue,helvetica,arial,sans-serif;
	    background-color: #619ad5;
	    padding: 0 15px 0 45px;
		background-color: #619ad5;
		border-radius: 0px;
		font-size: 15px;
		line-height: 40px;
		top: 0px;
		position: relative;
	}
	.smashwords-button:hover { opacity: 0.8; }
	.smashwords-button img {
			width: 24px;
			height: auto;
			position: absolute;
			top: 50%;
			left: 10px;
			margin: -12px 0 0 0;
			display: block;
	}

	.lulu-button {
		display: inline-block;
	    margin: 0 0 5px;
	    padding: 0;
	    overflow: hidden;
	    line-height: 0;
	    text-decoration: none;
	    text-transform: none;
	    color: #fff!important;
	    cursor: pointer;
	    transition: all .2s ease-in-out;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    border: 0;
	    font-family: helvetica neue,helvetica,arial,sans-serif;
	    background-color: #619ad5;
	    padding: 0 15px 0 49px;
		background-color: #514847;
		background-color: #203a54;
		border-radius: 0px;
		font-size: 15px;
		line-height: 40px;
		top: 0px;
		position: relative;
	}
	.lulu-button:hover { opacity: 0.8; }
	.lulu-button img {
			width: 29px;
			height: auto;
			position: absolute;
			top: 50%;
			left: 10px;
			margin: -10px 0 0 0;
			display: block;
	}


@media all and (max-width: 1000px) and (min-width: 0px) {
	.under-post .share-buttons,
	.under-post .follow-buttons {
		float: none;
		text-align: center;
	}
	.under-post .share-buttons { padding: 0 0 20px 0; }
}
@media all and (max-width: 860px) and (min-width: 0px) {
	.under-post {
		margin: 0px;
	}
}

.at-resp-share-element.at-mobile .at4-share-count-container, .at-resp-share-element.at-mobile .at-label { display: inline-block!important; }

@media only screen and (max-width: 640px) {
	#site-navigation .menu-toggle { text-align: center; padding: 20px 0 0 0; font-size: 30px; }
	#site-navigation .menu-toggle #menu-icon { display: none!important; }
	#site-navigation ul { text-align: center; padding: 0 0 20px 0; }
	#site-navigation .menu li { display: inline-block; margin: 0 10px; }
	#site-navigation .menu li a { display: inline-block; padding: 0px; margin: 0px; }
	.menu-wrapper .search-form { display: none; }
	.at-share-btn-elements a,
	.under-post .follow-buttons a { display: block!important; float: none!important; margin: 0 0 10px 0!important; font-size: 16px!important; }
	.at-resp-share-element.at-mobile .at4-share-count-container, .at-resp-share-element.at-mobile .at-label { font-size: 16px!important; }
}

.libretto-long-form,
#comments { margin: 0px!important; width: auto!important; }

.libretto-long-form .entry-header::before,
.post .entry-header:before, .entry-footer:before, .single .title-block:before, .page .entry-header:before { display: none; }
body:not(.libretto-has-header-image) .title-block { padding-top: 20px; }

#jp-relatedposts { display: none; }


.container {
	margin: 0 auto;
	width: 1200px;
}
.clearfix { display: block; clear: both; }

#site-header {

}
	#site-header img { width: 100%; display: block; margin: 0px; }

#site-nav {

}	
	.nav-holder {
		background: #FFF;
		border: 1px solid #CCC;
		border-radius: 0 0 2px 2px;
		border-top: none;
	}
		.nav-holder div.menu-main-menu-container {
			float: left;
			padding: 0 0 0 10px;
		}
			.nav-holder div.menu-main-menu-container ul { list-style: none; display: block; margin: 0px; }
			.nav-holder div.menu-main-menu-container li {
				float: left;
				display: block;
				padding: 0 10px;
				margin: 0px;
			}
				.nav-holder div.menu-main-menu-container li a {
					float: left;
					display: block;
					line-height: 60px;
					font-size: 15px;
				}
		.nav-holder .nav-right {
			float: right;
			padding: 10px 10px 0 0;
		}
		.nav-holder .nav-right a {
			display: inline-block;
			vertical-align: top;
		    margin: 0 0 0 0;
		    padding: 0;
		    overflow: hidden;
		    line-height: 0;
		    text-decoration: none;
		    text-transform: none;
		    color: #fff;
		    cursor: pointer;
		    transition: all .2s ease-in-out;
		    -webkit-transition: all .2s ease-in-out;
		    -moz-transition: all .2s ease-in-out;
		    border: 0;
		    font-family: helvetica neue,helvetica,arial,sans-serif;
		    background-color: transparent;
		    padding: 0 15px 0 30px;
			background-color: #333;
			border-radius: 0px;
			font-size: 13px;
			line-height: 40px;
			top: 0px;
			position: relative;
		}
		.nav-holder .nav-right a:hover { background: #000!important; }
		.nav-holder .nav-right .follow-fb { background-color: rgb(59, 89, 152); }
		.nav-holder .nav-right .follow-tw { background: rgb(29, 161, 242); }
		.nav-holder .nav-right .follow-sm { background: #619ad5; }
		.nav-holder .nav-right .follow-gr { background: #633908; }
		.nav-holder .nav-right .follow-em { background: rgb(132, 132, 132); }
			.nav-holder .nav-right a img,
			.nav-holder .nav-right a svg {
				width: 20px;
				height: auto;
				position: absolute;
				top: 50%;
				left: 5px;
				margin: -10px 0 0 0;
				display: block;
			}
			.nav-holder .nav-right .follow-sm img { width: 17px; }


.libretto-long-form {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
}
.under-post {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 20px 20px 0 20px;
	border-top: none;
}
#comments {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 20px 20px 0 20px;
	border-top: none;
}
@media only screen and (min-width: 860px) {
#comments {
	margin-left: -3em;
    margin-right: -3em;
    max-width: calc(100% + 6em);
    background: #f9f9f9;
}
}
#comments h2 { padding: 0px; margin: 0px; text-transform: none; font-size: 16px; letter-spacing: 0px; }
.comment-reply-title, .no-comments { text-align: left; }

.leave-comment-link {
	display: inline-block;
    margin: 0;
    padding: 0;
    overflow: hidden;
    line-height: 0;
    text-decoration: none;
    text-transform: none;
    color: #fff;
    cursor: pointer;
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    border: 0;
    font-family: helvetica neue,helvetica,arial,sans-serif;
    background-color: transparent;
    padding: 0 15px 0 15px;
    background-color: #333;
    border-radius: 0px;
    font-size: 14px;
    line-height: 40px;
    top: 0px;
    position: relative;
}
.leave-comment-link:hover { background: #000; color: #FFF; }

#respond { display: none; }

#footer-sidebar { background: #FFF; border-top: 1px solid #EEE; }

#main {
	padding: 50px 0;
}

.main-blog-view {
	position: relative;
}
.main-blog-view .left-sidebar {
	float: left;
	padding: 0 40px 0 0;
	width: 30%;
}
	.main-blog-view .left-sidebar h5 {
		color: #333;
		font-size: 14px;
		border-bottom: 1px solid #DDD;
	}
	.main-blog-view .left-sidebar p {
		font-size: 14px;
		line-height: 18px;
		margin: 0 0 10px 0;
	}
.main-blog-view #content {
	float: left;
	width: 70%;
	max-width: none;
	margin: 0px;
	float: right;
}
	
	.main-blog-view .format-aside .entry-content, 
	.main-blog-view .format-quote .entry-content, 
	.main-blog-view .libretto-long-form,
	.main-blog-view .under-post {
		margin: 0px;
		max-width: 100%;
	}


@media all and (max-width: 1210px) and (min-width: 0px) {
	
	.container { margin: 0px; width: auto; }

}

@media all and (max-width: 890px) and (min-width: 0px) {
	.nav-holder div.menu-main-menu-container { text-align: center; float: none; padding: 10px 0; }
	.nav-holder div.menu-main-menu-container li { display: inline-block; float: none; }
	.nav-holder div.menu-main-menu-container li a { display: inline-block; float: none; }
	.nav-holder .nav-right { text-align: center; float: none; padding: 0 0 10px 0; }
	.nav-holder div.menu-main-menu-container li { padding: 0 10px; }
	.nav-holder div.menu-main-menu-container li a { margin: 0px; line-height: 30px; font-size: 16px; }
	.nav-holder .nav-right a { padding-right: 8px!important; line-height: 30px; font-size: 12px; padding-left: 8px!important; margin: 0 -1px; }
	.nav-holder .nav-right a svg { display: none; }

}

@media all and (max-width: 450px) and (min-width: 0px) {
	#site-header.site-header-anthony { overflow: hidden; }
	#site-header.site-header-anthony .container { width: 300%; margin: 0 0 0 -100%; text-align: center; }
	#site-header.site-header-anthony .container img { width: 450px; margin: 0 auto; }
}

@media only screen and (max-width: 640px) {
	.libretto-long-form {
		margin: 0px;
		padding: 10px;
		width: auto;
	}
}