/*
Theme Name: Sonora Bali Theme
Author: Tholut Akhyar

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/css?family=Audiowide');

body{
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: 'Montserrat', sans-serif;
	font-size: 11pt;
}

header {
	position: fixed;
	z-index: 99;
	width: 100%;
	background: #ffffff;
}

.tbl{
	font-family: 'Montserrat', sans-serif;
}
.tps{
	font-family: 'Audiowide', cursive;
}

.fa-chevron-right:before {
    content: "\f054";
    margin-left: 5px;
    margin-right: 5px;
}


.play_circle{
	font-weight: 900;
    font-size: 45px;
    color: white;
    position: fixed;
    bottom: 10pt;
    right: 10pt;
    text-shadow: 2px 2px 5px #352f2f;
    background: #2e60b0;
    background-size: cover;
    border-radius: 29px;
}
.grscr{
	margin-bottom:20px;
	padding-bottom: 20px;
	/*border-bottom:3px solid #cbcac8;*/
}
.grscr div::after{
	border-bottom: 0;
}
.brdp{
	margin-bottom: 30px;
}

.threeon h3{
	text-align: left;
}
/*------------------------------------*/

	.isinya h3 + ul li:before{
		content:"";
	}


/*	.isinya h2 {
	  overflow: hidden;
	  text-align: center;
	  font-weight: 700;
	  margin-top:20pt;
	  margin-bottom:32pt;
	}

	
	.isinya h2:before,
	.isinya h2:after {
	  background-color: #000;
	  content: "";
	  display: inline-block;
	  height: 2px;
	  position: relative;
	  vertical-align: middle;
	  width: 10%;
	}
	
	
	.isinya h2:before {
	  right: 1em;
	  margin-left: -50%;
	}

	.isinya h2:after {
	  left: 1em;
	  margin-right: -50%;
	}

	.isinya h2 strong{
		font-weight:700;
		color:#6A7EA1;
		font-family: 'Audiowide', cursive;
	}
*/
	
	.isinya{
		box-sizing: border-box;
		padding-left:20pt;
		padding-right:20pt;
	}

	.isinya img.alignleft{
		margin-right:10pt;
		margin-bottom:10pt;
	}
/*
	.isinya h3{
		color:#6A7EA1;
		font-family: 'Audiowide', cursive;
	}

	.isinya h3 strong{
		color:#000000;font-weight:700;
		font-family: 'Montserrat', sans-serif;
	}
*/
	.isinya h5{
		border-bottom : 1px solid #cacaca;
	}
	
	.isinya ul{
		display:block;
		padding:0;
		margin:5pt 0 10pt 0;

	}
	
	.isinya li{
		display: inline-block;
		padding:0pt 5pt 0 5pt;
		box-sizing: border-box;
		width:33%;
		min-width:33%;
		max-width:33%;

	}

	.news{
		padding-left:20pt;
	}

	.newsl{
		padding-right:20pt;
	}

	.news h3{
		font-size:24pt;

	}
/*
	.chart h2 {
	  overflow: hidden;
	  text-align: center;
	  font-weight: 700;
	  margin-top:20pt;
	  margin-bottom:32pt;
	}
	
	
	.chart h2:before,
	.chart h2:after {
	  background-color: #000;
	  content: "";
	  display: inline-block;
	  height: 2px;
	  position: relative;
	  vertical-align: middle;
	  width: 10%;
	}*/
	
	
/*	.chart h2:before {
	  right: 1em;
	  margin-left: -50%;
	}

	.chart h2:after {
	  left: 1em;
	  margin-right: -50%;
	}

	.chart h2 strong{
		font-weight:700;
		color:#6A7EA1;
		font-family: 'Audiowide', cursive;
	}*/

	.chart{
		box-sizing: border-box;
		padding-left:20pt;
		padding-right:20pt;
	}

	.chart img.alignleft{
		margin-right:10pt;
		margin-bottom:10pt;
	}

	.chart h3{
		/*color:#6A7EA1;*/
		 margin: 17px;
		/*font-family: 'Audiowide', cursive;*/
	}

	.chart h3 strong{
		color:#000000;font-weight:700;
		font-family: 'Montserrat', sans-serif;
	}

	.chart h5{
		border-bottom : 1px solid #cacaca;
	}
	
	.chart ol{
		margin-left:0;
		padding-left:0;
	}

	.chart ol li{
		counter-increment: item;
		list-style: none;
		margin-left:50pt;
		min-height: 45pt;
		height: 45pt;
	}

	.chart ol li:before{
		content: counter(item);
		font-size:20pt;
		padding: 5pt;
		background: #000000;
		color: #ffffff;
		font-weight: 700;
		margin-left:-50pt;
		float:left;
		min-width:40pt;
		width:45pt;
		text-align: center;
	}

a{
	cursor: pointer;
}
	.chart ol li:after{
		display: table;
		content:' ';
	}

	.chart ul{
		margin-left:0;
		padding-left:0;
	}

	.chart ul:before,.chart ul:after{
		display:table;
		content:" ";
	}

	.chart ul:after{clear:both;}

	.chart ul > li{
		list-style: none;
	}

	.chart > ul > li{
		float:left;
		max-width:33%;
		width:33%;
	}

	.footer_desc a {
		color : white;
	}

	@media (max-width:768px){

		.isinya li{
			width:45%;
			min-width:45%;
			max-width:45%;
		}
	}
	
	@media (max-width:576px){
		.isinya img.alignleft{
			display:block;
			float:none;
			clear:both;
			margin:10pt auto;
		}
		.isinya{
			font-size:11pt;
		}

		.isinya h2{
			font-size:18pt;
		}

		.isinya h3{
			font-size:16pt;	
		}

		.isinya h5{
			font-size:12pt;	
		}		
			
		.isinya li{
			width:100%;
			min-width:100%;
			max-width:100%;
		}
	}
	.isinya li:before { content:'\25CF'; margin-right:0.5em; }



