/* @override https://books.mediasrv.link/zinc/css/boox-01.css
	https://boox.link/zinc/css/boox-01.css
	https://boox.link/zinc/css/boox-02.css */

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

/* @group Base */



body {
font-family: degular, sans-serif;
font-weight: 400;
font-style: normal;
	background-size: cover;
	background-color: #023440;
}

.featured-books-home {
	background-size:cover;
	border-top: 4px solid white;
	color: #4e4537;
	font-weight: bold;
	background-color: white;
	padding-top: 2em;
}

.section-header-container {
	background-size:cover;
	border-top: 4px solid #f2f2f2;
	font-weight: bold;
	padding-top: 1.6em;
	background-color: white;
}

#main-content-container-page {
	padding-bottom: 2em;
	background: white fixed;
}

a {
	color: #e73d1c;
	transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color .25s ease-in-out;
-moz-transition:color .25s ease-in-out;
-webkit-transition:color .25s ease-in-out;
transition:all .25s ease;
-webkit-transition-delay:all .25s ease;
-moz-transition-delay:all .25s ease;
-ms-transition-delay:all .25s ease;
-o-transition-delay:all .25s ease;
}

a:hover {
	color: #f29b93;
}

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

h1,h2,h3,h4,h5,h6,h7 {
font-family: mundial, sans-serif;
font-weight: 600;
font-style: normal;
}

.pagination {
	font-size: 1.2em;
	border-top: 1px solid #f6f3f3;
	border-bottom: 1px solid #f6f3f3;
	padding-top: 1em;
	padding-bottom: 1em;
}

.pagination a {
	font-size: 1.2em;
}

.pagination .active {
	font-size: 1.2em;
	background-color: #e84242;
}

.pagination a:hover {
	font-size: 1.2em;
	background-color: #9d9c9c;
	color: white;
}

.readmore {
	margin-top: 1em;
	margin-bottom: 0;
	padding-bottom: 0;
	padding: .6em;
	background-color: #e84242;
	display: inline-block;
	color: white;
}

.readmore a {
	color: white;
	font-weight: bold;
}

.readmore a:hover {
	color: white;
}

.readmore:hover {
	color: white;
	background-color: #f29b93;
}



/* @end */

/* @group Header */

.logo-container {
	background-color: #023440;
	width: 100%;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}

.nav-container {
	background-color: #e73e1c;
	width: 100%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
}

.logo-nav-container h2 {
	width: 100%;
	text-align: center;
	font-size: 2em;
	text-transform: lowercase;
	margin-top: .5em;
	margin-bottom: .5em;
}

#header {
	border-bottom: 1px solid #f6f3f3;
	padding-top: 1em;
	padding-bottom: 1em;
}

.section-header-container h1 {
	margin-bottom: 0;
	line-height: .9;
	text-transform: uppercase;
}

.headerblock {
	background-color: silver;
	color: white;
	opacity: 0.5;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 1.2em;
	padding-top: 1.2em;
}

.content-container {
}

.logo-footer {
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
	padding: 2em;
}

.logo-footer:hover {
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: 0.3;
}

.comms {
	font-weight: bold;
	color: #e84242;
}



/* @end */

/* @group Page */

#content {
	padding-bottom: 2em;
	padding-top: 2em;
	border-bottom-color: #404040;
	color: black;
}

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

#main-content-container - XXX REFERENCE COLOUR {
	background: #403e3c none fixed;
	padding-bottom: 2em;
}

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

.read-more-link {
	display: inline-block;
	border: 2px solid #262626;
	background-color: white;
	text-transform: uppercase;
	color: #262626;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color 1s ease-in-out;
-moz-transition:color 1s ease-in-out;
-webkit-transition:color 1s ease-in-out;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all 1s ease;
-ms-transition-delay:all 1s ease;
-o-transition-delay:all 1s ease;
	padding: .4em .7em;
}

.read-more-link a {
	color: #262626;
}

.read-more-link:hover {
	color: #feffff;
	text-transform: uppercase;
	background-color: #262626;
}

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

