/*
Theme Name:     Frontier Child
Theme URI:      http://ronangelo.com/frontier/
Description:    Child theme for Frontier.
Author:         ronangelo
Author URI:     http://ronangelo.com/
Template:       frontier
Version:        1.0
*/

/* Your modification goes here */
.banner-10122021 {
	max-width: 100%;
	vertical-align: middle;
	padding: 2px 0;
	border-radius: 15px;
	-moz-border-radius:15px;
}
.img-441548151 {
	width: 100%;
	height: 145px!important;
	border: 1px solid orange;
	border-radius: 15px;
}
.img-441548151:hover {
	border-radius: none;
	transition: 5s;
}
.play-button {
	text-align: center;
	width: 100%;
	height: 30px;
	padding: 7px 15px;
	border-radius: 5px;
	display: inline-block;
	font-weight: 600;
	position: relative;
	background-color: #efa442;
	color: #fff;
	text-transform: uppercase;
	}
a:-webkit-any-link, .entry-content a {
    text-decoration:none;
}
a{
    color:orange;
}
#main a:hover{
    color:#1c90fd!important;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, ol li, h1.archive-title,  h2.archive-title,  h3.archive-title, h4.archive-title, h5.archive-title, h6.archive-title{
    color:#fff;
}
#main, #header {
    background-color: #000;
	padding:0 10px;
}
#header{
	border:none;
}
#slider{
	box-shadow:none;
	border:none;
	margin-bottom:10px;
}
.pbv > a img{
	display:block;
	width:100%;
	min-height:33px;
	padding:1px 1px;
}
h3.bv{
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
}
h4.widget-title{
    font-size:12px;
	font-weight:bold;
	padding-left:10px;
}
.frontier-widget > img.front-coslogo{
width:100%;
height:90px;
padding:0!important;
margin:0!important;
}
.nyenter > p{
text-align:center!important;
}
hr{
border:1px dashed #8c8b8b!important;
}
span.wpcf7-not-valid-tip{
font-size:8px!important;
line-height:30px;
float:right;
margin-right:20%;
}
.wpcf7-recaptha{
float:right!important;
}
@media only screen and (min-width: 768px){
.capcay{
width:60%;
margin:0 2% 0 38%;
}
.widget-header > .textwidget > call{
	float:left;
}
}

.widget-title{
	background: #fcd764; /* Old browsers */
background: -moz-linear-gradient(top, #fcd764 0%, #ffa73d 50%, #ff7c00 51%, #bb5201 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fcd764 0%,#ffa73d 50%,#ff7c00 51%,#bb5201 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fcd764 0%,#ffa73d 50%,#ff7c00 51%,#bb5201 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd764', endColorstr='#bb5201',GradientType=0 ); /* IE6-9 */
border-radius: 8px 8px 0 0;
-moz-border-radius:8px 8px 0 0;
}
.widget-sidebar{
    border:1px solid #111;
}

/* style button */
.widget_search .search-submit, .comment-reply-link{
    background-color:ghostwhite;
    color:#000;
}


.frontier-widget li {
    border-bottom:1px dotted #111;
    color:ghostwhite;
}
.frontier-widget p, .frontier-widget h1, .frontier-widget h2, .frontier-widget h3, .frontier-widget h4, .frontier-widget h5, .frontier-widget h6, .frontier-widget ol{
    color:ghostwhite;
}
#nav-main {
    background: #000;
	margin:0 auto;
	padding:0 15px;
	border:none;
}

