body { font-size: 1em; font-family: 'Lato'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #777; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }

.post header {height: auto !important; background-color: transparent !important;}

.glyphicon {color: #b8af88;}

.blog--homebanner { background-color: #f8f8f8; color: #363636; margin-bottom: 30px; padding: 30px 0; }
.blog--homebanner h1 { color: #363636; 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; }
}

.post .post-info {
    font-size: 13px;
    color: #000;
}
/* --- Blog filter panel (accordion style) --- */
.bl-filter-panel { background-color: #fff; height: 100%; }
.bl-filter-panel .filter-body.main { padding: 0; }

.bl-filter-panel .widget { padding: 0; margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
.bl-filter-panel .widget:last-child { border-bottom: none; }

.bl-filter-panel .widget-header {
    display: flex; justify-content: space-between; align-items: center; padding: 16px 3px 16px 0;
    margin: 0; font-weight: 600; font-size: 16px; line-height: 1.2; color: #b8af88;
    cursor: pointer; user-select: none; border-bottom: none;
}
.bl-filter-panel .widget-header::after {
    content: ""; display: inline-block; width: 8px; height: 8px;
    border-left: 1.5px solid #b8af88; border-bottom: 1.5px solid #b8af88;
    transform: rotate(-45deg); transition: transform 200ms ease;
    flex-shrink: 0; margin-left: 0.75rem;
}
.bl-filter-panel .widget.open > .widget-header::after { transform: rotate(135deg); }

.bl-filter-panel .widget-content { display: none; flex-direction: column; gap: 4px; padding-bottom: 16px; }
.bl-filter-panel .widget.open > .widget-content { display: flex; max-height: 300px; overflow: auto;}

.bl-filter-panel .widget-content ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0; }
.bl-filter-panel .widget-content ul li { padding: 4px 0; }
.bl-filter-panel .widget-content ul li a {
    font-weight: 500; font-size: 1rem; line-height: 1.4; color: #000 !important;
    opacity: 0.69; transition: opacity 150ms ease; text-decoration: none !important;
}
.bl-filter-panel .widget-content ul li a:hover { opacity: 1; }

.bl-filter-panel .widget.search { border-bottom: none; }
.bl-filter-panel .widget.search > .widget-content { display: flex; padding-top: 16px; }

.categorylist .widget-header { margin-bottom: 0; }
.sidebar-wrapper ul li a { font-size: 1em !important; }

.widget {
    padding: 3% 0;
    margin-bottom: 0;
}

.post-body.text, .post-body.text p, .post-body.text span {}
.post-body.text a{text-decoration: underline; }
.post-body.text a.blogbutton{text-decoration: none; }
.post-body.text a.blogbutton:hover{color: #000 !important; }

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; font-family: Fjalla One,sans-serif; font-style: normal; text-transform: uppercase !important; }
a.blogbutton:hover {background-color:#fff;}

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

#searchbox {
    display: flex;
}

.search input[type=text] { background-color: #fff; border: none; height: 40px; width: calc(100% - 85px) !important; outline: none !important; padding-left: 15px;}
.search input[type=submit] {cursor: pointer; float: right; border: none; padding: 0; height: 40px; width: 100px !important;  background-color: #b8af88; color: #fff; padding: 0 10px; }
.search input[type=submit]:hover { background-color: #474747; color:#fff; }

.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: #b8af88; color: #fff;  font-weight: 700;  padding: 0 10px; overflow: hidden; }

.widget.search form {}

.widget.search form { gap: 0px; gap: 0px; border-radius: 50px; overflow: hidden; border: 1px solid #b8af88; }

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

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

@media screen and (min-width: 992px) {
    .content-wrapper { width: calc(100% - 300px) !important; }
    .sidebar-wrapper { width: 300px !important; }
    .bl-filter-panel .widget.open > .widget-content { display: flex; }
    .bl-filter-togg { display: none; }
    .bl-filter-head { display: none; }
    .bl-filter-overlay { display: none; }
    .bl-filter-panel .filter-body.main { position: sticky; top: 115px; max-height: calc(100vh - 130px); overflow: auto; }
}

@media screen and (max-width: 991px) {
.blog--homebanner {margin-bottom: 15px;}
    .bl-filter-togg {
background-color: #b8af88;
        display: flex; justify-content: space-between; align-items: center; gap: 6px;
        padding: 0 1rem; height: 50px; font-size: 16px; font-weight: 600; color: #fff;
        cursor: pointer; user-select: none; white-space: nowrap; border-radius: 5px;
    }
    .bl-filter-togg::after {
        content: ""; display: inline-block; width: 8px; height: 8px;
        border-left: 2px solid #fff; border-bottom: 2px solid #fff;
        transform: rotate(-45deg); transition: transform 200ms ease;
        flex-shrink: 0; margin-left: 0.75rem;
    }
    .bl-filter-togg:hover { background-color: #ded3a4; }

    .sidebar-wrapper { position: static; background-color: #fff; }
    .content-wrapper { background-color: #fff; }

    .bl-filter-panel {
        position: fixed; left: 0; bottom: 0; width: 100%; z-index: 21;
        background-color: #fff; border-radius: 15px 15px 0 0;
        max-height: 0; opacity: 0; overflow: hidden;
        transition: max-height 0.3s ease, opacity 0.2s ease;
        display: flex; flex-direction: column;
    }
    .bl-filter-panel.open { max-height: calc(100vh - 90px); opacity: 1; border-bottom: 1px solid #dbdbdb; }

    .bl-filter-head {
        background-color: #fafafa; padding: 20px 15px 15px;
        display: flex; justify-content: space-between; align-items: center; flex-shrink: 0;
    }
    .bl-filter-head span { color: #1b1b1b; font-size: 20px; font-weight: 700; }

    .bl-filter-head .close { width: 25px; height: 25px; position: relative; transform: rotate(45deg); cursor: pointer; }
    .bl-filter-head .close::before {
        content: ""; position: absolute; left: 50%; top: 50%;
        transform: translate(-50%, -50%) rotate(90deg); width: 2px; height: 100%;
        border-radius: 10px; background-color: #000;
    }
    .bl-filter-head .close::after {
        content: ""; position: absolute; left: 50%; top: 50%;
        transform: translate(-50%, -50%); width: 2px; height: 100%;
        border-radius: 10px; background-color: #000;
    }

    .bl-filter-panel .filter-body.main { flex: 1; min-height: 0; overflow-y: auto; padding: 0 15px 30px; }
    .bl-filter-panel .widget { border-bottom: 1px solid #000; }

    .bl-filter-overlay {
        display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%;
        background-color: #000; opacity: 0; z-index: 20; cursor: pointer;
        transition: opacity 0.2s ease;
    }
    .bl-filter-overlay.active { display: block; opacity: 0.5; }

    .section { display: flex; flex-direction: column-reverse; gap: 0; }
}