.article {
	font-size: 1.1em;
	padding-bottom: 2em;
	padding-right: 1em;
	color: black;
}

.padding1em {
	padding: 1em;
}

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

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

.entry-title {
	color: #262626;
	line-height: 1;
	font-size: 2.8em;
	margin-bottom: .8em;
}

.article-date {
	color: #f29b93;
	display: inline-block;
	font-size: .9em;
	padding: .6em .6em 0;
	font-weight: bold;
}

.article-date-page {
	padding-top: .5em;
	color: black;
	margin-top: -1em;
	text-align: left;
}

.article-image-container {
opacity: 1;
	overflow: hidden;
}

.list-image-container {
opacity: 1;
	overflow: hidden;
	text-align: center;
}

.list-image {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.list-image:hover {
	opacity: 0.71;
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.article h3 {
	font-size: 2em;
	line-height: 1;
	color: #e84242;
	margin-top: .3em;
	margin-bottom: .5em;
	text-transform: capitalize;
	text-align: left;
}

.article h4 {
	font-size: 2em;
	line-height: 1;
	color: #262626;
	margin-top: .3em;
	margin-bottom: 1em;
	text-transform: capitalize;
	border-bottom: 1px solid #dadada;
	padding-top: 0;
	padding-bottom: .5em;
}

.image-title-container {
}

.image-title-container img {
	width: 100%;
}

.article-image {
	margin-bottom: 1.5em;
}

.logo-divider {
	opacity: 0.25;
	padding-top: 1em;
	padding-bottom: 1em;
}

.footer-title {
	color: #d8d7d3;
	text-transform: uppercase;
	font-style: normal;
	font-size: 1.5em;
	font-weight: 400;
}

.lead {
	color: gray;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .1em;
	font-size: 1.7em;
}

.author-about-image {
	margin-bottom: 1em;
}

.wp-block-image {
	text-align: center;
}

.category-container {
}

.category-container li {
	font-size: 1.2em;
}

.category-container a {
	font-size: inherit;
	color: red;
	text-transform: none;
}

/* @end */

/* @group Footer */

.footer-container {
	list-style-type: none;
	background-color: white;
	border-top: 1px solid #d2dbde;
}

.links-container {
	background-color: #023440;
	color: white;
	padding-top: 2rem;
	padding-bottom: 2rem;
}

#footer-container h6 {
	color: #e84242;
	margin-bottom: 1em;
}

footer {
	list-style-type: none;
	padding-top: 4em;
	padding-bottom: 2em;
	background: #262626 none fixed;
	color: white;
}

.socialmedia {
	text-align: center;
}

.social-account-icons-footer {
	font-size: 2em;
	margin-top: .5em;
}

.social-account-icons-footer a {
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color 1s ease-in-out;
-moz-transition:color 1s ease-in-out;
-webkit-transition:color 1s ease-in-out;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all 1s ease;
-ms-transition-delay:all 1s ease;
-o-transition-delay:all 1s ease;
	text-align: center;
	margin-right: .3em;
	margin-left: .3em;
}

.social-account-icons-footer a:hover {
	color: #96948e;
}

.footer-links-container {
	margin-bottom: 1em;
	color: white;
	font-weight: bold;
}

.footer-links-container a {
	margin-bottom: 1em;
	color: white;
	font-weight: bold;
}

.footer-socials-block {
	margin-bottom: 2em;
}

.copy-reg-details {
	font-size: .8em;
}

.design-credit {
	padding-top: 1em;
	font-size: .9em;
	font-weight: bold;
}

.credits {
	font-size: .9em;
	padding-bottom: 2em;
	padding-right: 4rem;
	padding-left: 4rem;
}



/* @end */

/* @group Navigation */

#navigation {
font-weight: bold;
	margin-left: 0;
	margin-bottom: 0;
}

#navigation li {
	display: inline-block;
	color: white;
	margin-left: 1em;
	font-size: 1.4em;
	text-transform: uppercase;
}

#navigation a {
	color: white;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color 1s ease-in-out;
