/* Trial colours: blue page background, black "Own a Piece of Movie History" area.
   Delete this file from the site to go back to the light grey page and blue top area. */
body{background:var(--blue)}
/* Top area of the home page: black, with light text */
.hero{background:#000;color:#fff}
.hero .headline,.hero .headline + .lead,.hero .cta,.hero .box-label,.box.xm .box-label{color:#fff}
.hero .cta:hover,.hero .box-label:hover{color:#aab8f0}
.hero .cta .circle,.hero .cta span{border-color:#fff}
/* thin light frame round the rotating posters so dark posters don't vanish into the black */
.hero .slide img{border:2px solid rgba(233,232,238,.85);box-sizing:border-box;box-shadow:0 10px 30px rgba(0,0,0,.6)}
.hero .arrow{background:rgba(255,255,255,.18)}
.hero .arrow:hover{background:rgba(255,255,255,.32)}
/* Page title bands: a darker blue so they still stand apart from the blue page */
.banner{background:#5f71c2}
/* Grey text sitting straight on the blue page: make it dark enough to read */
.count,.wl-note,.crumbs,.detail .meta,.facts th,.empty{color:#2a2d44}
.facts td,.facts th{border-color:rgba(35,35,39,.25)}
.detail .price{color:#fff}
.info-page a:not(.btn),.more-reading a{color:#1c2c78}
.callout{border-left-color:#232327}
/* Blue buttons would vanish on a blue page, so make them dark */
:root{--grey:#3b3e57}
.filters button,.btn{background:#232327}
.btn:hover,.filters button:hover{background:#000}
.btn[disabled]{background:#8E909C}
.qty-ctl{border-color:#232327}
.qty-ctl button{background:#232327}.qty-ctl button:hover{background:#000}
.hero .btn{background:#fff;color:var(--ink)}
.nl-btn{background:var(--blue)}
/* Page title bands (New Arrivals, Vintage Movie Posters...) black like the home page top */
.banner{background:#000}
/* Poster page: light text on the blue */
.detail h1,.detail .meta,.detail [style*="var(--grey)"],.detail .facts td,.detail p{color:#fff!important}
.detail .facts th{color:#dfe3f5!important}
.detail .facts td,.detail .facts th{border-color:rgba(255,255,255,.3)}
.detail .price{color:#fff}
/* Condition note: darker box with softer text so it doesn't glare */
.note{background:rgba(18,20,38,.55);color:#dfe2f2;border-left-color:var(--orange)}
/* Other Versions: heading and count white, the labels and prices on the white cards stay dark */
.versions h2,.versions h2 span{color:#fff!important}
.versions .vlabel{color:var(--ink)!important}
.versions .vcard .price{color:var(--red)!important}
/* Poster count above the grid */
.count{color:#fff}
/* Page titles in the black band: thicker font */
.banner h1{font-family:Impact,"Arial Black",sans-serif;font-weight:normal;letter-spacing:1.5px;font-size:40px}
/* Footer pages (About, Shipping, Returns, Grading, Contact, Privacy, Articles, Wish List): white writing on the blue */
.info-page,.info-page h1,.info-page h2,.info-page h3,.info-page p,.info-page li,.info-page .lead,.info-page .crumbs{color:#fff}
.info-page .facts th,.info-page .facts td{color:#fff!important;border-color:rgba(255,255,255,.3)}
.info-page a:not(.btn):not(.art-card){color:#fff;text-decoration:underline;text-underline-offset:3px}
.info-page a:not(.btn):not(.art-card):hover{color:#dfe3f5}
.more-reading{border-top-color:#fff}
/* white boxes keep their dark writing */
.info-page .callout,.info-page .callout p,.info-page .callout li,.info-page a.art-card,.info-page .art-card h2,.info-page .art-card p{color:var(--ink)}
.info-page .callout a:not(.btn){color:#1c2c78}
.info-page .art-card span{color:var(--blue)}
.wl-note,.empty{color:#fff}
.empty a:not(.btn){color:#fff;text-decoration:underline}
.cart-more a{color:#fff}