@font-face{font-display:swap;font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:url('includes/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:url('includes/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2')}
@font-face{font-display:swap;font-family:Arimo;font-style:normal;font-weight:400;src:url('includes/fonts/arimo-v27-latin-regular.woff2') format('woff2')}
@font-face{font-display:swap;font-family:Arimo;font-style:normal;font-weight:700;src:url('includes/fonts/arimo-v27-latin-700.woff2') format('woff2')}
html,body,h1,h2,h3,h4,h5,h6,p,img,ul,ol,li,form,fieldset{border:0;margin:0;padding:0;list-style:none;vertical-align:baseline}
html{box-sizing:border-box}
*,*:before,*:after{box-sizing:inherit}
body{color:#303030;font-family:Arial,Sans-serif;font-size:13px;line-height:1.5}
article,aside,details,figcaption,figure,footer,header,nav,section,summary{display:block}
img,video,embed,iframe,object,select,textarea{max-width:100%}
img{height:auto}
h1{font-size:24px!important;margin-bottom:0!important}
h2{font-size:22px!important;margin-bottom:0!important}
h3{font-size:20px!important;margin-bottom:0!important}
h4{font-size:18px!important;margin-bottom:0!important}
h5{font-size:16px!important;margin-bottom:0!important}
h6{font-size:14px!important;margin-bottom:0!important}
h1,h2,h3,h4,h5,h6{clear:both;font-family:'Roboto Condensed',Sans-serif;font-weight:inherit;line-height:1.2}
a{color:#0E4D7A;cursor:pointer;text-decoration:none}
a:hover{color:#0000EE;text-decoration:none!important}
pre{background:#f8f9fa;border:1px solid #dee2e6;border-radius:3px;margin:8px 0;padding:8px;color:#495057;overflow:auto;-ms-word-wrap:normal;word-wrap:normal}
pre,code{font-size:13px;line-height:1.55}
code{color:#8b1e1e;background:rgba(139,30,30,.06);padding:1px 4px;border-radius:3px}
.entry-tags{margin-top:8px;padding-top:8px;border-top:1px solid #dee2e6;font-size:13px;color:#6c757d;line-height:1.6}
blockquote{background:#fafafa;border-left:3px solid #ced4da;margin:12px 0;padding:8px 12px;color:#495057;font-style:italic;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
blockquote cite{display:block;margin-top:5px;text-align:right;color:#6c757d;font-style:normal;font-size:11px}
dl{padding-left:20px}
dt{font-weight:600;color:#343a40}
dd{margin:0 0 10px;color:#495057}
table{width:98%;border-collapse:collapse;margin:10px auto;background:#fff}
th{background:#f8f9fa;font-weight:600;color:#343a40}
th,td{border:1px solid #dee2e6;font-size:14px;padding:7px 9px;color:#495057}
ul,ol{margin-top:4px;margin-bottom:8px;padding-left:20px}
ul ul,ol ol{padding-left:15px}
li{margin:4px 0 4px 15px;color:#495057}
address{margin-bottom:10px;color:#495057}
.screen-reader-text{display:none}
.cf:before,.cf:after{clear:both;content:"";display:table}
.footer-brand{text-align:center;margin-bottom:10px}.footer-tagline{display:block;font-size:13px;color:#d7d7d7;font-style:italic;letter-spacing:.3px}.footer-menu a{display:inline-block;color:#d7d7d7;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s ease-in-out}.footer-menu a:hover{color:#afafaf;text-decoration:none}.footer-legal{font-size:12px;line-height:1.6;color:#d7d7d7;text-align:center}.footer-copy{font-size:12px;color:#afafaf;text-align:center}.footer-menu a:not(:last-child):after{content:"|";margin-left:6px;color:#ced4da}
#container{margin:5px auto;border:2px solid #8d8d8d;background:#fff}#top-bar{background:#38154f;padding:4px;min-height:34px;width:100%}#top-bar-info{float:left;margin-top:2px}#site-title,#site-description{display:inline-block;margin-right:4px;line-height:1;/*vertical-align:bottom*/}#site-title{font-size:20px}#site-title a{color:#ddaa0f}#site-description{color:#d7d7d7;font-family:'Roboto Condensed',Sans-serif;font-size:15px}#header{background:#fff;background-position:center;width:100%}#header-logo,#header-logo img{max-width:100%;float:left}#header-logo{display:inline-block}#below-menu,#footer{width:100%; background:#000 !important;}#main{background:#f8f9fa;padding:5px;width:100%}#content{display:inline-block;padding:5px}.sidebar{display:inline-block;float:left;padding:5px}#bottom-bar{background:#6a1717;color:#fff;width:100%;min-height:34px;border-top:1px solid #5a1212}#bottom-bar a{color:#d7d7d7}#bottom-bar a:hover{color:#fff}#bottom-bar-text{float:left;padding:6px 8px}#theme-link{float:right;margin:6px 10px;font-family:'Roboto Condensed',Sans-serif;font-size:15px}#theme-link a{color:#d7d7d7}#theme-link a:hover{color:#fff}.col-c #content,#content.no-sidebars{width:100%;max-width:100%}.col-sc #content,.col-ssc #content,.page-template-page-sc-php #main #content{float:right}.col-cs #content,.col-css #content,.page-template-page-cs-php #main #content{float:left}.col-scs #sidebar-left,.page-template-page-scs-php #main #sidebar-left{float:left;margin-right:0}.col-scs #sidebar-right,.page-template-page-scs-php #main #sidebar-right{float:right;margin-left:-4px}.page-template-page-scs-php #main #content{float:none}
#nav-main {
    background-color: #4b1d6b;
    width: 100%;
    border-bottom: 1px solid #321146;
    padding-left: 10px;
    line-height: 1.2;
}

#nav-main * {
    -webkit-transition: all .14s ease-out;
    -moz-transition: all .14s ease-out;
    transition: all .14s ease-out;
}

#nav-main ul,
#nav-main li,
#nav-top ul,
#nav-top li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav-main .nav-main {
    position: relative;
    float: left;
    border-left: 1px solid rgba(50,17,70,.35);
    border-right: 1px solid #6c3497;
    z-index: 300;
}

#nav-main .nav-main li {
    float: left;
    position: relative;
}

#nav-main .nav-main > li,
#nav-main .nav-main > ul > .page_item {
    border-right: 1px solid rgba(50,17,70,.45);
    border-left: 1px solid rgba(108,52,151,.6);
}

#nav-main .nav-main > li > a,
#nav-main .nav-main > ul > .page_item > a {
    min-width: 80px;
    text-align: center;
}

#nav-main .nav-main a {
    display: block;
    padding: 8px 14px;
    color: #fff;
    font-family: 'Roboto Condensed', Sans-serif;
    font-size: 16px;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
    text-decoration: none;
}

#nav-main .nav-main a:hover {
    background: rgba(0,0,0,.18);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
    text-decoration: none;
}

#nav-main .current-menu-item > a,
#nav-main .current_page_item > a,
#nav-main .current-menu-parent > a,
#nav-main .current_page_parent > a,
#nav-main .current-menu-ancestor > a,
#nav-main .current_page_ancestor > a {
    background: rgba(0,0,0,.26);
    color: #fff;
    font-weight: 600;
}

#nav-main .current-menu-item > a:hover,
#nav-main .current_page_item > a:hover,
#nav-main .current-menu-parent > a:hover,
#nav-main .current_page_parent > a:hover,
#nav-main .current-menu-ancestor > a:hover,
#nav-main .current_page_ancestor > a:hover {
    background: rgba(0,0,0,.34);
    color: #fff;
}

#nav-main .menu-item-has-children > a:after,
#nav-main .page_item_has_children > a:after {
    font-family: "Genericons";
    content: "\f431";
    vertical-align: top;
    padding-left: 4px;
}

#nav-main .sub-menu,
#nav-main .children {
    background-color: #3a1654;
    position: absolute;
    float: left;
    width: 180px;
    border: 1px solid #2a103d;
    box-shadow: 0 1px 4px rgba(0,0,0,.35);
    z-index: 990;
    display: none;
}

#nav-main .sub-menu li,
#nav-main .children li {
    border-top: 1px solid #5f2d84;
    border-bottom: 1px solid #2a103d;
}

#nav-main .sub-menu li:first-child,
#nav-main .children li:first-child {
    border-top: none;
}

#nav-main .sub-menu li:last-child,
#nav-main .children li:last-child {
    border-bottom: none;
}

#nav-main .sub-menu a,
#nav-main .children a {
    float: left;
    width: 178px;
    padding: 10px 14px;
    font-size: 15px;
    color: #fff;
    background: transparent;
}

#nav-main .sub-menu a:hover,
#nav-main .children a:hover {
    background: rgba(0,0,0,.20);
    color: #fff;
    text-decoration: none;
}

#nav-main .sub-menu .sub-menu,
#nav-main .children .children {
    top: -1px;
}