-moz-transition:color 1s ease-in-out;
-webkit-transition:color 1s ease-in-out;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all 1s ease;
-ms-transition-delay:all 1s ease;
-o-transition-delay:all 1s ease;
	padding-bottom: .2em;
	font-weight: bold;
}

#navigation a:hover {
	line-height: 1.3em;
	color: #f29b93;
	margin-bottom: .4em;
	opacity: 1;
	padding-bottom: .4em;
}

/* Navigation Categories */

#navigation-categories {
font-weight: bold;
	margin-left: 0;
	padding: 1em;
	margin-top: -2em;
}

#navigation-categories li {
	display: inline-block;
	color: white;
	margin-left: 1em;
	font-size: 1.2em;
}

#navigation-categories a {
	color: #8c2223;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color 1s ease-in-out;
-moz-transition:color 1s ease-in-out;
-webkit-transition:color 1s ease-in-out;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all 1s ease;
-ms-transition-delay:all 1s ease;
-o-transition-delay:all 1s ease;
	padding-bottom: .2em;
	font-weight: bold;
}

#navigation-categories a:hover {
	line-height: 1.3em;
	color: white;
	margin-bottom: .4em;
	opacity: 1;
	padding-bottom: .4em;
}

/* Navigation Categories */

.author-logo-head {
	color: white;
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
	color: white;

}

.author-logo-head a {
	color: white;
}

.author-logo-head a:hover {
	opacity: 0.5;
}

.title-bar {
	color: white;
	background-color: #e73d1c;
}

.menu-icon {
	color: #b79d00;
}

#mobile-navigation {
	opacity: 1;
	background-image: none;
	padding-top: 1em;
	padding-bottom: 1em;
}

#mobile-navigation ul {
	opacity: 1;
}

#mobile-navigation li {
	opacity: 1;
	font-weight: bold;
}

#mobile-navigation a {
	color: white;
	text-transform: uppercase;
	opacity: 1;
	font-size: 1.2em;
}

#mobile-navigation a:hover {
	color: #023340;
	text-transform: uppercase;
	opacity: 1;
}

.button {
	background-color: #e73c1b;
	font-weight: bold;
	color: black;
}

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

/* @end */

/* @group Sidebar */

.sidebar-listing {
	margin-bottom: 2em;
	list-style-type: none;
	margin-top: 1em;
}

.sidebar-listing h4 {
	color: #8c2223;
	margin-bottom: .4em;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #8c2223;
	font-size: 2.6em;
}

.sidebar-excerpt {
	margin-top: 2em;
	margin-bottom: 2em;
}

.sidebar-listing li {
	margin-bottom: .8em;
	margin-top: .8em;
	font-size: 1.2em;
}

#bookcover-sidebar {
	font-size: 1.2em;
	text-align: center;
}



/* @end */

/* @group Content Fluid */

.content-fluid-body-text {
	margin-top: 1em;
	margin-bottom: 1em;
}

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

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

.content-fluid-related-client {
	margin-top: 2em;
	margin-bottom: 2em;
}



/* @end */

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

/* @group HFX 2 */

.book-cover-home {
  position: relative;
}

.book-cover-home-img {
  display: block;
  width: 100%;
  height: auto;
}

.overlay

.book-title-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #008CBA;
}

.book-cover-home:hover .overlay {
  opacity: 1;
}

