/*
Name : theme.css
Author : BIS (anon.id)
Type : Default Style
*/



/* COLOR BASE
----------------------------------*/
.blue-color {
	color: #1E9CC4;
}
.grey-color {
	color: #999;
}
.grey-color-88 {
	color: #888;
}
.dark-grey-color {
	color: #555;
}
.dark-grey-color-66 {
	color: #666;
}
.white-color {
	color: #fff;
}
.bg-f6-color {
	background-color: #f6f6f6
}

.btn-yellow {
	background: #ffd22f;
	color: #222 !important; 
	/* border: 1px #e2b300 solid; */
}
.btn-yellow:hover {
	background: #e3ba29;
	color: #222 !important;
	/* border: 1px #000 solid;  */
	border: 1px transparent solid;
}
.btn-blue {
	background: #0c97a6;
	color: #fff !important; 
	/* border: 1px #0c97a6 solid; */
	border: 2px transparent solid;
}
.btn-blue:hover {
	background: #087480;
	color: #19b1c9 !important;
	/* border: 1px #0c97a6 solid;  */
}
.btn-blue2 {
	background: #274c71;
	color: #fff !important; 
	border: 1px #274c71 solid;
}
.btn-blue2:hover {
	background: #1c344e;
	color: #fff !important;
	border: 1px #274c71 solid; 
}
.btn-blue3 {
	background: #306fd7;
	color: #fff !important; 
	/* border: 1px #306fd7 solid; */
}
.btn-blue3:hover {
	background: #275ab0;
	color: #fff !important;
	/* border: 1px #306fd7 solid;  */
}
.btn-grey {
	background: #e7e7e7;
	color: #333;
	border: 2px transparent solid;
}
.btn-grey:hover {
	background: #333;
	color: #e7e7e7 !important;
	border: 2px transparent solid;
	/* padding-top: 7px;
	padding-bottom: 7px; */
}
.btn-orange {
	background: #FF5E00;
	color: #fff !important; 
}
.btn-orange:hover {
	background: #d75103;
	color: #FFF !important; 
}
.btn-red {
	background: #B1260F;
	color: #fff !important; 
	/* border: 1px #B1260F solid; */
}
.btn-red:hover {
	background: #8a1d0b;
	color: #FFF !important;
	border: 1px #B1260F solid; 
}
.btn-grey2 {
	background: #606060;
	color: #fff !important; 
	/* border: 1px #606060 solid; */
}
.btn-grey2:hover {
	background: #fff;
	color: #606060 !important;
	/* border: 1px #606060 solid;  */
}

.our-recommendation.kabar24 {
	border-top: 10px #306fd7 solid;
}
.our-recommendation.lifestyle {
	border-top: 0;
}
.our-recommendation.traveling {
	border-top: 0;
}
.our-recommendation.entrepreneur {
	border-top: 0;
}
.our-recommendation.jakarta {
	border-top: 0;
}

.border-bottom {
	border-bottom: 1px #7DA700 solid;
}

.label-premium:before {
	font-family: "Font Awesome 5 Free";
	content: '\f005';
	display: block;
	width: 14px;
	height: 14px;
	color: #FFF000 !important;
	position: absolute;
	left: 10px;
	font-size: 12px;
	top: 7px;
}
.label-premium {
	position: absolute;
	/* font-family: "ProximaNova-Bold" !important; */
	font-family: "Avenir-Heavy" !important;
	font-family: Avenir-Heavy !important;
    letter-spacing: 0.5px;
    font-size: 11px !important;
    text-transform: uppercase;
    background-color: #0B213F !important;
    color: #FFF000 !important;
    z-index: 1;
    padding: 8px 10px 7px 30px;
    border-radius: 15px;
    top: 5px;
    left: 5px;
}
.wrapper-details .label-premium {
	position: relative;
	top: inherit;
    left: inherit;
}
.label-premium.style2:before {
	color: #0B213F !important;
}
.label-premium.style2 {
	background-color: #fdca00 !important;
    color: #0B213F !important;
}
.label-premium.style3:before {
	color: #F84D4D !important;
}
.label-premium.style3 {
	background-color: #fff !important;
    color: #F84D4D !important;
}
.l-style-none .label-premium {
	top: 5px;
    left: 20px;
}

/* CUSTOM LOGO
----------------------------------*/
.custom-logo,
.custom-icon {
	background: url('../images/logo-sprite.svg') no-repeat;
	display: block;
}
.logo-sidebar-foto {
	background-position: -330px -306px;
	width: 270px;
	height: 60px;
}
.logo-foto {
	display: inline-block;
	background-position: -182px -84px;
	width: 48px;
	height: 48px;
	position: relative;
	top: 5px;
}
.logo-foto.inverse {
	background-position: -347px -104px;
}
.logo-foto.small {
    position: absolute;
    top: 10px;
    left: 20px;
}
.logo-foto.small-1 {
    position: absolute;
    top: 15px;
    left: 30px;
}