#nav-main li:hover > ul {
    display: inline;
}

#nav-main .drop-toggle {
    display: none;
}

#nav-main .genericon-menu {
    color: #fff;
    font-size: 30px;
    height: auto;
    padding: 5px 10px;
    width: auto;
}

#nav-top {
    float: right;
}

#nav-top .nav-top,
#nav-top .nav-top li {
    float: left;
}

#nav-top .nav-top a {
    display: block;
    margin-top: 2px;
    padding: 0 5px;
    color: #fff;
    font-family: 'Roboto Condensed', Sans-serif;
    font-size: 14px;
    text-decoration: none;
}

#nav-top .nav-top a:hover {
    text-decoration: none;
}
.blog-view,
.single-view,
.author-info,
.archive-info,
.form-404 {
    background-color: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    margin: 0 0 10px;
    padding: 10px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.archive-description {
    border-top: 1px dotted #adb5bd;
    margin-top: 8px;
    padding-top: 4px;
    color: #495057;
}

.form-404 h2 {
    border-bottom: 1px dotted #adb5bd;
    padding-bottom: 10px;
}

.form-404 p {
    margin: 4px 0 10px;
}

.blog-view {
    border-top: 5px solid #4b1d6b;
}

.blog-view.sticky {
    background-color: rgba(75,29,107,.12);
    border-top: 5px solid #321146;
}

.entry-header {
    margin-bottom: 4px;
}

.entry-title {
    line-height: 1.2;
}

.entry-title a {
    color: #343a40;
    text-decoration: none;
}

.entry-title a:hover {
    color: #4b1d6b;
    text-decoration: none;
}

.sticky .entry-title:before {
    font-family: "Genericons";
    content: "\f308";
    vertical-align: top;
    padding-right: 4px;
    display: inline-block;
    color: #4b1d6b;
}

.single-view .featured-image {
    margin: -10px -10px 10px;
    text-align: center;
}

.single-view .featured-image img {
    max-width: 100%;
}

.entry-byline * {
    line-height: 20px;
}

.entry-author,
.entry-date,
.entry-categories,
.entry-comment-info {
    float: left;
    margin-right: 10px;
    color: #6c757d;
}

.entry-author a,
.entry-date a,
.entry-categories a,
.entry-comment-info a {
    color: #6c757d;
    text-decoration: none;
}

.entry-author a:hover,
.entry-date a:hover,
.entry-categories a:hover,
.entry-comment-info a:hover {
    color: #4b1d6b;
    text-decoration: none;
}

.single-view .entry-byline {
    margin-bottom: 0;
}

.entry-thumbnail {
    float: left;
    padding-right: 8px;
}

.entry-thumbnail .post-thumbnail {
    display: table;
    padding: 3px;
}

.entry-thumbnail img {
    float: left;
}

.continue-reading {
    background: linear-gradient(to bottom,#ffffff 0%,#f8f9fa 100%);
    display: inline-block;
    float: right;
    padding: 3px 10px;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    text-decoration: none;
}

.continue-reading:hover {
    background: rgba(75,29,107,.08);
    border-color: #6c3497;
    color: #4b1d6b;
    text-decoration: none;
}

.sticky .continue-reading {
    border-color: #6c3497;
}

.blog-view .entry-content {
    padding-top: 4px;
    padding-bottom: 4px;
    font-family: Arimo, Sans-serif;
    font-size: 14px;
    line-height: 1.55;
    color: #495057;
}

.single-view .entry-content {
    font-family: Arimo, Sans-serif;
    font-size: 15px;
    line-height: 1.6;
    color: #495057;
}

.entry-footer {
    clear: both;
}

.entry-updated {
    color: #6c757d;
    font-size: 11px;
    padding: 2px 0;
}

.entry-tags {
    padding: 2px 0;
}

.entry-tags a {
    color: #4b1d6b;
    text-decoration: none;
}

.entry-tags a:hover {
    color: #321146;
    text-decoration: none;
}

.blog-nav,
.post-nav {
    margin-bottom: 10px;
}

.blog-nav {
    padding: 4px 0;
}

.link-prev {
    float: left;
}

.link-next {
    float: right;
}

.link-prev a,
.link-next a {
    background: #fff;
    display: inline-block;
    padding: 3px 8px;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    color: #495057;
    text-decoration: none;
}

.link-prev a:hover,
.link-next a:hover {
    background: rgba(75,29,107,.08);
    border-color: #6c3497;
    color: #4b1d6b;
    text-decoration: none;
}

.attachment-nav div a {
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    box-shadow: none;
    text-decoration: none;
    color: #495057;
}

.page-nav,
.comment-nav {
    clear: both;
    display: block;
    padding: 8px 0 2px;
    font-family: Arimo, Sans-serif;
    font-size: 13px;
    line-height: 20px;
}

.page-nav > *,
.comment-nav > * {
    background: linear-gradient(
        to bottom,
        #6c3497 0%,
        #4b1d6b 55%,
        #3a1654 100%
    );
    color: #fff;
    display: inline-block;
    padding: 3px 8px;
    border-radius: 3px;
    border: 1px solid #321146;
}

.page-nav a,
.comment-nav a {
    text-decoration: none;
}

.page-nav a:hover,
.comment-nav a:hover {
    background: rgba(0,0,0,.18);
    color: #fff;
    text-decoration: none;
}

.search-results .type-page .entry-byline {
    display: none;
}
.entry-content a {
    color: #4b1d6b;
    text-decoration: none;
}

.entry-content a:hover {
    color: #321146;
    text-decoration: none;
}

.entry-content p,
.comment-content p {
    margin: 4px 0 12px;
    color: #495057;
}

.entry-excerpt p {
    margin: 0 0 4px;
    color: #495057;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6 {
    clear: none;
    line-height: 1.5;
    color: #343a40;
}

.entry-content h2,
.comment-content h2 {
    border-bottom: 2px solid #4b1d6b;
    padding-bottom: 4px;
}

.entry-content li,
.comment-content li {
    list-style-position: outside;
    list-style-type: disc;
    margin: 3px 0;
    color: #495057;
}

.entry-content ol > li,
.comment-content ol > li {
    list-style-type: decimal;
}

.entry-content ol > li > ol > li,
.comment-content ol > li > ol > li {
    list-style-type: lower-alpha;
}

.entry-content ol > li > ol > li > ol > li,
.comment-content ol > li > ol > li > ol > li {
    list-style-type: lower-roman;
}

.entry-content th,
.entry-content td,
.comment-content th,
.comment-content td {
    padding: 8px 10px;
    border: 1px solid #dee2e6;
    color: #495057;
}

.entry-content th,
.comment-content th {
    background: #f4f0f8;
    color: #321146;
    font-weight: 600;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"],
.entry-content img,
.comment-content img {
    height: auto;
    max-width: 100%;
}

.wp-smiley {
    width: auto !important;
    border: none !important;
    padding: 0 !important;
}

.alignnone {
    margin-top: 4px;
    margin-bottom: 4px;
}

.alignleft {
    float: left;
    margin: 4px 8px 4px 0;
}

.alignright {
    float: right;
    margin: 4px 0 4px 8px;
}

.aligncenter {
    display: block;
    margin: 4px auto;
}

.wp-caption {
    max-width: 100%;
}

.wp-caption img {
    width: 100%;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 4px;
}

.wp-caption .wp-caption-text,
.gallery-caption {
    margin: 0;
    padding: 2px 5px;
    color: #6c757d;
    font-size: 12px;
    line-height: 1.6;
}

.gallery .gallery-item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.gallery-item img {
    padding: 4px;
    display: inline-block;
    background: #fff;
    border: 1px solid #dee2e6 !important;
}

.gallery-item img:hover {
    background-color: rgba(75,29,107,.08);
    border: 1px solid #6c3497 !important;
}

.type-attachment .entry-content div.attachment {
    margin-bottom: 10px;
    text-align: center;
}

.sitemap-template .entry-content h3 {
    margin-left: 10px;
    color: #321146;
}

.sitemap-template .entry-content ul {
    margin: 8px 0 15px 10px;
}

.sitemap-template .entry-content ul li {
    list-style: square inside;
}

/* AUTHOR BOX */

.author-info {
    padding: 0;
    background: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
}

.author-info .title {
    background: linear-gradient(
        to bottom,
        #6c3497 0%,
        #4b1d6b 55%,
        #3a1654 100%
    );
    color: #fff;
    padding: 6px 8px;
    font-family: 'Roboto Condensed', Sans-serif;
    font-size: 17px;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
    border-bottom: 1px solid #321146;
}

.author-avatar,
.author-description {
    display: table-cell;
    padding: 8px;
    vertical-align: top;
    color: #495057;
}

.author-avatar img {
    display: block;
    background: #f8f9fa;
    border: 1px solid #6c3497;
    padding: 3px;
}

.author-description a {
    color: #4b1d6b;
    text-decoration: none;
}

.author-description a:hover {
    color: #321146;
    text-decoration: none;
}

.author-post-count {
    text-align: center;
    color: #6c757d;
    font-size: 13px;
}

.author-latest-posts {
    background: #fff;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    padding: 8px;
}

.author-latest-posts li {
    list-style: none;
    margin: 0;
    padding: 6px 8px;
    border-bottom: 1px solid #e9ecef;
    color: #495057;
}

.author-latest-posts li:last-child {
    border-bottom: none;
}

.author-latest-posts li a {
    color: #495057;
    text-decoration: none;
}

.author-latest-posts li a:hover {
    color: #4b1d6b;
    text-decoration: none;
}

.frontier-widget {
    background-color: #fff;
    margin: 0 0 10px;
    padding: 8px;
    border: 1px solid #dee2e6;
    box-shadow: 0 1px 2px rgba(0,0,0,.06);
    word-wrap: break-word;
}

.frontier-widget:after {
    clear: both;
    content: "";
    display: table;
}

.widget-title {
    background: #4b1d6b;
    margin: -8px -8px 8px;
    padding: 6px 8px;
    color: #fff;
    font-family: 'Roboto Condensed', Sans-serif;
    font-size: 17px !important;
    font-weight: 600;
    text-shadow: 0 1px 1px rgba(0,0,0,.35);
    border-bottom: 1px solid #321146;
}

.widget-title a {
    color: #fff;
    text-decoration: none;
}

.widget-title a:hover {
    color: #eadcff;
    text-decoration: none;
}

.widget-body {
    display: inline-block;
}

.widget-header {
    display: inline-block;
    float: left;
    margin: 0;
}

.widget-header,
.widget-before-post,
.widget-before-post-content,
.widget-after-post-content,
.widget-after-post {
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.widget-after-post {
    margin: 10px 0 0;
}

.widget-footer {
    display: inline-block;
    float: left;
    margin: 0 .5% 10px;
}

.widget-column-1 .widget-footer {
    display: block;
    width: auto;
    float: none;
    margin: 0 0 10px;
}

.widget-column-2 .widget-footer {
    width: 48.98%;
}

.widget-column-3 .widget-footer {
    width: 32.32%;
}

.widget-column-4 .widget-footer {
    width: 23.98%;
}

.widget-column-5 .widget-footer {
    width: 18.98%;
}

.widget-column-6 .widget-footer {
    width: 15.65%;
}

.widget-column-2 .widget-footer:nth-child(2n+1),
.widget-column-3 .widget-footer:nth-child(3n+1),
.widget-column-4 .widget-footer:nth-child(4n+1),
.widget-column-5 .widget-footer:nth-child(5n+1),
.widget-column-6 .widget-footer:nth-child(6n+1) {
    clear: left;
}

#widgets-wrap-below-menu {
    background-color: rgba(75,29,107,.10);
    width: 100%;
    padding: 10px 10px 0;
    border-top: 1px solid rgba(50,17,70,.25);
    border-bottom: 1px solid rgba(50,17,70,.18);
}

#widgets-wrap-before-post,
#widgets-wrap-before-post-content,
#widgets-wrap-after-post-content,
#widgets-wrap-after-post {
    position: relative;
    clear: both;
}

#widgets-wrap-after-post {
    margin-top: 8px;
}

#widgets-wrap-footer {
    background-color: rgba(75,29,107,.10);
    border-top: 1px solid #321146;
    padding: 10px;
}