/*-----------------------------------------------------*/


	.brh{
		color: #000000;
	    font-family: 'Audiowide', cursive;
	    font-size: 18px;
	}
	.brh strong{
		color: #000000;
	    font-weight: 700;
	    font-family: 'Montserrat', sans-serif;
	}
	.brh h2:before, .brh h2:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 2px;
    position: relative;
    vertical-align: middle;
    width: 10%;
	}
	.brh h2:before {
    right: 1em;
    margin-left: -50%;
	}
	.brh h2:after {
    left: 1em;
    margin-right: -50%;
	}

.medsos{
	font-size: 35px;
	margin-top: 8px;
}

.bgblue{
	background-color: #2e60b0;
}
.no_margin{
	margin: 0px;
}
.no_padding{
	padding: 0px;
}
.bimage{
	background-position: 50% 50%;
	background-size: cover;
}
.icon_sosial_media:before ,.live_stream:before{
    font-size: 15pt;
    padding: 10px;
    color: #fff;
}
.live_stream{
	font-size: 15pt;
	color: #fff;
	background: #ffffff3b;
    padding: 10px;
}
.icon_sosial_media{
	margin-top: 30px;
}
.bgwhite{
	background-color: #f0eced;
	position: relative;
}
.menuku>.active>a {
    background-color: #fff !important;
    padding: 15px 25px !important;
}
.menuku a {
    font-size: 12pt;
    font-weight: bold;
    padding: 15px 25px !important;
}
.overimage{
	width: 100%;
	height: 100%;
	position: relative;
}
.title_image{
	position: absolute;
	bottom: 0;
	transform: translateY(-100%);
}
.name {
    color: #fff;
    background-color: rgba(0,0,0,0.65);
    padding: 10px;
    margin: 0px;
    position: absolute;
    bottom: 0;
    min-width:20%;
    text-align: right;
    transition: all 0.5s;

}
.overimage:hover .name{
	min-width: 100%;
	transition: all 0.5s;
	text-align: right;
}
.no_margin_p p{
	margin: 0px !important;
}
.footer_menu{
	color: #fff;
	font-size: 13px;
}
.footer_menu a{
	color: #fff;
	font-weight:700;
}
/*.footer_menu li{
	border-right: 1pt solid #fff;
}
.footer_menu li:last-child{
	border-right: none;
}*/

/*.nav>li>a {
	display: initial;
}*/

.footer_menu li:after{
	content: " \B7 ";
	font-weight: 700;
}
.footer_menu li:last-child:after{
	content: " ";
}


.footer_menu li a{
	/*padding: 5px 15px;*/
	padding: 0px 10px;
	display: inline-block;
/*	margin: 0px 10px;*/
}
/*.footer_menu li{
	margin: 15px 0px;
}*/
.footer_menu li{
	display: inline-block;
}

.footer_menu>.active a{
	background: transparent;
}
.footer_menu li:hover{
	background: transparent;
}
.footer_desc{
	color: #fff;
}
.footer_menu>.menu-item-11>a {
    padding-left: 0px;
    margin-left: 0px;
}
.white_line{
	border-bottom: 1px solid #fff;
}
.font_white{
	color: #fff;
}
.copy_font{
	font-size: 10pt;
	font-weight: 100;
	text-align: center;
	margin-bottom: 15px;
}

.pdmnbw{
	padding-top: 55px;
}

.alignright{
	float:right;
	margin-left:5pt;
}

@media (max-width: 675px){
	.pdmnbw{
		padding-top: 0;
		text-align: center;
	}
	.footer_desc{
		text-align: center;
	}
	.copy_font{
		text-align: center;
		font-size: 14px;
	}
	.brdp {
	    margin-top: 65px;
	}
	.isinya{
		padding-left: 0pt;
    	padding-right: 0pt;
	}
	.brh h2{
		font-size: 17px;
	}
	h3.name {
    font-size: 17px;
	}
}

.chart table {
	counter-reset: my-sec-counter;
	display: block;
}

/*
.chart table tr::before {
	counter-increment: my-sec-counter;
	content: counter(my-sec-counter) "";
	background: black;
	color: white;
	font-size: 20pt;
	padding: 5pt;
	color: #ffffff;
	font-weight: 700;
	margin-left: -18pt;
	min-width: 40pt;
	width: 45pt;
	display: block;
	text-align: center;
	position: absolute;
}*/

.chart table tr td:first-child {
	font-weight: 700;
}

.chart table col {
	width: 100% !important;
}

.chart table tr {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 6px;
	margin-left: 18px;
	display: block;
	height:	auto !important;
}

.chart table td {
	padding-left: 32pt;
	display: block;
	height: auto !important;
}

.isi-chart {
	float: left;
	width: 33%;
	max-width: 33%;
}

.isi-chart table {
	width: 100% !important;
}

.isi-chart table tr td {
	width: 100% !important;
}
li#menu-item-456:hover>.sub-menu{
	display: block;
}
.sub-menu{
	display: none;
	list-style-type: none;
	position: absolute;
	width: 160px;
	padding: 0;
	background: white;
}
.sub-menu>li{
	padding: 10px 0;
}
.sub-menu>li>a{
	color: black;
}
@media (max-width: 767px) {
	.isi-chart {
		float: left;
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	.isi-chart {
		float: left;
		width: 50%;
		max-width: 50%;
	}
}