/* 
 Theme Name:   foliotheme-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     wp-foliotheme2
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

#head-content {
    background-image: none !important;
}

@media (max-width: 998px) {

    #contentright,
    #contentleft,
    #sidebar,
    #head-content,
    #footer {
        width: 100%;
    }

    #page-top,
    #page-bot,
    #page,
    #sitetitle {
        width: auto;
    }

    #topnav .limit {
        width: 100% !important;
    }
}

@media (max-width: 440px) {

    #sitetitle img {
        width: 300px;

    }
}

#topnav {
    background: #222;
}

#topnav .limit {
    position: relative;
}

#topnav-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#topnav-menu>ul {
    display: flex;
    flex-wrap: wrap;
}

#topnav-menu li {
    position: relative;
}

#topnav-menu a {
    display: block;
    padding: 14px 18px;
    color: #fff;
    text-decoration: none;
}

#topnav-menu a:hover,
#topnav-menu a:focus-visible {
    background: #444;
}

.mobile-menu-toggle {
    display: none;
}

#topnav-menu li>ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    min-width: 200px;
    background: #222;
}

#topnav-menu li:hover>ul,
#topnav-menu li:focus-within>ul {
    display: block;
}

#topnav-menu li>ul li>ul {
    top: 0;
    left: 100%;
}

@media (max-width: 768px) {
    #topnav .mobile-menu-toggle {
        display: block !important;
        margin: 10px;
        padding: 10px 14px;
        border: 1px solid #666;
        border-radius: 4px;
        background: #222;
        color: #fff;
        font: inherit;
        cursor: pointer;
    }

    #topnav #topnav-menu {
        display: none !important;
    }

    #topnav #topnav-menu.is-open {
        display: block !important;
    }

    #topnav-menu>ul {
        display: block;
    }

    #topnav-menu li {
        float: none;
        width: 100%;
    }

    #topnav-menu a {
        padding: 12px 18px;
        border-top: 1px solid #444;
    }

    #topnav-menu li>ul,
    #topnav-menu li>ul li>ul {
        display: block;
        position: static;
        min-width: 0;
    }

    #topnav-menu li>ul a {
        padding-left: 34px;
    }

    #topnav ul a,
    #topnav ul a:link,
    #topnav ul a:visited {
        background: #000;
    }
}