/*
@font-face {
	font-family: Agency FB;
	font-weight: normal;
	font-style: normal;
}*/
body {
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-position: center;
	font-family: "Agency FB", "Lucida Console", "Courier New", monospace;
	/*background-color: black;*/
	color: white;
	/*background: url(images/first-background.png) no-repeat center center fixed;*/
	/*background-image: url(images/first-background.png);*/
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;*/
}
.centered {
	width: 100%;
	text-align: center;
}
.main_title {
	/*color: rgb(0,0,204);*/
	font-size: 55px;
}
.sub_title {
	margin-top: -30px;
}
.block_text_left {
	width: 30%;
	position: relative;
	left: 10%;
	top: 150px;
	/*left: 30px;*/
}
.block_text_center {
	width: 80%;
	/*height: 100px;*/
	/*background-color: red;*/
	position: absolute;
	top:45%;
	/*bottom: 0;*/
	left: 0;
	right: 0;
	margin: auto;
}
.block_text_right {
	width: 25%;
	position: relative;
	float: right;
	padding-right: 5%;
	top: 0px;
	/*left: 30px;*/
}
.planet2 {
	/*width: 50%;*/
	max-width: 700px;
	width: 100%;
	padding: 0px 25px;
	overflow: hidden;
/*	background-size: contain;*/
/*	height: 80%;*/
}
div.social-container {
	/*position:fixed;*/
	position: relative;
	/*float: right;*/
	width: 100%;
	margin: auto;
/*	left:35%;*/
/*	left: 65%;*/
	/*padding: 50px 0px;*/	/*	top and bottom, right and left	*/
	padding-top: 75px;
    vertical-align: top;
    display: inline-block;
    text-align: center;
    /*width: 120px;*/
}
.icon-list a {
	padding: 0px 20px;	/*	top and bottom, right and left	*/
}
div.nextbook-container {
	padding-top: 200px;
}
div.nextbook-container p {
	/*position:fixed;*/
	position: relative;
	/*float: right;*/
/*	width: 100%;*/
	margin: auto;
/*	left:35%;*/
	left: 75px;
	/*font-family: 'Agency FB Bold', arial;*/
	font-family: 'Agency FB', arial;
	/*font-family: 'Agency FB';*/
	/*font-size: 55px;*/
	font-size: 36pt;
/*	background: -webkit-linear-gradient(#eee, #333);*/
	background: -webkit-linear-gradient(
					rgb(255,192,0) 0%,
					rgb(171,192,228) 74%,
					rgb(171,192,228) 83%,
					rgb(199,213,237) 100%);
/*	background: -webkit-linear-gradient(rgba(255,192,0,1) 0%, rgba(171,192,228,1) 74%, rgba(171,192,228,1) 83%, rgba(199,213,237,0) 100%);*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-top: 2px;
	padding-bottom: 2px;

/*    vertical-align: top;
    display: inline-block;
    text-align: center;*/
    /*width: 120px;*/
}
div.nextbook-container-bold {
	/*position:fixed;*/
	position: relative;
	/*float: right;*/
/*	width: 100%;*/
	margin: auto;
/*	left:35%;*/
	left: 75px;
	font-family: 'Agency FB Bold', arial;
	/*font-family: 'Agency FB', arial;*/
	/*font-family: 'Agency FB';*/
	/*font-size: 55px;*/
	font-size: 36pt;
/*	background: -webkit-linear-gradient(#eee, #333);*/
	background: -webkit-linear-gradient(
					rgb(255,192,0) 0%,
					rgb(171,192,228) 74%,
					rgb(171,192,228) 83%,
					rgb(199,213,237) 100%);
/*	background: -webkit-linear-gradient(rgba(255,192,0,1) 0%, rgba(171,192,228,1) 74%, rgba(171,192,228,1) 83%, rgba(199,213,237,0) 100%);*/
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

/*    vertical-align: top;
    display: inline-block;
    text-align: center;*/
    /*width: 120px;*/
}
div.logo-container {
	/*position:fixed;*/
	position: relative;
	/*float: right;*/
/*	width: 100%;*/
	margin: auto;
/*	left:35%;*/
	left: 65%;

    vertical-align: top;
    display: inline-block;
    text-align: center;
    /*width: 120px;*/
}
.logo-caption {
	display: block;
	font-weight: 700;
	font-size: 15pt;
	color: rgb(236,235,234);
}
.logo2 {
	border:3px;
	height:72px;
/*	padding: 50px 0px;	/*	top and bottom, right and left	*/
	padding: 50px 0px 0px;	/*	top, right and left, bottom */
}
.logo {
	position:fixed;
	left:35%;
	/*right:10%;*/
	border:3px;
	/*height:10%;*/
	height:72px;
	padding: 50px 0px;	/*	top and bottom, right and left	*/
}
/* navigation menu styles */
/*ul>li {box-sizing:border-box;}*/
/*ul {*/
.menu {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	/* force navigation menu to remain at top of window */
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;	/* ensures navigation menu is always displayed above other controls */
	width: 100%;	/* use up all available horizontal space in order to have menu bar span across window */
  /*width: 100%;*/
  /*background-color: #333;*/
}
.menu li {
	float: left;
	font-size: 14pt;
	font-weight: 700;
  /*background-color: orange;*/
  /*background-image: linear-gradient(rgb(244,177,131), orange, brown);*/
 /* background-image: linear-gradient(to bottom, rgba(244,177,131,1), rgba(238,129,55,1), rgba(176,80,15,1));*/
/*  background-image: linear-gradient(rgba(244,177,131,1), rgba(238,129,55,1), rgba(176,80,15,1));*/
	background-image: linear-gradient(rgb(244,177,131), rgb(238,129,55), rgb(176,80,15));
}
.menu li:last-child {
/*  width: 100%;*/
	float:none;
    overflow:hidden;
/*  margin: 0 auto;*/
}
.menu li a, .menu li span {
	display: block;
	color: white;
	text-align: center;
	padding: 8px 36px;	/*	top and bottom, right and left	*/
	text-decoration: none;
}
.menu li a:last-child, li span:last-child {
	float: left;
}