.book-home-title {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/* @end */

/* @group Homepage */

.homepage {
	margin-top: 2em;
}

.page-container {
	background-color: #fefeff;
}

.article-block-display {
	padding: 1em;
	margin-top: 1em;
}

.article-block-display .article-date {
	text-align: center;
	font-weight: bold;
}

.article-block-display h3 {
	line-height: 1;
	text-align: left;
	font-size: 2em;
}


.readmore-home {
	color: #ea484d;
}

/* homepage variants */

.full-width-listing-home {
	background-image: none;
	padding: 1em 1em 0;
}

.full-width-listing-home h3 {
	background-image: none;
	margin-top: .2em;
	margin-bottom: .2em;
	font-size: 2em;
	color: red;
}

.full-width-listing-home .article {
	margin-bottom: 0;
	padding-bottom: 0;
}

.full-width-listing-home .article-date {
	margin-bottom: 0;
	padding-bottom: 0;
	color: black;
}

/* My Comment */

.author-photo {
border-radius: 50%;
	width: 77%;
	height: 77%;
}

.author-photo img {
border-radius: 50%;	
}

.author-intro {
	color: #d8d7d3;
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
}

.author-intro h2 {
	color: white;
	font-size: 2.4em;
}

.about-home-container {
	background-size:cover;
	color: black;
	padding-bottom: 2em;
	background-image: none;
	padding-top: 2em;
	font-size: 1.4em;
	background-color: white;
}

.book-intro {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6;
	color: white;
}

.book-intro h2 {
	color: #bc9256;
	font-size: 2.4em;
}

.author-superheader {
	color: rgba(255,255,255,0.4);
	font-size: 2em;
	font-variant: normal;
	font-weight: normal;
	font-style: normal;
}

.book-superheader {
	color: #968b7b;
	padding-bottom: 0;
	margin-bottom: -.4em;
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
}

.about-home {
	text-transform: none;
	font-size: inherit;
	font-weight: bold;
}

.about-home h6 {
	color: #e84242;
	text-transform: none;
	font-size: inherit;
}

.intro-text {
	font-size: 1.1rem;
}

.featured-books-container {
	background-color: #ecece9;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* @end */

/* @group Book */

.book-cover {
	text-align: center;
		opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	margin-bottom: 1em;
	background: url(https://wsrv.nl/?url=https://boox.link/zinc/img/no-image.jpg) center center;
	width: 100%;
	height: 100%;
}



.book-cover:hover {
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.book-cover-fbc {
	text-align: center;
		opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	margin-bottom: 1em;
}



.book-cover-fbc:hover {
		-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

.article-image {
	text-align: center;
		opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	margin-bottom: 1em;
}

.article-image a {
	text-align: center;
		opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	margin-bottom: 1em;
}

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

.book-title-link {
	margin-top: 1em;
	margin-bottom: 1em;
}

.list-image {
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
		-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

.books-reviews-list {
	margin-bottom: 2em;
	margin-top: 1em;
	padding: 1em;
	background-color: rgba(254,255,255,0.5);
}

.bookcover-image-container img {
	width: 100%;
}

blockquote {
	color: #c00;
	border-left-style: none;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	font-weight: bold;
}

.book-cover-container {
	background-size: cover;
	background: #362c61 url(http://abbotgranoff.com/zinc/bg/asfalt-dark.png) repeat fixed;
	padding: 1em;
	line-height: 1.2;
	font-size: 1.1em;
}



/* @end */

/* @group Library */

.news-list-sidebar {
	padding: 2em 2em 0;
}

.date {
	color: #6a6c71;
	display: inline-block;
	font-size: 1em;
	margin-right: 1em;
}

.full-width-listing {
	margin-bottom: 1em;
	background-image: none;
	padding: 1em;
	border-bottom: 2px dotted #f29b93;
	background-color: white;
}

.listing-title {
	font-size: 2.5em;
	line-height: 1.1;
}

.library-x3-story {
	text-align: center;
}

.library-x3-text {
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.library-x3-story h3 {
	text-align: center;
	line-height: 104%;
	font-size: 1.5rem;
}

/* @end */

/* @group Forms */

.contact-form {
	padding: 1em;
	color: #262626;
	text-align: center;
}

form #input {
 /* css 3 */
 border-radius:20px;
 /* mozilla */
 -moz-border-radius:20px;
 /* webkit */
 -webkit-border-radius:20px;
 width: 28rem;
 text-align: center;
 min-width: 20rem;
 max-width: 28rem;
 margin: 1rem auto;
}

.contact-form h2 {
	color: #262626;
}

label {
	font-weight: bold;
	margin-bottom: .5em;
	color: #262626;
	font-size: 1.2em;
	text-transform: uppercase;
}

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

#buttonxz {
	 /* css 3 */
 border-radius:60px;
 /* mozilla */
 -moz-border-radius:60px;
 /* webkit */
 -webkit-border-radius:60px;
}

/* @end */

/* @group Contact */

.introblock {
	margin-bottom: 3em;
}

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

/* @end */

/* @group Slider */

.orbit-container {
	background-color: transparent;
}

.slider-imagepanel {
	text-align: center;
}

.slider-textpanel {
	display: inline-block;
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
}

.slider-textpanel-content {
	display: inline-block;
	text-align: center;
	margin-bottom: 1em;
	background-color: transparent;
	color: white;
	margin-top: 1em;
}

.slider-textpanel h3 {
	line-height: 1;
	margin-top: 1em;
}

.slider-image {
	margin-top: -3em;
	padding-bottom: 1em;
	margin-bottom: -3em;
}



/* @end */

/* @group Twitter */

.twittersidebar {
	padding: 1em;
}

.screen-namexx{font-size:1.4em;line-height:1.6;font-style:normal;font-weight:normal;
	text-transform: uppercase;
}.tweet-date a{line-height:1.6;font-size:0.9em;color:silver;}

.ce_tweet_time{color: black;
	font-size: .9em;
	font-weight: bold;
}

.ce_tweet_name{
	font-weight: bold;
	font-size: 1.2em;
}

.tweet-content{line-height:1.5;font-size: 0.8em;
}.tweet-actions{line-height:1.6;font-size:0.9em;
}.tweet-actions i{color: black;}

.twitter-block-home .tweet-content{line-height: 1.5;
	color: black;
	font-size: 1em;
	margin-bottom: 1em;
}

.twitterfeed {
}

.twittersidebar .twitter-profile-image img {
	margin-right: .6em;
}

.twittersidebar .profile-image {
	border-bottom: 1px solid silver;
	margin-bottom: .6em;
	padding-bottom: .6em;
}

.twittersidebar .screen-name{
	margin-left: 0;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
}

.twittersidebar .tweet-date {
	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid silver;
}

.twittersidebar .tweet-date a{line-height:1.6;font-size:0.9em;
	color: black;
}

.twittersidebar .tweet-date i {
	color: #541300;
	margin-right: 1em;
	margin-left: 1em;
}.twittersidebar .tweet-content{line-height:1.5;font-size: 1em;
}.twittersidebar .tweet-actions{line-height:1.6;font-size:0.9em;
	margin-top: .5em;
	padding-top: .5em;
	text-align: left;
}.twittersidebar .tweet-actions i{
	color: #541300;
}

.twittersidebar .tweet-actions a{
	margin-right: .5em;
	margin-left: .5em;
}

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

.twitterhomepage {
	margin-bottom: 2em;
}

.twitter-container {
	border-top: 1px solid silver;
	background-image: none;
	background-color: white;
}

.twitterhomepage .ce_tweet_time{color: white;
	font-size: .9em;
}

.twitterhomepage .tweet-content{line-height:1.5;font-size: 1em;
}



/* @end */

/* @group Blog */

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

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

.prevnext-nav {
	padding-top: 1em;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-top: 1px solid #b4a998;
	border-bottom: 1px solid #b4a998;
}

.flickr-photo-gallery {
	text-align: center;
	padding: 1em;
	margin-top: 1em;
	border: 1px solid #fff7ea;
}

.flickr-photo-gallery .external-link {
	text-align: center;
	padding: 1em;
}



/* @end */

/* @group Authors */

.external-links {
	
}

.external-links a {
	font-size: 2em;
	margin: .3em;
}

.hide-div {
	display: none;
}



/* @end */



/* @group Site - Privacy */

.consent-request-block {
	margin-bottom: 1em;
	padding-bottom: 1em;
	border: 1px solid silver;
	padding: 1em;
}

.consent-response-date {
	padding-bottom: 1em;
	padding: 1em;
	background-color: #e8e8e8;
	font-size: .9em;
}

td {
	color: black;
}



/* @end */

/* @group HFX 3 */

.book-home-container {
display: flex;
  flex: 1 1 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  	transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
opacity: 1;
transition:color .25s ease-in-out;
-moz-transition:color .25s ease-in-out;
-webkit-transition:color .25s ease-in-out;
transition:all .25s ease;
-webkit-transition-delay:all .25s ease;
-moz-transition-delay:all .25s ease;
-ms-transition-delay:all .25s ease;
-o-transition-delay:all .25s ease;
}

.book-home-container img {
  flex: 1 0 100%;
  height: 100%;
  max-width: 100%;
  mix-blend-mode: multiply;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 100%;
}

.book-home-container img:hover {
  flex: 1 0 100%;
  height: 100%;
  max-width: 100%;
  mix-blend-mode: multiply;
  object-fit: cover;
  opacity: 1;
  position: relative;
  width: 100%;
}

.book-home-container::before:hover {
  background-color: #e74242;
  bottom: 0;
  content: '';
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
	opacity: 0.5;
}

.book-home-container:hover {
	background-color: #e74242;
display: flex;
  flex: 1 1 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
	opacity: 1;
}

.book-home-container:hover img {
	background-color: #e74242;
display: flex;
  flex: 1 1 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
	opacity: 0.3;
	 filter: blur(1px) grayscale(100%);
 -webkit-filter: grayscale(1) blur(1px);
   background-blend-mode: color-burn;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: transparent;
}

.book-home-container:hover .overlay {
  opacity: 1;
  background-blend-mode: color-burn;
}

.video-list-title {
	font-family: poppins, sans-serif;
font-weight: 900;
font-style: italic;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
	font-size: 1.4em;
	line-height: 1.2;
}
/* @end */

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

/* Small only */

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

.header-container {
	margin-top: 0;
}

.twocolumns {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}

.author-logo-head {
	color: white;
	   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
	opacity: 1;
	color: white;
	z-index: auto;
	padding: 0;
	width: 55%;
	text-align: center;
	display: inline-block;
}}

/* Medium and up */

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

/* Medium only */

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

#navigation {
	margin-top: 0;
}}

/* Large and up */

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

#navigation {
}}

