@charset "UTF-8";
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); */

body{ font-size: 13px; }
.box-title-13{ font-size: 13px;}
.box-title-14{ font-size: 14px; margin-bottom: 5px;}
.box-title-15{ font-size: 15px;}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6{
    
    font-weight: 500!important;
}
.dark-theme > .blog-style3 h3 {
    font-weight: 500;
}
.dark-theme .box-title-30, .dark-theme .box-title-20, .dark-theme .box-title-18, .dark-theme .box-title-24, .dark-theme .box-title-22 {
    font-weight: 500;
}
.h1, h1, .h2, h2, .h3, h3, .h4, h4, .h5, h5, .h6, h6, p, ul li, a{}
.d-flex{ display: flex;}
.d-inline-flex{ display: inline-flex;}
.top-panel * { color: white;}
.top-left{ width: auto;}
.top-left .-links{ padding: 5px 0;}
.top-left .-links a { margin: 0 2px 0 0; text-align: center; background-color: #fff; width: 25px; height: 25px;color:#1F63AF; line-height: 25px; border-radius: 30px;}
.top-left .-links a i{ color:#1F63AF; }
.top-right i {
    width: 25px;
    height: 25px;
    background: #fff;
    color: #1F63AF;
    line-height: 25px;
    text-align: center;
    border-radius: 25px;
}
.social-links a {
    font-size: 12px;
    display: inline-block;
    background-color:#fff;
    width: 25px;
    height: 25px;
    margin: 2px 3px 2px 0;
    color: #54595f;
    text-align: center;
    border-radius: 30px;
}
.scroll-top {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: block;
    border-radius: 40px;
    z-index: 10000;
    opacity: 1;
    visibility: hidden;
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}
.copyright-area p {
    margin-bottom: 5px;
    text-align: center;
    color: white;
}
.copyright-area p.copy{ font-size: 12px;}
.copyright-area p{ font-size: 11px;}
.copyright-area p a{ color:#dc472e; }
.copyright-area p a:hover{ color: #1F63AF;}
.footer .social-links {
    text-align: center;
}
.blog-style1 h3,.blog-style2 h3,.blog-style3 h3{
    overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.popular-news .blog-style2{ margin-bottom: 11px;}
.more-page .blog-style1 h3{    
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.footer .social-links a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #fff;
    background: transparent;
    color: white;
}
.page-title-area {
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}
.page-title-content {
    position: relative;
}
.page-title-content h2 {
    margin-bottom: 0;
    font-size: 20px;
}
.page-title-content ul {
    text-align: right;
    position: absolute;
    right: 0;
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
    top: 50%;
    transform: translateY(-50%);
}

.page-title-content ul li {
    display: inline-block;
    margin-left: 15px;
    font-weight: 400;
    color: #1F63AF;
    position: relative;
}
.page-title-content ul li:first-child {
    margin-left: 0;
}
.page-title-content ul li a {
    display: block;
}
.page-title-content ul li:first-child::before{ display: none;}
.page-title-content ul li::before {
    content: "";
    position: absolute;
    left: -10px;
    top: 5px;
    height: 15px;
    width: 1px;
    background-color: #1F63AF;
}
.page-item .page-link {
    width: 35px;
    height: 35px;
    margin: 0 5px;
    display: inline-block;
    background-color: #ffffff;
    line-height: 35px;
    color: #09101f; padding: 0;
    box-shadow: 0 2px 10px 0 #d8dde6;
    font-size: 18px;
    font-weight: bold;
    border-radius: 50px; -webkit-border-radius: 50px;
    text-align: center;
}
.page-item:first-child .page-link, .page-item:last-child .page-link{border-radius: 50px; -webkit-border-radius: 50px;}
.page-item .page-link.current, .page-item .page-link:hover, .page-item .page-link:focus {
    background: #ED1C24;
    color: #ffffff;
    box-shadow: 0 2px 10px 0 #d8dde6;
}
.blog-style2 .category{ margin-bottom: 0;}
.footer .hover-line{ position: relative;}
.footer .social-links a:hover{ background-color: #1F63AF; color: white;}
.scroll-top.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.scroll-top svg {
    color: var(--theme-color);
    border-radius: 50%;
    background: var(--body-bg);
}
.foot-column ul li a {
    color: white;
    font-size: 12px;
    padding:7px 0;
    display: block;
    text-transform: capitalize;
    line-height: normal;
}
.foot-column h5 {
    color: #1f63af; margin-top: 18px; font-size: 15px;
}
.copyright-area {
    padding-top: 15px;
    margin-top: 15px;
    padding-bottom: 15px;
    background-color: #111111;
    border-top: 1px solid #292929;
}
.tags li{ display: inline-block;}
.foot-column p{ color: white; font-size: 17px; text-align: center;}
.foot-column .tags li a{ margin: 2.5px; border: 1px solid #54595f;    font-size: 14px;
    padding: 10px 15px; border-radius: 0; color: white;}
.foot-column .tags li a:hover{ background-color:#1F63AF; border-color:#1F63AF;}
.top-panel .social-links *{ color: #54595f;}
.top-panel .social-links a:hover *{color:#fff;}
.social-links a:hover{ background-color:#1F63AF;}
.top-right{ width: 65%;}
.top-panel { background: #ED1C24!important;}
.box-title-12{ font-size: 12px;}
.box-title-14{ font-size: 14px;}
.box-title-16{ font-size: 16px;}
.box-title-20{ font-size: 20px;}
.box-title-12by{ font-size: 12.5px;}

.menu-area{ background-color: #e0e0e0;}
.top-right{ gap: 5px;}
.main-menu a {color: black!important;text-transform: uppercase;}
.news-scroll a{ color: white;}
.news-scroll-wrap{background-color:#1F63AF; color: white!important;}
.header-button .simple-icon{color:#1F63AF;}
.main-menu a:hover{ background-color:#1F63AF; color: white!important;}
.main-menu a.active{ color: #ed1c24 !important;}
footer{ background-color: #111111;}
.th-mobile-menu {
    margin-top: 10px;
}
.th-mobile-menu ul li > a {
    font-size: 15px;
}
.border-blog.two-column:nth-last-child(-n + 2) > * {
    border-bottom: 1px solid #eeeeee;
}
.sukan .border-blog.two-column:nth-last-child(-n + 2) > * {
    padding-bottom: 0px;
    border-bottom: 1px solid #eeeeee;
}
.sukan .section-title{padding-bottom: 10px!important;}
.switcher-fixed{ transform: none; -webkit-transform: none;}
.space{ padding-bottom: 6px; padding-top: 6px;}
.hover-line{ background-color: transparent;}
a.hover-line,a.hover-line:hover {background: none; position: relative;}
a.hover-line:hover { color:#1F63AF;}
.category{ background-color: transparent;color: #1F63AF; padding: 0;}
.category:hover{ background-color: transparent;color: #ED1C24;}
.dark-theme.img-overlay2 .category{padding: 0 8px; background-color: #ED1C24; color: white; border-radius: 0!important; -webkit-border-radius: 0!important;}
.dark-theme.img-overlay2 .category:hover{ background-color: #1F63AF;}
.blog-style2 img{ width: 100%; height: 100px; object-fit: cover;}
.hover-line::before {
    content: ""; position: absolute; width: 0%; height: 100%; left: 0; top: 0; border-bottom: 1px solid #1F63AF; transition: 0.5s;z-index: -1;}
a.hover-line:hover::before {
    width: 100%;
}
.blog-style1 .blog-meta, .blog-style2 .blog-meta, .blog-style3 .blog-meta {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-start;
}
.blog-meta a, .blog-meta span{ padding:0; margin:0;}
.blog-meta > a, .blog-meta > span{padding-right: 5px; font-size: 11.5px; }
.news-date{padding-right: 5px; color: #656565;  font-weight: 400;}
.news-date:hover{ color: #ED1C24;}
.section-title { margin-bottom: 15px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eeeeee; width: 100%;}
.section-title::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 1px;
    bottom: -1px;
    background: #1F63AF;
}
.shr {
    position: relative;
    left: 0;
    bottom: 0;
    opacity: 1;
    display: flex;
    transform: scale(1);
    transition: all .3s ease;
    width: 60px;
    z-index: 10;
}
.shr .btn_wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    min-width: 100%;
    height: 20px;
    /* background-color: #EEEEED; */
    border-radius: 2px;
    padding: 0 0;
    will-change: transform;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.shr span {
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    margin: 0;
    height: 20px;
    font-size: 11px;
    text-align: center;
    line-height: 20px;
    letter-spacing: 0.1px;
    color: #000;
    background-color: #ddd;
    padding: 0px 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    border-radius: 0px;
}
.shr .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align : center;
    align-items: center;
    width: 100%;
    height: 20px;
    border-radius: 2px;
    margin: 0 !important;
}

.shr .btn_wrap a {
    min-width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    display: inline-block;
    color: white;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 13px;
}

.shr .btn_wrap a i{ margin:0 auto;}
.shr .btn_wrap a#share-wa {
    background-color: #00D084;
}
.shr .btn_wrap a#share-fb {
    background-color: #516eab;
}
.shr .btn_wrap:hover span {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.theme-switcher {
    background-color: #1F63AF;
}
.theme-switcher button {
    color: #ed1c24;
}
.blog-meta span:after, .blog-meta a:after{ display: none;}
#share-tw{ display: none;}
.border-blog { border: none;}
.border-blog .blog-style2 {
    margin-top: 0;
    margin-bottom: 12px;
    border: 1px solid #eeeeee;
    position: relative;
    overflow: hidden; padding-bottom: 0;
}
.border-blog.two-column .blog-style1{ padding-bottom: 12px;}
.col-xl-4 .blog-style3,.berita .blog-style2{ margin-bottom: 12px;}
.blog-style1 .category{ margin: 4px 0;}
.blog-style1 .blog-img{ margin-bottom: 10px;}

.blog-style1 h3{ margin-bottom: 0;}
.random .blog-style2 .blog-img { overflow: hidden; width: 150px;}
.slick-arrow{ width: 25px; height: 25px; line-height: 25px; border-radius: 0px; -webkit-border-radius:0px;}
.slick-arrow:hover { background-color: #ED1C24;}
.stay-connected-list {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.stay-connected-list li {
    list-style-type: none;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
}
.stay-connected-list li a {
    display: inline-block;
    background-color: #39569e;
    padding: 10px;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
}
.stay-connected-list li .youtube {
    background-color: #dc472e;
}
.stay-connect{ margin-top:15px}
.section-title h2{color: #dc472e; text-transform: uppercase;}
.stay-connected-list li a i{ margin-right: 5px;}
.tagcloud a {
    display: inline-block;
    border: 1px solid #e1e1e1 !important;
    color: #fff;
    padding: 8px 15px; background-color: #1F63AF;
    border: none;
    border-radius: 0;
    font-weight: 400;
    font-size: 15px !important;
    margin:3px 2px;
}
.tagcloud a:hover{background-color: #dc472e;}
.adjust {
    background: #fff;
    max-width: 200px;
    padding: 10px;
    position: fixed;
    border-radius: 5px;
    z-index: 1000;
    bottom: 79px;
    box-shadow: 0 0 5px #000;
    left: 0;
}
.adjust a {
    width: 30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    height: 30px;
    display: block !important;
    margin: 5px 0;
    cursor: pointer;
    transition: all ease-in-out 0.5s;
}
.adjust a:hover {
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.5);
}
.adjust .increase {
    background: url(../img/n-img/plus.svg) no-repeat center center;
    background-size: 50px;
    text-indent: -2000em;
    display: inline-block;
}
.adjust .decrease {
    background: url(../img/n-img/minus.svg) no-repeat center center;
    background-size: 50px;
    text-indent: -2000em;
    display: inline-block;
}
.adjust .reset {
    background: url(../img/n-img/reset.svg) no-repeat center center;
    background-size: 30px;
    text-indent: -2000em;
    display: inline-block;
}
.relaksasi .blog-style2 {
    margin-bottom: 10px;
}
.blog-style2 .news-date {
    line-height: normal;
}
.th-menu-toggle{background-color:#dc472e;}
body .th-menu-wrapper .mobile-logo {
    padding-bottom: 10px;
    padding-top: 10px;
}
.detail-conent p{ color: #000;}
.locatons{ margin:15px 0 0;}
.posted-by time{ color: #1F63AF; font-size: 16px; font-weight: 500;}
.posted-by{ margin-bottom: 15px; gap: 10px; display: flex; align-items: center; justify-content: flex-start;}
.detail-page h1{color:#dc472e;}
.play-btn:hover:after, .play-btn:hover::before, .play-btn:hover i {
    background-color:#dc472e;
}
.dark-theme .dark-img {
    display: block;
}

@media screen and (min-width:1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1320px;
    }
}
@media screen and (min-width:1200px) {
    .large-img img{ height: 220px; object-fit: cover;}
    .dark-img img{ height: 269px; object-fit: cover;}
    .youtube .dark-img img{ height: 280px; object-fit: cover;}
    .bigimage .blog-img{ height: 565px;}
    .large-img{ height: 225px;}
    .main-menu > ul > li { margin: 0 0; }
    .main-menu > ul > li > a { font-size: 14px; padding: 30px 13px;}
    .bigimage .blog-img{ max-height: 526px;}
}
@media screen and (max-width:1199px){
    .random .bigimage { margin-bottom: 10px;}
    .random .ipad-flex-column{ flex-direction: column;}
    .random .ipad-flex-column .col-md-6, .random .ipad-flex-column .col-sm-6{ width: 100%;}
    .main-menu > ul > li {
        margin: 0 5px;
    }
    .container.footer .row {
    display: grid;
        grid-template-columns: 50% 50%;
    }
    .large-img img{ height: 220px; object-fit: cover;}
    .dark-img img{ height: 269px; object-fit: cover;}
    .youtube .dark-img img{ height: 280px; object-fit: cover;}
.side-home .blog-style2 .blog-meta{ flex-direction: column;align-items: flex-start;}
.blog-style2 .blog-meta > a, .blog-style2 .blog-meta > span,
.blog-style3 .blog-meta > a, .blog-style3 .blog-meta > span {
    padding-right: 0px;
    font-size: 10.5px;
}
.blog-style3 {
    --space: 10px;
}
.dark-theme > .blog-style3 h3 {
    font-size: 15px;
}
.container.footer .row > div {
   width:100%;
}
   
}
@media screen and (max-width:1023px){
    .ipad-flex-column,.stay-connected-list{ flex-direction: column;}
    .ipad-flex-column .col-md-6, .ipad-flex-column .col-sm-6,.stay-connected-list li{ max-width: 100%; width: 100%;}
}
@media screen and (max-width:767px){
    .top-panel .row {
    align-items: center;
    flex-direction: column;
}
    .top-right {
        gap: 10px;
        width: 100%;
        padding: 3px 0;
        justify-content: center !important;
        align-items: center !important;
    }
    .container.footer .row {display: grid;  grid-template-columns: 100%;}
    
    .adjust a {
    display: inline-block !important;
    margin: 0px 1px;
}
.container.footer .row > div p {
    text-align: left;
}
.footer .social-links {
    text-align: left;
}

}