/* @override https://howardtatescott.frequencydesign.net/zinc/css/hts-01.css
	https://howardtscott.test/zinc/css/hts-01.css */

/* ---------------SITEWIDE--------------- */

/* @group Base */

body {
font-family: unit, sans-serif;
font-weight: 400;
font-style: normal;
	background-size: cover;
	background-image: none;
	color: #362615;
	background-color: #362615;
}

a {
	color: #0ba27d;
}

a:hover {
	color: #b3b3b3;
}

a:focus,a:hover{color: gray}

h1,h2,h3,h4,h5,h6,h7 {
font-family: aktiv-grotesk-condensed, sans-serif;
font-weight: 700;
font-style: normal;
	color: #0ba27d;
}

.pagination {
	font-size: 1.2em;

	padding-top: 1em;
	padding-bottom: 1em;
}

.pagination a {
	font-size: 1.2em;
	color: white;
	border-style: solid;
	border-width: 1px;
	margin: .5em;
}

.pagination a:hover {
	background-color: #de0000;
}



/* @end */

/* @group Header */

#header {
	background-image: none;
}

.content-container {
	padding-top: 2em;
}

.logo {

}

.logo a {
}

.logo a:hover {
	opacity: 0.5;
}

.container-header {
	padding-top: 5em;
	padding-bottom: 5em;
	background-image: url(https://darynda.com/zinc/img/forest-crop.jpg);
	background-color: #a4a4a4;
	background-blend-mode: multiply;
	background-size: cover;
	filter: grayscale(100%);
}

.section-header h3 {
	color: white;
	text-transform: lowercase;
	text-align: left;
	font-size: 3em;
}

.header-container {
	padding-top: 2em;
	padding-bottom: 2em;
	background-size: cover;
	background-image: none;
}

.header-container h2 {
	color: #f2f2df;
	font: italic 3em linotype-sabon, sans-serif;
}



/* @end */

/* @group Page */

.blog-home-container {
	padding-top: 1em;
	padding-bottom: 2em;
	background-color: black;
	color: white;
}

.blog-home-container h3 {
	font-size: 1.6em;
	line-height: 1.2;
	color: #de0000;
	margin-top: .5em;
}

.blog-home-container h3 a {
	color: #de0000;
}

.blog-home-container h3 a:hover {
	color: white;
}

#main-content-container {
	color: black;
	padding-top: 2em;
	padding-bottom: 2em;
	background-image: none;
	background-color: white;
}

.sidebar-image {
	width: 100%;
	margin-top: 2em;
}

.img-circle {
    border-radius: 50%;
}

.article {
	font-size: 1.2em;
	padding: 1em;
	background-color: white;
}

.article a {
color: #de0000;
}

.article a:hover {
color: black;
}

.article h3 {
	font-size: 2.3em;
	line-height: 1.2;
	margin-top: .5em;
}

.article h2 {
	line-height: 1.2;
	margin-top: .5em;
	font-size: 1.8em;
}

.share-icons {
	margin-top: 2em;
}

.listing-container {
	margin-top: 2em;
	margin-bottom: 2em;
}

.article-image {
}

.article-image img a {
filter: grayscale(100%);	
}

.readmore {
	display: inline-block;
	color: white;
}

.readmore a {
	text-transform: uppercase;
	font-weight: bold;
	background-color: #f79f4b;
	display: inline-block;
	font-size: .8rem;
	color: white;
	padding: .6em;
}

.readmore a:hover {
	color: white;
	background-color: #0ba27d;
}

.redmore {
	display: inline-block;
	margin-top: 1em;
}

.redmore a {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	background-color: #f79f4b;
	display: inline-block;
	padding: 1em;
	font-size: .8rem;
}

.redmore a:hover {
	color: white;
	background-color: #0ba27d;
}

.blog-home-container .readmore a {
	margin-top: 1em;
	color: white;
	text-transform: uppercase;
	font-weight: bold;
}

.blog-home-container .date {
	margin-top: 1em;
	color: white;
	margin-bottom: -.5em;
}

.blog-home-container .readmore a:hover {
	color: white;
}

.button {
	background-color: #f79f4b;
	color: white;
}

a.button {
color: white;
	font-weight: bold;
font-size: 1.06rem;
}

.button:hover {
	background-color: #0ba27d;
	color: white;
}

.extras-image {
mix-blend-mode: multiply;
background: #8E0E00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1F1C18, #8E0E00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1F1C18, #8E0E00); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

	transition: background-color 0.9s ease;
	   -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;

}