.frontier-widget p {
    margin: 4px 0 12px;
}

/* LIST WIDGET */

.frontier-widget ul,
.frontier-widget ol {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
    background: none;
}

.frontier-widget li {
    margin: 0;
    padding: 0;
    border: none;
}

.frontier-widget li a {
    display: block;
    padding: 8px 0;
    color: #495057;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    background: none;
    border-bottom: 1px solid #dee2e6;
    transition: color .2s ease;
}

.frontier-widget li:last-child a {
    border-bottom: none;
}

.frontier-widget li a:hover {
    color: #4b1d6b;
    background: none;
}

.frontier-widget li.current-menu-item a,
.frontier-widget li.current_page_item a {
    color: #4b1d6b;
    font-weight: 700;
    background: none;
    border-bottom: 1px solid #4b1d6b;
}

/* SEARCH */

.widget_search label .screen-reader-text {
    display: none;
}

.widget_search label .search-field {
    background-color: #fff;
    margin: 4px 4px 4px 0;
    padding: 5px 7px;
    min-width: 55%;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.04);
    color: #495057;
}

.widget_search label .search-field:focus {
    border-color: #6c3497;
    outline: none;
    box-shadow: 0 0 0 .15rem rgba(75,29,107,.14);
}

.widget_search .search-submit {
    background: linear-gradient(to bottom,#6c3497 0%,#4b1d6b 55%,#3a1654 100%);
    border: 1px solid #321146;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    margin: 2px 0;
    padding: 5px 9px;
    font-size: 13px;
}

.widget_search .search-submit:hover {
    background: linear-gradient(to bottom,#7b3cac 0%,#5f2d84 55%,#4b1d6b 100%);
    border-color: #321146;
    color: #fff;
}

/* TAG CLOUD */

.widget_tag_cloud {
    line-height: 24px;
}

.widget_tag_cloud a {
    display: inline-block;
    background: #fff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    color: #495057;
    padding: 2px 6px;
    margin: 2px;
    text-decoration: none;
}

.widget_tag_cloud a:hover {
    background: #4b1d6b;
    border-color: #321146;
    color: #fff;
    text-decoration: none;
}

/* CALENDAR */

.widget_calendar table {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    line-height: 1.2;
    border-collapse: collapse;
}

.widget_calendar caption {
    background: linear-gradient(to bottom,#6c3497 0%,#4b1d6b 55%,#3a1654 100%);
    padding: 8px 0;
    color: #fff;
    border: 1px solid #321146;
    border-bottom: none;
}

.widget_calendar th {
    background-color: #f8f9fa;
    padding: 8px;
    color: #495057;
    border: 1px solid #dee2e6;
}

.widget_calendar td {
    background-color: #fff;
    padding: 8px;
    color: #495057;
    border: 1px solid #dee2e6;
}
#main .pl-3,
#main .px-3 {
    padding-left: 0 !important;
}

#main .pr-3,
#main .px-3 {
    padding-right: 0 !important;
}

.tahun th {
    background: #4b1d6b !important;
    color: #fff !important;
    text-transform: uppercase;
}

.hari th {
    background: #3a1654 !important;
    color: #ffffff !important;
    text-transform: uppercase;
}

.syair-hk-auto {
    text-align: center;
    margin: 10px 0 15px;
}

.syair-hk-auto img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

#comments {
    margin-top: 15px;
}

