/* Mother Earth News Colors*/

.primary-color-background {
    background-color: #439539 !important;
}

.primary-darker-color-background {
    background-color: #266b2e !important;
}

.secondary-color-background {
    background-color: #84908f !important;
}

.secondary-darker-color-background {
    background-color: #5c6666 !important;
}

.primary-color {
    color: #439539 !important;
}

.primary-darker-color {
    color: #266b2e !important;
}

.secondary-color {
    color: #84908f !important;
}

.secondary-darker-color {
    border-color: #5c6666 !important;
}

.primary-color-border {
    border-color: #439539 !important;
}

.primary-darker-color-border {
    border-color: #266b2e !important;
}

.secondary-color-border {
    border-color: #84908f !important;
}

.secondary-darker-color-border {
    border-color: #5c6666 !important;
}

a#read-article:hover {
    color: white !important;
}

@media (min-width: 768px) {


    .header-nav-categories {
        background-color: #F2BF3F;
        height: 51px;
        line-height: 20px;
        padding-left: 20px;
        padding-top: 5px;
        border-radius: 10px;
    }

    .header-subnav-links {
        background-color: #e5e2d1;
        float: right;
        padding-top: 3px;
        font-size: 12px;
        padding-bottom: 3px;
        border-top-right-radius: 10px;
    }

    .header-subnav-topics {
        background-color: #F4F2E6;
        padding: 5px 0 0 10px;
        height: 24px;
        border-top-left-radius: 10px;
    }


    .hot-topics {
        font-weight: bold;
        font-size: 10px;
    }

        .hot-topics .color-a63741 {
            color: #a63741;
        }

        .hot-topics li {
            font-weight: bold;
            font-size: 10px;
        }

        .hot-topics a {
            font-weight: bold;
            font-size: 10px;
        }

        .hot-topics li:last-child a {
            padding-right: 2px !important;
        }
}

.readMoreBtn {
    color: white;
    background-color: #439539;
    border-color: #439539;
    font-weight: bold;
    padding: 5px 10px;
}

    .readMoreBtn:hover {
        background-color: #439539;
        border-color: #439539;
        color: white;
        font-weight: bold;
    }

    .readMoreBtn:active {
        background-color: #439539;
        border-color: #439539;
        color: white;
        font-weight: bold;
    }

.shoppingView {
    background-color: #439539;
    border-color: #439539;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
}

    .shoppingView:hover {
        background-color: #439539;
        border-color: #439539;
        color: black;
        font-weight: bold;
    }

.eventBtn {
     background-color: #439539;
    border-color: #439539;
    color: white;
    font-weight: bold;
    padding: 5px 10px;
}

    .eventBtn:hover {
         background-color: #439539;
        border-color: #439539;
        color: black;
        font-weight: bold;
    }