/*
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns
Version: 3.0.1656687857
Updated: 2022-07-01 17:04:17
*/

.site-branding {
    padding: 4em 0;
    /*background: #000000;*/
}

.site-title, .site-title a{
    color: #ffffff;
}

.navigation-top {
    margin-top: -1px;
    border: none;
    background: #fff;
}

ul.categories {
    margin: 20px 0 0px 20px;
}

.navigation-top a{
    color: #000;
}

.main-navigation li:hover:not(.astm-search-menu){
    color: #000;
    background: #24890d;
}

.main-navigation ul ul{
    border: none;
    /*background: #000000;*/
}

.main-navigation a:hover{
    color: #ffffff;
}

.main-navigation li li:hover, .main-navigation li li.focus{
    background: #24890d;
}

.main-navigation ul {
    /*background: #000000;*/
}

.menu-toggle{
    color:  #FFFFFF;
    margin-right: 0;
}

.menu-toggle:hover, .menu-toggle:hover{
    background: #24890d !important;
}

#primary {
    float: right !important;
}

#secondary {
    float: left!important;
}

.search-form .search-submit {
    bottom: 0;
    padding: 0.5em 1em;
    position: absolute;
    right: 0;
    top: 0;
    background: #24890d;
}

.search-close {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 18px;
    top: 33%;
    width: 20px;
    z-index: 99999;
    background: green;
    top: 15px !important;
}

@media screen and (min-width: 48em){
    #primary {
        width: 60%;
    }

    #secondary {
        float: right;
        padding-top: 0;
        width: 36%;
    }
}