/**
 * Copyright © Magefan (support@magefan.com). All rights reserved.
 * See LICENSE.txt for license details (http://opensource.org/licenses/osl-3.0.php).
 *
 * Glory to Ukraine! Glory to the heroes!
 */
.section-content-blog-top .widget.blog-search {
    float: none;
    margin-bottom: 25px;
}
.section-content-blog-top .block-blog-search {
    margin-bottom: 25px;
}
.section-content-blog-top .block-blog-search #blog_search_mini_form {
    display: flex;
    width:50%;
    margin-left:auto;
}
.section-content-blog-top .block-blog-search .field.search {
    width: 100%;
}
.section-content-blog-top .block-blog-search #blog_search {
    padding-left: 15px;
    //border: 2px solid #d0052b;
    border:none;
    background-color:#eee;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.section-content-blog-top .block-blog-search .actions {
    display: inline-block;
}
.section-content-blog-top .block-blog-search .actions button {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color:#9a9a9a !important;
    background-color:#eee;
}
.section-content-blog-top .block-blog-categories {
    margin-bottom: 40px;
}
.section-content-blog-top .list-categories {
    display: flex;
    position: relative;
    z-index: 9;
    border-bottom: 3px solid #d0052b;
}
.section-content-blog-top .list-categories li {
    list-style-type: none;
    position: relative;
    width: 100%;
}
.section-content-blog-top .list-categories a {
    display: block;
    padding: 10px;
    border: 1px solid #ededed;
    background: #fff;
    text-align: center;
    font-size: 16px;
}
.section-content-blog-top .list-categories > li {
    background: #eee;
    color: #444;
    border: 1px solid #fff;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.section-content-blog-top .list-categories > li:hover > a {
    background: #d0052b;
    color: #fff;
}
.section-content-blog-top .list-categories > li:first-child > a {
    border-left: 0;
}
.section-content-blog-top .list-categories > li:last-child > a {
    border-right: 0;
}
.section-content-blog-top .list-categories li > ul {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    transition: .2s ease;
    visibility: hidden;
    opacity: 0;
}
.section-content-blog-top .list-categories li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.section-content-blog-top .list-categories > li > ul {
    left: 0;
    top: 100%;
}