/* Change the link color to #111 (black) on hover */
.menu li a:hover {
	background-color: #111;
}
.menu li span {
	background-color: #777;
}
ul + div, ul + h2 {
	padding-top: 40px;
}

.leader {
	color: rgb(228,173,12);
}
.contact {
	font-size: 25px;
	width: 100%;
	text-align: center;
}
.contact-outer-container {
	padding-top: 50px;
	width: 100%;	/* ensure container spans entire page so contact-inner-container can appear centered */
}
.contact-inner-container {
	/* background-image: url('../images/contact_box.jpg'); */
	/* Original image dimensions: 1063px x 361px */
	/* Prevent image from tiling */
	max-width: 769px;
	/*max-height: 256px;*/
	/* Size background image to approx 80% of available space */
/*	width: 850px;
	height: 289px;*/
	width: 769px;
	/*height: 256px;*/
	margin: auto;	/* keeps container centered within .contact-outer-container */
}
.contact-inner-container h1 {
	font-weight: normal;
	padding-top: 40px;
	font-size: 55pt;
}
.contact-inner-container p {
	margin-top: -21px;
/*	text-align: left;*/
/*	padding-left: 32px;*/
/*	font-size: 20pt;*/
	font-size: 1.7em;
	letter-spacing: -0.011em;
	font-weight: normal;
}
.table {
	display: table;
	width: 25%;
	text-align: center;
	margin: auto;
	margin-top: 20px;
}
.row {
	display: table-row;
}
.cell {
	display: table-cell;
	vertical-align: middle;
}
.spaceship {
	position: absolute;
	left: 72%;
	top: 64%;
}
.warbird {
	position: absolute;
	left: 32%;
	top: 64%;
	max-height: 250px;
	width: auto;
}
.new_warbird {
	position: absolute;
	left: 62%;
	top: 64%;
	max-height: 250px;
	width: auto;
}

.overview {
	margin-top: 15px;
	display: table;
}
.overview .row {
	display: table-row;
}
.overview .row .cell {
	display: table-cell;
	vertical-align: middle;
}
.overview .row .cell p {
/*	padding: 0px 70px;*/
	/*padding: 0px 25px;*/
	/*vertical-align: middle;*/
}
.overview .row .cell:first-child {
	/*max-width: 200px;*/
/*	min-width: 250px;*/
	padding: 0px 25px;	/*	top and bottom, right and left	*/
	width: 30%;
}
.overview .row .cell:last-child {
	/*width: 70%;*/
	/*margin: auto;*/
	padding: 0px 50px;	/*	top and bottom, right and left	*/
	font-size: 15pt;
	/*max-height: 350px;*/
	/*width: 10%;*/
}
.planet {
	padding-top: 55px;
/*	max-width: 700px;*/
	width: 100%;
	/*padding: 0px 25px;*/
	/*overflow: hidden;*/
}


