/*
Theme Name: Dragonchoice 2021
Theme URI: http://www.e-motivemedia.com
Author: e-Motive Media Ltd
Version: 1.0
Tags: 
*/


* { 
	margin: 0; 
	padding: 0; 
	word-wrap: break-word;
}

html { 
overflow-y: scroll;
}

body {
	font-size: 62.5%;
	font-family: "Droid Serif", Arial, Helvetica, sans-serif;
	background-color: #cecee6;
	color: #333333;
	line-height:150%;
	}

a, img { 
	outline: none;
	border:none;
	color: #000;
}

img {
	display: block;
}

p.clear {
	clear:both;
	height:0px;
	line-height:0.0000001px;
	font-size: 0.0000001px;
}

.hidden {
	display:none;

}

article, aside, details, figcaption, figure,
footer, hgroup, menu, nav, section { 
    display: block;
}

/* Global formatting styles */

a:link {
	color: #CC3399;
	text-decoration:none;
}

a:visited {
	color: #CC3399;
}

a:hover {
	color: #CC3399;
	text-decoration: underline;
}

a:active {
	color: #CC3399;
}

p {
	font-size: 1.8em;
	line-height: 1.9em;
	margin: 1.2em 0;
}

h1 {
	font-size: 3.6em;
	line-height:1.2em;
	margin: 0 0 0.6em 0;
}

h2 {
	font-size: 2.8em;
	line-height:1.1em;
	margin: 0.6em 0;

}

h3 {
	font-size: 2.4em;
	line-height:1.2em;
	margin: 0.6em 0;
}

h4 {
	font-size: 2.4em;
	line-height:1.2em;
	margin: 0.6em 0;
}

hr {
height: 3px;
margin-left: auto;
margin-right: auto;
background-color:#b8b8d9;
color:#b8b8d9;
border: 0 none;
}

#sidebar h2 {
font-size: 2.4em;
margin-top:0;
}

.single-result #sidebar h2 {
margin-top:0;
text-align:center;
}

.single-result #sidebar h3 {
margin-top:25px;
text-align:center;
}

.single-result #sidebar p {

text-align:center;
}

.single-result h1 {
text-align:center;
}

.home h1,
.page-template-page-teaser h1 {
text-align:center;
margin-top:25px;
}

#sidebar ul {
margin:0;
padding:0;
}

#sidebar ul li {
font-size: 1.7em;
line-height:1.7em;
margin: 0;
padding:10px 0;
list-style-type: none;
border-bottom: 2px solid #f3f3f3;

	}
	
#sidebar ul li.act {
	font-weight:bold;
	text-transform: uppercase;
	text-align: center;
	font-size:2em;
	}
	
#sidebar ul a {
display:block;
}

#sidebar ul.searchees li {

width:auto;
padding:6px 10px;
margin-right:5px;
margin-bottom:8px;
border: 1px solid #f3f3f3;
font-size:1.5em;
line-height:2em;

}

#sidebar ul.searchees li a {
display:inline-block;
}

#sidebar ul.searchees li img{

width:30px;
height:30px;
margin-right:5px;

}

table.searchResults img,
table.results img {

width:30px;
height:30px;
margin-right:5px;
}

main ul li,
#homeNews ul li{
	font-size: 1.8em;
	line-height: 1.9em;
	margin: 0.6em 0 0.6em 0;
	padding:0 0 0 1em;
	list-style-type: none;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 12px;
	
}

main ul ul li, main ol ol li{
	font-size: 100%;

	
}

ol li {
	font-size: 1.6em;
	line-height: 150%;
	margin: 0.6em 0 0.6em 2.5em;
	padding:0 0 0 0.6em;
	list-style-type:decimal;
	
}

/* Main structure styles */
	
#wrapper {
	width: 98%;
	border-left: 5px solid #9B9BC4;
	border-right: 5px solid #9B9BC4;
	max-width: 1230px;
	background-color:#ffffff;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	} 
	
	
#contentContainer {
width:100%;

background-color:#ffffff;
padding-top:297px;
}

#content {
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1300px;
	padding-top:25px;

	
}

#heroContainer {
width:100%;

background-color:#ffffff;
  background-image: linear-gradient(rgba(255,255,255,.65), rgba(255,255,255,.55)), url("/wp-content/uploads/fullcover-2100.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  height: 580px;
}

#hero {
width: 100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1000px;
	padding-top:30px;
}

.gameInfo {

width:100%;
/*width:67%;*/
}

#gameContainer,
#dragonchoiceContainer,
#prizeContainer,
#fbContainer,
#registerContainer,
#weyrlingContainer {
width:100%;

background-color:#B8B8D9;
}

#prizeContainer,
#fbContainer,
#recapContainer {
background-color:#ffffff;
}

#prize,
#fb,
#register,
#recap,
#weyrling {
width: 100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1300px;
	padding-top:30px;
	padding-bottom:30px;
}

.page-template-page-teaser #dragonchoiceContainer,
.page-template-page-faq #dragonchoiceContainer {
background-color:#ffffff;
}

img.teaser {
max-width:100%;
height:auto;
margin-left:auto;
margin-right:auto;
}

#gameContainer {
  background-image: linear-gradient(rgba(184,184,217,.95), rgba(184,184,217,.85)), url("/wp-content/uploads/hatching_bg2.jpg");
  background-repeat: no-repeat;
  background-position: bottom;

}

#otherHomeContainer {
width:100%;

background-color:#ffffff;
}

#game,
#dragonchoiceContent,
#otherHome,
#fb {
width: 100%;
	margin-left:auto;
	margin-right:auto;
	max-width:1300px;
	padding-top:30px;
}

.gameAspect,
.dragonchoice {

width:30%;
margin-right:5%;
}

.otherHome {

width:48%;
margin-right:4%;
}

