/* ==========================================================================
   Skins / Warna Template - PaguatCMS
   --------------------------------------------------------------------------
   Warna template diatur dari admin (Pengaturan > Branding > Warna Template).
   Body website memakai kelas skin-<nama>; berkas ini menyediakan warnanya.
   Dibuat dari warna bawaan template Magz, lalu ditambah beberapa pilihan.
   Kelas skin-custom memakai variabel --skin-* (diisi inline dari admin).
   ========================================================================== */

/* Warna: red */
.skin-red {
    --skin-primary: #F73F52;
}

.skin-red .for-mobile, .skin-red .for-tablet {
    display: none !important;
}
.skin-red a {
    color: #F73F52;
}
.skin-red a:hover, .skin-red a:focus {
    color: #D92B3A;
}
.skin-red .badge-primary {
    background-color: #F73F52;
}
.skin-red .breadcrumb li a {
    color: #F73F52;
}
.skin-red .pagination li.active a {
    background-color: #F73F52;
}
.skin-red .pagination li.active a:hover, .skin-red .pagination li.active a:focus {
    background-color: #F73F52;
}
.skin-red .btn-primary {
    background-color: #F73F52;
    color: #fff;
    border-color: #F73F52;
}
.skin-red .btn-primary:disabled, .skin-red .btn-primary.disabled, .skin-red .btn-primary:hover, .skin-red .btn-primary:active, .skin-red .btn-primary:active:hover, .skin-red .btn-primary:active:focus, .skin-red .btn-primary:focus {
    color: #fff;
    background-color: #B81F2C;
    border-color: #B81F2C;
}
.skin-red .btn-primary:active:hover {
    background-color: #9C1A25;
}
.skin-red .btn-magz {
    color: #F73F52;
    border-color: #F73F52;
}
.skin-red .btn-magz:after {
    background-color: #F73F52;
}
.skin-red .btn-magz.white:focus, .skin-red .btn-magz.white:hover {
    color: #F73F52 !important;
}
.skin-red .firstbar .search .help-block div {
    color: #F73F52;
}
.skin-red .firstbar .nav-icons li a:hover {
    color: #F73F52;
}
.skin-red .headline .item a .badge {
    background-color: #F73F52;
}
.skin-red .article h2 a:hover {
    color: #F73F52;
}
.skin-red article .category a {
    color: #F73F52;
}
.skin-red article footer .btn-primary {
    background-color: transparent;
    border-color: #F73F52;
    color: #F73F52;
}
.skin-red article footer .btn-primary:hover:after {
    background-color: #F73F52;
}
.skin-red .love.active {
    color: #F73F52;
}
.skin-red .best-of-the-week .article h2 a:hover {
    color: #F73F52;
}
.skin-red .topbar ul li a:hover {
    color: #F73F52;
}
.skin-red .menu ul > li > a .badge {
    background-color: #F73F52;
}
.skin-red .menu ul > li > a:after {
    background-color: #F73F52;
}
.skin-red .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #F73F52;
}
.skin-red .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #F73F52;
    opacity: 1;
}
.skin-red .article-list .badge {
    background-color: #F73F52;
}
.skin-red .article-list .details h1 a:hover {
    color: #F73F52;
}
.skin-red .title-col:after {
    background-color: #F73F52;
}
.skin-red .article-mini .detail .category a {
    color: #F73F52;
}
.skin-red .tags-list li a:after {
    background-color: #F73F52;
}
.skin-red aside .aside-title .all i {
    color: #F73F52;
    margin-left: 5px;
}
.skin-red aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #F73F52;
}
.skin-red aside .newsletter .icon.error h1 {
    color: #F73F52;
}
.skin-red aside .newsletter .icon.error i:before {
    color: #F73F52;
}
.skin-red aside .nav li.active a {
    border-top: 2px solid #F73F52 !important;
}
.skin-red aside .nav li.active a i {
    color: #F73F52;
}
.skin-red .article-fw .details h1 a:hover {
    color: #F73F52;
}
.skin-red .comments .detail .link a {
    color: #F73F52;
}
.skin-red footer.footer {
    border-top: 5px solid #F73F52;
}
.skin-red footer.footer .block .block-title:after {
    background-color: #F73F52;
}
.skin-red footer.footer .footer-nav-horizontal li a:hover {
    color: #F73F52;
}
.skin-red footer.footer .footer-nav li a:hover {
    color: #F73F52;
}
.skin-red footer.footer .tags li a:hover {
    border-color: #F73F52;
}
.skin-red section.single article.main-article header .details li a {
    color: #F73F52;
}
.skin-red section.single article.main-article .main a {
    color: #F73F52;
}
.skin-red section.single article.main-article footer .col:last-child .love.active {
    background-color: #F73F52;
    color: #fff;
    border-color: #F73F52;
}
.skin-red section.single footer .tags li a:hover {
    color: #F73F52;
}
.skin-red .sharing ul li.count {
    color: #F73F52;
}
.skin-red .page .element-block .element-title:after {
    background-color: #F73F52;
}
.skin-red .page .element-block .colors li.primary {
    background-color: #F73F52;
}
.skin-red .page .element-block .colors li.secondary {
    background-color: #D92B3A;
}
.skin-red .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #F73F52;
}
.skin-red .carousel-1 .owl-nav .owl-prev:hover, .skin-red .carousel-1 .owl-nav .owl-next:hover {
    background-color: #F73F52;
}
.skin-red .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #F73F52;
}
.skin-red .featured-author .featured-author-body .featured-author-count .item .name {
    color: #F73F52;
}

/* Warna: orange */
.skin-orange {
    --skin-primary: #FC624D;
}

