/*

Theme Name: Post Hill Press (Beta)

Author: EMG

Author URI: http://emg.co

Description: A custom theme for Post Hill Press 

Version: 1.0

*/



@import url("https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600italic,600,700,700italic");

@import url("bootstrap/dist/css/bootstrap.min.css");



/* Begin BWP Rules */

.cat-pub-date { font-size: 14px !important; }

body {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

.modal-content .img-responsive {
	margin: 0 auto;
}

.hp-post-grid .excerpt p:nth-child(2) {}



.hp-post-grid .excerpt p:nth-child(1) {min-height: 90px;}



.modal-dialog {

	max-width: 900px;

	min-width: 700px;

	margin: 30px auto;

}



#booksby .owl-wrapper-outer { height: auto !important; }



/* News Style #2 */

.post-preview-more .col-sm-12 .image-wrap {

	max-height: 260px !important;

	overflow: hidden;

	min-height: 260px !important;

}

.post-preview-more .col-sm-12 .image-wrap-more {

	max-height: 150px !important;

	overflow: hidden;

	min-height: 150px !important;

}

.post-preview-more {

	margin-bottom: 30px;

}

/* End News Style #2 */



h3.title-item {

	font-size: 1.2em !important;

	line-height: 1.2em !important;

}



#booksbyauthor {

	min-height: 460px;

}



/* Begin Bootstrap 3 Menu CSS - BWP */

.dropdown-submenu{position:relative;}

.dropdown-submenu>.dropdown-menu{top:0;left:100%;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}

.dropdown-submenu:active>.dropdown-menu, .dropdown-submenu:hover>.dropdown-menu {

display: block;

}

.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}

.dropdown-submenu:active>a:after{border-left-color:#ffffff;}

.dropdown-submenu.pull-left{float:none;}

.dropdown-submenu.pull-left>.dropdown-menu {left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}



.dropdown-menu li .dropdown-menu {min-width: 240px;}

/* End Bootstrap 3 Menu CSS */

/** addition to deal with submenus going off page -Justen Robertson 
 * note looks like .pull-left class is supposed to do this, but it's not automatically
 * applied and changing it may have unexpected consequences so this routes around the
 * whole problem by creating a new class
 **/
.dropdown-menu.left-side {left:auto; right:100%;
	-webkit-border-radius:6px 0 6px 6px;
	-moz-border-radius:6px 0 6px 6px;
	border-radius:6px 0 6px 6px;
}

#book-categories li .term-count {

	font-size: 13px !important;

	margin-left: 2px;

}

#book-categories li {

	font-size: 12px !important;

}

#book-categories li span {

	font-size: 16px !important;

}

#book-categories li a {

	font-weight: 600 !important;

}

#book-categories ul {

	list-style: none;

	text-align: center;

}

/* End BWP Rules */



body {font-weight: 300; background: black;}



section#hero, section#hero .overlay {}

section {background: transparent;}

.btn {font-weight: 600;}

.btn.spread {letter-spacing: 4px; text-transform: uppercase; font-weight: 100;}

.green a {color:rgba(255,255,255,0.5);}

.green a:hover {color:rgba(255,255,255,.9); text-decoration: none;}

.overlay {background: rgba(58,98,116,0.8); height: 100%; width: 100%; position: relative; color: white;}