.otherHome:first-of-type img {
float:left;
margin-right:20px;
border:2px solid #6C6BB1;
max-width:40%;
}

.otherHome h3 a {
color: #333333;
}

.gameAspect h3,
.dragonchoice h3 {
text-align:center;
}

.gameAspect p.button,
.dragonchoice p.button,
p.buttonTeaser {
text-align:center;
}

.gameAspect:last-of-type,
.dragonchoice:last-of-type,
.otherHome:last-of-type {
margin-right:0;
}

.gameImage,
.dragonchoiceImage {

width:100%;
}

.gameImage img,
.dragonchoiceImage img {
width: calc(100% - 4px);
max-width:calc(100% - 4px);
height:auto;

border:2px solid #6C6BB1;
}

.gameBlurb,
.dragonchoiceBlurb {

width:100%;
}

#heroImage {

width:30%;
margin-right:3%;
}

#heroTitle {

width:100%;
/*width:67%;*/
text-align:center;
}

#heroTitle.mobile {
display:none;
}

#heroBlurb {

/*width:67%;*/
}

#heroImage img {
max-width:100%;
height:auto;
}

#hero a.button {
color: #FFFFFF;
	background-color: #CC3399;
	padding: 15px 20px;
	line-height:200%;
	text-decoration: none;
	text-align: right;
	text-transform:uppercase;
	font-size: 1.5em;
}

#hero a.button::after,
p.buttonTeaser a.button::after {
content: ">";
display: inline-block;
margin-left: 6px;
position: relative;
transition: transform .25s ease-out;
z-index: 1;
}

#hero a.button:hover::after,
p.buttonTeaser a.button:hover::after {
transform: translateX(50%);
}

#hero a.button:hover,
p.buttonTeaser a.button:hover {
background-color: #6C6BB1;
text-decoration:0;
}

#hero a.button:active,
p.buttonTeaser a.button:active {
background-color: #CC3399;
text-decoration:0;
}

.gameAspect a.button {
color: #FFFFFF;
	background-color: #CC3399;
	padding: 15px 20px;
	line-height:200%;
	text-decoration: none;
	text-align: right;
	text-transform:uppercase;
	font-size: 1em;
}

.gameAspect a.button::after {
content: ">";
display: inline-block;
margin-left: 6px;
position: relative;
transition: transform .25s ease-out;
z-index: 1;
}

.gameAspect a.button:hover::after {
transform: translateX(50%);
}

.gameAspect a.button:hover {
background-color: #6C6BB1;
text-decoration:0;
}

.gameAspect a.button:active {
background-color: #CC3399;
text-decoration:0;
}

#hero ul {
width: calc(50% - 15px);
margin-right:30px;

padding-bottom:10px;
}

#hero ul:last-of-type{
margin-right:0;
}

#hero ul li{
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0.6em 0 0.6em 0;
	padding:0 0 0 1em;
	list-style-type: none;
	background-image: url(images/bullet.png);
	background-repeat: no-repeat;
	background-position: left 10px;
	
}

main {
	width: 70%;
	
	padding-bottom:20px;

}	

.postid-1664 main {
width: 100%;
}

.postid-2141 main {
width: 100%;
}

.page-id-628 main {
width: 100%;
}

.page-id-3478 main {
width: 100%;
}

.teaserLeft,
.prizeLeft,
.fbLeft,
.registerLeft,
.recapLeft,
.weyrlingLeft {

width:45%;
margin-right:10%;
}

.teaserRight,
.prizeRight,
.fbRight,
.registerRight,
.recapRight,
.weyrlingRight {

width:45%;

}

.teaserLeft,.teaserRight {
padding-top:30px;
}

.teaserLeft img, .teaserRight img,
.prizeLeft img, .prizeRight img,
.fbLeft img, .fbRight img,
.registerLeft img, .registerRight img,
.recapLeft img, .recapRight img,
.weyrlingLeft img, .weyrlingRight img  {
width:100%;

}

.home main {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;

}

.page-id-2189 main {
width:100%;
}

.page-id-2822 main {
width:100%;
}

.post-type-archive-result main {
width:100%;
}

.page-template-page-teaser main{
width:100%;
}

.page-template-page-game_result main{
width:100%;
}

.page-template-page-dragonchoose-prelaunch main{
width:100%;
}

#homeLeft {
width:65%;

}

#homeRight {
width:32%;

margin-left:3%;
}

#homeArt {

width:100%;
}

#dc3art {

width:100%;
}

#dc3art img {
width:100%;
height:auto;
border: 2px solid #6C6BB1;
}

#dc3art h3 {
font-size: 1.6em;
margin-botton:5px;
}

#dc3art p {
font-size: 1.5em;
line-height:140%;
margin-top:5px;
}

#dc3art h3 a {
}

#homeNews {

margin-bottom:20px;
width:100%;
}

#homeArt h2 a, #homeNews h2 a {
color: #333333;
}

#homeArt h2 {
margin-top:10px;
}

main #homeRight ul.wGallery {
margin:0;
padding:0;
list-style:none;
}

main #homeRight ul li.wGallery {

background-image:none;
margin-left:0;
margin-right:2%;
width:112px;
max-width:112px;
padding: 0 0 0 0;
margin-top:5px;
margin-bottom:5px;


}

main #homeRight li.wGallery img {
width:100%;
height:auto;
max-height:95px;
overflow:hidden;
max-width:95px;
border:1px solid #cccccc;
padding:5%;
background-color: #edebeb;
}

main #homeNews ul,
#homeNews ul {
margin-left:0;
margin-right:20px;
list-style:none;

}

main #homeNews ul li,
#homeNews ul li {
font-size: 1.6em;
width:100%;
background-image:none;
padding:0;
margin-left:0;
border-bottom: 1px dotted #cccccc;
}

main #homeNews li a,
#homeNews li a {

text-decoration:none;
}