.skin-orange .for-mobile, .skin-orange .for-tablet {
    display: none !important;
}
.skin-orange a {
    color: #FC624D;
}
.skin-orange a:hover, .skin-orange a:focus {
    color: #FB5660;
}
.skin-orange .badge-primary {
    background-color: #FC624D;
}
.skin-orange .breadcrumb li a {
    color: #FC624D;
}
.skin-orange .pagination li.active a {
    background-color: #FC624D;
}
.skin-orange .pagination li.active a:hover, .skin-orange .pagination li.active a:focus {
    background-color: #FC624D;
}
.skin-orange .btn-primary {
    background-color: #FC624D;
    color: #fff;
    border-color: #FC624D;
}
.skin-orange .btn-primary:disabled, .skin-orange .btn-primary.disabled, .skin-orange .btn-primary:hover, .skin-orange .btn-primary:active, .skin-orange .btn-primary:active:hover, .skin-orange .btn-primary:active:focus, .skin-orange .btn-primary:focus {
    color: #fff;
    background-color: #DF1E04;
    border-color: #DF1E04;
}
.skin-orange .btn-primary:active:hover {
    background-color: #C61B03;
}
.skin-orange .btn-magz {
    color: #FC624D;
    border-color: #FC624D;
}
.skin-orange .btn-magz:after {
    background-color: #FC624D;
}
.skin-orange .btn-magz.white:focus, .skin-orange .btn-magz.white:hover {
    color: #FC624D !important;
}
.skin-orange .firstbar .search .help-block div {
    color: #FC624D;
}
.skin-orange .firstbar .nav-icons li a:hover {
    color: #FC624D;
}
.skin-orange .headline .item a .badge {
    background-color: #FC624D;
}
.skin-orange .article h2 a:hover {
    color: #FC624D;
}
.skin-orange article .category a {
    color: #FC624D;
}
.skin-orange article footer .btn-primary {
    background-color: transparent;
    border-color: #FC624D;
    color: #FC624D;
}
.skin-orange article footer .btn-primary:hover:after {
    background-color: #FC624D;
}
.skin-orange .love.active {
    color: #FC624D;
}
.skin-orange .best-of-the-week .article h2 a:hover {
    color: #FC624D;
}
.skin-orange .topbar ul li a:hover {
    color: #FC624D;
}
.skin-orange .menu ul > li > a .badge {
    background-color: #FC624D;
}
.skin-orange .menu ul > li > a:after {
    background-color: #FC624D;
}
.skin-orange .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #FC624D;
}
.skin-orange .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #FC624D;
    opacity: 1;
}
.skin-orange .article-list .badge {
    background-color: #FC624D;
}
.skin-orange .article-list .details h1 a:hover {
    color: #FC624D;
}
.skin-orange .title-col:after {
    background-color: #FC624D;
}
.skin-orange .article-mini .detail .category a {
    color: #FC624D;
}
.skin-orange .tags-list li a:after {
    background-color: #FC624D;
}
.skin-orange aside .aside-title .all i {
    color: #FC624D;
    margin-left: 5px;
}
.skin-orange aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #FC624D;
}
.skin-orange aside .newsletter .icon.error h1 {
    color: #FC624D;
}
.skin-orange aside .newsletter .icon.error i:before {
    color: #FC624D;
}
.skin-orange aside .nav li.active a {
    border-top: 2px solid #FC624D !important;
}
.skin-orange aside .nav li.active a i {
    color: #FC624D;
}
.skin-orange .article-fw .details h1 a:hover {
    color: #FC624D;
}
.skin-orange .comments .detail .link a {
    color: #FC624D;
}
.skin-orange footer.footer {
    border-top: 5px solid #FC624D;
}
.skin-orange footer.footer .block .block-title:after {
    background-color: #FC624D;
}
.skin-orange footer.footer .footer-nav-horizontal li a:hover {
    color: #FC624D;
}
.skin-orange footer.footer .footer-nav li a:hover {
    color: #FC624D;
}
.skin-orange footer.footer .tags li a:hover {
    border-color: #FC624D;
}
.skin-orange section.single article.main-article header .details li a {
    color: #FC624D;
}
.skin-orange section.single article.main-article .main a {
    color: #FC624D;
}
.skin-orange section.single article.main-article footer .col:last-child .love.active {
    background-color: #FC624D;
    color: #fff;
    border-color: #FC624D;
}
.skin-orange section.single footer .tags li a:hover {
    color: #FC624D;
}
.skin-orange .sharing ul li.count {
    color: #FC624D;
}
.skin-orange .page .element-block .element-title:after {
    background-color: #FC624D;
}
.skin-orange .page .element-block .colors li.primary {
    background-color: #FC624D;
}
.skin-orange .page .element-block .colors li.secondary {
    background-color: #FB5660;
}
.skin-orange .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #FC624D;
}
.skin-orange .carousel-1 .owl-nav .owl-prev:hover, .skin-orange .carousel-1 .owl-nav .owl-next:hover {
    background-color: #FC624D;
}
.skin-orange .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #FC624D;
}
.skin-orange .featured-author .featured-author-body .featured-author-count .item .name {
    color: #FC624D;
}

/* Warna: yellow */
.skin-yellow {
    --skin-primary: #F9A825;
}

.skin-yellow .for-mobile, .skin-yellow .for-tablet {
    display: none !important;
}
.skin-yellow a {
    color: #F9A825;
}
.skin-yellow a:hover, .skin-yellow a:focus {
    color: #F57F17;
}
.skin-yellow .badge-primary {
    background-color: #F9A825;
}
.skin-yellow .breadcrumb li a {
    color: #F9A825;
}
.skin-yellow .pagination li.active a {
    background-color: #F9A825;
}
.skin-yellow .pagination li.active a:hover, .skin-yellow .pagination li.active a:focus {
    background-color: #F9A825;
}
.skin-yellow .btn-primary {
    background-color: #F9A825;
    color: #fff;
    border-color: #F9A825;
}
.skin-yellow .btn-primary:disabled, .skin-yellow .btn-primary.disabled, .skin-yellow .btn-primary:hover, .skin-yellow .btn-primary:active, .skin-yellow .btn-primary:active:hover, .skin-yellow .btn-primary:active:focus, .skin-yellow .btn-primary:focus {
    color: #fff;
    background-color: #C17900;
    border-color: #C17900;
}
.skin-yellow .btn-primary:active:hover {
    background-color: #A36600;
}
.skin-yellow .btn-magz {
    color: #F9A825;
    border-color: #F9A825;
}
.skin-yellow .btn-magz:after {
    background-color: #F9A825;
}
.skin-yellow .btn-magz.white:focus, .skin-yellow .btn-magz.white:hover {
    color: #F9A825 !important;
}
.skin-yellow .firstbar .search .help-block div {
    color: #F9A825;
}
.skin-yellow .firstbar .nav-icons li a:hover {
    color: #F9A825;
}
.skin-yellow .headline .item a .badge {
    background-color: #F9A825;
}
.skin-yellow .article h2 a:hover {
    color: #F9A825;
}
.skin-yellow article .category a {
    color: #F9A825;
}
.skin-yellow article footer .btn-primary {
    background-color: transparent;
    border-color: #F9A825;
    color: #F9A825;
}
.skin-yellow article footer .btn-primary:hover:after {
    background-color: #F9A825;
}
.skin-yellow .love.active {
    color: #F9A825;
}
.skin-yellow .best-of-the-week .article h2 a:hover {
    color: #F9A825;
}
.skin-yellow .topbar ul li a:hover {
    color: #F9A825;
}
.skin-yellow .menu ul > li > a .badge {
    background-color: #F9A825;
}
.skin-yellow .menu ul > li > a:after {
    background-color: #F9A825;
}
.skin-yellow .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #F9A825;
}
.skin-yellow .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #F9A825;
    opacity: 1;
}
.skin-yellow .article-list .badge {
    background-color: #F9A825;
}
.skin-yellow .article-list .details h1 a:hover {
    color: #F9A825;
}
.skin-yellow .title-col:after {
    background-color: #F9A825;
}
.skin-yellow .article-mini .detail .category a {
    color: #F9A825;
}
.skin-yellow .tags-list li a:after {
    background-color: #F9A825;
}
.skin-yellow aside .aside-title .all i {
    color: #F9A825;
    margin-left: 5px;
}
.skin-yellow aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #F9A825;
}
.skin-yellow aside .newsletter .icon.error h1 {
    color: #F9A825;
}
.skin-yellow aside .newsletter .icon.error i:before {
    color: #F9A825;
}
.skin-yellow aside .nav li.active a {
    border-top: 2px solid #F9A825 !important;
}
.skin-yellow aside .nav li.active a i {
    color: #F9A825;
}
.skin-yellow .article-fw .details h1 a:hover {
    color: #F9A825;
}
.skin-yellow .comments .detail .link a {
    color: #F9A825;
}
.skin-yellow footer.footer {
    border-top: 5px solid #F9A825;
}
.skin-yellow footer.footer .block .block-title:after {
    background-color: #F9A825;
}
.skin-yellow footer.footer .footer-nav-horizontal li a:hover {
    color: #F9A825;
}
.skin-yellow footer.footer .footer-nav li a:hover {
    color: #F9A825;
}
.skin-yellow footer.footer .tags li a:hover {
    border-color: #F9A825;
}
.skin-yellow section.single article.main-article header .details li a {
    color: #F9A825;
}
.skin-yellow section.single article.main-article .main a {
    color: #F9A825;
}
.skin-yellow section.single article.main-article footer .col:last-child .love.active {
    background-color: #F9A825;
    color: #fff;
    border-color: #F9A825;
}
.skin-yellow section.single footer .tags li a:hover {
    color: #F9A825;
}
.skin-yellow .sharing ul li.count {
    color: #F9A825;
}
.skin-yellow .page .element-block .element-title:after {
    background-color: #F9A825;
}
.skin-yellow .page .element-block .colors li.primary {
    background-color: #F9A825;
}
.skin-yellow .page .element-block .colors li.secondary {
    background-color: #F57F17;
}
.skin-yellow .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #F9A825;
}
.skin-yellow .carousel-1 .owl-nav .owl-prev:hover, .skin-yellow .carousel-1 .owl-nav .owl-next:hover {
    background-color: #F9A825;
}
.skin-yellow .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #F9A825;
}
.skin-yellow .featured-author .featured-author-body .featured-author-count .item .name {
    color: #F9A825;
}

