html {
    position: relative;
    min-height: 100%;
    font-size: 13px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}

.top-bar {
    padding: 0;
    background: black;
}

.top-bar ul {
    background: transparent;
    z-index: 9999;
}

.top-bar,
.top-bar a,
footer,
footer a {
    color: white;
}

.sticky-topbar {
    width: 100%;
}

footer div {
    margin: 1rem;
}

footer a {
    display: block;
}

ul > li.child.selected.active > a {
    background-color: white;
    color: black;
}

.ui-menu {
    border-color: black;
    border-style: solid;
    border-width: 5px;
    max-width: 50%;
    background-color: white;
    list-style: none;
    padding: 1rem;
    line-height: 200%;
}

.menu .active > a {
    color: white;
    font-weight: bold;
}

.is-submenu-item {
    background: rgb(0, 0, 0);
    padding: .5rem;
}

.errorlist {
    color: red;
    list-style: None;
}

.input_amount {
    max-width: 10rem;
}

.selectable {
    min-width: 60rem;
}

.budget-table {
    padding: .1rem 1rem;
}

textarea[rows] {
    height: 0px;
}

#alert {
    background-color: red;
    min-width: 100%;
    color: white;

    /* COMMENT BELOW OUT TO RETURN TO ORIGINAL ALERT STYLING */
    z-index: -1;
    text-align: center;
    font-size: medium;
    /*margin-bottom: -1rem;*/

    /* UNCOMMENT BELOW FOR ORIGINAL STYLING */
    /*position: absolute;*/
    /*top: 50%;*/
}

#alert > p {
    margin-bottom: 0 !important;
}

.top-bar .button {
    margin: .5rem;
}

#buy_license {
    background-color: rgb(126, 142, 67);
    font-size: 1.1rem;
}

#side_nav {
    background-color: transparent;
    box-shadow: .25rem .25rem .5rem rgba(10, 10, 10, .25);
}

#side_nav > div > ul > li.child.selected.active a {
    margin-left: 1rem;
    padding: .25rem;
}

#side_nav > div > ul > li.child.selected.active a:before {
    content: ">";
    padding-right: .25rem;
}

#side_nav > div > ul > li.child ul {
    margin-left: 1.5rem;
    max-width: 75%;
}

#side_nav > div > ul {
    padding-bottom: 2rem;
}

.button,
.badge {
    background-color: rgb(126, 142, 67);
    /*     text-shadow: 1px 2px 1px black; */
    box-shadow: 3px 3px 2px black;
    border-radius: 3px;
}

.button:hover,
.badge:hover {
    background-color: rgb(122, 93, 61);
}

a {
    color: rgb(126, 142, 67);
}

a:hover {
    color: rgb(122, 93, 61);
}

.map {
    min-height: 60rem;
    margin: 1.5rem;
}

dt {
    margin: 1rem;
}

dd {
    padding-left: 5rem;
}

.right {
    float: right;
}

.left {
    float: left;
}

footer {
    background-color: rgba(0, 0, 0, .9);
}

p img {
    padding: .75rem;
}

.tile {
    padding: 1rem;
}

.tile img {
    /*box-shadow: 3px 3px 3px grey;*/
    /*border-radius: 5px;*/
    /*margin-bottom: 10px;*/
    margin-bottom: 5px;
    min-width: 100%;
}

.tile span {
    font-weight: bold;
    font-size: 20px;
    display: block;
    /*text-align: center;*/
    line-height: 20px;
}

.content_banner {
    width: 100%;
}

.content_banner img {
    width: 100%;
}

.tabs-title.is-active a {
    background-color: rgba(126, 142, 67, .5);
    color: rgba(122, 93, 61, 1.0);
}

.accordion-item.is-active {
    background-color: rgba(126, 142, 67, .5);
}

.accordion, .tabs, .tabs-content {
    box-shadow: 3px 3px 3px grey;
}

.accordion-title,
.tabs-title a {
    font-size: 1.5rem;
    color: rgba(122, 93, 61, 1.0);
}

.accordion-title:hover,
.accordion-title:focus,
.tabs-title a:hover {
    background-color: rgba(126, 142, 67, 1.0);
    color: white;
}

#side_nav_header a {
    display: block;
    text-align: center;
    font-size: 2.75rem;
    color: white;
    text-shadow: 1px 1px 1px grey;
}

#side_nav_header {
    background-color: rgb(126, 142, 67);
    box-shadow: 0 3px 3px grey;
}