main #homeNews li a:hover,
#homeNews li a:hover {
text-decoration:underline;
}


main #homeNews li span.date,
#homeNews li span.date {
color:#333333;
font-weight:bold;
}


#dragonchoice {
width:49%;
margin-right:2%;

}

#dragonchoice2 {
width:49%;

}

#dragonchoice3, #dragonflight {
width:100%;

}

#dragonchoice img, #dragonchoice2 img {
float:right;
padding:5px;
border: 1px solid #cccccc;
margin-left:10px;
}

#dragonchoice3 img {
float:right;
margin-left:15px;
width:200px;
height:200px;
}

#dragonchoice h2, #dragonchoice2 h2, #dragonchoice3 h2 {
font-size: 2.6em;
}

#dragonchoice h2 a, #dragonchoice2 h2 a, #dragonchoice3 h2 a, #dragonflight h2 a {
color: #333333;
}
	
/* Header */	

#headerContainer {
width:100%; 
background-color: #ffffff;


}

header {
margin-left:auto;
margin-right:auto;
width:100%;
max-width:1300px;
background-color: #ffffff;


}

#topContainer {
width:100%;

position:fixed;
top:0px;
z-index: 1000;
background-color:#f6f6f6;
border-bottom:1px solid #cccccc;
}

#topContainer.adminLoggedIn  {
top:32px;
}

#top,
#login {
margin-left:auto;
margin-right:auto;
width:100%;
max-width:1300px;
}

#login p {
font-size:1.5em;
line-height:45px;
text-align:right;
font-weight:600;
margin-top:0;
margin-bottom:0;
}

#login p a:link,
#login p a:visited {
color: #333333;
}

#topContainer.sticky {
box-shadow:0 2px 6px rgba(0,0,0,0.2); 
transition: opacity 1s;
}

#topContainer.sticky #headerRight
{
display:block;
width:150px;
margin:15px 0;
transition: width 1s, margin 1.5s;
}

.single-result #topContainer.sticky #headerRight
{
display:block;
width:400px;
margin:15px 0;
transition: width 1s, margin 1.5s;
}

.single-result #topContainer.sticky #headerRight img
{
display:none;
}

.single-result #topContainer.sticky #headerRight p
{
line-height:77px;
}

#topContainer.sticky ~ #heroContainer {
padding-top:86px;
transition: padding 1s;
}

.headerLogo {
display:none;
}

.headerLogo p {
margin-top:0;
margin-bottom:0;
line-height:48px;
font-size:2em;
text-align:center;
}

.headerLogo a:link{
text-decoration:none;
color:#000000;
}

.headerLogo a:visited{
color: #000000;
}

.headerLogo a:hover{
color: #333333;
text-decoration:none;
}
.headerLogo a:link span,
.headerLogo a:hover span,
.headerLogo a:visited span
 {
color:#575695 !important;
}

#mainLogo {
	width:500px;
	max-width:55%;
	

}

#mainLogo img, #headerRight img {
width:100%;
height:auto;
}


#topContainer.sticky #mainLogo {
display:block;
width:200px;
margin:15px 0;
transition: width 1s, margin 1.5s;
}



#headerRight {
	
	width:400px;
	max-width:45%;
}

.single-result #headerRight img {
max-width:300px;
height:auto;
}

.single-result .headerLogo {
display:block;
}

#contact {

height:40px;
margin-left:2.5%;
}

#contact a {
line-height:40px;
font-size: 1.4em;
font-weight:bold;
color: #444444;
text-transform:uppercase;
margin-right:20px;
}

#social {
	
	height:40px;
	margin-right: 2.5%;
}


#social ul {
	margin:0;
	padding:0;
	
}

#social ul li {
	list-style-type:none;
	background-image:none;
	
	margin-top:8px;
	margin-bottom:0;
	margin-left:0;
	margin-left:0.8em;
	padding:0;
}


a.button {
color: #FFFFFF;
	background-color: #CC3399;
	padding: 8px 10px 8px 10px;;
	line-height:200%;
	text-decoration: none;
	text-align: right;
}

a.button:hover {
background-color: #6C6BB1;
}

a.button:active {
background-color: #CC3399;
}

#navContainer {
width:100%; 
background-color: #9B9BC4;

border-bottom: 3px solid #6C6BB1;
}

#nav {
	margin-left:auto;
	margin-right:auto;
	width:100%;
	max-width:1300px;
	


}

/* End Header */

/* Individual page/post articles */

article {
	width:100%;
	
}



/* Search results page*/

article.search {

}

article.search ul {
	list-style-type: none;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}	

article.search li {
	padding: 0;
	margin-top: 8px;
	margin-bottom: 25px;
	font-size: 100%;
	margin-left:0;
}

article.search li a {
	color: #FFFFFF;
	background-color: #ff9f00;
	padding-right: 25px;
	padding-left: 10px;
	font-size: 1.4em;
	padding-top: 8px;
	padding-bottom: 8px;
	text-decoration: none;
	line-height:140%;
	background-image: url(images/arrow-right.png);
	background-position: 90% center;
	background-repeat: no-repeat;
}

article.search li a:hover {
	background-color: #065ec9;
}

article.search li {
	
	margin-right:10px;
}

article.search p {
	margin: 10px 0;
}

/* end search results */

/* Category, tag, homepage archive containers */

article.chapter, article.news {
width:100%;

border-bottom: 1px solid #b8b8d9;

}

article.chapter.act {
border:none;
}

/*article.news .articleExcerpt {
width:100%;

}*/

article.news .articleImage img.wp-post-image {
width:100%;

height:auto;
}

article.chapter .articleImage, article.news .articleImage  {
width:100px;

max-width:30%;
border: 3px solid #f3f3f3;
margin-bottom:15px;
margin-top:15px;
margin-right:2%;
}

article.chapter .articleImage img.wp-post-image {
width:100%;

height:auto;
}