#comments.px-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#comment-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
}

#comment-header .comment-title {
    margin: 0;
    color: #212529;
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
    line-height: 1.5;
}

#comment-header .respond-link a {
    display: inline-block;
    padding: .25rem .5rem;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #4b1d6b;
    background: #fff;
    border: 1px solid #4b1d6b;
    border-radius: .25rem;
    text-decoration: none;
    transition: all .15s ease-in-out;
}

#comment-header .respond-link a:hover {
    color: #fff;
    background: #4b1d6b;
    border-color: #4b1d6b;
    text-decoration: none;
}

#comments .comment-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#comments .comment-form-wrap.card {
    border: 1px solid #dee2e6;
    border-radius: 3px;
    background: #fff;
    box-shadow: none;
}

#comments .comment-reply-title.card-header {
    background: #4b1d6b;
    color: #fff;
    padding: 8px 10px;
    border-bottom: 1px solid #321146;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}

#comments .comment-reply-title small a {
    color: #fff;
    font-size: 12px;
    margin-left: 6px;
}

#comments .bootstrap-comment-form.card-body {
    padding: 10px;
}

#comments .comment-notes {
    color: #6c757d;
    font-size: 13px;
    margin-bottom: 10px;
}

#comments .form-group {
    margin-bottom: 10px;
}