.overlay.overlay-light {background: rgba(255,255,255,0.92); border-bottom: 8px solid #3a6374; color: #444; }

.navbar-brand {padding:0 0 0 0;}

.logo {margin:0 0 0 0; width:340px;}



.navbar-theme {background: #6c975c; margin-bottom: 0px; min-height: 0px;}

.navbar-theme a {color:white; text-transform: uppercase}

.navbar-theme .nav > li > a:hover, .navbar-theme .nav > li > a:focus {background: rgba(255,255,255,0.1);}

.navbar-theme .navbar-nav > li > a {

    padding-top: 20px;

    padding-bottom: 20px;

    font-size: 1.1em;

    font-weight: 300;

    letter-spacing: 2px;

    padding-right: 15px;

    padding-left: 23px;

}

/**
 * Custom breakpoints for navbar
 * - Justen Robertson
 */
@media screen and (max-width:1199px) {
	nav.navbar-theme .navbar-nav > li > a {padding-right:5px; padding-left:6px;}
}

/**
 * Bump the logo size down between these sizes
 */
@media screen and (max-width:999px) and (min-width:768px) {
	nav.navbar-theme .navbar-nav > li > a {font-size:1em; padding-right:2px; padding-left:2px;}
	nav.navbar-theme a.navbar-brand img {width:200px; margin-top:12px;}
}

/**
 * Fix logo alignment in mobile mode
 */
@media screen and (max-width:767px) {
	nav.navbar-theme a.navbar-brand img {margin-top:-5px;}
}

/**
 * Fix logo width on really small screens
 */
@media screen and (max-width:414px) {
	nav.navbar-theme a.navbar-brand img {width:240px; margin-top:5px;}
}

.carousel-inner{height: 300px;}

.navbar-toggle {border: 1px solid white !important;margin-top: 5px;

margin-bottom: 5px;

border-radius: 7px;}

.navbar-toggle .icon-bar {color: white !important; background: white;}

.dropdown-menu > li > a { font-weight: 200; white-space: normal !important; }

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {

background: rgba(255,255,255,0.1);

border-color: #6c975c;

}

.active.noactive a {background: white !important; color: #404040 !important;}

#features, #content, #news-index {background: #e8e8e8;}

#content, #news-index {padding:80px 0px; }

#content {background: white}

#content.single-post h1 {font-weight: 600;}

#content.single-post {background: white; padding-top: 0px;}

.title-home, .title {font-size: 2em; text-transform: uppercase; letter-spacing: 7px; font-weight: 300; text-align: center; color: #444; padding: 50px 0; margin:0;}

#content.contact {padding-top: 30px;}

.title-home.by-author {text-align: left;}

.title-home .bolded, .title .bolded {color: #3a6374; font-weight: 600; letter-spacing: 5px; padding:0 .2em 0 .2em;}

.title-home.booklist, .booklist .bolded {color: white; padding-bottom: 0px;}

.subtitle, .subtitle button {font-weight: 100; font-size: 1.2em; padding-bottom: 2em; text-transform: uppercase; letter-spacing: 4px; font-weight: 300;}

.subtitle button {background: transparent; border: none; padding-bottom: 0em; margin-bottom: 2em;}

.onblue a, .onblue {color: white;}

.onwhite, .onwhite a {color: #3a6374}

.blue {color: #3a6374;}

.features img {margin: 0 0; padding: 0 0;}

.sep {width: 90%; height: 1px; background: #3a6374; margin: 50px auto 0 }

.sep.onblue { background: white; margin-bottom: 80px;}

.emg-owl .owl-controls {position: absolute;top: 35%;margin: 0 auto;width: 100%;}

.emg-owl .owl-buttons {width: 100%; position: absolute; top:45%;}

.emg-owl .owl-prev, .emg-owl .owl-next {position: absolute;}

.emg-owl .owl-prev {left:-40px;}

.emg-owl .owl-next {right:-40px;}

.emg-owl .owl-controls .owl-buttons div {color: #3a6374;border: 0px solid #3a6374;width: 50px;height: 50px;font-size: 40px;background: transparent; font-weight: bold}

.emg-owl .owl-controls .owl-buttons div:hover {background: rgba(58,98,116,0.88); background: transparent; color: #3a6374; }

.emg-owl.onblue .owl-controls .owl-buttons div {color: white;border: 0px solid white;width: 50px;height: 50px;font-size: 30px;background: transparent;}

.emg-owl.onblue .owl-controls .owl-buttons div:hover {background: rgba(255,255,255,.5); color: white; }

.book-cover-title {color: #3a6374; font-size: 14px; font-weight: 500;}

.book-cover-title-author {color: #3a6374; font-size: 14px; font-weight: 200; font-style: italic;}



.owl-theme .owl-controls .owl-buttons div.disabled, .owl-theme .owl-controls .owl-buttons div.disabled:hover {display: none;}

.morelink-home {text-transform: uppercase; margin: 80px auto; font-size: 1.5em; letter-spacing: 4px; display: block; font-weight: 300;}

footer {background: #6c975c; padding: 50px 0px; color: white; }





#news .title-home, #news .bolded, #who-we-are .title-home, #who-we-are .bolded {color: white;}

#news .bolded {padding:0 4px;}

#news, #news a, #news a:hover {color: white; text-decoration: none}

.post-preview{margin-bottom: 60px;}

h3.title-item {color: white; text-transform: uppercase; margin: 0 0 14px; letter-spacing: 1px; font-size: 1.5em; font-weight: 800;}

h3.title-item.author {font-size: 1.9em;}

h3.title-item.author a {color: white; font-weight: 800; font-size: .8em;}

.auth-excerpt {color: white;}

p.read-more {font-style: italic; margin-top: 15px;}

#news .moretag {text-transform: uppercase; margin: 10px auto; font-size: 1em; letter-spacing: 2px; font-style: normal; font-weight: 300; background: #6c975c;}





h1.title-header { padding:1.2em 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 800;}

h1.title-header.bigtime {font-size: 4em; color: white; font-weight: 800; letter-spacing: .23em;}

#page h1.title-header.bigtime {color:#444;}

h1.title-header.bigtime.news {font-size: 4em; color: white; font-weight: 100; letter-spacing: .23em;}

h1.title-header.bigtime.news .bolded {font-weight: 800;}

h1.title-header.bigtime.whoweare {font-size: 2.0em; color: white; font-weight: 300; letter-spacing: .30em;}

h1.title-header.bigtime.whoweare .bolded {font-weight: 800;}

p.whoweare-content {font-size: 1.2em; font-weight: 400; padding-bottom: 30px; text-align: justify;}

.sidebar-title:first-child {margin-top: 0px; padding-top: 0px;}



h1.title-header-sm {padding:1em 0; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; font-size: 1.96em;}





/*.featured-author-profile, .book-cover {margin-bottom: 20px;}*/



a.social-links {color: white; margin:0 2em 2em; display: inline-block; }





.bluebg {background:#3a6374; color: white; }



.book-detail {padding:80px 0;}

.book-detail-img {padding: 0 4em; margin: 0 auto; }

.book-detail-title-imprint-img {padding: 0;}
@media screen and (max-width:767px) {
	.book-detail-title-imprint-img {
	    padding: 2em;
	    max-width: 150px;
	    margin: 0 auto;
	}
}

h1.book-detail-title {font-weight: 600;

text-transform: uppercase;

font-size: 1.8em;

letter-spacing: 3px;

padding-bottom: 0px;

margin: 0px;}

h2.book-detail-subtitle, h2.book-detail-author {margin: 0 0; font-style: italic; font-size: 1.7em;}

h2.book-detail-subtitle {padding:6px 0; font-weight: 300;}

h2.book-detail-author {font-style: normal; font-weight: 300; font-size: 1.6em;}

h2.book-detail-author a {}

.book-detail-description {padding:2em 0 1.3em;}

.book-detail-description p:last-child {padding-bottom: 0px; margin-bottom: 0px; }

a.book-detail-purchase {

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: 3px;

    font-size: 1.2em;

}

a.retailer {display: block; padding:.4em 0; height: 100%; overflow: hidden;}

a.retailer:hover {background: rgba(255,255,255,0.29);

	

}

.trailer {margin-bottom: 80px;}

.modal-body .retailer {padding:1em 0em;}

.modal-title {font-weight: 200; text-transform: uppercase;}

.modal-subtitle {text-transform: uppercase; border-bottom: 3px solid #6c975c; width: 85%; margin: 0 auto;}

h1.praise {padding-bottom: 1.5em;}









.index-featured-image {width:75%; margin: 0 auto; position: relative;}

.img-overlay {position: absolute; height: 100%; width: 97.5%; background: rgba(58,98,116,0.84) }

.featured-post-slider {max-width: 97.5%;}

.featured-post-title {position: absolute; top:35%; font-weight: 800; font-size: 1.8em; letter-spacing: 2px; text-transform: uppercase; left:0; right: 0; bottom: 0; line-height: 100%; }

.news-preview {background: white; padding: 3em; margin-bottom:5em;}

.news-preview:first-child {margin-top:2em;}

.news-preview a {colorzzz:#3a6374 }



.auth-social {border-radius: 50%; margin:0 5px; color: white; padding:4px 5px; width:20px; display: inline; height: 18px}

.auth-social.facebook {background: #3b5998;}

.auth-social.twitter {background: #00aced;}

.auth-social.gplus {background: #dc565b;}

.auth-social-links {margin-top: 1.5em;}



.about-content p {font-size: 1.6em;}

.about-content.contact, .about-content.contact p {margin-top: 2em;}

.morelink-home.morelink-contact {

font-size: 1.1em;

letter-spacing: 2px;

}

.contact hr {margin: 3em; width:80%;}

.post-content {background: white; padding:2em 3em; box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.09); box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.0); margin-top: -2em; margin-top: 0px;}

.post-content p, #content p, .paragraph p {font-size: 18px;line-height: 1.6em;}

#who-we-are .overlay {padding:0em 0em 3em;}

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





button.news-category {background: transparent; border:0px solid white;}

.news-feed-content {display:none;}

.news-feed-content.featured-news {display: block;}



.books-list-nonfiction, .books-list-fiction {display: none;}



	

	.content img, .single-post img{max-width: 100%; display: block; height: auto;}

	

	

	img.alignright, img.alignleft, div.alignleft, div.alignright,img.aligncenter, div.aligncenter {       background: none repeat scroll 0 0 #F1F1F1;

    padding: 5px 5px;}

img.alignright, div.alignright {

	float:right;

	margin-left: 15px;

	margin-bottom: 1px;

	}

img.alignleft, div.alignleft {

	float:left;

	margin-right:15px;

	margin-bottom:15px;

	}

img.alignright, img.alignleft {

	padding:5px;}

p.wp-caption-text {    display: block;

    font-size: 11px;

    font-style: italic;

    text-align: center;

	padding-bottom:0px;}

img.aligncenter, div.aligncenter {margin:0 auto; margin-bottom: 15px; padding:5px;}





.essb_links {

margin: 6em 0 1em !important;}







@media only screen 

and (min-device-width : 320px) 

and (max-device-width : 568px) { 

	

	.logo {width:242px !important;}

	p {font-size: 18px}

		

		

	.emg-owl .owl-prev {width:30px !important;left: 0px; padding-left: 0px !important;}

	.emg-owl .owl-next {width:30px !important;right: 0px; }

		

	button.news-category, .subtitle button {background: transparent;border: 0px solid white;

	font-size: 12px;

	margin: inherit 0;

	letter-spacing: 2px;

	line-height: 1em;

	margin: 10px 0 0 0;}

	h1.title-header.bigtime.news, h1.title-header.bigtime {font-size: 1.3em; margin-top: .5em;}

	.featured-post-title { font-size: 1em; top: 18%;}

	h3.title-item, h3.title-item.author {font-size: 1.2em;margin-top: 17px;}

	.morelink-home {margin:20px 0 0 0;}

	#content, #news-index, #features {padding: 20px 0px;}

	.news-preview{ margin-bottom: 2em;}

	.news-preview:first-child {margin-top: 0em;}

	.sep {margin: 20px auto 0;}

	.featured-author-profile, .book-cover {margin-bottom: 20px;}

	#bookdetail-header .book-detail {padding: 30px 0;text-align: center;}

	h1.book-detail-title {margin-top: 20px;}

	.title-home.by-author {text-align: center;}

	.title-home, .title {font-size: 1.4em;}

	a.social-links {margin: 0 1em 2em;}

	

	.content img, .single-post img{max-width: 100%;}

	#page.header .overlay {padding-bottom: 20px;}



}





