.logo-foto-xs {
	display: inline-block;
	background-position: -184px -142px;
	width: 48px;
	height: 48px;
	position: relative;
	top: 5px;
}
.logo-foto-xs-more {
	display: inline-block;
	background-position: -110px -142px;
	width: 48px;
	height: 48px;
	position: relative;
	top: 5px;
}
.logo-foto-xs-more.small {
    position: absolute;
    top: 10px;
    left: 20px;
}
.logo-foto-xs.xs {
	position: absolute;
	top: 12px;
	left: 25px;
}
.logo-foto-xs.xxs {
	position: absolute;
	top: 12px;
	left: 18px;
}
.at-share-btn-elements {
    height: 36px;
    margin: 10px 0 10px 12px;
}

.custom-zooming {
    background: url(../images/logo-sprite.svg) no-repeat;
    display: block;
}

.zooming {
	display: inline-block;
	background-position: -253px -141px;
	width: 48px;
	height: 48px;
	position: relative;
	top: 5px;
}
.zooming.small {
    position: absolute;
    top: 10px;
    right: 20px;
}

/* CUSTOM ICON
----------------------------------*/
.icon-video {
	display: inline-block;
	background-position: -248px -80px;
	width: 60px;
	height: 45px;
}


/* SOCMED
----------------------------------*/
.fb {
	background: #2361d4;
}
.fb:hover {
	background: #fff;
	border: 1px #2361d4 solid;
}
.fb a {
	color: #fff;
}
.fb:hover a {
	color: #2361d4;
}
.tw {
	background: #48aef5;
}
.tw:hover {
	background: #fff;
	border: 1px #48aef5 solid;
}
.tw a {
	color: #fff;
}
.tw:hover a {
	color: #48aef5;
}
.wa {
	background: #29B200;
}
.wa:hover {
	background: #fff;
	border: 1px #29B200 solid;
}
.wa a {
	color: #fff;
}
.wa:hover a {
	color: #29B200;
}
.gp {
	background: #fa4d4d;
}
.gp:hover {
	background: #fff;
	border: 1px #fa4d4d solid;
}
.gp a {
	color: #fff;
}
.gp:hover a {
	color: #fa4d4d;
}
.tl {
	background: #0088cc;
}
.tl:hover {
	background: #fff;
	border: 1px #0088cc solid;
}
.tl a {
	color: #fff;
}
.tl:hover a {
	color: #0088cc;
}
.li {
	background: #1188c6;
}
.li:hover {
	background: #fff;
	border: 1px #1188c6 solid;
}
.li a {
	color: #fff;
}
.li:hover a {
	color: #1188c6;
}
.ml {
	background: #8a8988;
}
.ml:hover {
	background: #fff;
	border: 1px #8a8988 solid;
}
.ml a {
	color: #fff;
}
.ml:hover a {
	color: #8a8988;
}

.c-bali{color: #930000 !important}
.c-bandung{color: #0000b7 !important}
.c-banten{color: #6c785c !important}
.c-bola{color: #039029 !important}
.c-ekonomi{color: #284B71 !important}
.c-entrepreneur{color: #B1260F !important}
.c-finansial{color: #0B97A6 !important}
.c-foto{color: #DF8715 !important}
.c-industri{color: #385a7d !important}
.c-infografik{color: #7DA700 !important}
.c-inforial{color: #885da4 !important}
.c-jakarta{color: #FF5E00 !important}
.c-kabar24{color: #306FD8 !important}
.c-kalimantan{color: #333333 !important}
.c-koran{color: #606060 !important}
.c-lifestyle{color: #DB3E90 !important}
.c-manajemen{color: #c37078 !important}
.c-market{color: #FFD22F !important}
.c-market-home{color: #ec9b0e !important}
.c-otomotif{color: #A22E51 !important}
.c-papua{color: #333333 !important}
.c-properti{color: #d46f32 !important}
.c-regional{color: #333333 !important}
.c-semarang{color: #BE0F34 !important}
.c-sport{color: #C82212 !important}
.c-sulawesi{color: #d6342f !important}
.c-sumatra{color: #FA5203 !important}
.c-surabaya{color: #01528A !important}
.c-teknologi{color: #5A159F !important}
.c-travel{color: #0BC9BF !important}
.c-index{color: #FFCB44 !important}