/* Large only */

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

/* @group Colour FX */

/* CSS variables. Not needed for the effect to work. */
:root {
  --base:              #fdc54a;
  --bg-blend:          luminosity;
  --blur:              0px;
  --fg-blend:          exclusion;
  --foreground:        #1d1d37;
  --opacity:           0.7;
  --spacing:           0px;
}
.img-fx-01 {
  background-color:    var(--base);
  flex:                1 1 100%;
  overflow:            hidden;
  padding:             var(--spacing);
  position:            relative;
  transition:mix-blend-mode .25s ease-in-out;
-moz-transition:mix-blend-mode .25s ease-in-out;
-webkit-transition:mix-blend-mode .25s ease-in-out;
opacity: 1;
transition:mix-blend-mode 1s ease-in-out;
-moz-transition:mix-blend-mode 1s ease-in-out;
-webkit-transition:mix-blend-mode 1s ease-in-out;
transition:all 1s ease;
-webkit-transition-delay:all 1s ease;
-moz-transition-delay:all 1s ease;
-ms-transition-delay:all 1s ease;
-o-transition-delay:all 1s ease;
}

.img-fx-01:hover {
  background-color:    var(--foreground);
  flex:                1 1 100%;
  overflow:            hidden;
  padding:             var(--spacing);
  position:            relative;
    mix-blend-mode:      var(--bg-blend);
}

.img-fx-01 img {
  filter:              grayscale(100%) contrast(1) blur(var(--blur));
  flex:                1 0 100%;
  max-width:           100%;
  mix-blend-mode:      var(--bg-blend);
  object-fit:          cover;
  opacity:             var(--opacity);
  position:            relative;
  width:               100%;
    padding:             var(--spacing);
}

.img-fx-01::before {
  background-color:    var(--foreground);
  bottom:              0;
  content:             '';
  height:              100%;
  left:                0;
  mix-blend-mode:      var(--fg-blend);
  position:            absolute;
  right:               0;
  top:                 0;
  width:               100%;
  z-index:             1;
    padding:             var(--spacing);
}

/* @end */