/* General styles */
body.category-fritz {
    background-image: url("https://scifiinterfaces.com/wp-content/uploads/2020/02/cool-background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
}

/* Typography */
h1, h2 { color: #faa735; }
h3, figcaption { 
    color: #f3dbbe; 
    font-size: 10px;
}

strong { color: #f3dbbe; }

p {
	  margin-top: 15px;
}

/* Lists */
ul.mislist {
    list-style-type: none;
    padding-left: 20px;
    padding-bottom: 10px;
    margin: 0;
}

ul.mislist li {
    background: url('http://scifiinterfaces.com/wp-content/uploads/2012/10/bullet.png') no-repeat 0 10px;
    padding-left: 30px;
    padding-bottom: 20px;
}

/* Images and figures */
.wp-block-image.noborder,
.wp-block-image.noborder img,
figure.noborder, 
img.noborder, 
wp:image,
.noborder {
    border: none !important;
    box-shadow: none !important;
}

.wp-block-image.transparent,
.wp-block-image.transparent img,
figure.transparent, 
img.transparent, 
wp:image,
.transparent {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Override default WordPress image styles */
.wp-block-image img {
    border: none;
    box-shadow: none;
    background: none;
}

/* Header styles */
.site-header hgroup { margin-bottom: 2.083em; }

.site-title {
    font-family: 'Helvetica Neue', Helvetica, sans-serif;
    font-size: 36px;
    line-height: 1;
    margin-top: -.15em;
    word-wrap: break-word;
    text-transform: capitalize;
}

.site-title, .site-title a { color: #FFFFFF; }
.site-title a:hover { 
    color: #bfaa91; 
    text-decoration: none;
}

.site-description { color: #918d93; }

/* Sunstrip styles */
.sunstrip, .sunstrip-small {
    background: linear-gradient(to right, #9ad2c2 1%, #474548 12%, #474548 18%, #b0061d 23%, #474548 51%, #474548 71%, #d38b39 91%);
    position: absolute;
    width: 100%;
    z-index: 1;
}

.sunstrip { height: 10px; }
.sunstrip-small { height: 4px; }

.sunstrip::after, .sunstrip-small::after {
    background: url('images/sun-border.png');
    content: "";
    height: 5px;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.sunstrip::after { bottom: 0; }
.sunstrip-small::after { top: 0; }

/* Testimonial styles */
.testimonial {
    width: 600px;
    float: left;
    margin: 15px 0 30px;
}

.left-quote {
    float: left;
    background: url('http://scifiinterfaces.com/wp-content/uploads/2012/07/left_quote.png') no-repeat top;
    width: 50px;
    height: 41px;
    margin-right: 10px;
}

.testimonial-text {
    float: left;
    text-align: justify;
    width: 470px;
    padding-right: 65px;
    background: url('http://scifiinterfaces.com/wp-content/uploads/2012/07/right_quote.png') no-repeat right bottom;
}

.testimonial-pic {
    float: left;
    margin-left: 70px;
}

.testimonial-name {
    float: left;
    padding: 15px 0 0 15px;
}

/* Misc styles */
.goodcatch { color: #d38b39; }
.mediaauthor, a.mediaauthor { 
    color: #b94f25; 
    font-size: 12pt;
}

.widget-title {
    margin-top: -10px;
    color: #FCB03E;
}

.freeimg {
    margin: 0;
    background: none;
    border: 0;
    box-shadow: none;
}

.wp-block-image figcaption { color: #f8f6ed; }
.avatar { padding-bottom: 20px; }

/* Script styles */
.script { margin-left: 40px; }
.speaker { 
    display: inline;
    color: #f3dbbe;
}

.screenbox, .screendoc {
    list-style: none;
    width: 420px;
    background: #eee;
    border: 1px solid #333;
    padding: 5px 14px;
    color: black;
}

.screenbox li, .screendoc li {
    font: 12px/14px Courier, fixed;
    list-style-type: none;
}

.screendoc, .screendoc li, .screendoc li strong { color: #b94f25; }

.screendoc::after {
    content: "n.b. this script snippet is original to the author, and not part of any show";
    color: #c2bcac;
    font-size: 11px;
}

.sceneheader, .action, .character { padding-top: 1.5ex; }
.action { padding-right: 5%; }
.character {
    margin-left: 40%;
    text-transform: uppercase;
}

.slugline {
	text-transform: uppercase;
	padding-top: 3%;
	padding-bottom: 3%;
}

.dialogue {
    margin-left: 25%;
    padding-right: 25%;
}

.dialogue strong { color: black; }

.parenthetical {
    margin-left: 32%;
    padding-right: 30%;
}

.dialogue + .parenthetical { padding-bottom: 0; }

.transition {
    padding-top: 3ex;
    margin-left: 65%;
    padding-bottom: 1.5ex;
}

/* Media queries */
@media only screen and (max-device-width: 480px) {
    strong { color: inherit; }
}