|
- * {
- 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; }
-
|