/* ## Menu */
#masthead {
    background-color: #fff !important;
}
/* Media for desktop screen */
@media screen and (min-width: 768px) {
    #menu-blog_iati {
        display: flex;
        align-items: center;
    }
    #menu-blog_iati > .astm-search-menu.is-menu.is-dropdown.menu-item > form {
        margin-top: 35px;
        left: 50%;
        transform: translate(-50%, -50%);
        background-color: white;
        padding: 10px !important;
        min-width: 280px;
    }
    #menu-blog_iati > .astm-search-menu.is-menu.is-dropdown.menu-item > form > label > input {
        background: #eeee;
        border-radius: 3px;
    }
    #menu-blog_iati > .astm-search-menu.is-menu.is-dropdown.menu-item > .search-close {
        display: none;
    }
}

@media (max-width: 768px) {
    #menu-blog_iati > .astm-search-menu.is-menu.is-dropdown.menu-item > a {
        display: none;
    }
}




.is-menu.default form {
    max-width: unset;
}

#masthead ul li.menu-item a {
    color: #4a4a4a;
}

#masthead ul li.menu-item a:hover {
    color: #ff9900 !important;
}

#masthead ul .menu-item .sub-menu .sub-menu a {
    background: #4a4a4a;
    border-top: 1px solid #4a4a4a;
    color: #fff !important;
}

#masthead ul li.menu-item .sub-menu a:hover,
#masthead ul li.menu-item .sub-menu a {
    color: #fff !important;
}

#masthead .media-nav {
    display: flex;
    align-self: center;
    padding: 0;
}

/* width */
#masthead ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
#masthead ::-webkit-scrollbar-track {
    box-shadow: inset 20px 0 0px #4a4a4a;
}

/* Handle */
#masthead ::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 5px;
}

/* ## Menu */
#primary {
    margin-top: 40px;
    max-width: calc(100% - 350px);
}

.pagination-container {
    padding: 20px 0;
}

.containet-secondary {
    display: flex;
    width: 350px;
    vertical-align: top;
    margin-top: 60px;
}

.containet-secondary #secondary {
    max-width: 100%;
}

/* category */
.archive-title {
    font-size: 42px;
}

/* search.php */
.page-header {
    color: #767676 !important;
}

.page-header .taxonomy-description {
    text-align: justify;
}

/* content-none start */
.no-results {
    margin: 50px 0 100px;
}

.no-results .page-title {
    padding-top: 0;
}

.search-form {
    display: flex;
    align-items: flex-start;
}

.search-form .search-submit {
    margin-left: 5px;
}

/* content-none end */
/* template-blog  start */
#search-mobile-blog {
    display: none;
}

.meta-post .cat-links span {
    padding: 0px;
    margin: 0px;
}

.cat-links .separator {
    white-space: pre-line;
}

.cat-links .separator:last-child {
    display: none;
}

#search-container-blog {
    padding-top: 20px;
}

#secondary {
    padding: 0 8px;
}

.mini-form-container {
    position: sticky;
    top: 50px;
    margin-bottom: 30px;
}

/* template-blog  end */
@media only screen and (max-width: 768px) {

    /* ## MENU */

    #masthead #mainnav-mobi ul li a {
        color: #fff;
    }

    #mainnav-mobi ul ul.sub-menu {
        background: #4a4a4a !important;
        border-top: 1px solid #4a4a4a !important;
    }

    /* ## MENU */
    .mbl-container {
        display: block !important;
    }


    #primary {
        width: 100vw;
        max-width: 100vw;
    }

    #primary #main .posts-blogs .article-blog {
        width: 100%;
    }

    /* template-blog  start */
    .media-nav {
        flex: 1 0 0%;
        margin-top: 5px;
    }

    #blog-main-page .blog-container {
        flex-direction: column;
    }

    #search-mobile-blog {
        display: block;
        margin-bottom: 10px;
    }

    #search-mobile-blog .search-submit {
        display: none;
    }

    #search-mobile-blog .search-form>label,
    #search-mobile-blog .search-form .search-field {
        width: 100%;
    }

    /* template-blog  end */
}

/* ######################################################################################################### */