/* Warna: green */
.skin-green {
    --skin-primary: #43A047;
}

.skin-green .for-mobile, .skin-green .for-tablet {
    display: none !important;
}
.skin-green a {
    color: #43A047;
}
.skin-green a:hover, .skin-green a:focus {
    color: #2E7D32;
}
.skin-green .badge-primary {
    background-color: #43A047;
}
.skin-green .breadcrumb li a {
    color: #43A047;
}
.skin-green .pagination li.active a {
    background-color: #43A047;
}
.skin-green .pagination li.active a:hover, .skin-green .pagination li.active a:focus {
    background-color: #43A047;
}
.skin-green .btn-primary {
    background-color: #43A047;
    color: #fff;
    border-color: #43A047;
}
.skin-green .btn-primary:disabled, .skin-green .btn-primary.disabled, .skin-green .btn-primary:hover, .skin-green .btn-primary:active, .skin-green .btn-primary:active:hover, .skin-green .btn-primary:active:focus, .skin-green .btn-primary:focus {
    color: #fff;
    background-color: #1B5E20;
    border-color: #1B5E20;
}
.skin-green .btn-primary:active:hover {
    background-color: #0D3D11;
}
.skin-green .btn-magz {
    color: #43A047;
    border-color: #43A047;
}
.skin-green .btn-magz:after {
    background-color: #43A047;
}
.skin-green .btn-magz.white:focus, .skin-green .btn-magz.white:hover {
    color: #43A047 !important;
}
.skin-green .firstbar .search .help-block div {
    color: #43A047;
}
.skin-green .firstbar .nav-icons li a:hover {
    color: #43A047;
}
.skin-green .headline .item a .badge {
    background-color: #43A047;
}
.skin-green .article h2 a:hover {
    color: #43A047;
}
.skin-green article .category a {
    color: #43A047;
}
.skin-green article footer .btn-primary {
    background-color: transparent;
    border-color: #43A047;
    color: #43A047;
}
.skin-green article footer .btn-primary:hover:after {
    background-color: #43A047;
}
.skin-green .love.active {
    color: #43A047;
}
.skin-green .best-of-the-week .article h2 a:hover {
    color: #43A047;
}
.skin-green .topbar ul li a:hover {
    color: #43A047;
}
.skin-green .menu ul > li > a .badge {
    background-color: #43A047;
}
.skin-green .menu ul > li > a:after {
    background-color: #43A047;
}
.skin-green .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #43A047;
}
.skin-green .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #43A047;
    opacity: 1;
}
.skin-green .article-list .badge {
    background-color: #43A047;
}
.skin-green .article-list .details h1 a:hover {
    color: #43A047;
}
.skin-green .title-col:after {
    background-color: #43A047;
}
.skin-green .article-mini .detail .category a {
    color: #43A047;
}
.skin-green .tags-list li a:after {
    background-color: #43A047;
}
.skin-green aside .aside-title .all i {
    color: #43A047;
    margin-left: 5px;
}
.skin-green aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #43A047;
}
.skin-green aside .newsletter .icon.error h1 {
    color: #43A047;
}
.skin-green aside .newsletter .icon.error i:before {
    color: #43A047;
}
.skin-green aside .nav li.active a {
    border-top: 2px solid #43A047 !important;
}
.skin-green aside .nav li.active a i {
    color: #43A047;
}
.skin-green .article-fw .details h1 a:hover {
    color: #43A047;
}
.skin-green .comments .detail .link a {
    color: #43A047;
}
.skin-green footer.footer {
    border-top: 5px solid #43A047;
}
.skin-green footer.footer .block .block-title:after {
    background-color: #43A047;
}
.skin-green footer.footer .footer-nav-horizontal li a:hover {
    color: #43A047;
}
.skin-green footer.footer .footer-nav li a:hover {
    color: #43A047;
}
.skin-green footer.footer .tags li a:hover {
    border-color: #43A047;
}
.skin-green section.single article.main-article header .details li a {
    color: #43A047;
}
.skin-green section.single article.main-article .main a {
    color: #43A047;
}
.skin-green section.single article.main-article footer .col:last-child .love.active {
    background-color: #43A047;
    color: #fff;
    border-color: #43A047;
}
.skin-green section.single footer .tags li a:hover {
    color: #43A047;
}
.skin-green .sharing ul li.count {
    color: #43A047;
}
.skin-green .page .element-block .element-title:after {
    background-color: #43A047;
}
.skin-green .page .element-block .colors li.primary {
    background-color: #43A047;
}
.skin-green .page .element-block .colors li.secondary {
    background-color: #2E7D32;
}
.skin-green .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #43A047;
}
.skin-green .carousel-1 .owl-nav .owl-prev:hover, .skin-green .carousel-1 .owl-nav .owl-next:hover {
    background-color: #43A047;
}
.skin-green .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #43A047;
}
.skin-green .featured-author .featured-author-body .featured-author-count .item .name {
    color: #43A047;
}

/* Warna: teal */
.skin-teal {
    --skin-primary: #009688;
}