.page-id-1274 article.chapter .articleImage {
border:none;
}

article.chapter .articleExcerpt {

margin-bottom:15px;
margin-top:15px;
}
article.chapter h3, article.chapter h4 {
margin-top:0;
margin-bottom:10px;
}

article.chapter.act h3 {
	margin-top:10px;
	text-transform: uppercase;
	text-align: center;
	font-size:2.8em;
}

article.chapter p {
margin-top:0;
margin-bottom:0;
}

.tags {
font-style:italic;
}

p.continue {
text-align:right;
font-weight:bold;
}

/* End Category, tag, homepage archive containers */

/* Sidebar */

#sidebar {
	width:25%;
	
	margin-bottom:20px;
}

/* End sidebar */



/* Footer styles */

#footerContainer {
width:100%;
background-color:#333333;

}

footer {
	clear:both;
	background-color: #333333;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
	max-width:1300px;
}


footer p {
	color: #ffffff;
	font-size: 1.5em;
	margin-left:2.5%;
	margin-right: 2.5%;
}


footer a:link, footer a:visited, footer a:hover, footer a:active {
color: #ffffff;
}

footer a:visited {
	color: #ffffff;
}


.copyright {
	width:50%;
	
}

/* End footer styles */





/* Video container styles */

.video-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom:10px;
}

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

/* Video container styles */	

/* In-page and post image styles */

div.alignright {
	margin-left:20px;
	margin-right:0;
	float:right;
	max-width: 100%;
	width:300px;
	height:auto;
}

img.alignright {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
	max-width: 100%;
	width:300px;
	height:auto;
}

div.alignleft {
	margin-left:0;
	margin-right:20px;
	float:left;
	max-width: 100%;
	width:100px;
	height:auto;
}

img.alignleft {
	float: left;
	margin-right:10px;
	margin-bottom: 10px;
	max-width: 100%;
	width:100px;
	height:auto;
}

p.dc3 img {
	float: left;
	margin-right:10px;
	margin-bottom: 10px;
	width:200px !important;
height:auto;
max-width:33%;
}

img.alignnone, img.aligncenter {
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 20px;
	max-width: 100%;
	height:auto;
}

p img.alignnone {
	margin-left:0;
}

div.alignnone, div.aligncenter {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	max-width: 100%;
	height:auto;
}

div.alignnone img, div.aligncenter img {
	max-width: 100%;
	height:auto;
}

div.alignnone img {
	margin-left:auto;
	margin-right:auto;
}


.page-id-628 div.alignnone {
float:left;
margin-left:0;
margin-right:1.5%;
width:110px;
min-height:170px;
}

.page-id-628 div.alignnone img {
margin-left:0;
margin-right:0;
}

.page-id-628 .wp-caption p {
font-size: 1.2em;
text-align:center;
}

.page-id-628 h2 {
clear:left;
}

.wp-caption p {
	font-size: 1.3em;
	font-style: italic;
	color: #999999;
	text-align: right;
	padding:0;
	line-height:125%;
	margin:0.6em 0;
}

/* Start comments styles */

#call {

	border-top: 1px solid #f0ebe4;
	margin-top:20px;
	width:100%;
}

.comments {
	
	border-top: 1px solid #f0ebe4;
	margin-top:20px;
	width:100%;
}

.comments h3 {
	font-size: 2em;
	letter-spacing:-1px;
	font-weight:800;
}

.comments .navigation {
	display:none;
}

.comments ol {
	margin-left:0;
	margin-right:0;
}

.comments ol li {
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
	list-style-type: none;
}

li.comment {
	margin-left:0;
	border: 1px solid #f0ebe4;

}

li.comment ul {
	margin-left:2.5%;
	margin-right:2.5%;
}

li.comment li {
	background:none;
}

li.comment ul li.comment p {
	font-size: 100%;
}

li.comment p {
	font-size: 100%;
}

li.comment div.comment-body {
	margin:2.5%;
}

.comments img.avatar {
	float:left;
	margin-right:8px;
	padding:5px;
	width:50px;
	height:50px;
}

.comments li cite {
	font-family: "Open Sans", Arial;
	font-size: 1.1em;
	color: #777777;
	font-style: normal;
}

.commentlist li ul li {
	font-size: 1em;
}

.says {
	display:none;
}

.comment-meta {
	margin-top: 8px;
}

.comment-meta a {
	color: #999999;
	font-style:italic;
	font-size: 1em;
}

.cancel-comment-reply small {
	font-size: 1.2em;
}

/* End comments styles */

/* Start table styles */

table {
	margin-top:20px;
	margin-bottom:20px;
	border-collapse: collapse;
	width:100%;
	border:2px solid #dddddd;
}

table.gameResults,table.searchResults,table.results {
border:none;
}

caption {
	font-weight:bold;
	font-size: 1.3em;
	padding:3px;
}

tr:nth-child(even) {
	background-color:#f3f3f3;
}

th {
	font-weight:bold;
}

table th, table td {
	padding:5px;
	line-height:140%;
	text-align:left;
	font-size: 1.3em;
	border-right:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
}

table.gameResults th,
table.searchResults th,
table.results th{
font-size:1.7em;
border-right: 1px solid #555555;
border-bottom:1px solid #555555;
padding:7px;
}



table.gameResults td,
table.searchResults td,
table.results td  {
font-size:1.5em;
border-right: 1px solid #777777;
border-bottom:1px solid #777777;
padding:7px;
font-size: 1.5em;
}

table.results tr:first-of-type {
border-top:1px solid #777777;
}

table.gameResults th:last-of-type,
table.gameResults tr td:last-child,
table.searchResults th:last-of-type,
table.searchResults tr td:last-child,
table.results th:last-of-type,
table.results tr td:last-child {
border-right:none;
}

table.gameResults thead,
table.searchResults thead,
table.results thead {
border-bottom: 2px solid #333333;
}