.extras-image a:hover {
	mix-blend-mode: none;
	background-blend-mode: none;
	display: inline-block;
	opacity: 1;
	background-color: white;
}

.colour-filter-01 {
background: #8E0E00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1F1C18, #8E0E00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1F1C18, #8E0E00);
transition: background-color 0.9s ease;
	   -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}

.colour-filter-01 img {
	mix-blend-mode: luminosity;
transition: background-color 0.9s ease;
	   -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;	
}

.colour-filter-01 img:hover {
	mix-blend-mode: initial;
}

/* @end */

/* @group Footer */

.footerlinks {
	color: gray;
	padding-bottom: 2em;
	font-size: .9em;
	padding-top: 2em;
}

.footerlinks a {
	color: gray;
	padding-right: .3em;
	padding-left: .3em;
}

.footerlinks a:hover {
	color: white;
}

.socialmedia {
	margin-right: .5em;
}

.social-icon {
	display: inline-block;
	text-align: center;
	margin-top: 0;
	margin-left: .5em;
	margin-bottom: 0;
	font-size: 2em;
}

.social-icon a {
	color: #f79f4b;
}

.social-icon a:hover {
	color: silver;
}

.subscribe-container {
	mix-blend-mode: initial;
}

.subscribe-container h5 {
	text-transform: uppercase;
	font-size: 3em;
	text-align: center;
}

.footer-3col-container {
	padding-top: 2em;
	padding-bottom: 2em;
	background-image: none;
}

.logo-footer {
	margin-top: 1.6em;
}

.logo-footer img {
	height: 5em;
}

.logo-footer a {
}

.logo-footer a:hover {
	opacity: 0.5;
}

.privacy-notice {
	font-size: .8em;
	color: white;
	margin-left: 1em;
}

.card-suits {
	background: url(/zinc/img/card-suits.png) fixed;
	opacity: 1;
}



/* @end */

/* @group Navigation */

.nav-logo-container {
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: #f2f2df;
	border-bottom-style: solid;
	border-bottom-color: #f79f4b;
}

#navigation {
font-weight: 400;
font-style: normal;
	text-align: right;
	margin-top: .5em;
}

#navigation li {
	display: inline-block;
	color: white;
	text-transform: uppercase;
	font-size: 1.1em;
}

#navigation a {
	font-weight: bold;
	color: gray;
}

#navigation a:hover {
	color: silver;
	font-weight: bold;
}

.title-bar {
	color: #3a3c3f;
	background-color: transparent;
}

.title-bar-title {
	color: black;
}

.menu-icon {
	background-color: #362615;
}

/* @end */

/* @group Sidebar */

.sidebar-listing {

	margin-bottom: 2em;
}