.skin-teal .for-mobile, .skin-teal .for-tablet {
    display: none !important;
}
.skin-teal a {
    color: #009688;
}
.skin-teal a:hover, .skin-teal a:focus {
    color: #00796B;
}
.skin-teal .badge-primary {
    background-color: #009688;
}
.skin-teal .breadcrumb li a {
    color: #009688;
}
.skin-teal .pagination li.active a {
    background-color: #009688;
}
.skin-teal .pagination li.active a:hover, .skin-teal .pagination li.active a:focus {
    background-color: #009688;
}
.skin-teal .btn-primary {
    background-color: #009688;
    color: #fff;
    border-color: #009688;
}
.skin-teal .btn-primary:disabled, .skin-teal .btn-primary.disabled, .skin-teal .btn-primary:hover, .skin-teal .btn-primary:active, .skin-teal .btn-primary:active:hover, .skin-teal .btn-primary:active:focus, .skin-teal .btn-primary:focus {
    color: #fff;
    background-color: #00695C;
    border-color: #00695C;
}
.skin-teal .btn-primary:active:hover {
    background-color: #004D40;
}
.skin-teal .btn-magz {
    color: #009688;
    border-color: #009688;
}
.skin-teal .btn-magz:after {
    background-color: #009688;
}
.skin-teal .btn-magz.white:focus, .skin-teal .btn-magz.white:hover {
    color: #009688 !important;
}
.skin-teal .firstbar .search .help-block div {
    color: #009688;
}
.skin-teal .firstbar .nav-icons li a:hover {
    color: #009688;
}
.skin-teal .headline .item a .badge {
    background-color: #009688;
}
.skin-teal .article h2 a:hover {
    color: #009688;
}
.skin-teal article .category a {
    color: #009688;
}
.skin-teal article footer .btn-primary {
    background-color: transparent;
    border-color: #009688;
    color: #009688;
}
.skin-teal article footer .btn-primary:hover:after {
    background-color: #009688;
}
.skin-teal .love.active {
    color: #009688;
}
.skin-teal .best-of-the-week .article h2 a:hover {
    color: #009688;
}
.skin-teal .topbar ul li a:hover {
    color: #009688;
}
.skin-teal .menu ul > li > a .badge {
    background-color: #009688;
}
.skin-teal .menu ul > li > a:after {
    background-color: #009688;
}
.skin-teal .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #009688;
}
.skin-teal .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #009688;
    opacity: 1;
}
.skin-teal .article-list .badge {
    background-color: #009688;
}
.skin-teal .article-list .details h1 a:hover {
    color: #009688;
}
.skin-teal .title-col:after {
    background-color: #009688;
}
.skin-teal .article-mini .detail .category a {
    color: #009688;
}
.skin-teal .tags-list li a:after {
    background-color: #009688;
}
.skin-teal aside .aside-title .all i {
    color: #009688;
    margin-left: 5px;
}
.skin-teal aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #009688;
}
.skin-teal aside .newsletter .icon.error h1 {
    color: #009688;
}
.skin-teal aside .newsletter .icon.error i:before {
    color: #009688;
}
.skin-teal aside .nav li.active a {
    border-top: 2px solid #009688 !important;
}
.skin-teal aside .nav li.active a i {
    color: #009688;
}
.skin-teal .article-fw .details h1 a:hover {
    color: #009688;
}
.skin-teal .comments .detail .link a {
    color: #009688;
}
.skin-teal footer.footer {
    border-top: 5px solid #009688;
}
.skin-teal footer.footer .block .block-title:after {
    background-color: #009688;
}
.skin-teal footer.footer .footer-nav-horizontal li a:hover {
    color: #009688;
}
.skin-teal footer.footer .footer-nav li a:hover {
    color: #009688;
}
.skin-teal footer.footer .tags li a:hover {
    border-color: #009688;
}
.skin-teal section.single article.main-article header .details li a {
    color: #009688;
}
.skin-teal section.single article.main-article .main a {
    color: #009688;
}
.skin-teal section.single article.main-article footer .col:last-child .love.active {
    background-color: #009688;
    color: #fff;
    border-color: #009688;
}
.skin-teal section.single footer .tags li a:hover {
    color: #009688;
}
.skin-teal .sharing ul li.count {
    color: #009688;
}
.skin-teal .page .element-block .element-title:after {
    background-color: #009688;
}
.skin-teal .page .element-block .colors li.primary {
    background-color: #009688;
}
.skin-teal .page .element-block .colors li.secondary {
    background-color: #00796B;
}
.skin-teal .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #009688;
}
.skin-teal .carousel-1 .owl-nav .owl-prev:hover, .skin-teal .carousel-1 .owl-nav .owl-next:hover {
    background-color: #009688;
}
.skin-teal .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #009688;
}
.skin-teal .featured-author .featured-author-body .featured-author-count .item .name {
    color: #009688;
}

/* Warna: blue */
.skin-blue {
    --skin-primary: #626EEF;
}