/*	style classes for book listing page */
.booklist-container {
	float: left;
	position: relative;
	left: 50%;
}
.carousel .viewport {
	float: left;
	position: relative;
	left: -50%;
	overflow: hidden;
/*	z-index:9*/
}
.carousel .viewport .slider .item {
	display: inline-block;
	margin: 0 25px 0 0;	/*	T R B L*/
	text-align: center;
	vertical-align: top;
	height: 100%;
	padding: 0;
	float: left;
}
.carousel .viewport .slider .item .img {
	padding: 3px;
	height: auto;
}
.carousel .viewport .slider .item .img a {
	display: block;
	position: relative;
	height: 100%;
}
.carousel .viewport .slider .item .img a img {
	width: 100%;
	height: auto;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.carousel .viewport .slider .item .caption {
	padding: 2px 10px;
	font-size: 90%;
	max-width: 98%;
	margin: auto;
}
.carousel.contributor .viewport .slider .item .img.isbn-bg {
	height: 250px;
	border: 0 none;
	box-shadow: 0px 0px 13px 1px #fefefe;
	-moz-box-shadow: 0px 0px 13px 1px #fefefe;
	-webkit-box-shadow: 0px 0px 13px 1px #fefefe;
	/*background:#fefefe url('../images/loader.svg') 50% 50% no-repeat;*/
	/*background-repeat: no-repeat;*/
	/*max-width: 100%;
	max-height: 100%;*/
/*	background-size: contain;*/
/*	background-size: cover;*/
	background-size: 100% 100%;
/*	object-fit: scale-down;*/
/*	object-fit: fill;*/
	/*object-fit: contain;*/
}
.carousel.contributor .viewport .slider .item .img.isbn-bg:hover {
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
}
.carousel.contributor .viewport .slider .item .img.isbn-bg:hover {
	opacity: .85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
}
.carousel.contributor .viewport .slider .item .img img {
	max-height: 100%;
	width: auto;
}
.carousel.contributor .viewport .slider .item .img img.img-lacuna {
	opacity: 0;
	visibility: hidden;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	border: 2px solid transparent;
	box-shadow: 0px 0px 13px 1px transparent;
	-moz-box-shadow: 0px 0px 13px 1px transparent;
	-webkit-box-shadow: 0px 0px 13px 1px transparent;
}
.carousel.contributor .viewport .slider .item .title {
	font-size: 100%;
	text-align: center;
	padding: 0 2px;
	margin-top: 5px;
}
.carousel.contributor .viewport .slider .item .title a {
/*	color: #333;*/
	color: white;
}

/*	style classes for individual book pages	*/
.book-jacket {
	max-width: 300px;
	padding-top: 20px;
	margin: auto;
}
.book-jacket .cover-wrapper {
	margin: auto;
	box-shadow: 0px 0px 13px 3px #ccc;
	-moz-box-shadow: 0px 0px 13px 3px #ccc;
	-webkit-box-shadow: 0px 0px 13px 3px #ccc;
	position: relative;
}
.book-detail {
	font-size: 14pt;
}
.cover-img {
	display: block;
	width: 100%;
	max-width: 100%;
	/*height: auto;*/
}
.book-cover {
	min-width: 800px;
	/*padding-top: 20px;*/
	/*margin: auto;*/
}
.book-cover-img {
	width: 10%;
}
.preview {
	margin-top: 15px;
	display: table;
}
.preview .row {
	display: table-row;
}
.preview .row .cell {
	display: table-cell;
}
.review-container {
	/*float: left;
	position: relative;
	left: 50%;*/
}
.reviews {
	/*float: left;
	position: relative;
	left: -50%;*/
/*
	background-color: white;
	color: black;
	*/
}
.review-header {
	/*width: 80%;
	margin: auto;*/
}
.review {
	/*width: 80%;
	margin: auto;*/
}
.reviewer {
}
.review-text {
	padding-bottom: 20px;
}
.review-text span {
	color: red;
}
.highlight {
	color: red;
}
.summary {
	padding: 0px 50px;
	font-size: 15pt;
	width: 50%;
}
.contact-title {
	padding-left: 50px;
	padding-top: 30px;
}

.watermark {
position: relative;
padding: 0;
margin: 0;
}
.watermark img {
display: block;
max-width: 100%;
height: auto;
}
.watermark:after {
content: "";
position: absolute;
display: block;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.6) 70%) repeat 0 0;
z-index: 1;
}
.watermark-text {
display: block;
position: absolute;
width: 100%;
color: #fff;
left: 0;
bottom: 0;
padding: 1em;
font-weight: 700;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
transform: rotate(-45deg);
}
.book_available {
	/*display: block;*/
	display: inline-block;
	/*padding: 10px 0px;*/	/*	top and bottom, right and left	*/
	/*margin-top: 50px;*/
	/*padding-top: 50px;*/
	padding-top: 5px;
	font-size: 15pt;
	color: red;
}
.news-outer-container {
	padding-top: 80px;
	width: 100%;	/* ensure container spans entire page so contact-inner-container can appear centered */
}
.news-inner-container {
}
.new-book {
	font-size: 30px;
	/*margin-left: 50px;*/
}
.indent-1 {
	margin-left: 0px;
}
.indent-2 {
	margin-left: 50px;
}
.indent-3 {
	margin-left: 100px;
}
.welcome-message {
	font-size: 13px;
	margin-top: 10px;
	font-family: "Arial", "Agency FB", "Lucida Console", "Courier New", monospace;
	font-weight: 600;
	/*color: silver;*/
	color: rgb(236,235,234);

/*	background: -webkit-linear-gradient(
					rgb(255,192,0) 0%,
					rgb(171,192,228) 74%,
					rgb(171,192,228) 83%,
					rgb(199,213,237) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
}
.news-inner-container img {
	display: block;
	/*vertical-align: middle;*/
	margin: 0px 15px;	/* TB RL */
}
.news-inner-container img.wrap {
	max-width: 70%;
	/*margin: 30px 0px;*/	/* TB RL */
	/*margin: 0px 0px;*/	/* TB RL */
}
.news-inner-container img.align-right {
	float: right;
	margin-left: 30px;
}
.news-inner-container img.align-left {
	float: left;
	margin-right: 30px;
}
.news-inner-container img.rotated-align-left {
	transform: rotate(-20deg);
	float: left;
	margin-left: 30px;	/* allow extra space on the left otherwise part of rotated image will be clipped */
	/*margin-right: 50px;*/
}
.centered-wide-table {
	display: table;
	width: 80%;
	text-align: left;
	margin: auto;
	margin-top: 20px;
}
.book-retailers {
	display: table;
	width: 100%;
}
.book-retailers .row .cell {
	width: 10%;
	max-width: 10%;
}
.book-retailers .row .cell:first-child {
	text-align: left;	/* Since first cell in row is row header, align it to the left */
}
.book-retailers .row .cell:last-child {
	width: auto;	/* Force last cell in row to occupy all remaining horizontal space */
}
.news-item {
	font-size: 1.5em;
	margin-bottom: 2em;
}
.news-item p {
	margin-top: 0px;
}
.news-item h1 {
	margin-top: 0px;
	text-align: center;
}
.news-item a:link, a:visited {
	color: white;
}
.news-item ul {
	list-style-type: none;
	font-size: 0.75em;
}
.news-item img {
	width: 90%;	/* Set this to suit. Relative width of the image within its containing element */
	height: auto;	/* forces the image height to adjust to the width given above */
	margin: auto;	/* this centers the image within its containing element */
}
.news-item-left {
	display: table-cell; /* Force cell to behave as an inline element */
	vertical-align: middle; /* Force cell content to be vertically centered */
	width: 52%;	/* Width of the leftmost cell with respect to overall page width */
}
.news-item-right {
	display: table-cell; /* Force cell to behave as an inline element */
	vertical-align: middle; /* Force cell content to be vertically centered */
}
.news-item-center {
	vertical-align: middle; /* Force cell content to be vertically centered */
	width: 100%;	/* Width of the cell with respect to overall page width */
}
.news-item-left p {
	width: 95%;	/* Set this to suit. Relative width of h1 and p elements within the rightmost cell */
	margin-left: 1.5em;	/* Set this to suit. Distance from left edge in leftmost cell */
	margin-bottom: 10px;	/* Set this to suit. Separation between paragraphs in leftmost cell */
}
.news-item-right p {
	width: 95%;	/* Set this to suit. Relative width of h1 and p elements within the rightmost cell */
	margin: auto;	/* this horizontally centers the h1 and p elements within the leftmost cell */
	margin-bottom: 10px;	/* Set this to suit. Separation between paragraphs in rightmost cell */
}
.news-item-center p {
	width: 95%;	/* Set this to suit. Relative width of p elements within the cell */
	margin: auto;	/* this horizontally centers the p elements within the cell */
	margin-bottom: 15px;	/* Set this to suit. Separation between paragraphs in cell */
}
.blog img {
	margin: 0px;
}
.stacked_images img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;	/* Set this to suit.
							This is the desired vertical spacing between successive stacked images. */
}
.stacked_images img:last-child {
	margin-bottom: 0px;	/* This is to make sure that the last image in the stack does not have a bottom margin */
}
.centered_title {
	text-align: center;
	font-size: 3em;
}
.author_quote {
	font-size: 1.5em;
}
.blog_events {
	list-style-type: none;
/*	margin: 0 auto;*/
	/*padding: 0;*/
/*	overflow: hidden;*/
	/* force navigation menu to remain at top of window */
/*	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999;*/	/* ensures navigation menu is always displayed above other controls */
	width: 100%;	/* use up all available horizontal space in order to have menu bar span across window */
}
.interviews-outer-container {
	padding-top: 80px;
	width: 100%;	/* ensure container spans entire page so contact-inner-container can appear centered */
}
.interviews-inner-container img {
	display: block;
	/*vertical-align: middle;*/
	margin: 0px 15px;	/* TB RL */
}
.interviews-inner-container img.wrap {
	max-width: 70%;
	/*margin: 30px 0px;*/	/* TB RL */
	/*margin: 0px 0px;*/	/* TB RL */
}
.interviews-inner-container img.align-right {
	float: right;
	margin-left: 30px;
}
.interviews-inner-container img.align-left {
	float: left;
	margin-right: 30px;
}
.interviews-inner-container img.rotated-align-left {
	transform: rotate(-20deg);
	float: left;
	margin-left: 30px;	/* allow extra space on the left otherwise part of rotated image will be clipped */
	/*margin-right: 50px;*/
}
.interview-item {
	/*padding-top: 15px;*/
/*	vertical-align: middle;*/
	display: flex;
	align-items: center;
}
.interview-item p {
	padding: 5px 15px 5px 15px;	/* T R B L */
}
/*.interviews-item td > p:first-child {
	padding-top: 5px;
}*/
/*.interviews-item td > p:last-child {
	padding-bottom: 0px;
}*/
.interview-item ul {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	/* default list styles */
	display: block;
	margin-top: 1em;
	margin-bottom: 1 em;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 15px;
	/*padding-left: 40px;*/
  /*width: 100%;*/
  /*background-color: #333;*/
}
/*
.interviews-item li {
	display: list-item;
}*/
.interview-item a {
/*	display: block;*/
	color: white;
/*	text-align: center;*/
/*	padding: 8px 36px;*/	/*	top and bottom, right and left	*/
	/*text-decoration: none;*/
}
.interview-item::after {
  content: "";
  clear: both;
  display: table;
}
.book_trailer {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: auto;
	margin-top: 2em;	/* Set this to suit */
}
/* Blog tour outer container */
.blog-tour {
	display: flex;	/* Arrange blog tour contents in linear sequence */
	align-items: center;	/* Ensure blog tour column elements are aligned vertically */
	margin: 0 2.5%;	/* TB RL */	/* Line up left-right margin to match other news item entries */
}
/* Blog tour title */
.blog-tour h1 {
	position: absolute;	/* Need absolute positioning to force h1 to display over blog tour image */
	font-size: 2.7em;	/* Set to suit */
	font-weight: 400;	/* Bold setting for title. Bold=700, Normal=400 */
	margin-left: 10px;	/* Set to suit */
	color: rgb(108,108,96);	/* Set to suit. Color for title. Suggest using rgb() for clarity. */
	/*	Create embossing effect for title
	Read as h-shadow v-shadow blur-radius color
	where
	h-shadow	horizontal position where shadow starts. Negative values are allowed.
	v-shadow	vertical position where shadow starts. Negative values are allowed.
	blur-radius	radius from start position where blur effect will be applied. Default value is 0.
	color		color of the shadow. Any valid color expression will do but suggest using rgb() for clarity.
	*/
	text-shadow:
		/* h-shadow v-shadow blur-radius color */
		-1px 1px 1px rgb(177,178,180);
}
/* Blog tour left column (contains book blog image) */
.blog-tour-image {
	width: 75%;	/* Set to suit. Horizontal space allocated for blog tour image.
				If changed, ensure .blog-tour-details width (see further below) is adjusted accordingly. */
}
/* Blog tour left column image */
.blog-tour-image img {
	width: 100%;	/* Use up all available horizontal space within parent container */
	height: auto;
}
/* Blog tour right column (contains blog tour details) */
.blog-tour-details {
	background-image: linear-gradient(rgb(226,240,217),rgb(84,132,55));
	display: flex;	/* Arrange blog tour details in linear sequence */
	flex-direction: column;	/* Force sequence to be from top to bottom */
	width: 25%;	/* Set to suit. Horizontal space allocated for blog tour details.
				Ensure this value adds up to 100% when added to width allocated for .blog-tour-image (see above) */
}
/* Top part of blog tour detail column */
.blog-tour-header {
	font-size: 1.2em;
	text-align: center;
}
.blog-tour-header p {
	white-space: nowrap;
	color: rgb(147,61,28);	/* overall header color when not blurring */
	/*	Create blur effect for header
	Read as comma-delimited list of individual blur effects, each formatted as
	h-shadow v-shadow blur-radius color
	where
	h-shadow	horizontal position where shadow starts. Negative values are allowed.
	v-shadow	vertical position where shadow starts. Negative values are allowed.
	blur-radius	radius from start position where blur effect will be applied. Default value is 0.
	color		color of the shadow. Any valid color expression will do but suggest using rgb() for clarity.
	*/
	text-shadow:
		/* h-shadow v-shadow blur-radius color */
		-1px -1px 1px rgb(230,107,62),
		-1px 1px 1px rgb(230,107,62),
		1px -1px 1px rgb(230,107,62),
		1px 1px 1px rgb(230,107,62),
		-2px -2px 2px rgb(253,192,122),
		-2px 2px 2px rgb(253,192,122),
		2px -2px 2px rgb(253,192,122),
		2px 2px 2px rgb(253,192,122);
	margin-top: 0.3em;
	margin-bottom: 0;
}
/* Give slightly greater vertical margin to first and last header items */
.blog-tour-header p:first-child {
	margin-top: 0.4em;
}
.blog-tour-header p:last-child {
	margin-bottom: 0.4em;
}
/* Middle part of blog tour detail column */
.blog-tour-dates {
}
.blog-tour-dates ul {
	padding-left: 0;	/* ul element has inherent left padding so need to explicitly nullify */
	text-align: center;	/* Center blog tour date list */
	font-size: 0.85em;	/* Set to suit */
}
.blog-tour-dates li {
	margin-bottom: 1.35em;	/* Spacing between tour dates. Set to suit. Here is where you fiddle with the em's to get the boxes to be the same height */
}
.blog-tour-dates a {
	font-weight: 700;	/* Bold setting for tour dates. Bold=700, Normal=400 */
	color: rgb(147,61,28) !important;	/* Override page font color to suit */
	/*	Create blur effect for tour dates
	Read as comma-delimited list of individual blur effects, each formatted as
	h-shadow v-shadow blur-radius color
	where
	h-shadow	horizontal position where shadow starts. Negative values are allowed.
	v-shadow	vertical position where shadow starts. Negative values are allowed.
	blur-radius	radius from start position where blur effect will be applied. Default value is 0.
	color		color of the shadow. Any valid color expression will do but suggest using rgb() for clarity.
	*/
	text-shadow:
		/* h-shadow v-shadow blur-radius color */
		-2px -2px 2px rgb(252,190,11),
		-2px 2px 2px rgb(252,190,11),
		2px -2px 2px rgb(252,190,11),
		2px 2px 2px rgb(252,190,11);
}
/* Bottom part of blog tour detail column */
.blog-tour-logos {
	display: flex;
	margin-bottom: 10px;	/* Spacing between bottom part and edge of blog-tour-details container */
}
.blog-tour-logos img {
	height: 64px;	/* Force height to design value due to oversized default image dimensions */
	width: auto;
}
.logo_left {
	margin-left: 10px !important;	/* Override image margin set by flex class */
}
.logo_right {
	margin-right: 10px !important;	/* Override image margin set by flex class */
}
video {
    max-width: 75%;
    height: auto;
    display: block;
    margin: 20px auto;
}
