|
- * {
- box-sizing: border-box; }
-
- html {
- color: #777;
- background: #fff; }
-
- a {
- color: #777; }
-
- @media only screen and (max-width: 750px) {
- #main-nav {
- display: none; } }
-
- .featherlight .featherlight-content {
- background: none;
- overflow: visible; }
- .featherlight .featherlight-content .featherlight-close-icon {
- background: none;
- top: -10px;
- right: -10px;
- font-size: 1.5em; }
- @media only screen and (max-width: 750px) {
- .featherlight .featherlight-content iframe {
- width: 100%;
- height: 100%; } }
-
- #mobile-nav {
- display: none; }
- @media only screen and (max-width: 750px) {
- #mobile-nav {
- display: block; }
- #mobile-nav a.menu-toggle {
- display: block; } }
- #mobile-nav .the_list {
- display: none; }
- #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: rgba(255, 255, 255, 0.9);
- background-image: url("menu-icon.png");
- background-position: top;
- background-size: 100%; }
- #mobile-nav.open a.menu-toggle {
- background-position: bottom; }
-
- a {
- text-decoration: none; }
- a:hover {
- text-decoration: underline; }
-
- /*# sourceMappingURL=style.css.map */
|