table.results {
margin-top:30px;

}

table.results ul {
margin-left:40px;
padding-bottom:5px;
}

th p, td p {
	margin-left:0;
	margin-right:0;
	font-size: 100%;
}

th li, td li {
	font-size: 100%;
}

table.grid {
width:200px;
}

table.grid tr {
border-bottom:1px solid #000000;
}

table.grid td {
width:20%;border-right:1px #000000;
}

/* End table styles */

/* Homepage only */




/* End homepage only */

p#breadcrumbs {
font-size: 1.3em;
color: #555555;
}

p#breadcrumbs a {
font-weight:bold;
}



/* WP Page Numbers */

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: white;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: 800;
	font-style: normal;
	list-style: none;
	text-transform: uppercase;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 20px;
	letter-spacing: 0px;
	word-spacing: 0px;
	font-size: 1.2em;
	font-family: "Droid Serif", Arial;
}

#wp_page_numbers {
	margin-top: 25px;
	width: 100%;
	background: white;
	margin-bottom: 10px;
	
}
#wp_page_numbers ul {
	width: 100%;
}
#wp_page_numbers li {
	
	display: block;
	margin-bottom: 2px;
	
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
	margin-left: 2px;
	margin-right: 5px;
	display: block;
	color: #333;
	border-radius:2px;
	background-color: #9B9BC4;
}

#wp_page_numbers li a:hover {
	background-color: #6C6BB1;
	color: #ffffff;
}

#wp_page_numbers li.space {
	padding: 6px;
	padding-left: 2px;
	padding-right: 2px;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	background-color: #6C6BB1;
	color: #ffffff;
}
#wp_page_numbers li.active_page a:hover  {
	color: #ffffff; /* IE fix */
	background-color: #065ec9;
}

#wp_page_numbers li.page_info {
	
	display: block;
	padding: 3px;
	padding-left: 0;
	padding-right: 5px;
	margin-right: 2px;
	color: #666;
	font-size: 1.2em;
	
}


.ngg-navigation {
font-size: 1.2em !important;
padding-bottom:5px;
}

p.timestamp {
font-variant: small-caps;
	text-align: center;
	line-height:120%;
	font-size:2em;
	margin:2em 0 1em 0;
}

p.handwritten2 {
font-family:"La Belle Aurore", "Time New Roman", cursive;
font-size: 2.2em;
line-height:120%;
margin:1em 0;
}

p.signoff {
font-size: 1.6em;
text-align:right;
margin: 0.8em 0;
line-height:100%;
}

p.handwritten1 {
font-family:"Sacramento", "Time New Roman", cursive;
font-size: 3em;
}

img.chapter {
width:200px !important;
height:auto;
max-width:33%;
}

/* CYOA stuff */ 

@font-face {
    font-family: 'hanshand_italic';
    src: url('https://www.dragonchoice.com/canvas/hanshand_400-webfont.woff2') format('woff2'),
         url('https://www.dragonchoice.com/canvas/hanshand_400-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

#canvas-wrap {
width:100%;
max-width:1300px;
}

#canvas-wrap canvas {
width:100%;
max-width:1300px;
}

.acf-field-604392a6b069c,
.acf-field-604393ea48d39,
.acf-field-604397a5b4a05,
.acf-field-604397adb4a06 {
/*display:none;*/
}

.gameResults .resultAchievement {

margin-right:10px;
margin-bottom:6px;
height:30px;
width:30px;
}

.gameResults .resultAchievement img{
width:100%;
height:auto;
}

li.resultAchievement {
background-image:none;
font-size:1.5em;
padding:0;
}

.achievements {
width:100%;

}

.badge {

width:100px;
height:130px;
margin-right:20px;
margin-bottom:10px;
}

.achievements h2 {
text-align:center;
margin-top:25px;
margin-bottom:25px;
}

.achievements img {

width:100%;
height:auto;
}

.resultImage {
width: calc(100% - 4px);

border:2px solid #daa520;
}

.resultImage img {
width:100%;

height:auto;
}

.sidebarImage,
.sidebarLeaderboard,
.dragonetsImage {
width:100%;

padding-bottom:25px;
}

.sidebarImage img {
width: calc(100% - 4px);
max-width:calc (100% - 4px);
height:auto;

border:2px solid #6C6BB1;
}

.dragonetsImage img {
width: 100%;
max-width:100%;
height:auto;


}

.sharing{
width:100%;

text-align:center;
}

.sharing h2 {
text-size:2em;
}

.sharing span {
display:block;
font-size: 1.5em;
text-transform:uppercase;
margin-bottom:5px;
font-weight:800;
}

.sharingButtons {
height:50px;
text-align:center;
margin: 15px 0;
width:auto;
}

