.gw-blog-toolbar {
    width: 100%;
    margin: 0 0 12px;
    font-size: 11px;
    color: #667788;
}

.gw-blog-toolbar-search {
    width: 58%;
    vertical-align: middle;
    padding-right: 12px;
}

.gw-blog-toolbar-count {
    width: 22%;
    vertical-align: middle;
    white-space: nowrap;
    padding-right: 8px;
}

.gw-blog-toolbar-rss {
    width: 20%;
    vertical-align: middle;
    text-align: right;
}

.gw-blog-rss-link {
    color: #1a4f8b;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
}

.gw-blog-rss-link:hover {
    color: #b8860b;
    text-decoration: underline;
}

.gw-blog-list-table .col-thumb {
    width: 148px;
    vertical-align: top;
    padding: 10px 8px 10px 10px;
}

.gw-blog-list-table .col-date {
    width: 92px;
    white-space: nowrap;
}

.gw-blog-list-table .col-cat {
    width: 130px;
}

.gw-blog-list-table .col-title {
    width: 220px;
}

.gw-blog-list-table .col-excerpt {
    color: #556677;
}

.gw-blog-thumb-link {
    display: block;
    line-height: 0;
    text-decoration: none;
}

.gw-blog-thumb-frame {
    display: block;
    width: 132px;
    height: 88px;
    overflow: hidden;
    border: 1px solid #c5d0db;
    background: #f4f7fa;
    box-sizing: border-box;
}

.gw-blog-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border: 0;
    background: #f4f7fa;
}

.gw-blog-thumb-placeholder {
    display: block;
    width: 132px;
    height: 88px;
    border: 1px solid #e4e9ef;
    background: #f7f8f9;
    box-sizing: border-box;
}

.gw-blog-cat-link {
    color: #1a4f8b;
    text-decoration: none;
}

.gw-blog-cat-link:hover {
    text-decoration: underline;
}

.gw-blog-read-time {
    display: block;
    font-size: 10px;
    color: #8899aa;
    font-weight: normal;
    margin-top: 2px;
}

.gw-blog-category-intro {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.6;
}

.gw-blog-article-wrap {
    margin: 0;
}

.gw-blog-featured-image-wrap {
    margin: 0 0 12px;
    border: 1px solid #d0dce8;
    background: #f7f9fc;
}

.gw-blog-featured-image {
    display: block;
    width: 100%;
    max-height: 360px;
    object-fit: cover;
}

.gw-blog-article-body h2,
.gw-blog-article-body h3,
.gw-blog-article-body h4 {
    color: #1a3a5a;
    margin: 18px 0 8px;
    font-size: 16px;
}

.gw-blog-article-body p {
    margin: 0 0 12px;
}

.gw-blog-article-body ul,
.gw-blog-article-body ol {
    margin: 0 0 12px 22px;
}

.gw-blog-article-body a {
    color: #1a4f8b;
}

.gw-blog-article-body img {
    max-width: 100%;
    height: auto;
    border: 1px solid #d0dce8;
}

.gw-blog-faq-panel {
    margin-top: 14px;
}

.gw-blog-faq-title {
    margin: 0 0 10px;
    font-size: 14px;
    color: #1a3a5a;
}

.gw-blog-faq-table {
    width: 100%;
}

.gw-blog-faq-q {
    text-align: left;
    background: #eef3f8;
    border-top: 1px solid #d8e0ea;
    padding: 8px 10px;
    font-size: 12px;
    color: #1a3a5a;
}

.gw-blog-faq-a {
    padding: 8px 10px 12px;
    font-size: 12px;
    line-height: 1.55;
    color: #445566;
    border-bottom: 1px solid #e8ecf0;
}

.gw-home-blog-panel {
    margin-top: 0;
}

.gw-home-blog-table .col-date {
    width: 90px;
    white-space: nowrap;
}

.gw-home-blog-table .col-cat {
    width: 120px;
}

.gw-blog-related-panel {
    margin-top: 14px;
}

.gw-blog-related-title {
    margin: 0 0 10px;
    font-size: 16px;
    color: #1a3a5a;
}

.gw-blog-related-date {
    width: 110px;
    white-space: nowrap;
    text-align: right;
    color: #667788;
    font-size: 11px;
}

.gw-blog-search-form {
    margin: 0;
    white-space: nowrap;
}

.gw-blog-search-form .gw-form-control {
    display: inline-block;
    width: calc(100% - 88px);
    max-width: 360px;
    vertical-align: middle;
    margin: 0 6px 0 0;
}

.gw-blog-search-form .gw-btn,
.gw-blog-search-form .gw-btn-mini {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px 0 0;
}

.gw-blog-sidebar-search .gw-btn-block {
    width: 100%;
}

.gw-error-404-wrap {
    padding: 40px 0 60px;
}

.gw-error-404-panel {
    text-align: center;
    padding: 28px 20px;
}

.gw-error-404-title {
    margin: 0 0 8px;
    font-size: 42px;
    color: #1a3a5a;
}

.gw-error-404-lead {
    margin: 0 0 16px;
    color: #556677;
}

.gw-error-404-suggestions {
    margin-top: 16px;
}

.gw-blog-comments-panel {
    margin-top: 14px;
}

.gw-blog-comments-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #d8e0ea;
}

.gw-blog-comments-title {
    margin: 0;
    font-size: 14px;
    color: #1a3a5a;
}

.gw-blog-comments-count {
    font-size: 11px;
    color: #667788;
    white-space: nowrap;
}

.gw-blog-comments-alert {
    margin-bottom: 10px;
}

.gw-blog-comment-form {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e4e9ef;
}

.gw-blog-comment-form-table {
    width: 100%;
}

.gw-blog-comment-form-table th {
    width: 110px;
    vertical-align: top;
    padding: 6px 10px 6px 0;
    font-size: 12px;
    color: #445566;
    text-align: left;
}

.gw-blog-comment-form-table td {
    padding: 0 0 8px;
}

.gw-blog-comment-form-note {
    margin-top: 4px;
    font-size: 10px;
    color: #8899aa;
}

.gw-blog-comment-form-actions {
    text-align: right;
}

.gw-blog-comment-signin {
    margin-bottom: 14px;
    padding: 12px;
    background: #f4f8fc;
    border: 1px solid #d0dce8;
}

.gw-blog-comment-signin-note {
    display: block;
    margin-top: 8px;
    font-size: 11px;
    color: #667788;
}

.gw-blog-comments-table {
    width: 100%;
    margin-top: 4px;
}

.gw-blog-comments-table th {
    background: #eef3f8;
    border-bottom: 1px solid #d8e0ea;
    padding: 7px 10px;
    font-size: 11px;
    color: #445566;
    text-align: left;
}

.gw-blog-comments-table td {
    border-bottom: 1px solid #e8edf2;
    padding: 10px;
    font-size: 12px;
    color: #334455;
    vertical-align: top;
}

.gw-blog-comments-col-author {
    width: 150px;
    white-space: nowrap;
}

.gw-blog-comments-col-date {
    width: 110px;
    white-space: nowrap;
    color: #667788;
    font-size: 11px;
}

.gw-blog-comment-author-link {
    color: #1a4f8b;
    font-weight: bold;
    text-decoration: none;
}

.gw-blog-comment-author-link:hover {
    text-decoration: underline;
}

.gw-blog-comments-empty {
    margin: 0;
    padding: 10px 0 2px;
    font-size: 12px;
    color: #667788;
}

.gw-blog-comments-pagination {
    margin-top: 12px;
}
