/*
Theme Name: NAB Site
Theme URI: http://www.naxosaudiobooks.com/
Author: A K W J
Author URI: http://akwj.co.uk/
Description: New Naxos AudioBooks site 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: nabsite
*/





*
{

font-family:'Open Sans', system, -apple-system, ".SFNSDisplay-Regular", sans-serif;
color:#2f2f2f;
}

*:focus
{
outline:0;
}

::selection
{
/* background:#FFE762; */
background:#FFDFE2;
}

html
{
width:100%;
height:100%;
background:#e6e6e6;
font-size:16px;
line-height:1.4;
margin:0 auto;
padding:0;
}

body
{
margin:0;
padding:0;

background:#e6e6e6;
background:#999491; /* Old browsers */
background:none;
background:-moz-linear-gradient(top, #999491 0%, #e6e6e6); /* FF3.6-15 */
background:-webkit-linear-gradient(top, #999491 0%,#e6e6e6); /* Chrome10-25,Safari5.1-6 */
background:linear-gradient(to bottom, #999491 0%,#e6e6e6);

height:100%;
}


#wrapper
{
/* min-height:100%; */
position:absolute;

top:0;
left:0;
width:100%;




/* min-height:100%; */
height:auto !important;
/* height:100%; */
margin:0 auto;

/* flex-direction: column; */
/* -ms-flex-direction: column; */

-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;

height:100vh;
min-height:100vh;
/* height:100%; */
  
display:-webkit-box;  /* OLD - iOS 6-, Safari 3.1-6 */
display:-moz-box;     /* OLD - Firefox 19- (buggy but mostly works) */
display:-ms-flexbox;  /* TWEENER - IE 10 */
display:-webkit-flex; /* NEW - Chrome */
display:flex;
}

main
{
width:80%;




max-width:60em;
margin:0 auto;
padding:4.5em 3em 36rem 3em;
background:#fbfaf6;
box-shadow:0 4em 5em 1em rgba(72,67,54,0.25);
border-top:3.5em solid #999491;

/* outline:1px solid #FFF2A1; */
min-height:100%;
height:auto !important;
height:100vh;

-webkit-box-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
-webkit-flex: 1 0 auto;

position:relative;
float:left;

display:(moz|webkit)box;
(moz|webkit)box-flex:1 0 auto;
}

header
{
width:100%;
border-bottom:1px solid #C5C5C5;
padding:0;
position:absolute;
top:3em;
height:2em;

flex-shrink: 0;
}

section
{
margin-bottom:3em;
}

aside
{
margin-bottom:1.5em;
padding-bottom:1.5em;
}

nav
{
width:100%;

position:absolute;
margin:0 auto;

padding:0.2em 0 0.2em 0;

background: #a61018; /* Old browsers */
background: -moz-linear-gradient(top, #a61018 0%, #b71212 42%, #9e0f0f 69%, #870d0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a61018 0%,#b71212 42%,#9e0f0f 69%,#870d0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a61018 0%,#b71212 42%,#9e0f0f 69%,#870d0d 100%);

border-top:1px solid #e6a02a;
border-bottom:1px solid #e6a02a;

box-shadow:0 0.15em 0.65em 0.15em rgba(0,0,0,0.35);

z-index:3;

height:2em;
}

nav ul
{
margin:0 auto;
padding:0;
width:80%;
max-width:60rem;
display:table;
text-align:center;
font-size:0.9rem;

list-style-type:none;

position:relative;
top:-3.6em;
}

nav ul li
{
padding:0 0 0.2em 0;
display:table-cell;
text-align:center;
font-weight:600;
letter-spacing:0.055em;
color:#a61018;
width:7em;
}

nav ul li + li
{
width:auto;
border:0;
position:relative;
top:-1.9em;
}

nav ul li + li:after
{
content:'';
height:1.8em;
width:1px;
position:absolute;
right:0;
top:5.7em;

background-color:#732022;
}

nav ul li a
{
color:#fff;
text-shadow:0 0.1em 0.3em #290005;
text-decoration:none;
background:none;
border:0;
}

nav ul li:hover > a,
nav ul li:hover a .mobileHide
{
color:#ffde95;
text-decoration:none;
}

nav ul li a img
{
width:6.25rem;
height:6.25rem;
margin:0;
padding:0;
background:#ad121c;
box-shadow:0 0.2em 1em 0.12em rgba(0,0,0,0.4);
border:0;
}


.mobileHide
{
color:#fff;
}

/* @media all and (max-width: 875px) */
@media all and (max-width: 950px)
{
 .mobileHide
 {
 display:none;
 }
}


/* Genre menu – on hover/click visible */

nav ul li a+table
{
position:absolute;

top:7em;
left:0;

margin:0;
display:block;
overflow:hidden;
max-height:0;

padding:0 1.5em 0 1.5em;
box-shadow:none;

background:#F0EEE9;
border-top:1em solid transparent;
background-clip:padding-box;

transition:all 400ms cubic-bezier(.57,-0.05,.46,.72);
}


nav ul li:hover a+table
{
overflow:none;
max-height:50em;
padding:0 1.5em 0.75em 1.5em;
box-shadow:0 0.15em 0.65em -0.15em rgba(0,0,0,0.35);
}




nav ul li table tr td
{
vertical-align:top;
}

nav ul li table tr td dl
{
text-align:left;
margin:0;
padding:0;
font-size:0.9rem;
line-height:1.1;
}

nav ul li table tr td dl dt,
nav ul li:hover dt
{
display:block;
font-weight:700;
font-size:1rem;
margin:0.5em 0 0.5em 0;

color:#2f2f2f;
}

nav ul li table tr td dl + dl
{
padding-top:0.5em;
}

nav ul li table tr td dl dd
{
outline:0;
font-weight:400;
margin:0.2em 0 0.5em 0;
}

nav ul li table tr td dl dd a,
nav ul li table tr td dl dd a:visited
{
text-shadow:none;
text-decoration:none;
color:#2f2f2f;
}

nav ul li table tr td dl dd a:hover
{
text-decoration:underline;
color:#2f2f2f;
}

nav ul li table tr td dl dd a:active
{
text-decoration:underline;
color:#2f2f2f;
}


nav ul li:nth-child(n+4):nth-child(-n+7) /* prevent drop-down menu from other li */
{
border-bottom:0.6em solid transparent;
z-index:1;
}


nav p
{
margin:0 auto;
padding:0 3em 0 0;

width:80%;
max-width:60rem;
height:1.5em;

font-size:0.8rem;
font-weight:600;
letter-spacing:0.03rem;

display:block;
position:relative;
top:-11.8em;

text-align:right;

z-index:1;
}

nav p a
{
padding:0 0.5em 0 0.5em;
color:#e0e0e0;
text-shadow:0 0.15em 0.6em #201F1E;
text-decoration:none;
border:0;
}

nav p a + a
{
border-left:1px solid #732022;
}

nav p a + a + a
{
padding:0 0 0 0.5em;
}

nav p a:hover
{
text-decoration:underline;
}


/* 
a + sup
{
color:#FFE762;
font-size:0.666666667rem;
font-weight:400;
margin:0 -2em 0 0.25em;
padding:0;
}
 */


.blogFlag /* blog new post flag */
{
display:inline-block;
position:relative;
top:-0.4em;
left:0.2em;
width:0.5em;
height:0.5em;
/* background:#FFBF3C; */
-moz-border-radius:0.25em;
-webkit-border-radius:0.25em;
border-radius:0.25em;
animation:blink 2s ease infinite;
}

@keyframes blink
{
50%{opacity:0.0;}
}

a.blogFlag:link
{
display:inline-block;
background:#FFBF3C;
/* border:10px solid red; */
}

a.blogFlag:visited
{
display:none;
background:#B51112;
/* border:10px solid transparent; */
}



/* Search box */

nav ul li > form
{
position:absolute;
top:7em;
right:0;
margin:0;
padding:0 0 0.7em 0.1em;
display:block;
background:#F0EEE9;
border-top:1em solid transparent;
background-clip:padding-box;
width:26em;
padding:0 1.5em 0 1.5em;
box-shadow:none;

overflow:hidden;
max-height:0;
transition:all 400ms cubic-bezier(.57,-0.05,.46,.72);
}

nav ul li:nth-of-type(9):hover > form
{
overflow:none;
max-height:50em;
padding:0 1.5em 0.75em 1.5em;
box-shadow:0 0.15em 0.65em -0.15em rgba(0,0,0,0.35);
}

nav ul li a + form div label
{
display:none;
}

nav ul li a + form div input
{
width:18rem;
font-size:1.5rem;
background:#fff;
display:inline;
}

nav ul li a + form div input + input
{
margin:0;
padding:0;
width:3rem;
font-size:2.2rem;
display:inline;

color:#000;
text-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
text-decoration:none;
background:none;
border:0;
cursor:pointer;
}


/* Search results */

.bsearch_highlight /* WP Title field only */
{
background:yellow;
}

.searchResults
{
margin-top:0.5em;
}

.searchResults ~ section
{
margin:1em 0 1.5em 0;
}

section h2,
section h2 ~ p
{
margin:0;
padding:0;
}

.floatLeft /* Search results thumbnail cover */
{
width:4em;
height:4em;
float:left;
margin:0.3em 1.25em 0.25em 0;
padding:0;
-webkit-box-shadow: 0 0.15em 0.5em 0.05em #606060;
-moz-box-shadow: 0 0.15em 0.5em 0.05em #606060;
box-shadow: 0 0.15em 0.5em 0.05em #606060;
}



p
{
text-align:justify;
}

img
{
background:#e6e6e6 url('img_bg.png') 50% 50% no-repeat;
background-size:50% 50%;
}

header,
footer,
section,
#productDetails,
#audioSample,
#productInfo,
.buyDownload,
#buyCD,
#YMAE, .YMAE,
#readerDetails,
#otherByAuthor,
#bookletNotes
{
display:block;
clear:both;
}

h1, h2, h3, h4, h5, h6,
blockquote
{
font-size:1.2em;
line-height:1.5;
margin:0;
padding-bottom:0.2em;
position:relative;
}

h1
{
font-size:1.8em;
line-height:1.1;
}

h1 ~ h1
{

}

h1.new-releases
{
margin-bottom:1.5rem;
}


h2
{
font-weight:600;
}

h2.homepage_subtitle,
h2.homepage_subtitle p
{
font-size:1.25rem;
line-height:0.25;
}

figure + section h1 /* homepage title */
{
margin:0 0 0.75em 0;
padding:0;
}

figure + section h2 /* homepage subtitle */
{
margin:0 0 1em 0;
padding:0;
}

figure + section h1 + p  /* homepage paragraphs */
{
margin:0 0 1.5em 0;
padding:0;
}

figure + section h1 + p:last-of-type,  /* homepage paragraphs */
figure + section h2 + p:last-of-type,  /* homepage paragraphs if h2 */
figure + section h6 + p:last-of-type  /* homepage paragraphs if h6 */
{
margin:0 0 2.5em 0;
padding:0;
}




.newThisMonth /* homepage new releases */
{
width:45%;
/* min-width:18em; */
/* max-width:29em; */
/* outline:1px dotted #E6E6E6; */

float:left;
clear:none;
margin:0 5% 2em 0;

display:inline-block;
}

.newThisMonth p
{
margin:0;
padding:0;

/* 
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
 */
}

.newThisMonth p a,
.newThisMonth p a:visited
{
text-decoration:none;
}

.newThisMonth p a:hover
{
text-decoration:underline;
}

.newThisMonth img
{
float:left;
clear:none;
margin:0.25em 1.25em 0.5em 0;
padding:0;
/* width:6em; */
width:7.5em;
height:auto;
-webkit-box-shadow: 0 0.1em 0.5em 0.06em #606060;
-moz-box-shadow: 0 0.1em 0.5em 0.06em #606060;
box-shadow: 0 0.18em 0.7em 0.06em #606060;
}


.commonwealth
{
display:none;
}




.homepageAlsoAvailable
{
margin-top:0.5em;
}

.homepageAlsoAvailable .YMAE
{
margin-bottom:0;
}

.homepageAlsoAvailable .YMAE + p
{
float:right;
margin:0 1em 0 0;
}




dt /* =h2 for alphabetical lists */
{
margin:1em 0 0.25em 0;
font-size:1.5em;
font-weight:700;
}

dl.alphalist,
#A dd /* anything following id="A" */
#B dd /* anything following id="B" */
#C dd /* anything following id="C" */
#F dd /* anything following id="F" */
#H dd /* anything following id="H" */
{
columns:1 0;
}

.alphalist dd,
#A dd, /* any dd following id="A" */
#B dd, /* any dd following id="B" */
#C dd, /* any dd following id="C" */
#F dd, /* any dd following id="F" */
#H dd, /* any dd following id="H" */
[id='1'] dd /* numeric titles before id="A" */
{
margin:0 0 0.5em 0;
}

#A dd a, /* any dd following id="A" */
#B dd a, /* any dd following id="B" */
#C dd a, /* any dd following id="C" */
#F dd a, /* any dd following id="F" */
#H dd a, /* any dd following id="H" */
[id='1'] dd a /* numeric titles before id="A" */
{
margin:0;
text-decoration:none;
border-bottom:1px solid #ccc;
}

#A dd a:hover, /* any dd following id="A" */
#B dd a:hover, /* any dd following id="B" */
#C dd a:hover, /* any dd following id="C" */
#F dd a:hover, /* any dd following id="F" */
#H dd a:hover, /* any dd following id="H" */
[id='1'] dd a:hover /* numeric titles before id="A" */
{
text-decoration:none;
border-bottom:1px solid #2f2f2f;
}


h1 + ol, /* category pages alpha links at page top */
h1 + p + ol,
#latestPodcast + ol
{
list-style-type:none;
text-align:center;
display:table;
width:100%;
margin:1em 0;
padding:0;
}

#latestPodcast
{
width:100%;
margin:0 0 9em 0;
}

h1 + ol li,
h1 + p + ol li,
#latestPodcast + ol li
{
/* display:inline; */
/* display:table-cell; */
display:inline-block;
width:3.5%;
min-width:2em;
margin:0.75em 0 0 0;
padding:0 0.1em 0em 0;
color:#ccc;
}

h1 + ol li + li,
h1 + p + ol li + li,
#latestPodcast + ol li + li
{
border-left:1px solid #ddd;
}

h1 + ol li + li:before,
h1 + p + ol li + li:before,
#latestPodcast + ol li + li:before
{
/* content:"\00B7"; */
/* color:#aaa; */
/* padding: 0 0.25em; */
}

h1 + ol li a,
h1 + ol li a:visited,
#latestPodcast + ol li a,
#latestPodcast + ol li a:visited,
h1 + p + ol li a,
h1 + p + ol li a:visited,


h1[id=authors] + ol li,
h1[id=titles] + ol li,
h1[id=readers] + ol li
{
text-decoration:none;
/* color:#ccc; */
}

h1[id=authors] + ol li a,
h1[id=authors] + ol li a:visited,
h1[id=titles] + ol li a,
h1[id=titles] + ol li a:visited,
h1[id=readers] + ol li a,
h1[id=readers] + ol li a:visited
{
color:#2f2f2f;
text-decoration:none;
}

h1 + ol li a:hover,
h1 + p + ol li a:hover
{
text-decoration:underline;
}

h1 p /* blog titles */
{
margin:0.25em 0 0.25em 0;
line-height:1.2;
text-align:left;
}

h6 a
{
text-decoration:none;
}

h3 a:hover
{
}

h3 a:active,
h3 a:visited,
{
border-bottom:none;
}

h4
{
font-weight:400;
font-size:1.1em;
}

h4 a
{
font-weight:700;
display:inline;
}

h5
{
text-transform:uppercase;
letter-spacing:0.12em;
font-weight:600;
font-size:1em;
}

h6
{
font-size:1.5em;
}

h1 + section > h6 /* New Releases page */
{
margin-top:1em;
}






figure
{
margin:0 -3em 4em -3em;
padding:0;

position:relative;
}

.metaslider
{

}




.coverImage,
.latestBlogImage
{
margin:0 2em 2em 0;
width:18em;
height:18em;
float:left;
color:#E6E6E6;

-webkit-box-shadow: 0 0.25em 0.9em 0.1em #606060;
-moz-box-shadow: 0 0.25em 0.9em 0.1em #606060;
box-shadow: 0 0.25em 0.9em 0.1em #606060;

position:relative;

border:0;
outline:0;
}

.latestBlogImage /* Front page blog image */
{
margin:1.25em 2em 2em 0;
width:6em;
height:auto;
}

.alignnone, /* Blog post images */
.alignleft,
.size-full,
.size-medium
{
float:left;
margin:0.25em 2em 1em 0;
}

.size-thumbnail, /* Blog and other WP post images */
.size-full,
.size-medium
{
-webkit-box-shadow: 0 0.15em 0.5em 0.05em #606060;
-moz-box-shadow: 0 0.15em 0.5em 0.05em #606060;
box-shadow: 0 0.15em 0.5em 0.05em #606060;
}

.aligncenter /* Blog post images */
{
clear:both;
margin:1em auto 2em auto;
}

.alignnone p, /* Blog post images captions */
.alignleft p,
.aligncenter p
{
font-size:0.75em;
margin:0.25em 1em 0 0;
}

.blogThumb /* blog post thumbnail on archive page */
{
float:left;
clear:none;
margin:1em 1.25em 0.25em 0;
-webkit-box-shadow: 0 0.1em 0.5em 0.06em #606060;
-moz-box-shadow: 0 0.1em 0.5em 0.06em #606060;
box-shadow: 0 0.18em 0.7em 0.06em #606060;
}

hr.blog
{
margin:4em 0 1em 0;
}

#audioSampleFile
{
display:none;
}

#audioSample
{
display:inline;
float:left;
clear:both;
width:18em;
text-align:center;

margin:0 2em 2em 0;

font-size:1em;
font-weight:700;
}

#audioSampleButton
{
height:3em;
width:3em;
margin:0;
position:relative;
top:-0.1em;
left:1.1em;
background:#a61018;
border:0;
border-radius:100%;
cursor:pointer;
box-shadow:0 0.15em 0.65em 0.05em rgba(0,0,0,0.5);
}

#audioSampleButton:hover
{
box-shadow:0 0.15em 1.0em 0.3em #CDC6A8;
}

#audioSampleButton::before
{
content:'';
display:inline-block;
position:relative;
top:0.2em;
left:0.2em;
border-style:solid;
border-width:0.7em 0px 0.7em 1.3em;
border-color:transparent transparent transparent white;
}

#audioSampleButton.audioPaused::before
{
content:'';
width:0.4em;
height:1.4em;
display:inline-block;
position:relative;
top:0.15em;
left:0em;
border-style:solid;
border-width:0em 0.4em 0 0.4em;
border-color:transparent white transparent white;
}

#waves
{
height:1.6em;
width:1.6em;
border-top:0;
border-right:2px solid #a61018;
border-bottom:0;
border-left:2px solid #a61018;
border-radius:2em;
display:inline-block;
position:relative;
top:0.38em;
left:-1.46em;
/*z-index:-1;*/
pointer-events:none;


/*z-index:0;*/
}

.audioPlaying
{
-webkit-animation:pulse 1.5s ease-out;
-webkit-animation-iteration-count:infinite; 
opacity:0;
}

@-webkit-keyframes pulse
{
0% {-webkit-transform: scale(0.1, 0.1); opacity: 0;}
50% {opacity: 0.55;}
100% {-webkit-transform: scale(2.2, 2.0); opacity: 0;}
}

#audioSample p
{
display:inline;
position:relative;
left:-0.6em;
}


#productDetails > p:first-child
{
font-size:0.7em;
}

#productDetails ul
{
width:100%;
margin:2em 0 2em 0;
padding:0;
display:table;
outline:0.0625em solid #ccc;
}

#productDetails ul li
{
width:50%;
vertical-align:top;
display:table-cell;
padding:1em;
text-align:center;
}

#productDetails ul li p
{
margin:0;
padding:0 0 0.5em;
text-align:center;
}


#productDetails details
{
text-align:center;
margin:0.5em 0 0 0;
cursor:pointer;
}

summary
{
text-decoration:underline;
}

/* 
summary::-webkit-details-marker
{
display:none;
}

summary:after
{
content:"+ ";
float: left;
}

details[open] summary:after
{
content: "- ";
}
 */

#productDetails details table
{
width:100%;
font-size:0.85em;
margin:0.5em auto 0 auto;
}

#productDetails details table tr td
{
width:40%;
text-align:right;
vertical-align:top;
font-weight:400;
}

#productDetails details table tr td + td
{
width:60%;
text-align:left;
padding-left:0.3em;
font-weight:400;
}


/* Booklet download link */

/* #productDetails ul li p:nth-of-type(3) */
#bookletDownload
{
/* margin:0.8rem 0 0.8rem 0; */
margin:1rem 0 1rem 0 !important;
}

/* 
#productDetails ul li p:nth-of-type(3) a,
#productDetails ul li p:nth-of-type(3) a:visited
 */
#bookletDownload a,
#bookletDownload a:visited
{
margin:0;
padding:0.15em 1em 0.25em 0.75em;
text-align:center;
font-size:0.9rem;
text-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
text-decoration:none;
background:#F7E4A8;
border:0;
border-bottom:2px solid #A89248;
cursor:pointer;
-webkit-box-shadow:inset 0 -0.05em #14947b;
box-shadow:inset 0 -0.05em #14947b;
box-shadow:0 0.12em 0.35em 0.05em rgba(0,0,0,0.6);
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;
}

/* #productDetails ul li p:nth-of-type(3) a:hover */
#bookletDownload a:hover
{
color:#fff;
background:#dfa84e;
border-bottom:2px solid #df834b;
}


.buyDownload
{
margin:0 0 0.7em 0;
font-weight:700;
}

.buyDownload a,
.buyDownload a:visited
{
position:relative;
padding:0.2em 1.1em;
margin:0 1em 0 0;
color:#fff;
text-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
text-decoration:none;
background:#a61018;
border:0;
border-bottom:2px solid #77001b;
cursor:pointer;
-webkit-box-shadow:inset 0 -0.05em #14947b;
box-shadow:inset 0 -0.05em #14947b;
box-shadow:0 0.12em 0.35em 0.05em rgba(0,0,0,0.6);
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;

}

.buyDownload a:hover
{
background:#dfa84e;
border-bottom:2px solid #df834b;
}

.buyDownload a:active
{
top:0.0625em;
outline:none;
-webkit-box-shadow:none;
box-shadow:none;
border-top:2px solid #E6E6E6;
}

/* .buyDownload + p, */
.howItWorks
{
font-size:0.7em;
padding:1em 0 0 0 !important;
}

#buyCD
{
margin:0.7em 0 0.5em 0;
/* 
padding:0 0 0 2em;
background:url(https://www.naxosaudiobooks.com/wp-content/uploads/2019/06/cd-icon.png);
background-repeat:no-repeat;
background-size:1.5em 1.5em;
background-position:0 0;
 */
}

#buyCD a
{
font-weight:700;


/* make it into a button > 
position:relative;
padding:0.2em 1.1em;
margin:0 1em 0 0;
color:#fff;
text-shadow:0 1px 2px rgba(0, 0, 0, 0.25);
text-decoration:none;
background:#a61018;
border:0;
border-bottom:2px solid #77001b;
cursor:pointer;
-webkit-box-shadow:inset 0 -0.05em #14947b;
box-shadow:inset 0 -0.05em #14947b;
box-shadow:0 0.12em 0.35em 0.05em rgba(0,0,0,0.6);
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;
 */
}

.externalLink
{
color:#B3B3B3;
}


/* Not available in your region message */

#notInYourRegion
{
display:none;
color:red;
outline:0;
margin:1.5em auto 0 auto;
}



#YMAE,
.YMAE
{
margin:0 0 3em 0;
overflow-x:auto;
}

#rightMoreArrow /* css shape to right of #YMAE */
{
border-right:0.4em solid #ddd;
border-bottom:0.4em solid #ddd;
width:1em;
height:1em;
transform: rotate(-45deg);
margin:-11em -1.5em 0 0;
float:right;
display:none;
}

@media screen and (max-width: 600px) /* switch #rightMoreArrow on window size */
{
  #rightMoreArrow
  {
  display:block;
  }
}

#homepageFeatured,
#latestBlog,
#wpContent /* front page WP Content, e.g. special messages */
{
padding:2em 0 0 0;
/* border-top:1px solid #e6e6e6; */
border-top:1px solid #cdcdcd;
}

#YMAE ul,
.YMAE ul
{
width:100%;
display:table;
text-align:center;
padding:0;

/* border-right:1px solid #008080; */
}

#YMAE ul li,
.YMAE ul li
{
padding:0 1em;
display:table-cell;
text-align:center;
width:19%;
border:0;
}

#YMAE ul li + li,
,YMAE ul li + li
{
border-left:1px solid #e6e6e6;
}

#YMAE ul li img,
.YMAE ul li img
{
margin:0;
width:88%;
height:auto;
max-width:7.5em;
min-width:4.625em;
-webkit-box-shadow: 0 0.1em 0.5em 0.06em #606060;
-moz-box-shadow: 0 0.1em 0.5em 0.06em #606060;
box-shadow: 0 0.18em 0.7em 0.06em #606060;
border:0;
}

#YMAE ul li a img:hover,
.YMAE ul li a img:hover
{
-webkit-box-shadow: 0 0.1em 0.5em 0.06em #333;
-moz-box-shadow: 0 0.1em 0.5em 0.06em #333;
box-shadow: 0 0.18em 0.7em 0.06em #333;
}

#YMAE p,
.YMAE p
{
display:block;
text-align:center;
font-size:0.9em;
font-weight:700;
line-height:1.25;
margin:0.4em 0 0.5em 0;
}

#YMAE p + p,
.YMAE p + p
{
display:block;
font-size:0.7em;
font-weight:400;
text-transform:uppercase;
letter-spacing:0.08em;
margin:0;
padding:0;
}

#YMAE p a,
.YMAE p a
{
text-decoration:none;
}

#YMAE p a:hover,
.YMAE p a:hover
{
text-decoration:underline;
}


#cast p
{
text-align:center;
margin-top:2em;
}

#cast ol
{
list-style-type:none;
margin:0 0 1em 0;
padding:0 0 1em 0;
border-bottom:1px solid #e6e6e6;
}


#cast dl,
section h6 + dl /* included in product */
{
width:100%;
list-style-type:none;
margin:0 0 3em 0;
padding:0 0 3em 0;
border-bottom:1px solid #e6e6e6;
}

section h6 + dl /* included in product */
{
margin:1.5em 0 1em 0;
border-bottom:0;
}

#cast dt,
section h6 + dl dt /* included in product */
{
font-size:1em;
font-weight:700;
display:inline-table;
width:48%;
text-align:right;
padding:0 0.5em 0 0;
margin:0;
}

#cast dd,
section h6 + dl dd /* included in product */
{
font-weight:400;
display:inline-table;
width:48%;
text-align:left;
padding:0;
margin:0 0 0.3em 0;
}

#product_contents h6 + ul /* included in product ul */
{
margin:1em 0 2em 0;
padding:0;
border-bottom:0;
list-style-type:none;
list-style-position:inside;
}

#product_contents h6 + ul li /* included in product ul li */
{
margin:0 0 0.5em 0;
}

#product_contents h6 + ul li:before /* included in product ul li */
{
content:"•";
padding-right:0.5em;
}

#product_contents h6 + ul li a
{
text-decoration:none;
border-bottom:1px solid #ddd;
}

#product_contents h6 + ul li a:hover
{
text-decoration:none;
border-bottom:1px solid #2c2c2c;
}

#features,
#articles
{
display:inline;
width:50%;
}

#articles h6
{
margin-top:4em;
}

#features ul,
#articles ul
{
margin:0;
padding:0;
}

#features ul li,
#articles ul li
{
/*display:table-cell;*/
padding:1.2em 1em 0 0.25rem;

list-style-type:none;

list-style-type:decimal;
list-style-position:outside;
color:#ddd;
}

#features ul li+li,
#articles ul li+li
{
/*display:table-cell;*/
padding:0.95em 1em 0 0.25rem;
border-left:1px solid #e6e6e6;
/* list-style-type:none; */
}

#features ul li img,
#articles ul li img
{
width:5em;
margin:0;
width:50%;
max-width:7.5em;
min-width:4.625em;
-webkit-box-shadow: 0 0.1em 0.5em 0.06em #606060;
-moz-box-shadow: 0 0.1em 0.5em 0.06em #606060;
box-shadow: 0 0.18em 0.7em 0.06em #606060;

margin:0 0.25em 0.25em 0;
float:left;
clear:none;
}

#features ul li p,
#articles ul li p
{
text-align:left;
}


p + table tbody tr td /* Privacy Policy table */
{
padding:0.5em;
outline:1px solid #ccc;
}



.recentviewed_post
{
margin:0;
padding:0;

border:0;
}

.widgettitle
{
display:none;
}

.recentviewed_post
{
margin:1em 0 0 0;
text-align:left;
padding-left:0;
list-style-type:none;
}

.recentviewed_post li
{
margin:0 0 0.3em 0;
}

.recentviewed_post li a
{
text-decoration:none;
border-bottom:1px solid #ddd;
}


.recentviewed_post li a:visited
{
/* color:#a3a3a3; */
text-decoration:none;
}

.recentviewed_post li a:hover
{
border-bottom:1px solid #2c2c2c;
}


.recentviewed_post li + p /* See More Genre */
{
margin:2em 0 0.3em 0;
}



#readerDetails,
#otherByAuthor
{
border-bottom:1px solid #e6e6e6;
}

#readerDetails div,
#otherByAuthor div
{
height:100%;
clear:both;
padding:0 0 1em 0;
}

#readerDetails img
{
margin:0 2em 1em 0;
width:8em;
height:9.777777776em;
float:left;
-webkit-box-shadow: 0 0.1em 0.7em 0.06em #cdcdcd;
-moz-box-shadow: 0 0.1em 0.7em 0.06em #cdcdcd;
box-shadow: 0 0.1em 0.5em 0.06em #606060;
}

.readerImage /* biog page */
{
margin:0 2em 2em 0;
width:11.25em;
height:13.75em;
float:left;
-webkit-box-shadow: 0 0.1em 0.7em 0.06em #cdcdcd;
-moz-box-shadow: 0 0.1em 0.7em 0.06em #cdcdcd;
box-shadow: 0 0.1em 0.5em 0.06em #606060;
}

#readerDetails p
{

}

.alsoread /* biog page */
{
clear:both;
}

.alsoread dt /* biog page */
{
font-size:1.2em;
line-height:1.5;
margin:0;
padding-bottom:0.2em;
font-weight:700;
font-size:1.1em;
column-span:all;
}


#readerDetails details,
#otherByAuthor div
{
text-align:left;
margin:0.5em 0 1em 0;
cursor:pointer;
clear:both;
}

#readerDetails dl,
#otherByAuthor dl,
.alsoread /* biog page */
{
columns:2 15em;
column-gap: 4em;
column-rule:1px solid #e6e6e6;
margin:1em 0 0 0;
text-align:left;
padding-left:0;
list-style-type:none;
}

#readerDetails dl dt,
#otherByAuthor dl dt
{
display:none;
}

.alsoread dl dt /* biog page */
{
columns:1;
}


#readerDetails dl dd,
#otherByAuthor dl dd,
.alsoread dd /* biog page */
{
margin:0 0 0.5em 0;
display:block;
}

#readerDetails dl dd a,
#otherByAuthor dl dd a,
.alsoread dd a /* biog page */
{
/* margin:0.1em; */
text-decoration:none;
border-bottom:1px solid #ddd;
}


#readerDetails dl dd a:visited,
#otherByAuthor dl dd a:visited,
.alsoread dd a:visited, /* biog page */
{
/* color:#a3a3a3; */
text-decoration:none;
border-bottom:1px solid #ddd;
}

#readerDetails dl dd a:hover,
#otherByAuthor dl dd a:hover,
.alsoread dd a:hover /* biog page */
{
text-decoration:none;
border-bottom:1px solid #2c2c2c;
}




/* Videos */

.embed-container
{ 
position: relative; 
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed
{ 
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

iframe:before
{
/*content:'<div class="embed-container">';*/
content:'hello';
position:relative;
top:0;
left:0;
width:60em;
height:31.58em;
}

p iframe::after
{
content:'</div>';
}




/* Podcasts */

.podcast
{

}

.podcast img /* old, product pages */
{
width:8em;
height:auto;
margin:0 1.5em 1em 0;
float:left;

-webkit-box-shadow: 0 0.1em 0.7em 0.06em #cdcdcd;
-moz-box-shadow: 0 0.1em 0.7em 0.06em #cdcdcd;
box-shadow: 0 0.1em 0.5em 0.06em #606060;
}

.podcast h1, /* old, product pages */
.podcast p /* old, product pages */
{
font-size:1em;
margin:0;
padding:0;
}

.podcast p /* old, product pages */
{
margin:0.5em 0 0 0;
padding:0;
}

.wp-audio-shortcode
{
display:block;
margin:1em 0 1em 0;
width:60em;
height:auto;
}

.mejs-duration,
.mejs-currenttime
{
color:#fff;
}

.wp-audio-shortcode.mejs-container .mejs-controls
{
background:#3C3C3C;
}

.wp-audio-shortcode.mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded
{
background:#DFDFDF;
}

.wp-audio-shortcode.mejs-container .mejs-controls .mejs-time-rail .mejs-time-current
{
background: #a61018; /* Old browsers */
background: -moz-linear-gradient(top, #a61018 0%, #b71212 42%, #9e0f0f 69%, #870d0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a61018 0%,#b71212 42%,#9e0f0f 69%,#870d0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a61018 0%,#b71212 42%,#9e0f0f 69%,#870d0d 100%);
}



/* Podcast single pages & product pages */

#podcasts /* aside */
{
padding:0 0 7em 0;
border-bottom:1px solid #e6e6e6;
}

.h1Podcast p
{
display:inline;
margin:0;
padding:0;
}

.podcastImage
{
width:8rem;
height:auto;
margin:1.25em 1.5em 1em 0;
float:left;

-webkit-box-shadow: 0 0.1em 0.7em 0.06em #cdcdcd;
-moz-box-shadow: 0 0.1em 0.7em 0.06em #cdcdcd;
box-shadow: 0 0.1em 0.5em 0.06em #606060;
}

.podcastAudio
{
display:block;
float:left;
/* clear:both; */
margin:1em 0 2em 0;
width:100%;
height:auto;
}

.podcastAudio .wp-audio-shortcode
{
display:block;
margin:0;
width:auto;
height:auto;
}

.podcastAudio + hr + div
{
clear:both;
}

.podcastAudio + hr + div dl dd
{
margin:0 0 0.25em 0;
padding:0;
}




blockquote
{
/* width:28%; */
width:20vw;
max-width:8em;
float:left;
font-size:1.8em;
font-weight:400;
line-height:1.2;
text-align:left;
margin:0 1em 0.7em 0;
}

blockquote p
{
max-width:8em;
float:left;
/* font-size:1.25; */
font-weight:400;
line-height:1.2;
text-align:left;
margin:0;
padding:0;
}

blockquote p:before,
blockquote p:after
{
display:block;
margin:-0.1em 0 0.15em 0;
padding:0;
content:'”';
color:#AA0D18;
height:0.25em;
font-family:'times new roman', serif;
font-size:3em;
}

blockquote p:before
{
margin:-0.25em 0 0.1em 0;
content:'“';
height:0.5em;
}

blockquote p br
{
content:' ';
}

blockquote p br:after
{
content:' ';
}


hr
{
border:0;
height:0;
border-bottom:1px solid #e6e6e6;
}




#recentlyviewed
{
width:52%;
float:left;

margin:3em 8% 0 0;
/* margin-right:8%; */

border-right:1px dotted #ccc;

min-height:16em;
}




footer
{
position:absolute;
bottom:0;
left:0;
width:100%;
font-size:0.9em;
text-align:center;
margin:0;
padding:0 0 2em 0;
background:#fff;
border-top:1px solid #C5C5C5;
box-shadow:0 0.15em 1.25em 0.125em rgba(0,0,0,0.2);

flex-shrink:0;
}

footer table,
footer p
{
width:80%;
max-width:68em;
margin:0 auto;
padding:0 0 2.5rem 0;
border-bottom:1px solid #e6e6e6;
}

footer p
{
margin:0 auto;
padding:1em 0 0 0;
border:0;
}

footer table tr td
{
vertical-align:top;
width:19%;
}

footer table tr td dl
{
text-align:left;
margin:0;
padding:0 0.8em 0 0;
font-size:0.9em;
line-height:1.1;
}

footer table tr td dl dt
{
display:block;
font-size:1.25em;
font-weight:700;
margin:1.5em 0 0.7em 0;
}

footer table tr td dl dd
{
outline:0;
font-weight:400;
margin:0.2em 0 0.5em 0;
}

footer table tr td dl dd a,
footer table tr td dl dd a:visited
{
text-decoration:none;
}

footer table tr td dl dd a:hover
{
text-decoration:underline;
}

footer table tr td dl dd a:active
{
text-decoration:underline;
}





.coverBooklet,
.coverBookletSep
{
font-size:0.75em;
color:#5E5E5E;
}

.coverBooklet:hover
{
color:#77001b;
}






#iosInfo
{
display:none;
}



/* - - - - - mobile css - - - - - */

/* iPad Pro */

/* Landscape */

@media only screen and (device-width: 834px) and (device-height: 1112px) and (orientation:landscape) {

#YMAE ul li img
.YMAE ul li img
{
margin:0;
width:6em;
height:6em;
}

#audioSampleButton::before
{
left:-0.05em;
}

#audioSampleButton.audioPaused::before
{
left:-0.1em;
}


#iosInfo /* also in landscape and iPhone sections */
{
display:inline-block;
margin:0 0.5rem 0 0.5rem;
padding:0 1em 0.25em 1em;
border:3px solid #a61018;
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;
background:#fff3f3;
}

#iosInfo p
{
font-size:0.85em;
}


}




/* Portrait */

@media only screen and (device-width: 834px) and (device-height: 1112px) and (orientation:portrait) {

#YMAE ul li img
.YMAE ul li img
{
margin:0;
width:6em;
height:6em;
}

#audioSampleButton::before
{
left:-0.05em;
}

#audioSampleButton.audioPaused::before
{
left:-0.1em;
}


#iosInfo /* also in landscape and iPhone sections */
{
display:inline-block;
margin:0 0.5rem 0 0.5rem;
padding:0 1em 0.25em 1em;
border:3px solid #a61018;
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;
background:#fff3f3;
}

#iosInfo p
{
font-size:0.85em;
}


}




/* iPad */

/* Portrait */

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {

#YMAE ul li img
.YMAE ul li img
{
margin:0;
width:6em;
height:6em;
}

#audioSampleButton::before
{
left:-0.05em;
}

#audioSampleButton.audioPaused::before
{
left:-0.1em;
}


#iosInfo /* also in landscape and iPhone sections */
{
display:inline-block;
margin:0 0.5rem 0 0.5rem;
padding:0 1em 0.25em 1em;
border:3px solid #a61018;
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;
background:#fff3f3;
}

#iosInfo p
{
font-size:0.85em;
}


}




/* Landscape */

/*@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {*/

@media only screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {

#audioSampleButton::before
{
left:-0.05em;
}

#audioSampleButton.audioPaused::before
{
left:-0.1em;
}


#iosInfo /* also in landscape and iPhone sections */
{
display:inline-block;
margin:0 0.5rem 0 0.5rem;
padding:0 1em 0.25em 1em;
border:3px solid #a61018;
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;
background:#fff3f3;
}

#iosInfo p
{
font-size:0.85em;
}


}




/* iPhone */

@media only screen and (max-device-width:480px) and (orientation:portrait) {

.mobilePortraitHide
{
display:none;
}

}



/* iPhone */

@media only screen and (max-device-width:480px) {



html
{
width:100%;
height:100%;
min-height:100%;
background:#fff;
font-size:16px;
line-height:1.4;
margin:0 auto;
}

main
{
padding:2em 2.5em 105rem 2.5em;
background:#fbfaf6;
box-shadow:0 4em 5em 1em rgba(72,67,54,0.25);
border-top:3.5em solid #999491;
float:left;
}

header
{
position:absolute;
top:0;
}

header nav
{
position:relative;
top:0.7em;
padding:0;
}

header nav ul
{
width:100%;
top:-1.2em;
}

nav ul li
{
width:4em;
}

nav ul li:first-child
{
padding-right:0.25em;
}

nav ul li + li
{
}

nav ul li + li:after
{
top:3em;
}

nav ul li a img
{
width:4rem;
height:4rem;
border:0;
}

nav ul li a
{
letter-spacing:0;
border:0;
}

.mobileHide
{
display:none;
}

#audioSample
{
position:relative;
z-index:1;
}

#audioSampleButton::before
{
left:-0.05em;
}

#audioSampleButton.audioPaused::before
{
left:-0.1em;
}

#productDetails ul li
{
display:block;
width:100%;

padding:1em 1em 1em 0;
}

#YMAE ul li img,
.YMAE ul li img
{
width:4.8em;
height:4.8em;
border:0;
}

footer table tr td
{
display:inline;
width:50%;
}

footer table tr td dl dt,
footer table tr td dl dd a
{
font-size:1rem;
}

blockquote
{
display:none;
}

#recentlyviewed
{
display:none;
width:50%;
float:left;
}

#features,
#articles
{
display:none;
width:50%;
}




.newThisMonth /* homepage new releases */
{
width:100%;

float:left;
clear:none;
margin:0 0 2em 0;

display:inline-block;
}




#iosInfo /* also in iPad section */
{
display:inline-block;
margin:0 0.5rem 0 0.5rem;
padding:0 1em 0.25em 1em;
border:3px solid #a61018;
border-top-left-radius:0.5em;
border-bottom-left-radius:0.5em;
border-top-right-radius:0.5em;
border-bottom-right-radius:0.5em;
background:#fff3f3;
}

#iosInfo p
{
font-size:0.85em;
}




}


/* End mobile CSS */




/* Newsletter page */

#newsletterImage
{
float:left;
clear:none;
margin:1em 1.75em 1em 0;
padding:0;
width:8em;
height:auto;
-webkit-box-shadow: 0 0.1em 0.5em 0.06em #606060;
-moz-box-shadow: 0 0.1em 0.5em 0.06em #606060;
box-shadow: 0 0.18em 0.7em 0.06em #606060;
}




/* Temp elements */

.wasPrice /* 30% off discount – shows strike-though price */
{
/* display:none; */
display:inline; 
}

.wasPrice .line-through
{
text-decoration:line-through;
color:red;
}

#cornerFlag
{
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);

position:fixed;

width:20em;
height:3.5em;
padding:0.4em 0.05em 0.2em 0.05em;
background: #a61018; /* Old browsers */
background: -moz-linear-gradient(top, #a61018 0%, #b71212 42%, #9e0f0f 69%, #870d0d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a61018 0%,#b71212 42%,#9e0f0f 69%,#870d0d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a61018 0%,#b71212 42%,#9e0f0f 69%,#870d0d 100%);

/* background:#0060aa; */

/* border-bottom:1px solid #e6a02a; */

box-shadow:0 0.15em 0.65em 0.15em rgba(0,0,0,0.35);
color:#fff;
font-family:'Open Sans', system, -apple-system, ".SFNSDisplay-Regular", sans-serif;
font-size:0.9em;
font-weight:600;
text-align:center;
letter-spacing:0;
line-height:1.1em;
vertical-align:bottom;
top:1.85em;
left:-6.05em;
z-index:10000;
pointer-events:none;

/* box-shadow:0 0.25em 0.85em -0.15em rgba(0,0,0,0.4); */
}

#cornerFlagTitle
{
font-weight:900;
color:#fff;
}

#onSaleImg
{
display:block;
width:8em;
margin:1.5em auto 0.5em auto;
padding:0;
background:none;
height:auto;
}

#onSale,
#onSaleNote
{
display:inline-block;
font-size:0.7em;
font-weight:700;
color:#aa1119;
background:none;
margin:0.25em 0 0 0;
padding:0.25em 0.5em 0 0.5em;
/* border-radius:0.5em; */
}

#onSaleNote
{
font-size:0.6em;
font-weight:300;
font-style:italic;
color:#808080;
background:none;
margin:0;
padding:0;
}

ul hr
{
margin:1.5em 0;
}