.achievement {
	width: calc(50% - 47px);
	margin-left:0px;
	margin-right:25px;
	
	padding:15px;
	margin-bottom:25px;
	background-image: url(https://www.dragonchoice.com/wp-content/uploads/achieve_bg.png);
	background-repeat: repeat;
	border:2px solid #daa520;
}

.achievement:nth-of-type(even) {
margin-right:0;
}

.author .achievement:nth-of-type(odd) {
margin-right:0;
}

.author .achievement:nth-of-type(even) {
margin-right:25px;
}

.achievement .image {
width:95px;
height:115px;
margin-right:20px;

}

.achievement .blurb {
width: calc(100% - 115px);

}

.achievement img {
width:100%;

}

.achievement h3 {
margin:0 0 10px 0;
line-height:100%;
text-align:center;
font-size:2em;
text-transform:uppercase;
}

.achievement h3 span{
font-size:75%;
text-transform:none;
}

.achievement p {
margin:0;
font-size:1.6em;
line-height:110%;
text-align:center;

}

.cyoaResult .acf-field,
.previouslyResult .acf-field,
.acf-field-6194c42767878,
.acf-field-6198168501acb {
display:none;
}

.cyoaResult .acf-field.acf-field--post-title,
.cyoaResult .acf-field.acf-field-612a4e3aa5e1c,
.cyoaResult .acf-field.acf-field-612a4df8a5e1b,
.cyoaResult .acf-field.acf-field-61cdb9c371334
{
display:block;
}
.previouslyResult .acf-field.acf-field--post-title,
.previouslyResult .acf-field.acf-field-642988b45d277,
.previouslyResult .acf-field.acf-field-642988b45d2af,
.previouslyResult .acf-field.acf-field-642988b45d31b,
.previouslyResult .acf-field.acf-field-6442972200705,
.previouslyResult .acf-field.acf-field-64429812faf3b {
display:block;
}

.cyoaResult .acf-field.acf-field-61c1e2586f652
{
display:block;
}

.dragonetResult .acf-field.acf-field-648e175699c93,
.dragonetResult .acf-field.acf-field-6492f8ddce1c4,
.dragonetResult .acf-field.acf-field-64930647014d5,
.dragonetResult .acf-field.acf-field-6496b7095ce05 {
display:none;
}

.acf-field p.description {
font-size:1.3em;
}

main ul.acf-checkbox-list li {
background-image:none;
}

main ul.acf-radio-list li {
background-image:none;
font-size:1.6em;

margin-right:20px;
width:100px;
margin-bottom:20px;
}

.originImage{

}

.originImage img{
width:100px;
height:100px;
}


.acf-button-group {
width:500px !important;
max-width:100%;
margin-bottom:15px;
}

.acf-button-group label {
font-size:1.8em;
line-height:130%;
border-color:#6C6BB1 !important;
}

.acf-button-group label span {
margin-top:15px;
display:inline-block;
}

.acf-button-group label.selected {
background-color: #6C6BB1 !important;
border-color:#6C6BB1 !important;
}

.acf-button-group label:hover {
color: #c39 !important;
background: #e8e8fb !important;
border-color: #6C6BB1 !important;
}

.acf-fields > .acf-field.acf-field-6193d1d1a3b82 {
padding-bottom: 0 !important;
}

.acf-field.acf-button-group.acf-field-6193caecb73eb label {
width:600px;
font-size:2em !important;
}

main ul.acf-radio-list li:nth-of-type(2n3) {


}

#postieBackground {
	width: 800px;
	max-width: 800px;
	height: 400px;
	max-height: 400px;
}

#postie {
	background-image: url(images/messenger.png);
	width: 800px;
	max-width: 800px;
	height: 400px;
	max-height: 400px;
}

.acf-required {
display:none !important;
}

label .inhouseReq {
font-weight:400;
font-size: 85%;
display:block;
padding-top:5px;
}

/*
Candidate results form page ID 2191
Recap results form page ID 14880
Your dragonet form page ID 17012
*/

.page-id-3240 label .inhouseReq.result,
.page-id-2822 label .inhouseReq.result,
.page-id-3560 label .inhouseReq.result,
.page-id-17012 label .inhouseReq.result,
.page-id-3240 .inhouseReq.result,
.page-id-2822 .inhouseReq.result,
.page-id-3560 .inhouseReq.result,
.page-id-17012 .inhouseReq.result,
.page-id-14880 .inhouseReq.result {
display:none;
}

.page-id-2191 label .inhouseReq.search,
.page-id-14880 label .inhouseReq.search,
.page-id-17012 label .inhouseReq.search,
.page-id-2191 .inhouseReq.search,
.page-id-17012 .inhouseReq.search,
.page-id-14880 .inhouseReq.search  {
display:none;
}

.page-id-2191 label .searcheeName,
.page-id-14880 label .searcheeName,
.page-id-17012 label .searcheeName,
.page-id-2191 .searcheeName,
.page-id-14880 .searcheeName,
.page-id-17012 .searcheeName {
display:none;
}

.page-id-3240 label .inhouseReq.dragonet,
.page-id-2822 label .inhouseReq.dragonet,
.page-id-14880 label .inhouseReq.dragonet,
.page-id-3560 label .inhouseReq.dragonet,
.page-id-2191 label .inhouseReq.dragonet,
.page-id-3240 .inhouseReq.dragonet,
.page-id-2822 .inhouseReq.dragonet,
.page-id-14880 .inhouseReq.dragonet,
.page-id-3560 .inhouseReq.dragonet,
.page-id-2191 .inhouseReq.dragonet {
display:none;
}

.searchDragon {
float:right;
margin-left:50px;
}

.searchPostie {
float:right;
margin-left:50px;
}

.jump {
margin-top: -200px; 
padding-top: 200px;

}

.addtoany_content { text-align:center; }

/* Ultimate Member form styles */

.um-um_password_id.um {
max-width:100% !important;
}

div.um .g-recaptcha {
margin:0 !important;
}

.um-link-alt {
font-size: 1.3em;
}

article.entry {
width:100%;

margin-bottom:25px;
border-bottom:3px solid #9b9bc4;
}

article.entry .alignright img{
width:100%;
height:auto;
}

.jump {
  margin-top: -200px;
  padding-top: 200px;
  
}

.dragonetImage {
width:400px;
height:auto;
float:right;
margin-left:25px;
max-width:100%;
}

.dragonetImage img {
width:100%;
max-width:100%;
}

.eggImage {
width:250px;
height:auto;
max-height:400px;
float:right;
margin-left:25px;
}

.eggImage img {
width:100%;
max-width:100%;
}

p.credit {
text-transform:uppercase;
text-align:center;
font-size: 1.3em;
font-weight:600;
}

.encounterScene{
width:900px;
height:450px;
background-image: url(/wp-content/uploads/berzunth-background.jpg);
background-repeat: no-repeat;
background-size: contain;
position:relative;
}

