/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */

/* love.css */
/* CSS 3 */
/* Stylesheet for Piandao.love */
/* Views styles @ https://piandao.love/love.css */
/* SC --> SC@atla.fans */

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */


/* MEDIA QUERIES */

@media screen and (max-width:960px) {
  nav a:not(:second-child) {display:none;}
  nav a.icon {float:right; display:block;}
}

@media screen and (max-width:960px) {
	nav.responsive {position:relative;}
  nav.responsive .icon {position:absolute; right:0; top:0;}
  nav.responsive a {float:none; display:block; text-align:left;}
}


/* GENERAL STYLES */

body {background:#fff; overflow-x:hidden; margin:0 auto; padding:0; font-family:'Quicksand', sans-serif; font-size:2vw; line-height:3.5vw;}

a, a:link, a:visited {color:#9a7534; text-decoration:none; transition:0.25s ease-in-out;}
	a:hover, a:active {text-decoration:none;}

img {border:0px;}

h1 {color:#462310; text-align:left; font-family:'Cormorant SC', serif; font-size:150%; letter-spacing:3px;}
h2, h3, h4, h5, h6 {text-align:left; font-size:125%;}

p {margin:0; padding:0 0 3% 0; text-align:justify; line-height:1.6; word-spacing:1px; letter-spacing:0px;}
	p a, a:link, a:visited {color:#c08e37;}
	p a:hover, p a:active {background:#fff; text-decoration:none;}

table {margin:0 auto; padding:20px 0 30px 0; width:70%;}
	td {padding:0 10px; width:50%; vertical-align:top;}

hr {color:#e9e9e9; width:50%; margin-bottom:3%; padding:0;}

header {background:#d3b25b url(../png/piandao.png) no-repeat center center; background-size:contain; color:#5a1027; margin:0; padding:0; width:100%;}

#wrapper {margin:0 auto; padding:0; width:100%;}

#title {background:transparent; margin:0; padding:50px 0 25px 0; font-family:'Cormorant SC', serif; font-size:7vw; text-align:center; letter-spacing:10px;}
	#subtitle {font-size:30%; margin:0; padding:1.5% 0; letter-spacing:3px;}
	#page-title {font-size:40%; margin:0; padding:1.5% 0; letter-spacing:7px;}
	.title-heart {color:#c10001; padding:0 5px; font-size:1.5vw; vertical-align:2px;}

.page-links {color:#5a1027; margin:0 auto; padding:3% 0 2% 0; width:60%; text-align:center; word-spacing:2px;}
	.page-links a {margin:0 1%; padding:0; text-decoration:none;}
	.page-numbers {padding:0 0 0 2%; font-weight:bold;}
	.page-numbers a {margin-left:-2%; padding:0.5% 1.5%;}
	.page-numbers a:hover, .page-numbers a:active {background:#c08e37; color:#fff; text-decoration:none; border-radius:50%;}
	.current-page {border:1px solid #c08e37; border-radius:6px;}

.top-of-page {margin:0 auto; padding:2% 0 3% 0; text-align:center; font-size:200%;}
	.top-of-page a, .top-of-page a:link, .top-of-page a:visited {text-decoration:none;}

.announcements {background:#190305; color:#c10001; margin:0; padding:3% width:80%; text-align:center; font-size:150%;}
	


/* SITE NAVIGATION */
 
nav {overflow:hidden; background:#3a0a16; font-size:24pt;}

nav a {color:#d3b25b; float:left; display:block; text-align:center; padding:50px 25px 10px 25px; text-decoration:none;}

nav a:hover {background:#d3b25b; color:#fff;}

.active {background:#190305;}

.nav-heart {color:#c10001; padding-right:7px; font-size:60%; vertical-align:5px;}

.nav-arrows {padding-right:7px; font-size:90%; vertical-align:3px;}

nav .icon {display:none;}


/* PIANDAO STYLES */

#sword {background:#3a0a16 url(../png/sword.png) no-repeat top right; background-size:cover; color:#fff; margin:0 auto; padding:0; width:100%;}
	#piandao-quote {margin:0 auto; padding:2% 0 3% 0; width:80%; font-family: 'Parisienne', cursive; text-align:center; font-size:175%; line-height:150%; font-style:italic;}

#piandao {margin:0; padding:0; width:100%;}
	#piandao a {color:#c10001;}
	#piandao a:link, #piandao a:visited {border-bottom:1px solid #000;}
	#piandao a:hover, #piandao a:active {border-bottom:3px solid #000;}

#piandao-bio {background:transparent url(../png/fierce-piandao.png) no-repeat top right; background-size:60%; margin:0 auto; padding:5% 0 5% 0; width:100%; text-align:center;}

.bio {margin:0; padding:0 0 0 5%; width:75%; text-align:left;}
	.bio-name {color:#c10001; font-family:'Cormorant SC', serif; font-size:250%;}

.bio-episodes {background:transparent; text-align:center; margin:0; padding:2% 0 0 0; width:100%;}
	.bio-episodes table {margin:0; padding:0; width:100%; text-align:center;}
		.bio-episodes tr {margin:0; padding:0; vertical-align:top;}
		.bio-episodes td {margin:0; padding:20px; vertical-align:top;}
			.bio-left-column {text-align:right; width:20%; color:#c10001; font-family:'Cormorant SC', serif; font-size:175%;}
			.bio-right-column {text-align:left; width:80%; font-size:100%; font-style:italic;}

#piandao-info {overflow:auto; margin:0; padding:1% 0 0 2%; width:40%;}


/* INDEX.HTML STYLES */

.index-menu {background:#2c070d; color:#fff; margin:0 auto; padding:0; text-align:center;}
	.index-menu a {color:#fff; margin:0; padding:0 1%; width:100%; text-decoration:none;}
	.index-menu a:hover, .index-menu a:active {background:#922023; border-radius:5px;}

#content {background:transparent; color:#000; margin:0 auto; padding:4% 0; width:70%;}
	#content a, #content a:link, #content a:visited {color:#c08e37; text-decoration:none; border-bottom:2px dotted #c08e37;}
	#content a:hover, #content a:active {background:#fff; color:#c08e37; text-decoration:none; border-bottom:2px dotted #fff;}

.authors {clear:both; background:#3a0a16; color:#c08e37; margin:0 auto; padding:10px 0; width:100%; text-align:center; font-family:'Cormorant SC', serif; font-size:150%; letter-spacing:3px;}
	.author-list {background:#190305; color:#c08e37; color:#c08e37; text-align:left;}
	.author-list a {color:#c08e37;}
	.author-list table a, .author-list table a:link, .author-ist table a:visited {color:#c08e37; text-decoration:none; border-bottom:1px solid #c08e37;}
	.author-list table a:hover, .author-list table a:active {text-decoration:none; border-bottom:5px dotted #c08e37;}

.artists {background:#c08e37; color:#5a1027; margin:0 auto; padding:10px 0; width:100%; text-align:center; font-family:'Cormorant SC', serif; font-size:150%; letter-spacing:3px;}
	.artist-list {background:#d3b25b; color:#5a1027; color:#5a1027; text-align:left;}
	.artist-list a {color:#2c070d;}
	.artist-list table a, .artist-list table a:link, artist-list table a:visited {color:#5a1027; text-decoration:none; border-bottom:1px solid #5a1027;}
	.artist-list table a:hover, .artist-list table a:active {text-decoration:none; border-bottom:5px dotted #5a1027;}

footer {background:#2c070d; margin:0 auto; padding:3% 0 1% 0; width:100%; text-align:center;}
	.links {background:transparent; margin:0; padding:0; font-size:35pt;}
		.links a {color:#9b6c21; margin:0; padding:0.5% 1.5%;}
		.links a:hover, .links a:active {background:#9b6c21; color:#fff; text-decoration:none; border-radius:50%;}
		
	.copyright {background:transparent; color:#9b6c21; margin:0; padding:10px 0; width:95%; font-size:1.5vw;}


/* FIC STYLES */

#fic-page {background:#d3b25b url(../png/piandao.png) no-repeat center center; background-size:contain; margin:0; padding:2% 0; font-family:'Cormorant SC', serif; font-size:7vw; text-align:center; letter-spacing:10px;}
	#index-linkback {font-size:50%; margin:0; padding:2% 0; letter-spacing:3px;}

.author {font-size:3.5vw; padding:3% 0 3% 0;}
	.title {padding:0 0 0 3%;}
	.summary {padding:0 0 0 3%;}
	.story-details {padding:0 0 3% 3%; font-weight:bold;}


.story-title {color:#5a1027; padding:1% 0 0 0; text-align:center; font-size:4vw; line-height:4.2vw;}

.story-author {color:#5a1027; padding:0 0 1% 0; text-align:center; font-size:2vw;}

.story-notes {margin:0 0 3% 0; padding:1%; text-align:center; font-style:italic; border-top:1px dotted #000; border-bottom:1px dotted #000;}

.scene-number {color:#d3b25b; padding:2% 0 0 0; text-align:center; font-family:'Cormorant SC', serif; font-size:250%;}

.chapter-title {color:#d3b25b; margin:0 auto; padding:5% 0 0 0; text-align:center; font-family:'Cormorant SC', serif; font-size:200%;}
	.chapter-subtitle {color:#d3b25b; margin:0 auto; padding:2% 0 0 0; text-align:center; font-family:'Cormorant SC', serif; font-style:italic;}

.chapters {margin:0 auto; padding:0; width:95%; text-align:center; word-spacing:15px;}
	.chapters a {margin:0; padding:0;}

.custom-select option {background:#fff; font-size:2vw;}
	.custom-select option a {background:#000;}


/* ART STYLES */

.gallery {color:#5a1027; margin:0 auto; padding:5% 0 0 0; width:85%; text-align:center;}
	.gallery img {margin:10px 15px; padding:0; width:300px; height:300px; border:25px solid #fff;box-shadow:1px 2px 4px rgba(90, 16, 39, .8);}
	.gallery a {text-decoration:none;}