@charset "UTF-8";
/* CSS Document */
body { background-color: #eafaf1; font-family: Raleway, 'Open Sans', sans-serif; font-size: 16px; padding: 0 10% 0 10%; font-weight: 400; }
a { text-decoration: none !important; color: rebeccapurple; font-weight: bold !important; }
a:visited, a:active { color: lightslategray; font-weight: bold !important; }
a:hover { color: darkblue; text-decoration: underline !important; font-weight: bold !important; }

h1 { font-family: 'Orbitron', sans-serif; font-size: 39px; color: rebeccapurple; border: 0px solid aqua; text-shadow: 1px 1px 4px aqua; }
#bigtitle { font-size: 5em; margin-bottom: auto; }
h2 { font-family: Raleway, 'Open Sans', sans-serif; font-size: 24px; color: rebeccapurple; text-align: center; border: 0px solid aqua; text-shadow: 0px 0px 4px aqua; }
h3 { font-family: Raleway, 'Open Sans', sans-serif; font-size: 27px; text-transform: uppercase; }
h4 { font-family: Raleway, 'Open Sans', sans-serif; font-size: 22px; text-align: center; }

/*img { display: block; margin: 15px auto 15px auto; border: 1px solid black; border-radius: 10px; }
*/
button { margin: 2em auto; background-color: rebeccapurple; color: white; padding: 10px; border: 0 solid black; border-radius: 10px; box-shadow: 1px 1px 5px aqua; text-align: center; display: block; width: 300px; font-weight: bold; }

nav { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: flex-start; color: rebeccapurple; }
nav ul { list-style-type: none; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: center; }
nav ul li { margin: 5px 15px 5px 5px; background-color: rebeccapurple; color: white; padding: 10px; border: 0 solid black; border-radius: 10px; box-shadow: 1px 1px 5px aqua; }
nav ul a li { color: white; text-decoration: none; }
nav ul a:visited li { color: white; }
nav ul a:active li { color: white; }
nav ul a:hover li { background-color: white; color: rebeccapurple; }
nav ul a:hover li { background-color: white; border: 2px solid rebeccapurple; font-weight: 700; }
nav ul a:hover li { color: rebeccapurple; }

nav a { font-family: 'Orbitron', sans-serif; }
nav div { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-end; align-items: center; align-content: stretch; padding: 5px; margin: 5px; }
nav div i { margin: 0 5px 0 5px; color: rebeccapurple; border: 0px solid aqua; text-shadow: 0px 0px 0px white; }

article { background-color: rebeccapurple; padding: 15px 25px 15px 25px; color: white; font-size: .90em; border: 0px solid white; border-radius: 10px; box-shadow: 0px 0px 4px aqua; margin: 75px 3%; }
article p { text-align: justify; }
article a { color: aqua; }
article a:hover, article a:visited, article a:active { text-decoration: underline !important; color: yellow !important; }
article figure { float: right; margin: -2em 15px; display: block; }
article figcaption { display: block; color: white; font-weight: bold; text-transform: uppercase; text-align: center; margin: 0 0 2em; }
article a:hover i { border: 0px solid white; text-shadow: 0px 0px 6px yellow !important; }

.guestmeta { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: space-around; }
.guestmeta i { margin: .75em; color: aqua; font-size: 1.5em; }

aside { margin: auto 10%; }

footer { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; align-content: flex-end; padding: 5px; font-family: 'Orbitron', sans-serif; font-size: smaller;  text-transform: uppercase;  }
footer div { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content: flex-start; margin: 15px; }
footer div i { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: flex-start; margin: 5px; font-size: 24px !important; color: rebeccapurple; border: 0px solid aqua; text-shadow: 0px 0px 0px white; }
a:hover i { border: 0px solid white; text-shadow: 0px 0px 2px aqua !important; }
#copyr { color: rebeccapurple; font-weight: 700; font-size: 1.25em; border: 0px solid aqua; text-shadow: 1px 1px 2px aqua; text-align: center; }

.photos { margin: 0 15px 0 15px; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: center; align-content: space-between; }
.photos div img { border: 1px solid black; border-radius: 10px; margin-bottom: 25px; }
i.fa-home { display: none !important; }

.skip-to-content-link { display: none; }

@media (max-width: 1120px) {	
	i.fa-home { display: none !important; }
	article figure figcaption { border-bottom: 1px solid white; padding: 10px; }
}

@media (max-width: 992px) {
	h1 { text-align: center; }
	.bigpic {width: 100%; max-width: 900px; }
	i.fa-home { display: none !important; }
}

/* @media only screen
	and (max-width: 992px)
	and (orientation: landscape) {
		article img { float: right; }
}
*/

@media (max-width: 768px) {
	body { padding: 0 3% 0 3%; }
	h1 { text-align: center; }
	#bigtitle { font-size: 2.5em; margin-bottom: auto; }
	h2 { font-size: 1.5em; text-align: left; }
	.h2sm { text-align: center; }
	h3 { font-size: 1.25em; }
	h4 { font-size: 1em; }
	.bigpic {width: 100%; max-width: 700px; }
	article { padding: 3px 15px 3px 15px; margin: 10px auto;}
	article figure { clear: both !important; float: none !important; width: 100%; max-width: 200px; display: block; margin: 0 auto 0 auto !important; }
	article figure figcaption { border-bottom: 1px solid white; padding: 10px; }
	nav { text-align: left; display: block; margin-left: auto; margin-right: auto; width: 100%;  }
	nav ul { display: flex; flex-direction: column; flex-wrap: nowrap; align-items: stretch; }
	nav ul li { margin: 4px; padding: 10px; padding-left: 25px; text-transform: uppercase; letter-spacing: .15em; }
	nav div i { font-size: 3em !important; margin: 0 5px 0 5px !important; }
	footer div i { font-size: 3em !important; margin: 0 .5em 0 .5em !important; }
	#copyr { font-size: 1em;}
	i.fa-home { display: inline-block !important; font-size: 3em !important; }
}

@media (max-width: 480px) {
	h1 { font-size: 2em; }
	nav { text-align: center; display: block; margin-left: auto; margin-right: auto; width: 100%; padding: 0; }
	.bigpic {width: 100%; max-width: 400px; }
	#bigtitle { display: none; }
	.hidemob { display: none; }
	.showmob { display: block; }
	.guestmeta i { font-size: 2em; }
	}
@media (min-width: 480px) {
	.showmob { display: none; }
	}