#comments label {
    display: block;
    margin-bottom: 5px;
    color: #212529;
    font-size: 13px;
    font-weight: 700;
}

#comments .required {
    color: #4b1d6b;
}

#comments .form-control {
    display: block;
    width: 100%;
    height: auto;
    padding: 7px 9px;
    font-size: 14px;
    line-height: 1.5;
    color: #495057;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 3px;
    box-shadow: none;
}

#comments textarea.form-control {
    min-height: 110px;
    resize: vertical;
}

#comments .form-control:focus {
    border-color: #4b1d6b;
    outline: 0;
    box-shadow: 0 0 0 .15rem rgba(75,29,107,.15);
}

#comments .form-submit {
    margin: 10px 0 0;
}

#comments .form-submit .submit,
#comments input[type="submit"] {
    display: inline-block;
    background: #4b1d6b;
    color: #fff;
    border: 1px solid #321146;
    border-radius: 3px;
    padding: 6px 12px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    text-align: center;
}

#comments .form-submit .submit:hover,
#comments input[type="submit"]:hover {
    background: #3a1654;
    color: #fff;
}

.reply a {
    color: #ffffff !important;
}

@media(max-width:576px) {
    #comment-header {
        display: block !important;
        text-align: center;
    }

    #comment-header .respond-link {
        display: block;
        margin-top: 6px;
    }

    #comments .comment-reply-title.card-header {
        font-size: 14px;
        text-align: center;
    }

    #comments .bootstrap-comment-form.card-body {
        padding: 8px;
    }
}
#footer p, #footer a {
    color: #ffffff;
}
#footer a:hover {
    color: #ffffff;
	text-decoration:underline !important;
}
#footer p {
    margin: 0;
    font-size: 13px;
}

