/* 
Rogues Style , for all the stylish pages
*/

 @import url('https://fonts.googleapis.com/css?family=Lora&display=swap');



/* Body Style ************************************************************Body!**********************/
html {	margin: 0;	padding:0;	border: 0;   	font: inherit;   	vertical-align: baseline;}
 
 html, body {	margin-left: 0.01%;   margin-right: 0.01%;   width: 99.98%;   overflow-x: hidden; }

 body { height: 100%; font-family: 'Lora', 'Helvetica', 'Arial', sans-serif; }

 aside, nav, header, section, footer {display:  block;}

 /**************************************************************screen reader hidden!*******************
.skipto { 	position:absolute; 	left:-10000px; 	top:auto; 	width:1px; 	height:1px; overflow:hidden; }***/
 
/**********************************************************************Nav!***************************/
 .toggle, [id^=drop] { display: none;}

nav {	margin-top: -0.5%;	padding: 0;  }

nav:after {  content: "";  display: table;  clear: both;}

nav a {  display: block;  padding: 0 20px;  line-height: 30px;  text-decoration: none;}

nav a:hover {border-radius: 10px;}

nav ul {  float: left;  padding: 0;  margin: 0;  list-style: none;  position: relative;}

nav ul li {  margin: 0px;  display: inline-block;  float: left; }

nav ul ul {  display: none;  position: absolute;}

nav ul li:hover > ul { display: inherit; z-index:3000; }

nav ul ul li {  width: auto;  float: none;  display: list-item;  position: relative;}

nav ul ul ul li {  position: relative;  top: -60px;}

nav li > a:after { content: ' ^' }

nav li > a:hover::after { content: ' >'; }

nav li > a:focus::after{ content: ' >'; }

nav li > a:only-child:after { content: ''; }


/* Nav Size Media Queries
--------------------------------------------- */
@media all and (max-width : 768px) {
	nav { margin: 0; }
	
	.toggle + a,	 .menu { display: none; }
	
	.toggle { display: block; 	width: auto; padding: 0 20px;
	  	line-height: 30px; text-decoration: none; border: none;
	  	z-index:3000;	}
		
	[id^=drop]:checked + ul { display: block; }
	
	nav ul li {	  	display: block;	 	width: 100%;	}
	
	nav ul ul .toggle, nav ul ul a { padding: 0 40px; }
	
	nav ul ul ul a { padding: 0 80px; }
	
	nav ul ul {	  	float: none; position: static;	}
	
	nav ul ul li:hover > ul,nav ul li:hover > ul { display: none; }
	
	nav ul ul li {	 	display: block; width: 100%;	}
	
	nav ul ul ul li { position: static;}
}

@media all and (max-width : 330px) {

	nav ul li {	  display: block;	  width: 94%;	}

}

.web-nav > li {	border-radius: 10px; margin-top:2%; }

.light-dark {width: auto; height: auto; float:left; background-color: transparent; margin: 1%; padding: 0px; border: none; top: 4%;}
.light-dark img {width: 2em; height: 2em;}
/*.light-dark .desc {position:relative; visibility: hidden;}
.light-dark:hover {visibility: visible;}*/


.gogo { z-index:-1;position:absolute; margin-top:-3em; padding-bottom:3em; display:block;  }
/***********end nav*********************/
/***************************************************************************Header!********************/


header {z-index: 3000;	width: 100%;	height: 7%;	position: fixed;	top: 0px;
	vertical-align: text-top;
}

.main-logo {	float: left;	margin-left: 1%;	border-radius: 6px; width: 30px; height: 30px;}

.font1 {display:block; font-size: 1.5em; margin: 0.05% 1% 0.5% 1%;	float: left; font-weight: bold;		}


 h1, h2 {	border-radius: 10px;}

h1 {	font-size: 180%;	padding-top: 0; margin: 0.05% 1% 0 1%; border-bottom-style: double;}

h2 {	text-align: center;	font-size: 160%; border-style: solid; padding: 0.3em;}

h3 {	font-size:140%;  text-align: center;	border-bottom-style: dashed;	margin-left: 15%;	margin-right: 15%; padding: 0.5em;}

h4 {	text-align: center;	color: blue;	border-bottom-style: dotted;	width: 30%;	margin-left: 35%;	margin-right: 15%;
	font-size: 120%;}

h5 {	font-size: 110%;	font-weight: bolder;	margin-bottom: -2%; }

/*************************************************************Font!****************************************************/




/*************************************************************************paragraph!*********************/
section {	z-index: 1;	position: relative;	margin-left: 5%;	margin-right: 2%;}

.plus-container {	z-index: 1;	position: relative;		margin-left: 13%;	margin-right: 2%;}
.first {	margin-top: 6%;}

.first-plus {	margin-top: 6%;}
.content { z-index: 10; text-align: center; position: relative; padding: 0.5% 6% 3% 6%;	
		font-size: 1.5em;		line-height: 160%;}

.hide {display: none;}

/***************************************************************************Footer!*******************************/
footer {	z-index: 9001;	clear: both;	margin-top: 30%;	padding: 1%; margin-bottom: 0.01%;}


footer p {text-align: center;	}
 
 footer img { height: 47px; width: auto;}

footer a {	text-align: center;	font-style: italic;}

/**********************************************************************Button!*******************/
.button {
	z-index: 50;
	position: absolute;
	padding: 12px 15px 11px;
	border: 1px solid transparent;
	border-radius: 10px;
	line-height: 15px;
	font-size: 15px;
	text-align: center;
	display: block;
	width: auto;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
	float: right;
	margin-left: 45%;
	margin-right: 20%;
	margin-bottom: 1.5%;
	max-width: 30%;
}


/***********************************************************************Citations****************************/

cite::before { content: '"'; }

cite::after {content: '"';clear:both; }

cite {
		z-index: 30;
		padding: 1%;
		margin: 2%;
		display: block;
		float: left;

		border-radius: 15px;
		text-align: center;
		font-size: 110%;
		line-height: 110%;
		width: 40%;
		font-style: italic;
	
}	 


.smallprint {font-size: small;	font-style: italic; }
.noline {text-decoration: none;}
thead a {	font-size: 180%;	line-height: 160%;}

table {margin-bottom: 5%;}
td {margin-bottom: 4%; }

#WD-TABLE td, #WD-TABLE th { width: 30%;margin: 4%; font-size: larger; line-height: 100%; border-bottom-style: solid; 
border-bottom-width: thin;}





.rate-label {font-weight: bold;}

/**************************************************************************list!********************/
ol {	list-style-type: upper-roman;} 

.content li { 	list-style-position:inside;	display: list-item;}

.content ul li {list-style-type: none;}

.content ul {text-align: center;}

.aside-title {	list-style-type: none;	font-size: 150%;	text-decoration: underline;	}

.thing-title{	list-style-type: none;	font-size: 180%;	border-bottom-style: double;		}

.active-list li { 	margin-bottom: 5%;}


/****************************fonts!***********/




/************************************************************************Singles!********************/







/**********************************zzz! index guide******

header 		3000
in-nav		1000
footer		9001
home-pic		100
trans-pic	100
button		50
quote			30
nav-2			20
content		10
slant::b		1
container	1

*/