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


body {
  margin: 0;
  font-family: franklin-gothic-urw, sans-serif;
  float: left;
}

html {
  font-size: 16px;
}
@media screen and (min-width: 320px) {
  html {
    font-size: calc(16px + 6 * ((100vw - 320px) / 680));
  }
}
@media screen and (min-width: 1000px) {
  html {
    font-size: 22px;
  }
}

/* IMAGES */
.responsive {
  max-width: 100%;
  height: auto;
}

/* NAVIGATION STYLE 1*/

.headercontainer {
	width: 100%;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	float: left;
	background-color: #ffffff;
    /*background-image: linear-gradient(to bottom right, #ffffff, #979596);*/
	background-image: url("images/vb-back-top2.png"); /* HOME PAGE HEADER STYLE */
	background-repeat: no-repeat;
	background-size:cover;
}

.headercontainer2 {
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
	vertical-align: top !important;
	background-color: #555555;
	/*background-image: url("images/PVA_long_v1_300w.png");
	background-repeat: no-repeat;*/
}

.insidepg-headercontainer {
	width: 100%;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	float: left;
	background-color: #ffffff;
    /*background-image: linear-gradient(to bottom right, #ffffff, #979596);*/
	background-image: url("images/vb-back-inside-header.png"); /* INSIDE PAGES HEADER STYLE */
	background-repeat: no-repeat;
	background-size:cover;
}

.insidepg-head {
	padding-top: 40px;
	padding-bottom: 40px;
}

.headerlogo {
	padding-left: 3%;
}
    
/*
.topnavimg {
	float: left;
	padding-left: 30px; 
	padding-right: 50px;
}
*/

