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


/* COLOR BASE
----------------------------------*/
.channel,
.channel:hover {
	text-decoration: none;
}
.channel.teknologi {
	color: #5A159F;
}
.channel.health {
	color: #DB3E90;
}
.channel.market {
	color: #FFD22F;
}

.channel-menu.purple h1:before {
	border-color: #5A159F;
}
.channel-menu.pink h1:before {
	border-color: #DB3E90;
}
.channel-menu.yellow h1:before {
	border-color: #FFD22F;
}
.channel-menu.blue h1:before {
	border-color: #306FD8;
}
.channel-menu.blue-dark h1:before {
	border-color: #284B71;
}
.channel-menu.green h1:before {
	border-color: #7DA700;
}
.channel-menu.green-light h1:before {
	border-color: #0B97A6;
}
.channel-menu.green-dark h1:before {
	border-color: #039029;
}
.channel-menu.orange h1:before {
	border-color: #FF5E00;
}
.channel-menu.red-dark h1:before {
	border-color: #C82212;
}
.channel-menu.green-soft h1:before {
	border-color: #0BC9BF;
}
.channel-menu.otomotif h1:before {
	border-color: #A22E51;
}
.channel-menu.brown h1:before {
	border-color: #d46f32;
}
.channel-menu.surabaya h1:before {
	border-color: #01528A;
}
.channel-menu.semarang h1:before {
	border-color: #BE0F34;
}
.channel-menu.bali h1:before {
	border-color: #930000;
}
.channel-menu.kalimantan h1:before {
	border-color: #333;
}
.channel-menu.papua h1:before {
	border-color: #333;
}
.channel-menu.banten h1:before {
	border-color: #6c785c;
}
.channel-menu.sulawesi h1:before {
	border-color: #d6342f;
}
.channel-menu.sumatra h1:before {
	border-color: #FA5203;
}

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

/* BUTTON BASE
----------------------------------*/
.btn-grey {
	background: #BDBDBD;
	color: #222;
}
.btn-grey:hover {
	background: #222;
	color: #BDBDBD;
}
.img-gstore{
	width: 85px;
	padding: 6px 0 0 0;
}
.img-astore{
	width: 85px;
	padding: 4px 0 0 0;
}
.btn-google-play {
	/* background: url('../images/google-play.svg') no-repeat 10px 5px; */
	background-color: #181818;
	display: block;
	width: 120px;
	height: 43px;
	margin: 30px -8px 10px 10px;
	border-radius: 8px;
	float: right;
}
.btn-app-store {
	/* background: url('../images/app-store.svg') no-repeat 10px 3px; */
	background-color: #181818;
	display: block;
	width: 120px;
	height: 43px;
	margin: 30px 0 0 -8px;
	border-radius: 8px;
	float: left;
}


/* ICON BASE
----------------------------------*/
.icon-foto {
	position: absolute;
	background: url('../images/camera.png') no-repeat;
	display: block;
	width: 33px;
	height: 26px;
}
.icon-foto.style2 {
	background: url('../images/camera3.png') no-repeat;
	bottom: 4px;
	left: 23px;
}
.icon-video {
	position: absolute;
	background: url('../images/play-black.svg') no-repeat 15px 11px;
	display: block;
	width: 60px;
	height: 50px;
}
.icon-subtract {
	position: absolute;
	background: url('../images/subtract.png') no-repeat;
	display: block;
	width: 31px;
	height: 26px;
}


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


.label-premium:before {
	font-family: "Font Awesome 5 Free";
    content: '\f005';
    display: block;
    width: 14px;
    height: 14px;
    color: #954700 !important;
    position: absolute;
    left: 13px;
    font-size: 12px;
    top: 11px;
}
.label-premium {
	position: absolute;
    font-family: "Roboto" !important;
    font-size: 11px !important;
    text-transform: capitalize;
    z-index: 1;
    padding: 12px 15px 12px 35px;
    border-radius: 10px 0 10px 0;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, #FDA085 0%, #F6D365 100%) !important;
    color: #954700 !important;
}
.small-headline .label-premium{
	left: 8px;
}
.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;
}