/* Custom styles */
.desktop-hide { display: none !important; }
.mobile-hide { display: block !important; }
td.mobile-hide, th.mobile-hide { display: table-cell !important; }
span.mobile-hide, i.mobile-hide { display: inline-block !important;}
.btn { font-weight: 500; }
.ib { display: inline-block; }
.fl { float: left; }
.width-auto { width: auto !important;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { color: #ccc !important; }
input:-moz-placeholder
textarea:-moz-placeholder { /* Firefox 18- */ color: #ccc !important; }
input::-moz-placeholder
textarea::-moz-placeholder {  /* Firefox 19+ */ color: #ccc !important; }
input:-ms-input-placeholder
textarea:-ms-input-placeholder {  color: #ccc !important; }
.dark-red { background-color: #87323c !important; color: #fff;}
.dark-red:hover {  background-color: #b94351 !important; }
.grey { background-color: #ccc; }
.tab-content p a { text-decoration: underline; }
.front-end-navbar .navbar-nav > li > a { font-weight: 500; }
th.rotate-text {
	/* Something you can count on */
	height: 161px;
	white-space: nowrap;
}

th.rotate-text > div {
	transform:
		translate(0px, 80px)
		rotate(-90deg);
	width: 30px;
}
th.rotate-text.emergency > div {
	transform: translate(0, 105px) rotate(-90deg);
}

th.rotate-text > div > span {
	padding: 5px 10px;
}

/* Icons */
.icon { width: 12px; height: 12px; 
	display: inline-block; 
	margin-top: 1px;
	background-position: center center; background-size: contain; background-repeat: no-repeat;
}
.icon-lg { width: 30px; height: 30px; }
.icon.fa-3x { width: 39px; height: 39px;}
.icon-doublerackets { background-image: url('../images/svg/doublerackets.svg'); }
.icon-tennisball { background-image: url('../images/svg/tennisball.svg'); }


/* Datatables */
.invite-table tr > td:nth-child(7),
.invite-table tr > td:last-child { text-align: center; }
.dataTables_wrapper .dataTables_paginate .paginate_button { padding: 0 !important; display: inline !important; margin: 0 !important; border: inherit !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover { border: none !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button:hover a { margin-left: -1px !important;}


/* Availability template */
.availability span { text-align: left; display: inline-block; }
.availability span.day { width: 75px; font-weight: bold; }
.availability span.time { width: 110px;}

/* Homepage */
.front-end-navbar { background-color: #1c2b36; }
.front-end-navbar a { text-transform: uppercase; }
.homepage-banner { height: 400px; width: 100%; background-size: cover; background-image: url('../images/homepage-banner-sm.jpg'); background-position: center center; margin-bottom: 0; background-repeat: no-repeat; }
.homepage-banner .btn { margin-top: 300px; padding-left: 50px; padding-right: 50px;}
.homepage-banner .text { marign-top: 0; color: white; text-indent: -999em;}
.homepage-banner .text h2 { font-size: 35px; }
.homepage-banner .text h3 { text-transform: uppercase; }
.wrapper.front-end-wrapper { background-color: #fff; }
.front-end-wrapper .content-bg { position: relative; z-index: 2;/*  margin-top: 400px;  */ background-color: white; }
.front-end-wrapper .footer { z-index: 99; }

.front-end-wrapper p { font-size: 16px; }
.front-end-wrapper .section h2 { text-transform: uppercase; }
.footer p,
.how-it-work-list p { font-size: 13px; }

.how-it-work-list .how-it-work-icon { border: none; height: 70px; }
.feature-wrapper { margin-bottom: 15px; }

.pricing-widget.clean-pricing .pricing-type { text-transform: uppercase; }
.pricing-widget.clean-pricing .pricing-service li { min-height: auto; }

#aboutSection p { font-size: 16px; }
#aboutSection p a { color: #fff; text-decoration: underline; }

#registerSection,
#contactSection { background: transparent url('../images/balls_bg.jpg') no-repeat center center / cover; background-attachment: fixed; }
@media (min-width: 768px) {
	.homepage-banner {/* position: fixed;*/ height: 600px; background-image: url('../images/homepage-banner.jpg'); }
	.homepage-banner .text { margin-top: 400px;  }
	.homepage-banner .btn { margin-top: 400px; padding-left: 50px; padding-right: 50px;}
	.content-bg { position: relative; z-index: 2; /*margin-top: 600px; */}
}
@media (max-width: 768px) {
	.homepage-banner .text,
	#homepage-photo { display: none; }
}


/* Login */
#forgot-pwd_form { display: none;}
.sign-in-inner { margin-bottom: 40px; }
.footer.auth { position: fixed; }

/* Dashboard */
.statistic-box.dark-red { color: #fff; }
.statistic-box.logo { background: transparent url('../images/homepage-banner.jpg') no-repeat center center; background-size: cover; }
#upcomingScroll ul li { list-style: none; margin-top: 10px; margin-left: 10px;}
#upcomingScroll ul li a { text-decoration: underline; }
.upcoming-table td { line-height: 30px !important; }
	.upcoming-table .user-profile-pic { width: 30px; height: 30px; margin-right: 8px;}

.matches-table { border-collapse: inherit; }
	td.sub-title { padding-top: 30px !important; border-top: none !important; font-weight: bold;}
	td.view-more { text-transform: uppercase; font-size: 10px; }
		td.view-more span { text-transform: none; }



/* Search */
#search-form .checkbox,
#search-form .radio { width: 200px; }
#form_send-invite select, 
#form_send-invite option,
#form_send-invite textarea { text-align: center; }

/* Simplify overrides */
.top-nav .nav-header .brand { text-align: left; }
.top-nav .user-block { margin-right: 10px; }
@media (max-width: 991px) {
	.top-nav .nav-header .brand { text-align: inherit; }
}


/* Profile */
.user-profile-pic img {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
	border: 4px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
}
.ribbon-wrapper { top: 0; right: 15px; }
.profile-pic-change { position: absolute; bottom: 10px; right: 10px; font-size: 12px; }

/* Courts */
#map-canvas {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	display: block;
	border: 4px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.15);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.15);
	width: 100%;
	height: 270px;
}


/* Setup wizard */
#setupModal_form2 .col-xs-10 { padding-left: 0; }
.add-availability.disabled { opacity: 0.3; cursor: default; }

/* Buy & Sell */
.buysell-item {}
.buysell-item .panel-body { height: 200px; overflow: hidden; }
.buysell-item .description { position: relative; }
.buysell-item .description .more-block { position: absolute; top: 130px; height: 45px; width: 100%; background: white; padding-top: 5px; padding-right: 25px; text-align: right; }
.buysell-item .list-image { background-size: contain; background-position: center center; background-repeat: no-repeat; width: 100%; height: 160px;  }

/* Responsive */
@media (max-width: 481px) {
	.zopim { display: none !important; }
	.desktop-hide { display: block !important; clear: both; }
	.mobile-hide,
	span.mobile-hide, i.mobile-hide,
	td.mobile-hide, th.mobile-hide { display: none !important; }
	.footer.sidebar-mini { margin-left: 0; }

	/* tab areas */
	.nav-tabs>li { font-size: 12px; }
	.tab-style2 li a .icon-wrapper { font-size: 11px;}

	/* setup modal */
	#setupModal_form2 .col-xs-10 { padding-left: 15px; }
 	.tab-pane .add-availability { padding: 6px 3px; }
	.availability span.day, .availability span.time { width: auto; font-size: 10px; }

	/* profile modal */
	#inputSetupModal-availability select { margin-bottom: 5px; }
	.modal-body .user-profile-pic { margin-bottom: 10px; }

	/* search */
	#search-form select { margin-bottom: 5px; }
	.btn-search-again { font-size: 10px !important; line-height: 3em; }

	/* data table */
	.table.dataTable { width: auto !important; font-size: 11px; }
	.table.dataTable .child .child { padding-left: 10px !important; }
	.dataTables_wrapper .dataTables_filter input { margin-left: 0 !important; }
	.dataTables_wrapper .dataTables_paginate .paginate_button { margin-left: 0; padding: 0; }
	.pagination>li>a, .pagination>li>span { padding-left: 5px; padding-right: 5px; }
	.dataTables_info, .pagination { font-size: 10px; margin-top: 0; }
	#dataTable_wrapper .row:last-child .col-xs-6 { width: 100%; }

	/* invites */
	.tab-content .table.dataTable { margin-left: 0; margin-right: 0; width: 100% !important;}
	.tab-content .table.dataTable .dataTables_empty { width: 250px !important; text-align: left !important;}
	.tab-content .row:last-child .col-xs-6 { width: 100%; }

	/* homepage */
	#facebook-homepage { display: none; }
	.pricing-widget.clean-pricing .pricing-service li { min-height: auto; }
	#homepage-photo { display: none; }

}

@media (max-width: 768px) {
	/* ads */
	.buysell-item .panel-body { max-height: 485px; height: auto; }
	.buysell-item .description.short { height: 150px; overflow: hidden; }
	.buysell-item .description .more-block { top: 115px; }
	.buysell-item .col-sm-3 { text-align: center; }
}
@media (max-width: 992px) {
	.footer.sidebar-mini { margin-left: 0;}
}

@media (min-width: 992px) {
	.pricing-widget.clean-pricing .pricing-service li { min-height: 120px; }

}