.encounterScene img {
position:absolute;
width:900px;
height:450px;
}

.responsive-tabs .responsive-tabs__list__item {
background-color:#6C6BB1 !important;
color: #ffffff !important;
}

.responsive-tabs .responsive-tabs__list__item:hover {
background-color:#CC3399 !important;
color: #ffffff !important;

}

.responsive-tabs .responsive-tabs__list__item--active {
background-color: #ffffff !important;
color:#CC3399 !important;
border-bottom: 0px !important;

}

.responsive-tabs .responsive-tabs__list__item--active:hover {

}

a.tabbylink:link,
a.tabbylink {
color: #CC3399;
}

a.tabbylink:visited {
color: #CC3399;
}

a.tabbylink:hover {
color: #CC3399;
text-decoration:underline;
}

a.tabbylink:active {
color: #CC3399;
}

.copyCode {
width:calc(100% - 2px);
height:200px;
overflow:hidden;
border: 1px solid #cccccc;
padding:5px;
font-size: 1.3em;
font-weight:400;
color: #333333;
line-height:150%;
font-family:"Courier New", Courier, monospace;
}

nav.pagination {
position: relative;
display: block;
padding-bottom:35px;
}

.nav-links {
position: relative;
font-size:1em;
}

.nav-links ul {
margin: 0;
padding: 0,
}

.nav-links ul li {
list-style: none;
margin:0 10px 0 0;
padding:0;

}

main .nav-links ul li {
background:none;
}

.nav-links ul li span.current {
padding: 10px 12px;
background: #777;
border: 1px solid #777;
display: block;
line-height: 1;
border-radius: 4px;
color: #fff;
}

.nav-links ul li a {
padding: 10px 12px;
background: #ddd;
color: #666;
text-decoration: none;
border: 1px solid #ccc;
border-radius: 3px;
display: block;
line-height: 1;
}

.nav-links ul li a:hover {
background: #999;
border-color: #888;
color: #fff;
}

.dragonetAnimated {
float:right;
width:auto;
}
.eyeSwirl {
        height: 433px;
        width: 325px;
		position:relative;
		float:right;
      }
.eyeSwirl img {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 99;
        margin-top: 0;
      }  
.eyeSwirlRight {
        position: absolute;
        display: block;
        top: 116px;
        left: 160px;
        z-index: 1;
        height: 40px;
        width: 40px;
        margin: 0;

        background-size: 100% 100%;
        transform: translate(-50%, -50%);
        transform-origin: 50% 50%;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
     }