.call{
	width:343px;
}
.call ul{
	list-style-type: none;
    margin: 0;
}
.call li{
	float:left;
	border:none!important;
	display: block;
	line-height:12px;
	font-family:sans-serif;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin-right:8px;
	padding:2px 5px;
}
.call ul li img {
	height:20px;
	width:20px;
    vertical-align: middle;
}
.togel {     
background: #000000;
height: 33px;
min-width: 170px;
margin-right: 0px;
padding-top: 0px;
padding-left: 12px;
border: 1px solid #CFCFCF;
border-radius: 7px;
line-height:33px;
margin-bottom:5px;
}
.togel a{
font-size: 14px;
font-family: sans-serif;
color: #FFD65F;
font-weight: 500;
}
.nav-bawah{
	background:none!important;
}
ul.nav-bawah{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.nav-bawah li{
	float:left;
	border:none!important;
}
ul.nav-bawah li a {
    display: block!important;
	padding:0 10px;
	color:#5c5c5c;
	font-size:11px;
	border-right:1px solid #5c5c5c;
	line-height:1;
}
ul.nav-bawah li:first-child a{ 
    padding-left:3px;
}
ul.nav-bawah li:last-child a{
	border:none;
}
ul.nav-bawah li a:hover{
	color:silver;
	text-decoration:underline;
}
.game{
	background:#250606;
}
.context{
	border:1px solid #6b6b66;
	padding:5px;
	background:#111;
	font-family:sans-serif;
	font-size:11px;
	line-height:1.4;
}
.context p{
	text-align:justify;
	color:#5c5c5c!important;
}
.context p > strong{
	color:#fff;
}
.context p > a{
	color:#ff7e00;
}
.context p > a:hover{
	color:#1c90fd;
}

/* article section */

.blog-view, .single-view, .author-info, .archive-info, .form-404{
	background-color: #000; 
	border:none;
	box-shadow:none;
}
h1.entry-title a, h2.entry-title a, .entry-content > p, .entry-content > ul, .entry-excerpt > p{
	color:#fff;
}
.archive-description > p{
    color:#5c5c5c;
}
.wp-caption img {
    background-color: transparent;
}

/* comment section */
#comment-header, #respond, #no-comments, .comment-body {
    background-color: #000;
    margin: 0 0 10px;
    padding: 8px;
    border: 1px solid #111;
    box-shadow: 0 0 2px #333;
    color:#fff;
}

.widget-44518814115 h6 {
	color: #ff7e00!important;
}

/* genericon */
.genericon {
    color:orange;
}

/* comment style */
.comment-author-admin > .comment-body, .bypostauthor > .comment-body {
    border-top:6px solid orange;
}

/* 404 */
.form-404 > h1, .form-404 > h2, .form-404 > h3, .form-404 > h4, .form-404 > h5, .form-404 > h6, .form-404 > p{
    color:#fff;
}

/* FORM STYLE */
form{
    padding:20px;
}
p > label{
    font-size:14px;
    color:#fff;
}

/* bottom bar section */
#bottom-bar {
    background-color: #000;
    color: #5c5c5c;;
    width: 100%;
    min-height: 34px;
    border:none;
    padding-bottom:10px;
}
#bottom-bar-text{
    font-size:11px;
    padding:0 16px;
}

/* Styling Extension di Post */

div.hubb{
	color: #fff;
}
div.hubb ul li{
    display: block;
	line-height:14px;
	color: #fff;
}
div.hubb ul li img {
	height:20px;
	width:20px;
    vertical-align: middle;
}

/* CMTOC TOC */
.cmtoc_table_of_contents_description{
	color:#fff;
}