.skin-blue .for-mobile, .skin-blue .for-tablet {
    display: none !important;
}
.skin-blue a {
    color: #626EEF;
}
.skin-blue a:hover, .skin-blue a:focus {
    color: #5F72B2;
}
.skin-blue .badge-primary {
    background-color: #626EEF;
}
.skin-blue .breadcrumb li a {
    color: #626EEF;
}
.skin-blue .pagination li.active a {
    background-color: #626EEF;
}
.skin-blue .pagination li.active a:hover, .skin-blue .pagination li.active a:focus {
    background-color: #626EEF;
}
.skin-blue .btn-primary {
    background-color: #626EEF;
    color: #fff;
    border-color: #626EEF;
}
.skin-blue .btn-primary:disabled, .skin-blue .btn-primary.disabled, .skin-blue .btn-primary:hover, .skin-blue .btn-primary:active, .skin-blue .btn-primary:active:hover, .skin-blue .btn-primary:active:focus, .skin-blue .btn-primary:focus {
    color: #fff;
    background-color: #1626D5;
    border-color: #1626D5;
}
.skin-blue .btn-primary:active:hover {
    background-color: #1322BE;
}
.skin-blue .btn-magz {
    color: #626EEF;
    border-color: #626EEF;
}
.skin-blue .btn-magz:after {
    background-color: #626EEF;
}
.skin-blue .btn-magz.white:focus, .skin-blue .btn-magz.white:hover {
    color: #626EEF !important;
}
.skin-blue .firstbar .search .help-block div {
    color: #626EEF;
}
.skin-blue .firstbar .nav-icons li a:hover {
    color: #626EEF;
}
.skin-blue .headline .item a .badge {
    background-color: #626EEF;
}
.skin-blue .article h2 a:hover {
    color: #626EEF;
}
.skin-blue article .category a {
    color: #626EEF;
}
.skin-blue article footer .btn-primary {
    background-color: transparent;
    border-color: #626EEF;
    color: #626EEF;
}
.skin-blue article footer .btn-primary:hover:after {
    background-color: #626EEF;
}
.skin-blue .love.active {
    color: #626EEF;
}
.skin-blue .best-of-the-week .article h2 a:hover {
    color: #626EEF;
}
.skin-blue .topbar ul li a:hover {
    color: #626EEF;
}
.skin-blue .menu ul > li > a .badge {
    background-color: #626EEF;
}
.skin-blue .menu ul > li > a:after {
    background-color: #626EEF;
}
.skin-blue .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #626EEF;
}
.skin-blue .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #626EEF;
    opacity: 1;
}
.skin-blue .article-list .badge {
    background-color: #626EEF;
}
.skin-blue .article-list .details h1 a:hover {
    color: #626EEF;
}
.skin-blue .title-col:after {
    background-color: #626EEF;
}
.skin-blue .article-mini .detail .category a {
    color: #626EEF;
}
.skin-blue .tags-list li a:after {
    background-color: #626EEF;
}
.skin-blue aside .aside-title .all i {
    color: #626EEF;
    margin-left: 5px;
}
.skin-blue aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #626EEF;
}
.skin-blue aside .newsletter .icon.error h1 {
    color: #626EEF;
}
.skin-blue aside .newsletter .icon.error i:before {
    color: #626EEF;
}
.skin-blue aside .nav li.active a {
    border-top: 2px solid #626EEF !important;
}
.skin-blue aside .nav li.active a i {
    color: #626EEF;
}
.skin-blue .article-fw .details h1 a:hover {
    color: #626EEF;
}
.skin-blue .comments .detail .link a {
    color: #626EEF;
}
.skin-blue footer.footer {
    border-top: 5px solid #626EEF;
}
.skin-blue footer.footer .block .block-title:after {
    background-color: #626EEF;
}
.skin-blue footer.footer .footer-nav-horizontal li a:hover {
    color: #626EEF;
}
.skin-blue footer.footer .footer-nav li a:hover {
    color: #626EEF;
}
.skin-blue footer.footer .tags li a:hover {
    border-color: #626EEF;
}
.skin-blue section.single article.main-article header .details li a {
    color: #626EEF;
}
.skin-blue section.single article.main-article .main a {
    color: #626EEF;
}
.skin-blue section.single article.main-article footer .col:last-child .love.active {
    background-color: #626EEF;
    color: #fff;
    border-color: #626EEF;
}
.skin-blue section.single footer .tags li a:hover {
    color: #626EEF;
}
.skin-blue .sharing ul li.count {
    color: #626EEF;
}
.skin-blue .page .element-block .element-title:after {
    background-color: #626EEF;
}
.skin-blue .page .element-block .colors li.primary {
    background-color: #626EEF;
}
.skin-blue .page .element-block .colors li.secondary {
    background-color: #5F72B2;
}
.skin-blue .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #626EEF;
}
.skin-blue .carousel-1 .owl-nav .owl-prev:hover, .skin-blue .carousel-1 .owl-nav .owl-next:hover {
    background-color: #626EEF;
}
.skin-blue .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #626EEF;
}
.skin-blue .featured-author .featured-author-body .featured-author-count .item .name {
    color: #626EEF;
}

/* Warna: indigo */
.skin-indigo {
    --skin-primary: #3F51B5;
}

.skin-indigo .for-mobile, .skin-indigo .for-tablet {
    display: none !important;
}
.skin-indigo a {
    color: #3F51B5;
}
.skin-indigo a:hover, .skin-indigo a:focus {
    color: #303F9F;
}
.skin-indigo .badge-primary {
    background-color: #3F51B5;
}
.skin-indigo .breadcrumb li a {
    color: #3F51B5;
}
.skin-indigo .pagination li.active a {
    background-color: #3F51B5;
}
.skin-indigo .pagination li.active a:hover, .skin-indigo .pagination li.active a:focus {
    background-color: #3F51B5;
}
.skin-indigo .btn-primary {
    background-color: #3F51B5;
    color: #fff;
    border-color: #3F51B5;
}
.skin-indigo .btn-primary:disabled, .skin-indigo .btn-primary.disabled, .skin-indigo .btn-primary:hover, .skin-indigo .btn-primary:active, .skin-indigo .btn-primary:active:hover, .skin-indigo .btn-primary:active:focus, .skin-indigo .btn-primary:focus {
    color: #fff;
    background-color: #283593;
    border-color: #283593;
}
.skin-indigo .btn-primary:active:hover {
    background-color: #1A237E;
}
.skin-indigo .btn-magz {
    color: #3F51B5;
    border-color: #3F51B5;
}
.skin-indigo .btn-magz:after {
    background-color: #3F51B5;
}
.skin-indigo .btn-magz.white:focus, .skin-indigo .btn-magz.white:hover {
    color: #3F51B5 !important;
}
.skin-indigo .firstbar .search .help-block div {
    color: #3F51B5;
}
.skin-indigo .firstbar .nav-icons li a:hover {
    color: #3F51B5;
}
.skin-indigo .headline .item a .badge {
    background-color: #3F51B5;
}
.skin-indigo .article h2 a:hover {
    color: #3F51B5;
}
.skin-indigo article .category a {
    color: #3F51B5;
}
.skin-indigo article footer .btn-primary {
    background-color: transparent;
    border-color: #3F51B5;
    color: #3F51B5;
}
.skin-indigo article footer .btn-primary:hover:after {
    background-color: #3F51B5;
}
.skin-indigo .love.active {
    color: #3F51B5;
}
.skin-indigo .best-of-the-week .article h2 a:hover {
    color: #3F51B5;
}
.skin-indigo .topbar ul li a:hover {
    color: #3F51B5;
}
.skin-indigo .menu ul > li > a .badge {
    background-color: #3F51B5;
}
.skin-indigo .menu ul > li > a:after {
    background-color: #3F51B5;
}
.skin-indigo .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #3F51B5;
}
.skin-indigo .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #3F51B5;
    opacity: 1;
}
.skin-indigo .article-list .badge {
    background-color: #3F51B5;
}
.skin-indigo .article-list .details h1 a:hover {
    color: #3F51B5;
}
.skin-indigo .title-col:after {
    background-color: #3F51B5;
}
.skin-indigo .article-mini .detail .category a {
    color: #3F51B5;
}
.skin-indigo .tags-list li a:after {
    background-color: #3F51B5;
}
.skin-indigo aside .aside-title .all i {
    color: #3F51B5;
    margin-left: 5px;
}
.skin-indigo aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #3F51B5;
}
.skin-indigo aside .newsletter .icon.error h1 {
    color: #3F51B5;
}
.skin-indigo aside .newsletter .icon.error i:before {
    color: #3F51B5;
}
.skin-indigo aside .nav li.active a {
    border-top: 2px solid #3F51B5 !important;
}
.skin-indigo aside .nav li.active a i {
    color: #3F51B5;
}
.skin-indigo .article-fw .details h1 a:hover {
    color: #3F51B5;
}
.skin-indigo .comments .detail .link a {
    color: #3F51B5;
}
.skin-indigo footer.footer {
    border-top: 5px solid #3F51B5;
}
.skin-indigo footer.footer .block .block-title:after {
    background-color: #3F51B5;
}
.skin-indigo footer.footer .footer-nav-horizontal li a:hover {
    color: #3F51B5;
}
.skin-indigo footer.footer .footer-nav li a:hover {
    color: #3F51B5;
}
.skin-indigo footer.footer .tags li a:hover {
    border-color: #3F51B5;
}
.skin-indigo section.single article.main-article header .details li a {
    color: #3F51B5;
}
.skin-indigo section.single article.main-article .main a {
    color: #3F51B5;
}
.skin-indigo section.single article.main-article footer .col:last-child .love.active {
    background-color: #3F51B5;
    color: #fff;
    border-color: #3F51B5;
}
.skin-indigo section.single footer .tags li a:hover {
    color: #3F51B5;
}
.skin-indigo .sharing ul li.count {
    color: #3F51B5;
}
.skin-indigo .page .element-block .element-title:after {
    background-color: #3F51B5;
}
.skin-indigo .page .element-block .colors li.primary {
    background-color: #3F51B5;
}
.skin-indigo .page .element-block .colors li.secondary {
    background-color: #303F9F;
}
.skin-indigo .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #3F51B5;
}
.skin-indigo .carousel-1 .owl-nav .owl-prev:hover, .skin-indigo .carousel-1 .owl-nav .owl-next:hover {
    background-color: #3F51B5;
}
.skin-indigo .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #3F51B5;
}
.skin-indigo .featured-author .featured-author-body .featured-author-count .item .name {
    color: #3F51B5;
}

