/* General */
.align_center{
	text-align: center !important;
}
.align_right{
	text-align: right !important;
}
.align_left{
	text-align: left !important;
}
.hidden{
	display: none !important;
}

/* Header Homepage */
/*
@media (max-width: 768px) {
	.header-filter{
		background-size: contain;
		background-repeat: no-repeat;
	}
	.page-header{
		min-height: 200px !important;
		padding: 0 !important;
		
	}
}
*/

button, input, select, textarea{
	color: black !important;
}

.choice_help{
	font-weight: normal;
    padding: 0 20px;
}

#cover {
	display: none;
	z-index: 99999999;
	background: url("aruna-loading.png") no-repeat scroll center center rgba( 240, 240, 240, .15 );
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.bnav_main_menu_container{
	text-align: -webkit-center;
}

.bnav_main_menu_container ul.bnav_main_menu {
    padding: 0px !important;
	border: solid 1px black !important;
	margin: 0px !important;
}
.bnav_bottom_nav_wrapper ul.bnav_main_menu li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}
.bnav_bottom_nav_wrapper ul.bnav_main_menu li:hover img {
    transform: scale(1.5); 
	transition: transform 0.25s ease;
}
.bnav_bottom_nav_wrapper ul.bnav_main_menu li:hover {
    background-color: inherit;
	border-radius: 10px;
}
.bnav_bottom_nav_wrapper ul.bnav_main_menu li.current-menu-item{
    background-color: #e2723f !important;
	border-radius: 10px;
	transform: skew(-7.5deg);
}
.bnav_bottom_nav_wrapper{
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	/*width: 90%;*/
    margin: auto;
}
.skew{
    transform: skew(2.5deg);
}

/*
.metaslider .flexslider{
	margin: 0 !important;
}
.header-filter::before {
    background-color: inherit !important;
}
*/
.navbar {
    display: none !important;
}
div.main{
    background: url(https://arunahall.id/wp-content/uploads/2026/02/home-page-bg2.png) !important;
    background-position: top !important;
    background-attachment: fixed !important;
}



table > tbody > tr, .table > tbody > tr {
    border-bottom-color: #364153 !important;
}



/****************************************
 AVAILABILITY CALENDAR 
****************************************/
#availability_calendar {
	font-size: 12px;
	margin: 0;
}
#availability_calendar caption {
    font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	color: #ff6900;
}
#availability_calendar table{
	border: solid 1px #364153;
}
#availability_calendar table {
	/*border-collapse: separate;*/
}
#availability_calendar table {
	border-spacing: 3px; 
}
#availability_calendar th {
	font-weight: normal;
	text-align: center;
	background-color: black;
}
#availability_calendar td {
    border: solid 1px !important;
    padding: 5px;
    text-align: center;
    width: 30px;
}
#availability_calendar td.today {
	background: white;
    color: black;
	cursor: pointer;
	font-weight: bold;
}
#availability_calendar td.past {
    background: #555;
    color: black;
	cursor: not-allowed;
	font-weight: bold;
}
#availability_calendar td.future {
    background: white;
    color: black;
	cursor: pointer;
	font-weight: bold;
}
#availability_calendar td.no-class {
    background: #CCC;
    color: #777;
	cursor: not-allowed;
	font-weight: bold;
}

#availability_calendar td.choose {
    background: coral !important;
    color: white !important;
	cursor: pointer;
}



#availability_calendar td:not(.no-class):hover {
    background: #fb703de3;
}

a.availability_prev, a.availability_next {
    text-decoration: none;
    /*font-size: 25px;*/
    font-weight: normal;
}





label.horizontal {
  margin-right: 30px;
  display: inline;
}

label.vertical {
  margin-bottom: 10px;
  display: block;
}

.deka-field-wrapper{
  padding: 15px 12px;
  min-height: 50px;
}

.cart_icon {
    position: fixed;
	padding: 0 3px;
    line-height: normal;
    color: black;
    bottom: 88px;
    width: 100%;
    min-height: 100px;
    margin: 0;
	z-index: 200000000;
}


figure.video_border{
	border: solid 10px #e2723f !important;
}


/****************************************
AVAILABILITY COURT MATRIX TABLE
****************************************/
#availability_courts_matrix{
	font-size: 12px;
	margin-top: 30px;
}

table.availability_courts_matrix{
    border: solid 0px !important;
}

table.availability_courts_matrix caption {
    font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	color: white; /*#ff6900;*/
	font-size: 14px;
}

table.availability_courts_matrix td{
    border: solid 0px !important;
}

table.availability_courts_matrix td.header_col {
    font-weight: normal;
    text-align: center;
    padding: 3px;
	background-color: black;
}
table.availability_courts_matrix td.header_row {
    font-weight: normal;
    text-align: right;
    padding: 5px;
	background-color: black;
}