#slider{background-color:#FFF;border:1px solid #555;box-shadow:0 0 2px #333;display:block;overflow:hidden}.slider-main{margin:5px}.slider-content{margin-bottom:10px}#basic-slider{max-width:100%!important}.bjqs,.bjqs-slide{margin:0;padding:0;list-style:none;display:none}.bjqs{position:relative}.bjqs-slide{position:absolute}.bjqs-slide a{display:block}.bjqs-slide img{display:block;margin:auto}.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999}.bjqs-controls a{position:absolute;-webkit-transition:left .3s ease-in-out;-webkit-transition-property:left,right;-moz-transition:left .3s ease-in-out;-moz-transition-property:left,right;transition:left .3s ease-in-out;transition-property:left,right}.bjqs-prev a{left:-50px}.bjqs-next a{right:-50px}.slider-prev{background-image:url('images/slider-prev.png')}.slider-next{background-image:url('images/slider-next.png')}.slider-prev,.slider-next{display:block;height:32px;width:38px}#basic-slider:hover li.bjqs-next a{right:10px}#basic-slider:hover li.bjqs-prev a{left:10px}.slider-element{display:none}.bjqs-heading,.bjqs-descript{background-color:rgba(0,0,0,.65);color:#EEE;padding:8px;width:100%}.bjqs-heading{position:absolute;top:0;font-size:16px}.bjqs-descript{position:absolute;bottom:0}
#content #bbpress-forums,#bbpress-forums ul.bbp-lead-topic,#bbpress-forums ul.bbp-topics,#bbpress-forums ul.bbp-forums,#bbpress-forums ul.bbp-replies,#bbpress-forums ul.bbp-search-results,#bbpress-forums ul.super-sticky,#bbpress-forums ul.sticky{font-family:Arial,Sans-serif;font-size:13px}#content #bbpress-forums a{text-decoration:none}#bbpress-forums li.bbp-body ul.forum,#bbpress-forums li.bbp-body ul.topic{padding:8px 20px}#bbpress-forums .bbp-topic-permalink{font-size:14px}#bbpress-forums .avatar{min-width:20px;min-height:20px}#bbpress-forums .bbp-reply-content{padding:10px 0 0}.bbp-pagination-links>*{background-color:#222;padding:2px 10px!important;border:1px solid #000!important;color:#FFF}.bbp-pagination-links .page-numbers.current{background-color:#555}.bbp-pagination-links>a:hover{background-color:#E0E0E0;color:#000;font-weight:700}@media print{#nav-top,#header,#nav-main,#below-menu,#slider,#sidebar-right,#sidebar-left,#footer,#bottom-bar,#comment-area,#widgets-wrap-before-content,#widgets-wrap-after-content,#widgets-wrap-before-post,#widgets-wrap-after-post,#widgets-wrap-before-post-content,#widgets-wrap-after-post-content,.entry-footer,.blog-nav,.post-nav{display:none}#main,#content{padding:0}#content{display:block;float:none;width:auto}.blog-view,.single-view{border:none}.blog-view,.blog-view.sticky{border-top:1px dashed #555}#site-title a{color:#000}#site-description,.entry-byline a,.genericon{color:#333}}@media screen and (max-width:840px){#nav-main .nav-main>li,#nav-main .nav-main>ul>li{clear:both;float:none;border-bottom:1px solid #0000001a!important;border-left:none;border-right:none}}
.frontier-nav-prev,.frontier-nav-next{margin:5px 0}.frontier-nav-prev a,.frontier-nav-next a{display:block;padding:7px 10px;background:#fff;border:1px solid #dee2e6;border-radius:3px;color:#495057;font-size:12px;font-weight:600;text-decoration:none;line-height:1.4;transition:all .2s ease}.frontier-nav-prev a:hover,.frontier-nav-next a:hover{background:#f8f9fa;border-color:#adb5bd;color:#212529;text-decoration:none}.frontier-nav-prev a:before{content:"⟵ "}.frontier-nav-next a:after{content:" ⟶"}a.text-left.btn.btn-block.btn-sm.btn-outline-dark{position:relative;margin-top:3px;padding-right:30px;background:#fff;border:1px solid #dee2e6;color:#495057;transition:all .3s ease-in-out}a.text-left.btn.btn-block.btn-sm.btn-outline-dark:after{content:'\203A';font-size:24px;font-weight:400;line-height:1;color:#6c757d;position:absolute;right:10px;top:50%;margin-top:-16px;transition:color .3s ease-in-out}a.text-left.btn.btn-block.btn-sm.btn-outline-dark:hover{background:#f8f9fa;border-color:#adb5bd;color:#212529;text-decoration:none}a.text-left.btn.btn-block.btn-sm.btn-outline-dark:hover:after{color:#212529}a.text-left.btn.btn-block.btn-sm.btn-outline-dark:focus{background:#f8f9fa;border-color:#adb5bd;color:#212529;box-shadow:none}a.text-left.btn.btn-block.btn-sm.btn-outline-dark:active{background:#e9ecef;border-color:#adb5bd;color:#212529}#footer{background-color:#333}
.row1 {
    margin: 0;
	background: #f8f9fa;
}

.column1 {
    float: left;
    width: 50%;
    padding: 2px
}

.row1.pasar img,#below-menu {
    width: 100%
}