table.undian {
    border-collapse: collapse;
    width: 100%;
	font-size:14px;
}
table.undian tr td{
	font-size:14px;
}
table.undian tr:nth-child(odd){background-color: #fff;}
table.undian tr:nth-child(even){background-color: #f2f2f2;}
table.undian th {
    background-color: #4CAF50;
    color: white;
}

table.undian2, table.undian3, table.undian4, table.undian5, table.undian6{
    border-collapse: collapse;
    width: 100%;
	font-size:14px;
}
table.undian2 tr td, table.undian3 tr td, table.undian4 tr td, table.undian5 tr td, table.undian6 tr td{
	font-size:14px;
}
table.undian2 tr:nth-child(odd), table.undian3 tr:nth-child(odd), table.undian4 tr:nth-child(odd), table.undian5 tr:nth-child(odd), table.undian6 tr:nth-child(odd){background-color: #fff;}
table.undian2 tr:nth-child(even), table.undian3 tr:nth-child(even), table.undian4 tr:nth-child(even), table.undian5 tr:nth-child(even), table.undian6 tr:nth-child(even){background-color: #f2f2f2;}
table.undian2 th {
    background-color: #da3596;
    color: white;
}
table.undian3 th {
    background-color: #f03f64;
    color: white;
}
table.undian4 th {
    background-color: #57be86;
    color: white;
}
table.undian5 th {
    background-color: #04b7f5;
    color: white;
}
table.undian6 th {
    background-color: #f77936;
    color: white;
}
span.kedip2{
	    color: #da3596;
    -webkit-animation: fadein 0.27s linear infinite alternate;
    -moz-animation: fadein 0.27s linear infinite alternate;
    animation: fadein 0.27s linear infinite alternate;
}
span.kedip3{
	    color: #f03f64;
    -webkit-animation: fadein 0.27s linear infinite alternate;
    -moz-animation: fadein 0.27s linear infinite alternate;
    animation: fadein 0.27s linear infinite alternate;
}
span.kedip4{
	    color: #57be86;
    -webkit-animation: fadein 0.27s linear infinite alternate;
    -moz-animation: fadein 0.27s linear infinite alternate;
    animation: fadein 0.27s linear infinite alternate;
}
span.kedip5{
	    color: #04b7f5;
    -webkit-animation: fadein 0.27s linear infinite alternate;
    -moz-animation: fadein 0.27s linear infinite alternate;
    animation: fadein 0.27s linear infinite alternate;
}
span.kedip6{
	    color: #f77936;
    -webkit-animation: fadein 0.27s linear infinite alternate;
    -moz-animation: fadein 0.27s linear infinite alternate;
    animation: fadein 0.27s linear infinite alternate;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.table-box{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse!important;
  width: 100%;
}
table.table-box, .table-box td, .table-box th {
    border: 1px solid #ddd!important;
}
.table-box td, .table-box th {
  padding: 8px;
}
.table-box tr:nth-child(even){background-color: #f2f2f2;}
.table-box tr:nth-child(odd){background-color: #fff;}
.table-box th {
  padding-top: 8px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #000;
  color: white;
}
@media only screen and (max-width: 414px) and (min-width: 320px){
    table.table-box, .table-box thead, .table-box tbody, .table-box th, .table-box td, .table-box tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-box thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table-box tr { border: 1px solid #ccc; }
	
	.table-box td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	.table-box td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	.img-441548151 {
		width: 400px;
		height: auto;
	}
	.button-441548151 {
		margin: 0 5px;
		display: flex;
	}
	.play-button {
		text-align: center;
		width: 100%;
    	height: 30px;
		padding: 7px 15px;
		border-radius: 5px;
		display: inline-block;
		font-weight: 600;
		position: relative;
		background-color: #efa442;
		color: #fff;
		text-transform: uppercase;
	}

	/*
	Label the data
	*/
	.table-box td:nth-of-type(1):before { content: "Tanggal"; }
	.table-box td:nth-of-type(2):before { content: "Hari"; }
	.table-box td:nth-of-type(3):before { content: "Kick Off"; }
	.table-box td:nth-of-type(4):before { content: "Event"; }
	.table-box td:nth-of-type(5):before { content: "Pertandingan"; }
	.table-box td:nth-of-type(6):before { content: "Live TV"; }
	
	.widget-44518814115 img{
		width: 100%;
	}
}
@media only screen and (min-width: 860px){
     .table-box td, .table-box th{
        font-size:12px;
    }
}
.wpcf7-quiz-label{
	color:#fff!important;
}
/* Float Banner kiri */
.bnr{
    position: fixed; bottom:116px;left:51px;
}
.bnr2{
    position: fixed; bottom:286px;left:51px;
}
/* floating fast payment */
.bnrs{
	 position: fixed;
    top: 116px;
    left: 66px;
}
.accordion {
  background-color:#813106;
  color: #fff;
  cursor: pointer;
  padding: 6px;
  width: 179px;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-radius:6px 6px;
}

.active, .accordion:hover {
  background-color: #7d3d19;
}

.panel {
  padding: 0 17px;
  margin-top:10px;
  background-color:transparent;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.kedipin{
    -webkit-animation: fadein 0.7s linear infinite alternate;
    -moz-animation: fadein 0.7s linear infinite alternate;
    animation: fadein 0.7s linear infinite alternate;
}
@media only screen and (max-width: 1024px){.bnr, .bnr2, .bnrs{display:none}}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* jadwalbola */
table.jdwlbola{
    font-size: 10px;
    font-family:Tahoma;
}
table.jdwlbola td{
    padding:0 5px!important;
}
table.jdwlbola tr:nth-child(odd){
    background-color: #fff;
}
table.jdwlbola tr:nth-child(even){
    background-color: #ccc;
}
table.jdwlbola tr:nth-child(-n+2){
    display:none;
}
.jgn{
    max-height:300px;
}

table.pasaran caption{
	color:yellow;
}
table.pasaran, table.bmatch{
	background-color:#fff;
}
table.pasaran tr td{
	padding:0!important;
	font-size:12px!important;
}
table.bmatch tr td{
	padding:0 5px!important;
	font-size:12px!important;
}
.bendera{
	width:24px!important;
	height:16px!important;
}
li.hut{
	line-height:19px!important;
}
li.hut a{
	color:red!important;
}
.kancing{
	width:18px;
	height:18px;
	vertical-align:middle;
}
.rules th, .rules tr, .rules td{
	border:1px solid #000;
}
.rules th{
	background-color:#18a62c;
	color:#fff;
	font-weight:bold;
}
.rules td{
	background-color:#888b87;
	padding: 0!important;
	color:#fff;
	font-size:12px;
	text-align:center;
}

/* costumer untuk slot */
.keselotan{
	text-align:center;
	border: 1px dashed #222;
	padding:0;
	margin-bottom:10px;
}
.keselotan > a img{
	margin:7px auto;
}


/* Costume css untuk slide depo pulsa
 * /* Create four equal columns that floats next to eachother */
.columnd {
  float: left;
  margin-right:10px;
}
.columnd:last-child{
  margin-right:0;
}

/* The Modal (background) */
.modalin {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modalin-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: #000;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#tablepress-5{
	background:#fff;
}
.linksp{
	text-align:center;
	margin-top:-30px;
	display:block;
}
.linksp a{
	font-size:14px;
	color:cyan;
}
.togel a span{
	letter-spacing:1px;
}

.holderbutton{
	width:250px;
	margin:10px auto;
	margin-bottom:25px;
}
.registb, .demob{
	color:#fff;
	padding:15px 41px;
	border-radius:6px;
}
.registb{
	background: rgb(0,210,255);
	background: linear-gradient(180deg, rgba(0,210,255,1) 0%, rgba(0,125,252,1) 100%);
}
.registb:hover{
	background: rgb(0,125,252);
	background: linear-gradient(180deg, rgba(0,125,252,1) 0%, rgba(0,210,255,1) 100%);
}
.demob{
	background: rgb(255,149,171);
	background: linear-gradient(180deg, rgba(255,149,171,1) 0%, rgba(242,0,80,1) 100%);
}
.demob:hover{
	background: rgb(242,0,80);
	background: linear-gradient(180deg, rgba(242,0,80,1) 0%, rgba(255,149,171,1) 100%);
}
.registb:hover, .demob:hover{
	color:#fff!important;
}
.fs-upcoming-details > h2{
	color:#489eff;
}

.alternatif th, .alternatif td{
	border:none!important;
}
.alternatif th{
	background:#111111;
	color:#fff;
}
.alternatif tbody tr:nth-child(odd){
	background:ghostwhite;
}
.alternatif tbody tr:nth-child(even){
	background:#fff;
}
.alternatif tbody tr td a{
	color:#111;
}
.srr-tab-wrap li {
	font-size:10px;
}
#bsf-rating{
	padding:0!important;
}