#side_nav_header img {
    max-height: 125px;
}

.banner {
    background-color: rgb(126, 142, 67);
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: white;
    text-shadow: 1px 1px 1px grey;
    min-width: 100%;
    box-shadow: 0 3px 3px grey;
}

.banner h1 {
    font-size: 2.5rem;
}

#side_nav_header.Explore,
.banner.Explore {
    background-color: rgba(99, 117, 49, 1.0);
}

#side_nav_header.Hunting,
.banner.Hunting {
    background-color: rgba(210, 123, 27, 1.0);
}

#side_nav_header.Fishing,
.banner.Fishing {
    background-color: rgba(52, 106, 135, 1.0);
}

#side_nav_header.Involved,
.banner.Involved {
    background-color: rgba(0, 147, 144, 1.0);
}

#side_nav_header.Resources,
.banner.Resources {
    background-color: rgba(122, 93, 61, 1.0);
}

.tile.Hunting span {
    color: rgba(210, 123, 27, 1.0);
}

.tile.Explore span {
    color: rgba(99, 117, 49, 1.0);
}

.tile.Fishing span {
    color: rgba(52, 106, 135, 1.0);
}

.tile.Involved span {
    color: rgba(0, 147, 144, 1.0);
}

.tile.Resources span {
    color: rgba(122, 93, 61, 1.0);
}

.row.wide {
    min-width: 85%
}

article,
aside {
    padding: 1.5rem;
    margin: 1.25rem;
}

.top-bar .is-dropdown-submenu-parent > a:after {
    border-color: white rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important;
}

.row {
    padding: 1rem;
}

.card {
    border: none;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, .75);
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .25);
    /*     padding: 10px; */
}

.card img {
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .45);
    min-width: 100%;
}

.card span, .card-section {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: bold;
    display: inline-block;
}

.on_top span span {
    padding: 10px;
}

footer .row.grid-x .cell:last-of-type img {
    max-height: 7.5rem;
    box-shadow: 3px 3px 3px black;
}

#aw_logo {
    max-height: 7.5rem;
    box-shadow: 3px 3px 3px black;
}

.media-object-section.date_square {
    border-radius: 3px;
    background-color: rgba(122, 93, 61, 0.75);
    min-width: 100px;
    min-height: 100px;
    max-height: 100px;
    max-width: 100px;
    text-align: center;
    padding: 5px;
    margin: 0;
}

.media-object-section.date_square.event {
    background-color: rgba(0, 147, 144, 0.75);
}

.media-object-section span {
    display: block;
}

.media-object-section .date {
    font-size: 2.3rem;
    color: white;
}

.media-object-section > .month {
    font-size: 2.0rem;
    color: white;
}

.media-object-section.event {
    padding: .5rem;;
    font-size: 1.3rem;
}

#title_bar_logo {
    max-width: 75px;
    padding-right: .25rem;;
    margin: .5rem
}

#logo_feature {
    margin-top: 1rem;
    margin-left: 1rem;
    margin-bottom: 20rem;
    max-height: 140px;
    max-width: 200px;
}

.on_top section {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

div.media-object {
    background-color: rgba(255, 255, 255, .75);
    box-shadow: 6px 6px 6px rgba(0, 0, 0, .25);
    margin: .5rem auto .5rem auto;
    border-radius: 5px;
    text-align: left;
}

.on_top section h1 a {
    color: black;
    text-shadow: 1px 1px 1px lightgrey;
}

.map, .callout {
    box-shadow: 3px 3px 2px grey;
    border-radius: 5px;
}

.thumbnail img {
    padding: .5rem;
    border-radius: 10px;
}

section.news {
    min-width: 100%;
}

.news .media-object-section {
    padding: 1rem;
}

@media screen and (min-width: 64em) {
    .on_top section {
        width: 75%;
    }

    .on_top section h1, .on_top section h1 a {
        color: white;
        text-shadow: 0 3px 3px black
    }

    .feature {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: -100;
    }

    .feature video {
        min-height: 100%;
        min-width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .top-bar.transparent-top-bar {
        background: rgba(0, 0, 0, .5);
    }

    .top-bar-left {
        z-index: 10000;
    }
}

#mission_feature {
    font-family: "Tims New Roman", Times, serif;
    font-style: italic;
    color: rgba(99, 117, 49, 1.0);
    font-size: 20px;
    text-align: center;
    padding: 0;
}

#footer_links {
    padding-top: 0;
    margin-top: 0;
}