table.availability_courts_matrix td.header_col .cell, 
table.availability_courts_matrix td.header_row .cell{
	border: solid 0px;
	font-weight: normal;
}



/*
table.availability_courts_matrix td:not(.header_col, .header_row, .disabled){
    border: solid 1px #CCC;
	background: #FFF;
}
table.availability_courts_matrix td.header_row.disabled{
	background-color: unset !important;
}
table.availability_courts_matrix td.book {
    background: url(checkbox-checked.jpg) lightcyan no-repeat 95% center;
    cursor: pointer;	
}
*/

.cell{
	width: 100%;
	height:100%;
	border-radius: 5px;
	min-height: 40px;
	border: dashed 1px #4a5565;
	padding: 5px;
	margin: 0px;
	text-align: center;
	font-weight: bold;
}

.allow_booking_time, 
.available{
	text-align: center;
	cursor: pointer;
}

.allow_booking_time .cell,
.available .cell{
	border-width: 1px;
	border-color: green !important;
	color: white;
	background-color: transparent;
}

.reserved .cell{
	border-width: 1px;
	border-color: indianred !important;
	border-style: solid;
	cursor: not-allowed !important;
	/*background-color: #f6339a;*/
	background-color: darkred !important;
	color: white;
	display: grid;
	place-items: center;
	text-transform: uppercase;
}

.allow_booking_time.in_cart .cell{
	border-width: 1px;
	border-color: indianred !important;
	border-style: solid;
	/*cursor: not-allowed !important;*/
	background-color: orangered;
	color: black;
	display: grid;
	place-items: center;
	text-transform: uppercase;
}

.maintenance .cell{
	border-width: 1px;
	border-color: red !important;
	border-style: solid;
	background-color: darkred !important;
	cursor: not-allowed !important;
	color: white;
	display: grid;
	place-items: center;
	text-transform: uppercase;
}

.club .cell{
	border-width: 1px;
	border-color: red !important;
	border-style: solid;
	background-color: darkred !important;
	cursor: not-allowed !important;
	color: white;
	display: grid;
	place-items: center;
	text-transform: uppercase;
}

.holiday .cell{
	border-width: 1px;
	border-color: red !important;
	border-style: solid;
	background-color: darkred !important;
	cursor: not-allowed !important;
	color: white;
	display: grid;
	place-items: center;
	text-transform: uppercase;
}


td.disabled,
td.allow_booking_time, 
td.available,
td.reserved,
td.maintenance,
td.club,
td.ootw,
td.holiday{
	background-color: #2222228c !important;
}

.matrix_note {
    margin: 10px 0;
    color: #ccc;
	text-align: center;
}

/****************************************
 SHOPPING CART 
****************************************/

#shopping_cart_lapangan{
	font-size: 12px;
	margin: 0;
}

#shopping_cart_lapangan table{
	border: solid 1px #364153;
}
#shopping_cart_lapangan table {
	border-spacing: 3px; 
}
#shopping_cart_lapangan caption {
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    color: #ff6900;
}
#shopping_cart_lapangan th {
	font-weight: normal;
	text-align: center;
	background-color: black;
}
#shopping_cart_lapangan td {
    border: solid 0px !important;
    padding: 5px;
    text-align: center;
    width: 30px;
}

#shopping_cart_lapangan .del_cart_item {
    color: palevioletred;
    background-color: darkslategrey;
    padding: 0px 9px 3px 8px;
	cursor: pointer;
}



/* booking */
p.msg_error {
    margin: 0;
    color: red;
	text-align: center;
}

button#book_now{
	background-color: #e85102;
}

p.total {
    text-align: right;
    margin: 10px 0;
    font-weight: bold;
}

img.icon_payment {
    height: 30px;
    display: block;
    margin: 5px 21px;
}

.court-map-aruna img{
	width: fit-content;
	padding: 0px;
	position: fixed;
    top: 145px;
    right: 20px;
	border: solid 5px #DDD;
	border-radius: 15px;
	cursor: pointer;
}

.court-map-aruna img:hover{
	border-color: white;
}

body.blog article{
	border: solid 5px #ffffff;
	padding: 0px;
	margin-top: 0px !important;
	background: white !important;
}

@media (min-width: 769px) {
    .page-header.header-small .hestia-title, .page-header.header-small .title, h1.hestia-title.title-in-content, .main article.section .has-title-font-size {
        font-size: 70px !important;
    }
	
}
@media (max-width: 768px) {
    .page-header.header-small .hestia-title, .page-header.header-small .title, h1.hestia-title.title-in-content, .main article.section .has-title-font-size {
        font-size: 58px !important;
    }
	
}


#caption_calender{
	padding: 0px;
    margin: 0 auto 15px;
	text-align: center;
}