nav ul li.cat a span {font-weight: 700;}


.blog--homebanner { background-color: #31312f; color: #FFF; margin-bottom: 30px; padding: 30px 0; }
.blog--homebanner h1 { color: #FFF; font-size: 2.5rem !important; margin-top: unset; margin-bottom: 10px; }
.blog--homebanner > div { font-size: 1.5rem; }

@media screen and (max-width: 599px) {
.blog--homebanner > div { font-size: 1rem; }
}


.posts { display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: 1rem; margin: 0 auto; }
.posts .post {overflow: hidden; margin-bottom: 0px; grid-column: span 2; position: relative; box-shadow: 0px 3px 6px 0px #000; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); border-radius: 5px; -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.2); display: flex; flex-direction: column-reverse; }
.posts .post .post-body { font-size: 0em; line-height: 1; padding-top: 51.06%; display: block; max-height: 10px; position: relative; overflow: hidden; margin: 0px;}
.posts .post .post-body img, .posts .post .post-body iframe, .posts .post .post-body object, .posts .post .post-body embed { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; width: auto; height: auto; }
.post-date { -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; color: #283551; background-repeat: no-repeat; display: block; margin-bottom: 15px; text-transform: uppercase; font-size: 1.2em; }
.post-date span { color: #283551; }
.post-date .m { font-size: 0.90em; margin: 0px 3px; }
.posts .post h1 a, .posts .post h2 a {color: #000; min-height: 60px; display: block;}
.posts .post h1 a:hover, .posts .post h2 a:hover {color: #fc6d3a; min-height: 60px; display: block;}
.posts .post .post-header {border-bottom: none; padding-bottom: 0px; padding: 15px; margin: 0px;}
.posts .post .glyphicon{color: #fc6d3a;} 
  
.sidebar-wrapper {background-color: #fc6d3a; margin-top: 30px; padding: 30px 0px;}
.filter-body {display: flex; gap: 1rem; }
.filter-body > * {flex: 1; border-radius: 3px; overflow: hidden; padding: 0px; margin: 0px;}


a.blogbutton { display: inline-block; clear: both; margin: 15px 0 0 0; padding: 0 15px; color: #fff !important; background-color: #000; border: 1px solid #000; line-height: 40px; text-decoration: none !important; text-transform: uppercase !important; }
a.blogbutton:hover {background-color:#fc6d3a;}

.post .post-body a:hover, .post .post-tags a:hover { color: #666; }

#searchbox {
    display: flex;
}

.search input[type=text] {border-radius: 0px; background-color: #fff; border: none; height: 40px; width: calc(100% - 85px) !important; outline: none !important; }
.search input[type=submit] { float: right; border: none; padding: 0; height: 40px; width: 85px !important; font-size: 1.1em; background-color: #000; color: #fff;  border: 1px solid #000; font-weight: 700;   text-transform: uppercase !important; padding: 0 10px; }
.search input[type=submit]:hover { background-color: #fff; color:#000; }

.search-page .search-page-searchbox form input[type=submit] {margin: 0px; border: none; padding: 0; height: 40px; width: 120px !important; font-size: 1.1em; background-color: #000; color: #fff; border-radius: 3px; border: 1px solid #000; font-weight: 700; text-transform: uppercase !important; padding: 0 10px; }

.widget.search form {}

.widget.search form {gap: 0px; border-radius: 3px; overflow: hidden;}

.widget ul { list-style: none; padding: 10px 0 0 0; margin: 0px; }

.search-page .searchpage ul.paging li.active {background-color: #000;}

.widget {background-color: transparent;}

.widget.drop .top {border-radius: 3px; overflow: hidden; background-color: #fff; display: flex; justify-content: space-between; align-items: center; padding: 7px; min-height: 40px;  font-weight: 500;}
.widget.drop .top h4 {font-weight: 500;}
.widget.drop .top i {font-size: 1.1rem;}
.widget.drop .widget-content {background-color: #fff; padding: 15px; transform: translateY(-2px);}
.widget.drop .widget-content ul {padding: 0px;}

.post-single {max-width: 1300px; margin: 0 auto; font-size: 1.1rem;}

.post-single .right {display: flex; align-items: center; width: 100%; justify-content: center;}

.post-single h1 {font-size: 3rem !important;}

.post-single .post-header-content {max-width: 530px !important;}

.post-single .post-header-content .post-info {padding: 10px 0px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.post-single .post-header-content .post-info .glyphicon {color: #fc6d3a;}

.post-single .post-header.post-header-split {
    display: flex;
    align-items: stretch;
    gap: 24px;
}

.post-single .post-header.post-header-split .post-header-media{
    flex: 0 0 calc(50% - 12px);
    max-width: calc(50% - 12px);
}

.post-single .post-header.post-header-split .post-header-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.post-single .post-header.post-header-split .post-header-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.post-single .post-header.post-header-split .post-date {
    margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
    .post-single .post-header.post-header-split {
        display: block;
    }

    .post-single .post-header.post-header-split .post-header-media,
    .post-single .post-header.post-header-split .post-header-content {
        max-width: 100%;
    }

    .post-single .post-header.post-header-split .post-header-media {
        margin-bottom: 16px;
    }
.filter-body {display: flex; gap: 1rem;flex-direction: column; max-width: 500px; margin: 0 auto; }
.filter-body > * {flex: 1; border-radius: 3px; overflow: hidden; padding: 0px; margin: 0px;}
.widget.search form {width: 100%;}

    .posts { grid-template-columns: repeat(4, 1fr); }

}

@media screen and (max-width: 500px) {
        .posts { grid-template-columns: repeat(2, 1fr); }

}

.widget.drop .widget-header {margin: 0px;}

.post-edit-link {color: #fc6d3a;}

.page-global {box-shadow: none; max-width: 1300px; margin: 0 auto; padding: 0px !important;}
.page-global .page-global-title {font-size: 2.0rem !important;}
.searchpage .searchresult {font-size: 1.1rem;}
.search-page .searchresult span.text {font-size: 1.1rem;}
.search-page .searchresult a {}
.search-page .searchresult a {color: #fc6d3a; font-weight: 600; font-size: 1.5rem;}