/* Warna: purple */
.skin-purple {
    --skin-primary: #8E44AD;
}

.skin-purple .for-mobile, .skin-purple .for-tablet {
    display: none !important;
}
.skin-purple a {
    color: #8E44AD;
}
.skin-purple a:hover, .skin-purple a:focus {
    color: #461B93;
}
.skin-purple .badge-primary {
    background-color: #8E44AD;
}
.skin-purple .breadcrumb li a {
    color: #8E44AD;
}
.skin-purple .pagination li.active a {
    background-color: #8E44AD;
}
.skin-purple .pagination li.active a:hover, .skin-purple .pagination li.active a:focus {
    background-color: #8E44AD;
}
.skin-purple .btn-primary {
    background-color: #8E44AD;
    color: #fff;
    border-color: #8E44AD;
}
.skin-purple .btn-primary:disabled, .skin-purple .btn-primary.disabled, .skin-purple .btn-primary:hover, .skin-purple .btn-primary:active, .skin-purple .btn-primary:active:hover, .skin-purple .btn-primary:active:focus, .skin-purple .btn-primary:focus {
    color: #fff;
    background-color: #522764;
    border-color: #522764;
}
.skin-purple .btn-primary:active:hover {
    background-color: #432051;
}
.skin-purple .btn-magz {
    color: #8E44AD;
    border-color: #8E44AD;
}
.skin-purple .btn-magz:after {
    background-color: #8E44AD;
}
.skin-purple .btn-magz.white:focus, .skin-purple .btn-magz.white:hover {
    color: #8E44AD !important;
}
.skin-purple .firstbar .search .help-block div {
    color: #8E44AD;
}
.skin-purple .firstbar .nav-icons li a:hover {
    color: #8E44AD;
}
.skin-purple .headline .item a .badge {
    background-color: #8E44AD;
}
.skin-purple .article h2 a:hover {
    color: #8E44AD;
}
.skin-purple article .category a {
    color: #8E44AD;
}
.skin-purple article footer .btn-primary {
    background-color: transparent;
    border-color: #8E44AD;
    color: #8E44AD;
}
.skin-purple article footer .btn-primary:hover:after {
    background-color: #8E44AD;
}
.skin-purple .love.active {
    color: #8E44AD;
}
.skin-purple .best-of-the-week .article h2 a:hover {
    color: #8E44AD;
}
.skin-purple .topbar ul li a:hover {
    color: #8E44AD;
}
.skin-purple .menu ul > li > a .badge {
    background-color: #8E44AD;
}
.skin-purple .menu ul > li > a:after {
    background-color: #8E44AD;
}
.skin-purple .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #8E44AD;
}
.skin-purple .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #8E44AD;
    opacity: 1;
}
.skin-purple .article-list .badge {
    background-color: #8E44AD;
}
.skin-purple .article-list .details h1 a:hover {
    color: #8E44AD;
}
.skin-purple .title-col:after {
    background-color: #8E44AD;
}
.skin-purple .article-mini .detail .category a {
    color: #8E44AD;
}
.skin-purple .tags-list li a:after {
    background-color: #8E44AD;
}
.skin-purple aside .aside-title .all i {
    color: #8E44AD;
    margin-left: 5px;
}
.skin-purple aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #8E44AD;
}
.skin-purple aside .newsletter .icon.error h1 {
    color: #8E44AD;
}
.skin-purple aside .newsletter .icon.error i:before {
    color: #8E44AD;
}
.skin-purple aside .nav li.active a {
    border-top: 2px solid #8E44AD !important;
}
.skin-purple aside .nav li.active a i {
    color: #8E44AD;
}
.skin-purple .article-fw .details h1 a:hover {
    color: #8E44AD;
}
.skin-purple .comments .detail .link a {
    color: #8E44AD;
}
.skin-purple footer.footer {
    border-top: 5px solid #8E44AD;
}
.skin-purple footer.footer .block .block-title:after {
    background-color: #8E44AD;
}
.skin-purple footer.footer .footer-nav-horizontal li a:hover {
    color: #8E44AD;
}
.skin-purple footer.footer .footer-nav li a:hover {
    color: #8E44AD;
}
.skin-purple footer.footer .tags li a:hover {
    border-color: #8E44AD;
}
.skin-purple section.single article.main-article header .details li a {
    color: #8E44AD;
}
.skin-purple section.single article.main-article .main a {
    color: #8E44AD;
}
.skin-purple section.single article.main-article footer .col:last-child .love.active {
    background-color: #8E44AD;
    color: #fff;
    border-color: #8E44AD;
}
.skin-purple section.single footer .tags li a:hover {
    color: #8E44AD;
}
.skin-purple .sharing ul li.count {
    color: #8E44AD;
}
.skin-purple .page .element-block .element-title:after {
    background-color: #8E44AD;
}
.skin-purple .page .element-block .colors li.primary {
    background-color: #8E44AD;
}
.skin-purple .page .element-block .colors li.secondary {
    background-color: #461B93;
}
.skin-purple .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #8E44AD;
}
.skin-purple .carousel-1 .owl-nav .owl-prev:hover, .skin-purple .carousel-1 .owl-nav .owl-next:hover {
    background-color: #8E44AD;
}
.skin-purple .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #8E44AD;
}
.skin-purple .featured-author .featured-author-body .featured-author-count .item .name {
    color: #8E44AD;
}

/* Warna: pink */
.skin-pink {
    --skin-primary: #E91E63;
}

