@charset "UTF-8";
/* CSS Document */

	body {overflow-x: hidden;}
	img {margin: 0; padding: 0;}
	body,td,th,p,ul {font-family: "museo-sans", sans-serif; color:#707070;}
	a {color:#ffc502;}
	a:hover {color:#e0a800;}
	a:active {color:#e0a800;}
	a:focus {color:#e0a800;}
	
	.navbar-brand {padding-left: 55px; padding-right: 25px; margin-top: -5px;}
	.mr-auto .nav-item {padding-left: 10px; padding-right: 10px;}
	.nav-item a {color: #404952; font-family: "termina", sans-serif; letter-spacing: 2px; font-size: 14px;}
	.nav-item a:hover {color: #7f858c;}
	.btn {font-family: "termina", sans-serif; font-weight: 700; letter-spacing: 2px;}
	.btn-light {color:#707070;}
	
	.hero {background-image: url(../wp-images/header-laptop.jpg); background-size: cover; background-repeat: no-repeat;}
	.valleyball-player {padding-top: 165px;}
	.stand-out {padding-top: 105px;}
	
	@media screen and (max-width: 1080px) {
		.valleyball-player {padding-top: 205px;}
		.stand-out {padding-top: 55px;}
	}
	@media screen and (max-width: 780px) {
		.hero {background-image: url(../wp-images/header-laptop.jpg); background-size: 100% auto;}
		.valleyball-player {padding-top: 105px;}
		.stand-out {padding-top: 0px;}
	}
	
	.levelup {background-color:#ececed; background-image: url(../wp-images/back-basketball.jpg); background-size: 100% auto; background-repeat: no-repeat; background-position: top;}
	.levelup-left {padding-top: 125px;}
	.levelup-left .star img {margin: 0; padding: 0; margin-top: -5px;}
	.star {text-transform: uppercase; font-size: 21px;color: #fff; font-weight: 700;}
	.basketball-player {padding: 55px;}
	
	@media screen and (max-width: 1305px) {
		.levelup {background-size: auto auto;}
		.levelup-left {padding: 55px;}
		.levelup-left .star {font-size: 18px;}
	}
	@media screen and (max-width: 995px) {
		.levelup-left .star {font-size: 14px;}
		.basketball-player {padding: 25px;}
	}
	
	.batterup {background-image: url(../wp-images/baseball-back2.jpg); background-size: 100% auto; background-position:bottom; background-repeat: no-repeat;}
	.ready {padding-top: 205px; padding-bottom: 85px;}
	
	@media screen and (max-width: 1398px) {
		.ready {padding-top: 210px;}		
	}
	@media screen and (max-width: 1298px) {
		.ready {padding-top: 208px;}		
	}
	@media screen and (max-width: 1198px) {
		.batterup {background-size: auto auto; padding-top: 20px;}
		.ready {padding-top: 108px;}		
	}
	@media screen and (max-width: 991px) {
		.batterup {background-size: auto auto; padding-top: 50px;}
		.ready {padding-top: 18px;}		
	}
	@media screen and (max-width: 762px) {
		.batterup {background-size: 100% auto; padding-top: 30px;}
		.ready {padding: 0px 58px;}	
		.baseball-player {padding-left: 55px; padding-right: 55px; padding-top: 25px;}
	}
	
	
	.give {padding-top: 105px; padding-bottom: 155px;}
	@media screen and (max-width: 992px) {
		.give {padding-top: 55px; padding-bottom: 55px;}
	}
	@media screen and (max-width: 767px) {
		.give {padding-top: 25px; padding-bottom: 25px;}
	}
	@media screen and (max-width: 575px) {
		.give {padding-top: 55px; padding-bottom: 125px;}
	}
	
	.give-yourself {padding: 25px;}
	@media screen and (max-width: 762px) {
		.give-yourself {padding: 15px;}
	}
	
	.questions {background-image: url(../wp-images/football-back2.jpg); background-size: 100% auto; background-position: top; background-repeat: no-repeat;}
	@media screen and (max-width: 1200px) {
		.questions {padding-bottom: 50px;}
	}
	
	.card{
    border-radius: 25px;
    background: #fff;
	border: 1px solid #404952;
    box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
    transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
	}

	.card:hover{
    transform: scale(1.05);
 	box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
	}

	.card h3{
  	font-weight: 600;
	}

	@media(max-width: 990px){
 		.card {margin: 20px;}
	} 

.tz-gallery {
    padding: 0px;
}

/* Override bootstrap column paddings */
.tz-gallery .row > div {
    padding: 0px;
}

.tz-gallery .lightbox img {
    width: 100%;
    border-radius: 0;
    position: relative;
}

.tz-gallery .lightbox:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    opacity: 0;
    color: #fff;
    font-size: 26px;
    font-family: 'Material Icons';
    content: 'link';
    pointer-events: none;
    z-index: 500;
    transition: 0.4s;
}


.tz-gallery .lightbox:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-color: rgba(37, 37, 37, 0.7);
    content: '';
    transition: 0.4s;
}

.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
    opacity: 1;
}

.baguetteBox-button {
    background-color: transparent !important;
}

#myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #ffc502; /* Set a background color */
  color: white; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 15px; /* Some padding */
  border-radius: 10px; /* Rounded corners */
  font-size: 18px; /* Increase font size */
}

#myBtn:hover {
  background-color: #e0a800; /* Add a dark-grey background on hover */
}

@media screen and (max-width: 767px) {
		.social {text-align: center !important;}
		.copy  {text-align: center !important;}
	}