.topnav {
  overflow: hidden;
  background-color: #191919;
  background-image: linear-gradient(to right, #555555 , #191919);
  /*background-image: url("images/pva_top.png");
  background-repeat: no-repeat;
  background-size:cover;*/	
}

.topnav a {
  float: left;
  display: block;
  color: #ffffff;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  color: #7bbde9;
}

.topnav a.active {
  color: #ffffff;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 800px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 800px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}

/* STICKY SIDE NAV */

.sticky-bx {
  position: fixed;
  right: 0px;
  top: 30%;
  padding: 0;
  width: 60px;
  direction: rtl;
  z-index: 10;
}

.hovpad {
	padding: 10px;
    z-index: 10;
}

.hover-bx {
  direction: ltr;
  display: inline-block;
  background-color: #7bbde9;
  border-radius: 20px 0px 0px 20px;
  color: #191919;
  font-size: calc(15px + (25 - 15) * ((100vw - 300px) / (1600 - 300)));
  z-index: 10;
}

.hover-bx a {
	color: #191919;
	text-decoration: none;
	z-index: 10;
}

.hover-bx a:hover {
	color: #ffffff!important;
	text-decoration: none;
	z-index: 10;
}

.hover-bx a:visited {
	color: #191919;
	text-decoration: none;
	z-index: 10;
}

.hover-bx a:active {
	color:#191919;
	text-decoration: none;
	z-index: 10;
}

.hover-bx i {
    font-size: calc(25px + (45 - 25) * ((100vw - 300px) / (1600 - 300)));
	z-index: 10;
}

.ico-bx {
  display: inline-block;
  z-index: 10;
}

.ico-txt {
  margin-left: 10px;
  padding: 0 6px;
  display: none;
  z-index: 10;
}

.ico-txt a {
	color: #191919;
	text-decoration: none;
}

.ico-txt a:hover {
	color: #ffffff !important;
	text-decoration: none;
}

.ico-txt a:visited {
	color: #191919;
	text-decoration: none;
}

.ico-txt a:active {
	color:#191919;
	text-decoration: none;
}

.ico-txt i {
    font-size: calc(15px + (20 - 15) * ((100vw - 300px) / (1600 - 300)));
}

.hover-bx:hover .ico-txt {
  display: inline-block;
  position: relative;
}

@media screen and (max-width: 768px) {
	.sticky-bx {
		visibility: hidden;
	}}


/* TITLE STYLING */

.titlecontainer {
	width: 100%;
	padding: 0;
	float: left;
	background-image: url("images/vb-back2.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

/* TITLE STYLING WITH NAV */

/*.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .titlecontainer {
  padding-top: 60px;
}*/

/* LAYOUT BODY */

.bodycontainer {
	width: 100%;
	padding: 0;
}

.bodycontainer2 {
	margin: auto;
	width: 85%;
	align-items: center;
    justify-content: center;
	
}

.bodycontainerlgtgray {
	width: 100%;
	padding: 0;
	background-color: #f2f2f2;
}

.bodycontainer2lgtgray {
	margin: auto;
	width: 85%;
	align-items: center;
    justify-content: center;
	background-color: #f2f2f2;	
}

/*#lightgray-background {
	background-color: #f2f2f2;
}*/

.headerstyle2 {
  padding: 10px;
  text-align: center;
  font-size: 3em;
  /*font-size: 5vw;*/
}

.headerstyle3 {
  padding: 10px;
  text-align: center;
  font-size: calc(18px + (36 - 18) * ((100vw - 300px) / (1600 - 300)));
}

.headerstyle3-2 {
  padding: 10px;
  text-align: inherit;
  font-size: calc(18px + (36 - 18) * ((100vw - 300px) / (1600 - 300)));
}

.headerstyle4 {
  padding-right: 25px;
  padding-left: 25px;
  text-align: inherit;
  font-size: calc(40px + (60 - 40) * ((100vw - 300px) / (1600 - 300)));
  /*font-size: 5vw;*/
}

.footer1 {
	width: 100%;
	padding: 0;
	background-image: url("images/athletes-game-people-1277213-3.jpg");
	/*background-width: 100%, auto;*/
	background-repeat: no-repeat;
	background-size:cover;
}

.footer2 {
	width: 100%;
	padding: 0;
	float: left;
    background-color: #191919;
    background-image: linear-gradient(/*to right,*/ #191919 , #555555);
	margin: auto;
}

.footer-container2 {
	width: 80%;
	padding-left: 5px;
	padding-right: 5px;
	margin: auto;
}

.footerstyle1 {
  line-height: 1.3;
  text-align: center;
  font-size: calc(25px + (40 - 25) * ((100vw - 300px) / (1600 - 300)));
  color: #ffffff;
}


.footerstyle1 i {
    font-size: calc(70px + (100 - 70) * ((100vw - 300px) / (1600 - 300)));
}

/*.footerstyle1:hover > i,
.footerstyle1:hover > hr,
.footerstyle1:hover .footer-title {
    color: #7bbde9;
}

.footerstyle1 i,
.footer-style1 hr,
.footer-title {
  color: #ffffff;
  -webkit-transition: color 0.2s;
  -o-transition: color 0.2s;
  transition: color 0.2s;
}*/


.footerstyle2 {
  text-align: center;
  font-size: calc(18px + (23 - 18) * ((100vw - 300px) / (1600 - 300)));
  color: #ffffff;
}

.footerstyle2 i {
    font-size: calc(30px + (50 - 30) * ((100vw - 300px) / (1600 - 300)));
}

.footerstyle3 {
  padding: 10px;
  text-align: center;
  font-size: calc(13px + (15 - 13) * ((100vw - 300px) / (1600 - 300)));
  color: #ffffff;
}

.footerstyle3 i {
    font-size: calc(30px + (40 - 30) * ((100vw - 300px) / (1600 - 300)));
}


.footer1 a:link {
  color: #ffffff;
  text-decoration: none;
}

.footer1 a:hover {
  color: #7bbde9;
  text-decoration: none;
}

.footer1 a:visited {
  color: #ffffff;
  text-decoration: none;
}

.footer1 a:active {
  color: #ffffff;
  text-decoration: none;
}


/*TEXT STYLING */
	.bluegradient {
    background-image: -webkit-linear-gradient(left, #2592da, #ffffff); /* For Chrome and Safari */
    background-image:    -moz-linear-gradient(left, #2592da, #ffffff); /* For old Fx (3.6 to 15) */
    background-image:     -ms-linear-gradient(left, #2592da, #ffffff); /* For pre-releases of IE 10*/
    background-image:      -o-linear-gradient(left, #2592da, #ffffff); /* For old Opera (11.1 to 12.0) */
    background-image:         linear-gradient(to right, #2592da, #ffffff); /* Standard syntax; must be last */
    color:transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.title-text {
  font-size: calc(70px + (100 - 70) * ((100vw - 300px) / (1600 - 300)));
  text-transform: uppercase;
  background: -o-linear-gradient(right, #000000, #555555);
  background: -o-linear-gradient(left, #000000, #555555);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#000000),
    to(#555555)
  );
  background: linear-gradient(to right, #000000, #555555);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  /*color: #ffffff;*/
  font-weight: 650;
}

.title-text2 {
  font-size: calc(38px + (65 - 38) * ((100vw - 300px) / (1600 - 300)));
  color: #ffffff;
  text-shadow: 2px 2px 4px #888888;
  text-transform: uppercase;
}

.title-text-large {
  font-size: calc(60px + (200 - 60) * ((100vw - 300px) / (1600 - 300)));
  text-transform: uppercase;
  background: -o-linear-gradient(right, #2592da, #ffffff);
  background: -o-linear-gradient(left, #2592da, #ffffff);
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#2592da),
    to(#ffffff)
  );
  background: linear-gradient(to right, #2592da, #ffffff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 900;
}

.coach-style {
	font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (1600 - 300)));
}

.footer-text1 {
  font-size: calc(40px + (85 - 40) * ((100vw - 300px) / (1600 - 300)));
  color: #ffffff;
  text-shadow: 2px 2px 4px #000000;
  text-transform: uppercase;
}

.footer-text2 {
  font-size: calc(28px + (40 - 28) * ((100vw - 300px) / (1600 - 300)));
  color: #ffffff;
}

.footer-text3 {
  font-size: calc(14px + (15 - 14) * ((100vw - 300px) / (1600 - 300)));
  color: #ffffff;
}

.footer-text4 {
  font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
  color: #8c8c8c;
}

.footer-text4 a{
	color: #8c8c8c;
    text-decoration: none;
}

.footer-text4 a:hover {
	color: #ffffff;
    text-decoration: none;
}

.footer-text4 a:visited {
	color: #8c8c8c;
    text-decoration: none;
}

.footer-text4 a:active {
	color: #8c8c8c;
    text-decoration: none;
}

.btn1 {
  background-color: #7bbde9;
  border: none;
  color: #ffffff;
  padding: 1rem 1.75rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  font-size: 15px;
  border-radius: 4px;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

.btn1:hover {
  background-color: #555555;
  color: #afd7f2;
  text-decoration: none;
}

.btn1:active {
  background-color: #7bbde9;
  color: #afd7f2;
  text-decoration: none;
}

.btn1:visited {
  background-color: #7bbde9;
  color: #afd7f2;
  text-decoration: none;
}


.hrstyle2 {
  padding: 0;
  text-align: center;
  color: #555555;
  font-size: 3em;
	
}

.hrstyle2 hr {
    width: 75%;
    border: 2px solid;
    color: #7bbde9;
}

.hrstyle3 {
  padding: 0;
  text-align: center;
  color: #ffffff;
  font-size: 3em;
	
}
.hrstyle3 hr {
    width: 55px;
    border: 2px solid;
    color: inherit;
}

.hrstyle4 hr {
    width: 93%;
    border: 2px solid;
    color: #D6D6D6;
}

.pvablue {
	color: #7bbde9;
}

.pvawhite {
	color: #ffffff;
}

.pvagray {
	color: #555555;
}

.pvadkgray {
	color: #191919;
}


/* COLUMNS */

.col2, .col22 {
  float: left;
  -webkit-column-gap: 4em;
  -moz-column-gap: 4em;
  column-gap: 4em;
}

.left {
  width: 60%;
}

.left2 {
	 width: 40%;
}

.right {
   width: 40%;
}

.right2 {
   width: 60%;
}

@media screen and (max-width: 768px) {
  .col2 {
    width: 100%;
  }
}

@media screen and (max-width: 925px) {
  .col22 {
    width: 100%;
  }
}

.col3 {
  display: flex;
}

.col3sec {
  flex: 1; /*grow*/
  border: 0;
}

@media (max-width: 768px) { /*breakpoint*/
  .col3 {
    flex-direction: column;
  }
}

.col3-left{ float: left; width: 40%; 
            column-gap: 10px;}
.col3-right{ float: right; width: 20%; 
            column-gap: 10px;}
.col3-center{ display: inline-block; width: 40%;
            column-gap: 10px;}

@media screen and (max-width: 960px) {
    .col3-left{ float: none; width: 100%; }
    .col3-right{ float: none; width: 100%; }
    .col3-center{ display: block; width: 100%; }
}

.col4, .col5 { 
  float: left;
}

.col4left, .col5left {
  width: 70%;
}

.col4left2, .col5left2 {
  width: 30%;
}

.col4right, .col5right {
  width: 30%;
}

.col4right2, .col5right2 {
  width: 70%;
}

@media screen and (max-width: 768px) {
  .col4 {
    width: 100%;
  }
}

@media screen and (max-width: 1100px) {
  .col5 {
    width: 100%;
	text-align:center;
  }
}


/* ROW */ 

.row:after {
  content: "";
  display: table;
  clear: both;
}

/* COLLAPSIBLE LIST */

.accordion {
  background-color: #999999;
  color: #ffffff;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: 2px solid #ffffff;
  text-align: left;
  outline: 0 solid #ffffff;
  font-size: calc(18px + (25 - 18) * ((100vw - 300px) / (1600 - 300)));
  transition: 0.4s;
  dislapy: inline-block;
}

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

.panel {
  padding: 0 18px;
  display: none;
  background-color: #ffffff;
  overflow: hidden;
}

.accordion-icon i {
    font-size: calc(25px + (33 - 25) * ((100vw - 300px) / (1600 - 300)));
	color: #ffffff;
	text-decoration: none;
	border: 0;
}


/* P STYLING */

p {
 padding-left: 24px;
 padding-right: 24px;
 padding-top: 7px;
 padding-bottom: 7px;
 line-height: 1.3;
}

.pspace1 {
	padding-left: 8%;
	line-height: 1.3;
}

.pspace2 {
	padding-top: 2%;
    padding-right: 8%;
    padding-left: 8%;
    padding-bottom: 2%;
	line-height: 1.3;
}

.pspace3 {
	padding-top: 2%;
    padding-bottom: 2%;
	padding-right: 4%;
	padding-left: 4%;
	line-height: 1.3;
}

/* GOOGLE CALENDAR RESPONSIVE */

@media (max-width: 900px) {
   .big-container {
       display: none;
   }
}
@media (min-width: 900px) {
   .small-container {
       display: none;
   }
}

/* LINK STYLING */

.stic a {
	color:#191919;
	text-decoration: none;
}

.stic a:hover {
	color:#ffffff;
	text-decoration: none;
}

.stic a:visted {
	color:#191919;
	text-decoration: none;
}

.stic a:active {
	color:#191919;
	text-decoration: none;
}

.footlink a { 
	color:#ffffff;
	text-decoration: none;
}

.footlink a:hover { 
	color:#7bbde9;
	text-decoration: none;
}

.footlink a:visited { 
	color:#ffffff;
	text-decoration: none;
}

.footlink a:active { 
	color:#ffffff;
	text-decoration: none;
}

.footlink i { 
	color:#ffffff;
	text-decoration: none;
}

.footlink i:hover { 
	color:#7bbde9 !important;
	text-decoration: none;
}

.footlink i:visited { 
	color:#ffffff;
	text-decoration: none;
}

.footlink i:active { 
	color:#ffffff;
	text-decoration: none;
}


/* Responsive iFrame */
.responsive-iframe-container {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   height: 0;
   overflow: hidden;
}
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}