.skin-pink .for-mobile, .skin-pink .for-tablet {
    display: none !important;
}
.skin-pink a {
    color: #E91E63;
}
.skin-pink a:hover, .skin-pink a:focus {
    color: #C2185B;
}
.skin-pink .badge-primary {
    background-color: #E91E63;
}
.skin-pink .breadcrumb li a {
    color: #E91E63;
}
.skin-pink .pagination li.active a {
    background-color: #E91E63;
}
.skin-pink .pagination li.active a:hover, .skin-pink .pagination li.active a:focus {
    background-color: #E91E63;
}
.skin-pink .btn-primary {
    background-color: #E91E63;
    color: #fff;
    border-color: #E91E63;
}
.skin-pink .btn-primary:disabled, .skin-pink .btn-primary.disabled, .skin-pink .btn-primary:hover, .skin-pink .btn-primary:active, .skin-pink .btn-primary:active:hover, .skin-pink .btn-primary:active:focus, .skin-pink .btn-primary:focus {
    color: #fff;
    background-color: #AD1457;
    border-color: #AD1457;
}
.skin-pink .btn-primary:active:hover {
    background-color: #880E4F;
}
.skin-pink .btn-magz {
    color: #E91E63;
    border-color: #E91E63;
}
.skin-pink .btn-magz:after {
    background-color: #E91E63;
}
.skin-pink .btn-magz.white:focus, .skin-pink .btn-magz.white:hover {
    color: #E91E63 !important;
}
.skin-pink .firstbar .search .help-block div {
    color: #E91E63;
}
.skin-pink .firstbar .nav-icons li a:hover {
    color: #E91E63;
}
.skin-pink .headline .item a .badge {
    background-color: #E91E63;
}
.skin-pink .article h2 a:hover {
    color: #E91E63;
}
.skin-pink article .category a {
    color: #E91E63;
}
.skin-pink article footer .btn-primary {
    background-color: transparent;
    border-color: #E91E63;
    color: #E91E63;
}
.skin-pink article footer .btn-primary:hover:after {
    background-color: #E91E63;
}
.skin-pink .love.active {
    color: #E91E63;
}
.skin-pink .best-of-the-week .article h2 a:hover {
    color: #E91E63;
}
.skin-pink .topbar ul li a:hover {
    color: #E91E63;
}
.skin-pink .menu ul > li > a .badge {
    background-color: #E91E63;
}
.skin-pink .menu ul > li > a:after {
    background-color: #E91E63;
}
.skin-pink .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #E91E63;
}
.skin-pink .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #E91E63;
    opacity: 1;
}
.skin-pink .article-list .badge {
    background-color: #E91E63;
}
.skin-pink .article-list .details h1 a:hover {
    color: #E91E63;
}
.skin-pink .title-col:after {
    background-color: #E91E63;
}
.skin-pink .article-mini .detail .category a {
    color: #E91E63;
}
.skin-pink .tags-list li a:after {
    background-color: #E91E63;
}
.skin-pink aside .aside-title .all i {
    color: #E91E63;
    margin-left: 5px;
}
.skin-pink aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #E91E63;
}
.skin-pink aside .newsletter .icon.error h1 {
    color: #E91E63;
}
.skin-pink aside .newsletter .icon.error i:before {
    color: #E91E63;
}
.skin-pink aside .nav li.active a {
    border-top: 2px solid #E91E63 !important;
}
.skin-pink aside .nav li.active a i {
    color: #E91E63;
}
.skin-pink .article-fw .details h1 a:hover {
    color: #E91E63;
}
.skin-pink .comments .detail .link a {
    color: #E91E63;
}
.skin-pink footer.footer {
    border-top: 5px solid #E91E63;
}
.skin-pink footer.footer .block .block-title:after {
    background-color: #E91E63;
}
.skin-pink footer.footer .footer-nav-horizontal li a:hover {
    color: #E91E63;
}
.skin-pink footer.footer .footer-nav li a:hover {
    color: #E91E63;
}
.skin-pink footer.footer .tags li a:hover {
    border-color: #E91E63;
}
.skin-pink section.single article.main-article header .details li a {
    color: #E91E63;
}
.skin-pink section.single article.main-article .main a {
    color: #E91E63;
}
.skin-pink section.single article.main-article footer .col:last-child .love.active {
    background-color: #E91E63;
    color: #fff;
    border-color: #E91E63;
}
.skin-pink section.single footer .tags li a:hover {
    color: #E91E63;
}
.skin-pink .sharing ul li.count {
    color: #E91E63;
}
.skin-pink .page .element-block .element-title:after {
    background-color: #E91E63;
}
.skin-pink .page .element-block .colors li.primary {
    background-color: #E91E63;
}
.skin-pink .page .element-block .colors li.secondary {
    background-color: #C2185B;
}
.skin-pink .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #E91E63;
}
.skin-pink .carousel-1 .owl-nav .owl-prev:hover, .skin-pink .carousel-1 .owl-nav .owl-next:hover {
    background-color: #E91E63;
}
.skin-pink .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #E91E63;
}
.skin-pink .featured-author .featured-author-body .featured-author-count .item .name {
    color: #E91E63;
}

/* Warna: brown */
.skin-brown {
    --skin-primary: #795548;
}

.skin-brown .for-mobile, .skin-brown .for-tablet {
    display: none !important;
}
.skin-brown a {
    color: #795548;
}
.skin-brown a:hover, .skin-brown a:focus {
    color: #5D4037;
}
.skin-brown .badge-primary {
    background-color: #795548;
}
.skin-brown .breadcrumb li a {
    color: #795548;
}
.skin-brown .pagination li.active a {
    background-color: #795548;
}
.skin-brown .pagination li.active a:hover, .skin-brown .pagination li.active a:focus {
    background-color: #795548;
}
.skin-brown .btn-primary {
    background-color: #795548;
    color: #fff;
    border-color: #795548;
}
.skin-brown .btn-primary:disabled, .skin-brown .btn-primary.disabled, .skin-brown .btn-primary:hover, .skin-brown .btn-primary:active, .skin-brown .btn-primary:active:hover, .skin-brown .btn-primary:active:focus, .skin-brown .btn-primary:focus {
    color: #fff;
    background-color: #4E342E;
    border-color: #4E342E;
}
.skin-brown .btn-primary:active:hover {
    background-color: #3E2723;
}
.skin-brown .btn-magz {
    color: #795548;
    border-color: #795548;
}
.skin-brown .btn-magz:after {
    background-color: #795548;
}
.skin-brown .btn-magz.white:focus, .skin-brown .btn-magz.white:hover {
    color: #795548 !important;
}
.skin-brown .firstbar .search .help-block div {
    color: #795548;
}
.skin-brown .firstbar .nav-icons li a:hover {
    color: #795548;
}
.skin-brown .headline .item a .badge {
    background-color: #795548;
}
.skin-brown .article h2 a:hover {
    color: #795548;
}
.skin-brown article .category a {
    color: #795548;
}
.skin-brown article footer .btn-primary {
    background-color: transparent;
    border-color: #795548;
    color: #795548;
}
.skin-brown article footer .btn-primary:hover:after {
    background-color: #795548;
}
.skin-brown .love.active {
    color: #795548;
}
.skin-brown .best-of-the-week .article h2 a:hover {
    color: #795548;
}
.skin-brown .topbar ul li a:hover {
    color: #795548;
}
.skin-brown .menu ul > li > a .badge {
    background-color: #795548;
}
.skin-brown .menu ul > li > a:after {
    background-color: #795548;
}
.skin-brown .menu ul > li .dropdown-menu > li.active a:after {
    background-color: #795548;
}
.skin-brown .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: #795548;
    opacity: 1;
}
.skin-brown .article-list .badge {
    background-color: #795548;
}
.skin-brown .article-list .details h1 a:hover {
    color: #795548;
}
.skin-brown .title-col:after {
    background-color: #795548;
}
.skin-brown .article-mini .detail .category a {
    color: #795548;
}
.skin-brown .tags-list li a:after {
    background-color: #795548;
}
.skin-brown aside .aside-title .all i {
    color: #795548;
    margin-left: 5px;
}
.skin-brown aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: #795548;
}
.skin-brown aside .newsletter .icon.error h1 {
    color: #795548;
}
.skin-brown aside .newsletter .icon.error i:before {
    color: #795548;
}
.skin-brown aside .nav li.active a {
    border-top: 2px solid #795548 !important;
}
.skin-brown aside .nav li.active a i {
    color: #795548;
}
.skin-brown .article-fw .details h1 a:hover {
    color: #795548;
}
.skin-brown .comments .detail .link a {
    color: #795548;
}
.skin-brown footer.footer {
    border-top: 5px solid #795548;
}
.skin-brown footer.footer .block .block-title:after {
    background-color: #795548;
}
.skin-brown footer.footer .footer-nav-horizontal li a:hover {
    color: #795548;
}
.skin-brown footer.footer .footer-nav li a:hover {
    color: #795548;
}
.skin-brown footer.footer .tags li a:hover {
    border-color: #795548;
}
.skin-brown section.single article.main-article header .details li a {
    color: #795548;
}
.skin-brown section.single article.main-article .main a {
    color: #795548;
}
.skin-brown section.single article.main-article footer .col:last-child .love.active {
    background-color: #795548;
    color: #fff;
    border-color: #795548;
}
.skin-brown section.single footer .tags li a:hover {
    color: #795548;
}
.skin-brown .sharing ul li.count {
    color: #795548;
}
.skin-brown .page .element-block .element-title:after {
    background-color: #795548;
}
.skin-brown .page .element-block .colors li.primary {
    background-color: #795548;
}
.skin-brown .page .element-block .colors li.secondary {
    background-color: #5D4037;
}
.skin-brown .carousel-1 .owl-dots .owl-dot.active span {
    background-color: #795548;
}
.skin-brown .carousel-1 .owl-nav .owl-prev:hover, .skin-brown .carousel-1 .owl-nav .owl-next:hover {
    background-color: #795548;
}
.skin-brown .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid #795548;
}
.skin-brown .featured-author .featured-author-body .featured-author-count .item .name {
    color: #795548;
}

