* {
box-sizing: border-box; }
html {
color: #777;
background: #fff; }
.card h2, .item h2 {
font-family: georgia, serif; }
body, h1, h2, h3, h4, h5, h6, ul {
margin: 0;
padding: 0; }
@media only screen and (max-width: 750px) {
#main-nav {
display: none; } }
h1 {
margin: .5em 0 0 1em; }
.card {
max-width: 600px; }
.card img {
width: 100%; }
.card::after {
content: "";
clear: both;
display: table; }
.featherlight .featherlight-content {
background: none;
overflow: visible; }
.featherlight .featherlight-content .featherlight-close-icon {
background: none;
top: -10px;
right: -10px;
color: #fff;
font-size: 1.5em; }
@media only screen and (max-width: 750px) {
.featherlight .featherlight-content iframe {
width: 100%;
height: 100%; } }
#mobile-nav {
display: none;
font-family: verdana, sans;
font-size: 1.2em; }
@media only screen and (max-width: 750px) {
#mobile-nav {
display: block;
display: none; }
#mobile-nav a.menu-toggle {
display: block; } }
#mobile-nav .the_list {
display: none;
padding: 2em; }
#mobile-nav .the_list .home-link,
#mobile-nav .the_list > ul:last-child {
font-family: cursive;
font-size: 1.4em;
margin-top: -.7em;
color: #bf920c; }
#mobile-nav .the_list .home-link a,
#mobile-nav .the_list > ul:last-child a {
color: #bf920c;
display: inline-block;
margin-top: 8px; }
#mobile-nav .the_list .home-link {
display: inline-block;
text-transform: lowercase;
margin-bottom: 8px; }
#mobile-nav .the_list ul {
margin-bottom: 1.7em; }
#mobile-nav .the_list li {
margin: 0.5em;
list-style: none; }
#mobile-nav .the_list li ul {
margin-bottom: 1em; }
#mobile-nav .the_list a {
color: #000;
text-decoration: none;
font-weight: normal; }
#mobile-nav .the_list .active > a {
color: #bf920c;
font-weight: bold; }
#mobile-nav.open .the_list {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 99;
background: rgba(255, 255, 255, 0.9);
height: 100%;
width: 100%;
overflow: scroll; }
#mobile-nav a.menu-toggle {
position: fixed;
top: 0;
right: 0;
width: 50px;
height: 50px;
z-index: 100;
cursor: pointer;
background: #fff;
background: rgba(255, 255, 255, 0.9);
background-image: url("img/menu-icon.png");
background-position: top; }
#mobile-nav.open a.menu-toggle {
background-position: bottom; }
a {
color: black;
text-decoration: none; }
a:hover {
text-decoration: underline; }
#admin-panel {
position: fixed;
bottom: 1em;
right: 1em;
width: 400px;
height: 300px;
background: #fa0; }
/*# sourceMappingURL=style.css.map */