.eyeSwirlLeft {
        position: absolute;
        display: block;
        top: 116px;
        left: 215px;
        z-index: 1;
        height: 40px;
        width: 40px;
        margin: 0;
		
        background-size: 100% 100%;
        transform: translate(-50%, -50%);
        transform-origin: 50% 50%;
       /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
main .eyeSwirl {
        height: 550px;
        width: 396px;

}

main .eyeSwirlRight {
        top: 140px;
        left: 190px;
        height: 50px;
        width: 50px;

     }
main .eyeSwirlLeft {
        top: 140px;
        left: 270px;
        height: 50px;
        width: 50px;
      }
	  
	  
	  
	  
main .authorRight .eyeSwirl {
        height: 433px;
        width: 312px;

}

main .authorRight .eyeSwirlRight {
        top: 110px;
        left: 150px;
        height: 40px;
        width: 40px;

     }
main .authorRight .eyeSwirlLeft{
        top: 110px;
        left: 215px;
        height: 40px;
        width: 40px;
      }
	  
      .eyeSwirlRight.dragA,
	 .eyeSwirlLeft.dragA {
        background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
        animation: AnimationName 3s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
      	  
	  .eyeSwirlRight.dragB,
	  .eyeSwirlLeft.dragB {
        background: conic-gradient(#479101, #F2FF00, #8AB004, #ECCF2A, #AFEC42, #066900);
        animation: AnimationName 3s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
      .eyeSwirlRight.dragC,
	  .eyeSwirlLeft.dragC {
       background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
              animation: AnimationName 1s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }

.eyeSwirlRight.dragD,
.eyeSwirlLeft.dragD {
       
        background: conic-gradient(#1a2bbd, #184e80, #247FC7, #47A1FF, #24C6A6, #1a2bbd);
        animation: AnimationName 3s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
.eyeSwirlRight.dragE,
.eyeSwirlLeft.dragE {
        background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
        animation: AnimationName 1s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
.eyeSwirlRight.dragF,
.eyeSwirlLeft.dragF {
        background: conic-gradient(#1a2bbd, #184e80, #247FC7, #47A1FF, #24C6A6, #1a2bbd);
        animation: AnimationName 6s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      
      }
	  .eyeSwirlRight.dragG,
	  .eyeSwirlLeft.dragG {
        background: conic-gradient(#1a2bbd, #2A1880, #7724C7, #9F89F9, #3797DB, #1a2bbd);
        animation: AnimationName 6s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  .eyeSwirlRight.dragH,
	  .eyeSwirlLeft.dragH {
        background: conic-gradient(#1a2bbd, #184e80, #247FC7, #47A1FF, #24C6A6, #1a2bbd);
        animation: AnimationName 3s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  .eyeSwirlRight.dragI,
	  .eyeSwirlLeft.dragI {
        background: conic-gradient(#1a2bbd, #2A1880, #7724C7, #9F89F9, #3797DB, #1a2bbd);
        animation: AnimationName 3s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  .eyeSwirlRight.dragJ,
	  .eyeSwirlLeft.dragJ {
        background: conic-gradient(#1a2bbd, #184e80, #247FC7, #47A1FF, #24C6A6, #1a2bbd);
        animation: AnimationName 6s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	   .eyeSwirlRight.dragK,
	   .eyeSwirlLeft.dragK {
        background: conic-gradient(#479101, #F2FF00, #8AB004, #ECCF2A, #AFEC42, #066900);
        animation: AnimationName 1s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  .eyeSwirlRight.dragL,
	  .eyeSwirlLeft.dragL {
      background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
         animation: AnimationName 1s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	    .eyeSwirlRight.dragM,
		.eyeSwirlLeft.dragM {
        background: conic-gradient(#1a2bbd, #184e80, #247FC7, #47A1FF, #24C6A6, #1a2bbd);
         animation: AnimationName 6s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  .eyeSwirlRight.dragN,
	  .eyeSwirlLeft.dragN {
        background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
        animation: AnimationName 3s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	   .eyeSwirlRight.dragO,
	   .eyeSwirlLeft.dragO{
        background: conic-gradient(#1B4600, #B6D41E, #EFA100, #ECEA23, #55A800, #029800);
        animation: AnimationName 6s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  .eyeSwirlRight.dragP,
	  .eyeSwirlLeft.dragP {
        background: conic-gradient(#1a2bbd, #184e80, #247FC7, #47A1FF, #24C6A6, #1a2bbd);
        animation: AnimationName 8s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	   .eyeSwirlRight.dragQ,
	   .eyeSwirlLeft.dragQ  {
        background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
        animation: AnimationName 1s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  .eyeSwirlRight.dragR,
	  .eyeSwirlLeft.dragR {
       background: conic-gradient(#1B4600, #B6D41E, #EFA100, #ECEA23, #55A800, #029800);
      animation: AnimationName 1s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  .eyeSwirlRight.dragS,
	  .eyeSwirlLeft.dragS {
        background: conic-gradient(#1B4600, #B6D41E, #EFA100, #ECEA23, #55A800, #029800);
        animation: AnimationName 1s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  .eyeSwirlRight.dragT,
	  .eyeSwirlLeft.dragT {
        background: conic-gradient(#1a2bbd, #2A1880, #7724C7, #9F89F9, #3797DB, #1a2bbd);
        animation: AnimationName 3s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  	  .eyeSwirlRight.dragU,
	  .eyeSwirlLeft.dragU {
        background: conic-gradient(#1a2bbd, #2A1880, #7724C7, #9F89F9, #3797DB, #1a2bbd);
        animation: AnimationName 4s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  	  .eyeSwirlRight.kastilth,
	  .eyeSwirlLeft.kastilth {
      background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
         animation: AnimationName 5s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	  	  .eyeSwirlRight.corinth,
	  .eyeSwirlLeft.corinth {
      background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
         animation: AnimationName 3s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }
	  
	    .eyeSwirlRight.puneth,
	  .eyeSwirlLeft.puneth {
      background: conic-gradient(#1a2bbd, #184e80, #2bacb5, #27cc8e, #25c240, #1a2bbd);
         animation: AnimationName 2s linear infinite;
        /* -webkit-animation: AnimationName 6s ease infinite;
        -moz-animation: AnimationName 6s ease infinite;
        animation: AnimationName 6s ease infinite; */
      }

@keyframes AnimationName {
  from {
    transform: translate(-50%, -50%) rotate(0);
  }
  to {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* @-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
} */

.dragonetMessage {
width: calc(100% - 2px);
	border: 2px solid #daa520;
	
	margin-bottom:30px;
	background-image: url(images/bg-parchment.jpg);
	background-repeat: repeat;
}

.dragonetMessage h1, .dragonetMessage h2, .dragonetMessage h3, .dragonetMessage p, .dragonetMessage ul {
margin-left:30px;
margin-right:30px;
}

.dragonetMessage h1 {
margin-top: 15px;
text-transform: uppercase;
font-size: 3em;
}



.authorCard {
	width: calc(100% - 2px);
	border: 2px solid #daa520;
	
	margin-bottom:30px;
	background-image: url(images/bg-parchment.jpg);
	background-repeat: repeat;
	font-family: "Special Elite", sans-serif;
	
}

.authorLeft {
width: calc(100% - 325px);

}

.authorRight {
width: 325px;

}

.authorCard h1, .authorCard h2, .authorCard h3, .authorCard p, .authorCard ul {
margin-left:20px;
margin-right:20px;
}

.authorCard h1 {
margin-top: 15px;
font-size: 2.6em;
}

.authorCard h3 {
clear:both;
}

.rank {
float: left;
width: 150px;
padding-bottom: 15px;
margin-top: -15px;
}

.misc {

width: calc(100% - 210px);
margin-right:10px;
}

.rank img {
width:100%;
height:auto;
}

.rankLabel {
border:1px dashed #333333;
padding:7px 5px 4px 5px;
font-family: "Special Elite", sans-serif;
text-transform: uppercase;
font-size: 1.3em;
text-align:center;
border-radius: 2px;
background-color:#ffffff;
margin-left:auto;
margin-right:auto;
width:100px;
}



main form.dragonetResult ul.acf-radio-list li {
width:100%;
margin-bottom:10px;
}

.dragonetResult .acf-field .acf-label label {
font-weight:600;
font-size: 1.6em;
line-height:130%;
}

p.little {
font-size: 1.3em;
}

.myDiv{
	display:none;
    text-align:center;
}  
.myDiv img{
  margin: 0 auto;
}
.myDiv span{
	text-align: center;
    background: #ffdede;
    padding: 6px 10px;
    display: block;
    width: 100px;
    border: 1px solid #d47c7c;
    margin: 8px auto;
}
#showOne{
	color:red;
    border:1px solid red;
    padding:10px;
}
#showTwo{
	color:green;
    border:1px solid green;
    padding:10px;
}
#showThree{
	color:blue;
    border:1px solid blue;
    padding:10px;
}

.fullWidthPatreon {
width:100%;

margin-bottom:20px;
}

.fullWidthPatreon img {
width:100%;
height:auto;
}

a.facetwp-page {
font-size:1.8em;
}