/* Warna: custom (pilihan bebas, nilai dari variabel) */
.skin-custom .for-mobile, .skin-custom .for-tablet {
    display: none !important;
}
.skin-custom a {
    color: var(--skin-primary, #F73F52);
}
.skin-custom a:hover, .skin-custom a:focus {
    color: var(--skin-hover, #D92B3A);
}
.skin-custom .badge-primary {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .breadcrumb li a {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .pagination li.active a {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .pagination li.active a:hover, .skin-custom .pagination li.active a:focus {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .btn-primary {
    background-color: var(--skin-primary, #F73F52);
    color: #fff;
    border-color: var(--skin-primary, #F73F52);
}
.skin-custom .btn-primary:disabled, .skin-custom .btn-primary.disabled, .skin-custom .btn-primary:hover, .skin-custom .btn-primary:active, .skin-custom .btn-primary:active:hover, .skin-custom .btn-primary:active:focus, .skin-custom .btn-primary:focus {
    color: #fff;
    background-color: var(--skin-dark, #B81F2C);
    border-color: var(--skin-dark, #B81F2C);
}
.skin-custom .btn-primary:active:hover {
    background-color: var(--skin-darker, #9C1A25);
}
.skin-custom .btn-magz {
    color: var(--skin-primary, #F73F52);
    border-color: var(--skin-primary, #F73F52);
}
.skin-custom .btn-magz:after {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .btn-magz.white:focus, .skin-custom .btn-magz.white:hover {
    color: var(--skin-primary, #F73F52) !important;
}
.skin-custom .firstbar .search .help-block div {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .firstbar .nav-icons li a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .headline .item a .badge {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .article h2 a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom article .category a {
    color: var(--skin-primary, #F73F52);
}
.skin-custom article footer .btn-primary {
    background-color: transparent;
    border-color: var(--skin-primary, #F73F52);
    color: var(--skin-primary, #F73F52);
}
.skin-custom article footer .btn-primary:hover:after {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .love.active {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .best-of-the-week .article h2 a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .topbar ul li a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .menu ul > li > a .badge {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .menu ul > li > a:after {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .menu ul > li .dropdown-menu > li.active a:after {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .menu ul > li .dropdown-menu > li:hover > a:after {
    background-color: var(--skin-primary, #F73F52);
    opacity: 1;
}
.skin-custom .article-list .badge {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .article-list .details h1 a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .title-col:after {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .article-mini .detail .category a {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .tags-list li a:after {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom aside .aside-title .all i {
    color: var(--skin-primary, #F73F52);
    margin-left: 5px;
}
.skin-custom aside .aside-title:after {
    content: ' ';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 15px;
    height: 2px;
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom aside .newsletter .icon.error h1 {
    color: var(--skin-primary, #F73F52);
}
.skin-custom aside .newsletter .icon.error i:before {
    color: var(--skin-primary, #F73F52);
}
.skin-custom aside .nav li.active a {
    border-top: 2px solid var(--skin-primary, #F73F52) !important;
}
.skin-custom aside .nav li.active a i {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .article-fw .details h1 a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .comments .detail .link a {
    color: var(--skin-primary, #F73F52);
}
.skin-custom footer.footer {
    border-top: 5px solid var(--skin-primary, #F73F52);
}
.skin-custom footer.footer .block .block-title:after {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom footer.footer .footer-nav-horizontal li a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom footer.footer .footer-nav li a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom footer.footer .tags li a:hover {
    border-color: var(--skin-primary, #F73F52);
}
.skin-custom section.single article.main-article header .details li a {
    color: var(--skin-primary, #F73F52);
}
.skin-custom section.single article.main-article .main a {
    color: var(--skin-primary, #F73F52);
}
.skin-custom section.single article.main-article footer .col:last-child .love.active {
    background-color: var(--skin-primary, #F73F52);
    color: #fff;
    border-color: var(--skin-primary, #F73F52);
}
.skin-custom section.single footer .tags li a:hover {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .sharing ul li.count {
    color: var(--skin-primary, #F73F52);
}
.skin-custom .page .element-block .element-title:after {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .page .element-block .colors li.primary {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .page .element-block .colors li.secondary {
    background-color: var(--skin-hover, #D92B3A);
}
.skin-custom .carousel-1 .owl-dots .owl-dot.active span {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .carousel-1 .owl-nav .owl-prev:hover, .skin-custom .carousel-1 .owl-nav .owl-next:hover {
    background-color: var(--skin-primary, #F73F52);
}
.skin-custom .nav-tabs-group .nav-tabs-list li.active a {
    border-bottom: 2px solid var(--skin-primary, #F73F52);
}
.skin-custom .featured-author .featured-author-body .featured-author-count .item .name {
    color: var(--skin-primary, #F73F52);
}