/* CSS Document */

body {
	background-color:#292929;
	color: #ffffff;
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
	background: url("../images/bg-court-2.jpg") #292929 repeat fixed;
}

/*TEXT */

a {
	color: #ff9900;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a:hover { color: #333333; }

h1,h2,h3,h4,h5 {
	font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight: 700;
}
.regular {
	font-weight: 400 !important;
}

/* COLORS */

.orange1-bg { background-color: #ff9900 !important; }
.orange1-color { color: #ff9900 !important; }

.orange2-bg { background-color: #ff6600 !important; }
.orange2-color { color: #ff6600 !important; }
.orange2-btn { 
	background-color: #ff6600 !important;
	border-color: #ff6600 !important;
}
.orange2-btn:hover { 
	background-color: #ffffff !important;
	color: #ff6600 !important;
}
.red-btn { 
	background-color: #ff1c1c !important;
	border-color: #ff1c1c !important;
	color: #fff !important;
}
.red-btn:hover { 
	background-color: #ffffff !important;
	color: #ff1c1c !important;
}

.text-black { color: #000000; }
.yellow-bg { background-color: #ffff00 !important; }
.yellow-color { color: #ffff00 !important; }
.yellow-btn { 
	background-color: #ffff00 !important;
	border-color: #ffff00 !important;
}
.yellow-btn:hover { 
	background-color: #ffffff !important;
	color: #ff6600 !important;
}
.lightblue-bg { background-color: #17a2b8; }
.lightblue-color { color: #17a2b8; }

.amex-bg { background-color: #016fd0 !important; }
.amex-color { color: #016fd0 !important; }
.amex-btn { 
	background-color: #016fd0 !important;
	border-color: #016fd0 !important;
	color: #ffffff !important;
}
.amex-btn:hover { 
	background-color: #ffffff !important;
	color: #016fd0 !important;
}

/* CONTAINERS */

.bg-dark { 
	background-color: rgba(0,0,0,0.5) !important;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	color: #ffffff;
}
.bg-dark:hover { 
	background-color: rgba(0,0,0,1.0) !important; 
}
.bg-grey { background-color: #cccccc; }
.bg-orange { background-color: #993300; }
.bg-black { background-color: rgba(0,0,0,0.8) !important; }
.bg-light { color: #000000 !important; }

/* BUTTONS */

.btn { 
	font-family: 'Montserrat', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
}
.btn-primary {
	background-color: #ff9900;
	border-color: #ff9900;
	color: #000000;
	font-weight: bold;
}
.btn-primary:hover {
	background-color: #ffffff;
	color: #000;
	border-color: #000000;
}
.btn-primary:active {
	background-color: #000000 !important;
	color: #ffffff;
	border-color: #000000 !important;
}
.btn:focus, .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25); }
.btn-primary:focus, .btn-primary.focus {
    background-color: #ff9900;
    border-color: #ff9900;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); }
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #333333;
    border-color: #333333; }
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active, 
.show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #ff9900;
    border-color: #ff9900; }
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5); }

.btn-secondary {
	background-color: #ff6600;
	border-color: #ff6600;
}

/* TOP */

.top-logo {
	width: 130px;
	top: -5px;
	left: 40px;
	position: absolute;
	z-index: 999;
}
.top-header-image {
	background-position: center;
 	background-repeat: no-repeat;
  	background-size: cover;
	height: auto;
	min-height: 500px;
}
.top-header-image-front-01 { background-image: url("../images/top/top-01.png"); }
.top-header-image-front-02 { background-image: url("../images/top/top-02.png"); }
.top-header-image-front-03 { background-image: url("../images/top/top-03.png"); }
.top-header-image-front-04 { background-image: url("../images/top/top-04.png"); }
.top-header-image-front-ty { background-image: url("../images/top/top-ty-1.jpg"); }

.top-window {
	padding: 20px;
	margin: 5px;
}

/* NAV */

#navbarSupportedContent {
	margin-left: 175px;
	margin-top: 30px;
}
a.nav-link {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 30px;
	margin-left: 0 !important;
	color: rgba(255,255,255,1.00) !important;
}
.active .nav-link { color: yellow !important; }

/* .navbar-dark a.nav-link, */

.navbar-dark {
	background: url("../images/bg-court-1.jpg") repeat;
	position: relative;
}

.navbar-dark a.nav-link:hover,
.navbar-light a.nav-link:hover{ 
	color: #ff9900 !important; 
}
.navbar-dark .active .nav-link,
.navbar-light .active .nav-link  { 
	color: #ffff00 !important; 
}
/* .navbar-light a.nav-link { color: #333333 !important; } */

/* INFO WINDOWS */

.info-window {
	border-radius: 10px;
}

.info-window h2 {
	color: #ff9900;
	margin: 10px 0 0 0;
	padding: 0;
}
.info-window h3 {
	margin: 0;
	padding: 0;
}
.info-window h5 {
	margin: 15px 0 0 0;
	padding: 0;
	color: yellow;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 400;
}
.info-window .btn { width: 100%; }

.info-window-image {
	border: 1px #ff9900 solid;
	width: 100%;
}
.info-window-pricing .regular {
	font-size: 0.5em;
}
.info-window-pricing:hover {
	transform: scale(1.05); 
}
.number-circle {
	display: inline-block;
	padding: 20px 30px;
	margin-right: 20px;
	border-radius: 45px;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	background-color: #ff9900;
}
.press-logo {
	width: 100%;
	max-width: 150px !important;
	margin: 20px;
	opacity: 0.6;
}


#imageGallery {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
}
.galleryItem {
  flex: 1 300px;
  margin: 0.5rem;
}
.galleryItem img {
  width: 100%;
	border-radius: 10px;
	border: 1px solid #999;
}
.galleryItem img:hover {
	transform: scale(1.02); 
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background-color: rgba(0,0,0,1.0) !important;
}
	
#overlay {
  background: rgba(0,0,0,0.7);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  text-align: center;
}
#overlay img {margin-top: 3rem;}



/* Player Window */ 

.player-window-trae h2 { color: #E03A3E; }
.player-window-trae h4 { color: #C1D42F; }
.player-window-trae .btn-primary { background-color: #E03A3E; border-color: #E03A3E; color: #ffffff; }
.player-window-trae .btn-primary:hover { color: #000000; }
.player-window-trae .btn-secondary { background-color: #C1D42F; border-color: #C1D42F; color: #000000; }
.player-window-trae .btn-secondary:hover { color: #ffffff; }
.player-window-image-trae { border-color: #E03A3E !important; }

.player-window-kemba h2 { color: #008347; }
.player-window-kemba h4 { color: #BB9852; }
.player-window-kemba .btn-primary { background-color: #008347; border-color: #008347; color: #ffffff; }
.player-window-kemba .btn-primary:hover { color: #000000; }
.player-window-kemba .btn-secondary { background-color: #BB9852; border-color: #BB9852; color: #000000; }
.player-window-kemba .btn-secondary:hover { color: #ffffff; }
.player-window-image-kemba { border-color: #008347 !important; }


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* SHOP */

.shop-window:hover {
	transform: scale(1.05); 
}

/* LESSON WINDOW */

.lesson-window {
	border-radius: 20px;
}
.lesson-window .btn {
	margin: 10px 0 5px 0;
}

/* CAMP */

.bg-camp {
	background: url("../images/camp-bw-2.jpg");
 	background-repeat: no-repeat;
  	background-size: cover;
}
.bg-camp-01 { background-position: left; }
.bg-camp-02 { background-position: center; }
.bg-camp-03 { background-position: right; }

/* PRICING */

.ball-image {
	width: 100px;
	margin: 0 auto;
	display: block;
	padding-bottom: 10px;
}
.fineprint {
	font-size: 9px;
}
.fineprint2 {
	font-size: 11px;
	line-height: 1em;
}

/* PROFILE */

.profile-pic {
	width: 100%;
	border-radius: 50%;
	margin: 0 auto;
	border: 4px solid #ff9900;
	display: block;
}
.player-profile-pic { max-width: 300px; }
.kj-profile-pic { max-width: 500px; }
.my-profile-pic { max-width: 200px; }
.nav-profile-pic { max-width: 60px; border-width: 2px;  }
.cart-profile-pic {
	max-width: 50px;
	display: inline-block;
}

.profile-social-icons {
	width: 45px;
	height: 45px;
	border: none;
	opacity: 1.0;
	margin: 10px 10px 0 0;
}
.profile-social-icons:hover {
	opacity: 0.6;
}
.profile-social-icons img {
	width: 45px;
	height: 45px;
}
.video-thumb,
.pics-thumb {
	width: 100%;
	border: 2px solid #ff9900;
	margin: 0 10px 10px 0;
	display: inline-block;
}

/* RETAIL */

.retail-pic {
	width: 100%;
	border-radius: 50%;
}

/* MODAL */

.modal-body { color: #000000; } 
.modal-title {
    margin-bottom: 0;
    line-height: 1.2;
}

/* FOOTER */

.footer-logo {
	width: 250px; 
	padding: 0 20px 10px 20px;
}
footer {
	padding: 20px;
	border-radius: 10px;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #999;
  transition: ease-in-out color .15s;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}

/* AMEX */

.amex-window {
	margin: 50px; 
}
.amex-bg { background-color: #016fd0 !important; }
.amex-color { color: #016fd0 !important; }
.amex-btn { 
	background-color: #016fd0 !important;
	border-color: #016fd0 !important;
	color: #ffffff !important;
}
.amex-btn:hover { 
	background-color: #ffffff !important;
	color: #016fd0 !important;
}
.amexmodallogo {
	width: 200px;
}
.amex-content { 
	color: #000000;
	background-color: #ffffff;
	border: 4px solid #016fdo;
	padding: 30px 50px;
	text-align: center;
	border-radius: 20px; 
} 



/*
 * Extra utilities
 */

.anchor {
    display: block;
    position: relative;
    top: -50px;
    visibility: hidden;
}

.border-top { border-top: 1px solid #e5e5e5; }
.border-bottom { border-bottom: 1px solid #e5e5e5; }

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

.flex-equal > * {
  -ms-flex: 1;
  -webkit-box-flex: 1;
  flex: 1;
}
@media (min-width: 768px) {
  .flex-md-equal > * {
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
  }
	
}


.jumbotron {
  position: relative;
  overflow: hidden;
  background-color:black;
	min-height: 600px;
	margin-bottom: 0 !important;
}
.jumbotron video {
  position: absolute;
  z-index: 1;
  top: 0;
	left:0;
  width:100%;
  height:100%;
  /*  object-fit is not supported on IE  */
  object-fit: cover;
}
.jumbotron .container {
  z-index: 2;
  position: relative;
  margin: 0 auto;
}

.galleryitem img {
  width: 100%;
	border-radius: 10px;
	border: 1px solid #999;
}
.galleryitem img:hover {
	transform: scale(1.02); 
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	background-color: rgba(0,0,0,1.0) !important;
}


.overflow-hidden { overflow: hidden; }