.row1:after {
    content: "";
    display: table;
    clear: both
}

@media screen and (max-width: 600px) {
    .column1 {
        width:100%
    }

    .row1.pasar img {
        width: 100%;
        height: 50px
    }
}

.banner-float img {
    width: 728px
}

.banner1 img {
    display: inline-block;
    width: 49%
}

.floating-top,.floating-bottom {
    background: transparent;
    height: auto;
    left: 0;
    padding: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 1001
}

.floating-top {
    top: 0
}

.floating-bottom {
    bottom: 0
}

.floating-top img {
    width: 32%
}

.headerbanner {
    text-align: center;
    background: #f5f5f5;
    padding-top: 5px
}

.headerbanner img {
    width: 49.5%
}

.banner-top img {
    width: 728px
}

@media only screen and (max-device-width: 1000px) {
    .floating-top img,.floating-bottom img,.headerbanner img,.banner1 img,.banner2 img,.banner-float img,.banner-top img {
        width:100%
    }

    .banner1,.banner2 {
        display: block
    }

    .banner1 img,.banner2 img {
        display: block
    }

    .banner {
        width: 100%;
        box-sizing: border-box;
        text-align: center;
        background: #3a3a3a
    }

    .banner img {
        display: inline-block;
        width: 48%;
        box-sizing: border-box;
        margin: 5px
    }

    .banner-float {
        position: fixed;
        width: 100%;
        text-align: center;
        bottom: 1px;
        z-index: 9999
    }
}

@media only screen and (max-device-width: 550px) {
    .banner1 img {
        display:inline-block;
        width: 100%
    }
}

.banner1 {
    display: block;
    text-align: center
}

.banner img {
    display: block;
    width: 100%;
    margin: 0
}

.banner-float {
    width: 100%
}

.banner-float img {
    width: 100%
}

@media screen and (max-width: 768px) {
    a img,img.responsive-banner {
        height:auto!important;
        max-width: 100%!important
    }
}