.news-sidebar-story {
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.sidebar-header {
	color: #de0000;
	text-transform: capitalize;
	border-bottom: 1px solid #efede6;
}

.book-sidebar {
	margin-top: 2em;
}

.news-sidebar {
	padding: 1em;
	list-style-type: none;
	color: white;
}

.news-sidebar h4 {
	list-style-type: none;
	color: white;
}

.news-sidebar h4 a {
	color: #de0000;
}

.news-sidebar h4 a:hover {
	color: silver;
}

.book-cover-sb {
	padding: 1em;
}



/* @end */

/* ---------------SECTION SPECIFIC--------------- */

/* @group Homepage */

.book-home-container {
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: black;
	color: black;
}

.blog-header-container h2 {
	text-transform: lowercase;
	font-size: 3em;
	color: white;
}

.author-home-container {

	background-size: cover;
	background-image: none;
	background-color: #f2f2df;
	color: black;
	padding-top: 4em;
	padding-bottom: 4em;
}

.author-intro {
	color: white;
	margin-top: 2em;
}

.author-intro h2 {
	color: #362615;
}

.serifed {
	font-family: linotype-sabon, sans-serif;
font-weight: 700;
font-style: italic;
	color: #da9955;
}

.book-intro {
	color: white;
}

.book-intro-excerpt {
font-family: linotype-sabon, sans-serif;
font-weight: 700;
font-style: italic;
	color: #f2f2df;
	font-style: italic;
	font-size: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-top: 1em;
	padding-bottom: 1em;
}

.book-intro-excerpt-long {
	color: #f2f2df;
	margin-top: 1em;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-top: 1em;
	padding-bottom: 1em;
	font: italic 1.6em linotype-sabon, sans-serif;
}

.book-intro-excerpt-long h4 {
	color: #f69f4b;
}

.book-intro-excerpt-long-PREV {
	color: #f2f2df;
	margin-top: 1em;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-top: 1em;
	padding-bottom: 1em;
	font: italic 1.8em linotype-sabon, sans-serif;
}

.book-intro h2 {
	color: red;
}

.author-intro-text {
	color: #362615;
	font-size: 1.1em;
	margin-bottom: 1em;
}

.logo-container {
	position: absolute;
	bottom: 10em;
	right: 3em;
}

.logo-container img {
	height: 9em;
}

.video-container {
    width: 100%;
}

.book-details-video-over {
display: flex;
flex-direction: column; 
justify-content: center;
align-items: center; 
width: 100%;
height: 100%;
	padding-top: 4em;
	padding-bottom: 4em;
}

.block-iq-container {
	font-family: linotype-sabon, sans-serif;
font-weight: 700;
font-style: italic;
	padding: 4em 2em;
	background-color: white;
}

.block-iq-image {
	
}

.block-iq-text {
	font-family: linotype-sabon, sans-serif;
font-weight: 700;
font-style: italic;
	padding: 2em;
	color: #a6aa8c;
}

.retail-links-home {
	margin-top: 1em;
	display: inline-block;
	width: 100%;
}

/* @end */

/* @group Book */

.book-cover {
	text-align: center;
	width: 100%;
}

.book-cover:hover {
background: #8E0E00;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #1F1C18, #8E0E00);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #1F1C18, #8E0E00);
transition: background-color 0.9s ease;
	   -webkit-transition: background-color 500ms ease-out 1s;
    -moz-transition: background-color 500ms ease-out 1s;
    -o-transition: background-color 500ms ease-out 1s;
    transition: background-color 500ms ease-out 1s;
}

.book-cover:hover img {
	opacity: 0.5;
}

.book-title {
	color: #de0000;
	margin-bottom: 1em;
	padding-bottom: .5em;

	text-align: center;
	margin-top: 1em;
	font-weight: bold;
	font-size: 1.1em;
}

.book-title a {
	color: #de0000;
}

.book-title .category {
	color: black;
	text-align: left;
	font-weight: normal;
	font-style: normal;
}

.book-title .category a {
	color: #ec6923;
}

/* Sidebar */

.book-title-sidebar {
	color: black;
	padding-bottom: .5em;
	text-align: center;
	font-size: .9em;
	margin-top: .6em;
	margin-bottom: .6em;
}

.book-title-sidebar a {
	color: black;
}

.book-title-sidebar a:hover {
	color: #dea800;
}

/* /////// Sidebar */

/* Page */

.book-title-page h3 {
	color: #352614;
	text-align: left;
	margin-top: 0;
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px solid #95aa99;
	margin-bottom: 2rem;
	padding-bottom: .5rem;
}

/* //////Page */

.book-series {
	text-align: center;
	padding-bottom: 1em;
}

.category-link {
	display: inline-block;
	color: black;
	margin-left: 1em;
	margin-right: 1em;
	font-weight: bold;
}

.category-link a {
	color: #ec6923;
	font-size: 1.2em;
}

.category-link a:hover {
	text-decoration: underline;
	color: black;
}

.author-bio-excerpt {
	padding-bottom: 1em;
}

.book-block-display {
	text-align: center;
	color: white;
	padding: 2rem;
}

.book-block-display .book-title {
	text-align: center;
	color: white;
	padding: 0;
	margin-bottom: 0;
}

.book-block-display .author-intro-text {

	padding: 0;
	margin-bottom: 0;
}

/* @end */

/* @group News */

.news-list-sidebar {

}

.news-list-sidebar a {
	color: black;
}

.date {
	color: white;
	margin-bottom: 1em;
	font-size: .9em;
}

.content-listing {
	margin-bottom: 2em;
	margin-top: 1em;
	color: white;
}

.content-listing h3 {
	margin-top: -.8em;
}

.content-listing h3 a {
	color: #de0000;
	font-weight: bold;
	font-size: 1em;
	line-height: 1em;
}

.content-listing h3 a:hover {color: white;
}



/* @end */

/* @group Forms */

label {
	font-weight: bold;
	margin-bottom: .5em;
	color: black;
}

.form-submit {
	color: white;
	display: inline-block;
	padding: .5em 2em;
	background-color: #d74114;
}



/* @end */

/* @group Contact */

.introblock {
	margin-bottom: 3em;
}

.contact-form {
	margin-bottom: 3em;
	color: white;
}

.contact-form label {

	color: #f79f4b;
	font-size: 1em;
	text-transform: uppercase;
}

.contact-intro {
	color: white;
}

.contact-intro h2 {
	color: white;
}

/* @end */

/* @group Blog */

.alignleft {
	float: left;
	margin: 1em;
	display: inline-block;
}

.alignright {
	float: right;
	display: inline-block;
	margin: 1em;
}

.mh-logo-placeholder {
	
}

.video-fluid {
	margin-top: 1em;
	margin-bottom: 1em;
}

.books-fluid {
	margin-top: 1em;
	margin-bottom: 1em;
}

.title-date {
	
}

.title-date h3 {
	font-weight: bold;
	font-size: 2.4em;
	margin-bottom: 1em;
	margin-top: -0.8em;
}

/* COMMENTS */

.comment-form {
	padding: 2em 1em 1em;
}

.comment-list {
	padding: 2em 1em 1em;
	border-bottom: 1px solid silver;
}

.comment-entry {
	border-bottom: 1px solid silver;
	padding-top: 1em;
}

.comment-entry h5 {
	font-weight: bold;
	margin-bottom: 0;
}

.comment-date {
	font-size: .8em;
	color: gray;
}

.comments-signup {
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

.captcha-instructions {
	text-align: center;
	margin-bottom: 1em;
	text-transform: uppercase;
}



/* @end */

/* @group Twitter */

.twitter-homepage {
	margin-top: 1em;
	margin-bottom: 2em;
	color: white;
}

.tweet-content{line-height: 1.5;
	color: white;
	font-style: italic;
}

.tweet-content a {
	color: white;
	text-decoration: underline;
}.tweet-actions a{line-height:1.6;font-size: 1em;
	color: white;
	padding: 1em;
}.tweet-actions i{color: red;}

/* My Comment */

/* ----HOMEPAGE-------- */



/* @end */

/* @group Store */

.store-intro-static {
	padding-bottom: 1em;
	font-weight: bold;
	font-size: 1.2em;
	text-align: center;
}

.store-intro-static h2 {
	color: #ff9c00;
	text-align: center;
}

.product-list-block {
	display: inline-block;
	padding: .5em;
	margin-bottom: 1em;
	text-align: center;
}

.product-image {
background: #AD6015;
background: -webkit-linear-gradient(top left, #AD6015, #F2B947);
background: -moz-linear-gradient(top left, #AD6015, #F2B947);
background: linear-gradient(to bottom right, #AD6015, #F2B947);
	display: inline-block;
	opacity: 1;
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;	
}

.product-list-block:hover img {
	background-color: #ffb300;
	display: inline-block;
	opacity: 1;
  mix-blend-mode: lighten;
   -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}

.product-title {
	text-align: center;
	color: #ff9c00;
	margin-top: 1em;
}

.product-title a {
	text-align: center;
	color: black;
	margin-top: 1em;
	font-weight: bold;
}

.product-title a:hover {
color: #ff9c00;
}

.product-list-block:hover .product-title a {
color: #ff9c00;
}



/* @end */

/* @group Reviews */

.review-container {
	color: white;
	padding: 1em;
	margin: 1em;
	text-align: center;
	border-bottom-style: solid;
}

.featured-reviews {
	padding-top: 2em;
	padding-bottom: 2em;
}

.review-block {
	margin-bottom: .8em;
	text-align: center;
}

.review-text {
	color: #352514;
	font: italic 1.4em/1.3 linotype-sabon, sans-serif;
}

.review-source {
	margin-top: .7em;
	color: #da9955;
	font-family: casus, sans-serif;
	font-weight: bold;
}



/* @end */

/* ---------------MEDIA QUERIES--------------- */

/* Small only */

@media screen and (max-width: 39.9375em) {

.logo-header img {
	height: inherit;
}

.logo-header h2 {
	padding-left: .5em;
	margin-top: -.3em;
	font-size: 3em;
}

.logo-container {
	position: absolute;
	bottom: 4em;
	width: 100%;
	text-align: center;
	right: 0;
	left: 0;
}

.logo-container img {
	height: inherit;
	width: 80%;
}}

/* Medium and up */

@media screen and (min-width: 40em) {}

/* Medium only */

@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */

@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}