body {
	margin-top: 0%;
	font-family: 'Georgia', sans-serif;
	background: #FFFFFF;
	color: #0c1526;
}

/*#B59B66;*/

.jumbotron {
	margin-bottom: 15px;
	margin-top: 15px;
	background-color: #ccc;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../../img/website/header_vipers2026.gif);
	text-shadow: 1px 1px 2px #FFF, 2px 2px 4px #FFF, 6px 6px 12px #000;
    font-family:"Arial Black", "Arial Bold", sans-serif;
	}

.w3-theme {
	color: #B59B66; !important;
	background-color: ##0c1526 !important;
}

@media print {
	.container {
		width: auto;
	};
}

@media (max-width:768px) {
	#content {
		width: 100%;
	};
}

.w3-wide {
	letter-spacing: 4px;
}

.w3-center {
	text-align: center;
}

hr {
	border: 0;
	border-top: 1px solid #eee;
	margin: 20px 0;
}

.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
    .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after {
	content: "";
	display: table;
	clear: both;
}

.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter {
	float: left;
	width: 100%;
}

.w3-col.s1 {
	width: 8.33333%;
}

.w3-col.s2 {
	width: 16.66666%;
}

.w3-col.s3 {
	width: 24.99999%;
}

.w3-col.s4 {
	width: 33.33333%;
}

.w3-col.s5 {
	width: 41.66666%;
}

.w3-col.s6 {
	width: 49.99999%;
}

.w3-col.s7 {
	width: 58.33333%;
}

.w3-col.s8 {
	width: 66.66666%;
}

.w3-col.s9 {
	width: 74.99999%;
}

.w3-col.s10 {
	width: 83.33333%;
}

.w3-col.s11 {
	width: 91.66666%;
}

.w3-col.s12 {
	width: 99.99999%;
}

.w3-hide {
	display: none!important;
}

.w3-show-block,.w3-show {
	display: block!important;
}

.w3-show-inline-block {
	display: inline-block!important;
}

@media (max-width:1205px) {
	.w3-auto {
		max-width: 95%;
	};
}

@media (max-width:600px) {
	.w3-modal-content {
		margin: 0 10px;
		width: auto!important;
	}

	.w3-modal {
		padding-top: 30px;
	}

	.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content {
		position: relative;
	}

	.w3-hide-small {
		display: none!important;
	}

	.w3-mobile {
		display: block;
		width: 100%!important;
	}

	.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile {
		text-align: center;
	}

	.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button {
		width: 100%;
	};
}

@media (max-width:768px) {
	.w3-modal-content {
		width: 500px;
	}

	.w3-modal {
		padding-top: 50px;
	};
}

@media (min-width:993px) {
	.w3-modal-content {
		width: 900px;
	}

	.w3-hide-large {
		display: none!important;
	}

	.w3-sidebar.w3-collapse {
		display: block!important;
	};
}

@media (max-width:992px) and (min-width:601px) {
	.w3-hide-medium {
		display: none!important;
	};
}

@media (max-width:992px) {
	.w3-sidebar.w3-collapse {
		display: none;
	}

	.w3-main {
		margin-left: 0!important;
		margin-right: 0!important;
	}

	.w3-auto {
		max-width: 100%;
	};
}

.w3-tiny {
	font-size: 10px!important;
}

.w3-small {
	font-size: 12px!important;
}

.w3-medium {
	font-size: 15px!important;
}

.w3-large {
	font-size: 18px!important;
}

.w3-xlarge {
	font-size: 24px!important;
}

.w3-xxlarge {
	font-size: 36px!important;
}

.w3-xxxlarge {
	font-size: 48px!important;
}

.w3-jumbo {
	font-size: 64px!important;
}

.w3-margin {
	margin: 16px!important;
}

.w3-margin-top {
	margin-top: 16px!important;
}

.w3-margin-bottom {
	margin-bottom: 16px!important;
}

.w3-margin-left {
	margin-left: 16px!important;
}

.w3-margin-right {
	margin-right: 16px!important;
}

.w3-padding-small {
	padding: 4px 8px!important;
}

.w3-padding {
	padding: 8px 16px!important;
}

.w3-padding-large {
	padding: 12px 24px!important;
}

.w3-padding-16 {
	padding-top: 16px!important;
	padding-bottom: 16px!important;
}

.w3-padding-64 {
	padding-top: 64px!important;
	padding-bottom: 64px!important;
}

.w3-left {
	float: left!important;
}

.w3-right {
	float: right!important;
}

.w3schools-logo {
	font-family: fontawesome;
	text-decoration: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 37px;
	letter-spacing: 3px;
	color: #0C1526;
	display: block;
	position: relative;
}

.w3schools-logo .dotcom {
	color: #B59B66;
}

.w3-theme {
	color: #B59B66; !important;
	background-color: #0c1526; !important;
}

.w3-wide {
	font-family: "Segoe UI",Arial,sans-serif;
}

#menu .sub-menu {
	background-color: #0C1526;
	border-width: 0px 0px 0;
	margin: 0 1em;
}
#menu, 
    #toggle-menu {
	background-color: #0C1526;
}

#menu a:hover,#menutop a:hover {
	background-color: #7C7C7C;
	color: #FFFFFF;
}



#menu ul li a,#menu2 li a,#menutop ul li a{color:#B59B66; }

#menu li a,#menu2 li a,#menutop li a {
	
    background-image: url(https://vernonjrahockey.ca/img/website/buttons/buttons2026.gif) ;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	 height: auto;
    max-height: 200px;
    overflow-x: hidden;
	}

#menu .sub-menu li a,#menu2 .sub-menu li a,#menutop .sub-menu li a{
	background-image: url(https://vernonjrahockey.ca/img/website/buttons/buttons2026.gif) ;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	height: auto;
    max-height: 200px;
    overflow-x: hidden;color:#B59B66; 
}

#menu .sub-menu li a:hover, #menu li a:hover,#menu2 .sub-menu li a:hover, #menu2 li a:hover,#menutop .sub-menu li a:hover, #menutop li a:hover{
	background-image: url(https://vernonjrahockey.ca/img/website/buttons/buttons_goalie2026.gif) ;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left;
	height: auto;
    max-height: 200px;
    overflow-x: hidden;color:#B59B66; 
}

#menu ul,#menu2 ul, #menutop ul {
	margin: 0;
	padding: 0px;color:#B59B66; 
}

#menu .main-menu,#menu2 .main-menu, #menutop .main-menu {
	display: none; color:#B59B66; 
}

#tm:checked + .main-menu {
	display: block;color:#B59B66; 
}

#tn:checked + .main-menu {
	display: block;color:#B59B66; 
}

#menu input[type="checkbox"],#menu2 input[type="checkbox"] 
    #menu ul span.drop-icon,#menu2 ul span.drop-icon, #menutop input[type="checkbox"], 
    #menutop ul span.drop-icon {
	display: none;color:#B59B66; 
}

#menu li,#menu2 li, 
    #toggle-menu, 
    #menu .sub-menu,#menu2 .sub-menu, #menutop li, 
    #menutop .sub-menu {
	border-style: solid;
	border-color: rgba(0, 87, 167, .05);
}

#menu li,#menu2 li, 
    #toggle-menu, #menutop li, 
     {
	border-width: 0 0 1px;
	padding: 0px;color:#B59B66; 
}

#menu .sub-menu,#menu2 .sub-menu, #menutop .sub-menu {
	background-color: #0c1526;
	border-width: 0px 0px 0;
	margin: 0 1em;color:#B59B66; 
}

#menu .sub-menu li:last-child,#menu2 .sub-menu li:last-child, #menutop .sub-menu li:last-child {
	border-width: 0;color:#B59B66; 
}

#menu li,#menu2 li, 
    #toggle-menu, 
    #menu a,#menu2 a, #menutop li, 
    
    #menutop a {
	position: relative;
	display: block;
	color: white;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);text-decoration:none;color:#B59B66; 
}

#menu,#menu2, #menutop
    #toggle-menu {
	background-color:#0c1526;color:#B59B66; 
}

#toggle-menu, 
    #menu a, #menutop a {
	padding: 1em 1.5em;color:#B59B66; 
}

#menu a,#menu2 a, #menutop a {
	transition: all .125s ease-in-out;
	-webkit-transition: all .125s ease-in-out;color:#B59B66; 
}

#menu a:hover,#menu2 a:hover,  {
	background-color: #7C7C7C;
	color: #FFFFFF;
}
#menutop a:hover,  {
	background-color: #7C7C7C;
	color: #FFFFFF;
}

#menu .sub-menu,#menu2 .sub-menu,  #menutop .sub-menu {
	display: none;color:#B59B66; 
}

#menu input[type="checkbox"]:checked + .sub-menu,#menu2 input[type="checkbox"]:checked + .sub-menu, #menutop input[type="checkbox"]:checked + .sub-menu {
	display: block;
}

#menu .sub-menu a:hover,#menu2 .sub-menu a:hover, #menutop .sub-menu a:hover {
	color: #FFF;
}

#toggle-menu .drop-icon, 
    #menu li label.drop-icon,#menu2 li label.drop-icon, #menutop li label.drop-icon {
	position: absolute;
	right: 1.5em;
	top: 1.25em;color:#B59B66; 
}

#menu label.drop-icon,#menu2 label.drop-icon, #toggle-menu span.drop-icon, #menutop label.drop-icon {
	border-radius: 50%;
	width: 1em;
	height: 1em;
	text-align: center;
	background-color: rgba(0, 0, 0, .125);
	text-shadow: 0 0 0 transparent;
	color: color:#B59B66; 
}

#menu .drop-icon,#menu2 .drop-icon, #menutop .drop-icon {
	line-height: 1;
}

@media only screen and (max-width: 64em) and (min-width: 52.01em) {
	#menu li, #menutop li#menu2 li, #menutop li, {
		float: left;
	}/*width: 33.333%;*/

	#menu .sub-menu li,#menu .sub-menu li, #menutop .sub-menu li {
		width: auto;
	};
}

@media only screen and (min-width: 52em) {
	#menu .main-menu,#menu2 .main-menu,#menutop .main-menu  {
		display: block;
	}

	#toggle-menu, 
    #menu label.drop-icon, #menu2 label.drop-icon, #menutop label.drop-icon {
		display: none;
	}

	#menu ul span.drop-icon,#menu2 ul span.drop-icon, #menutop ul span.drop-icon {
		display: inline-block;
	}

	#menu li, #menutop li,#menu2 li, #menutop li {
		float: left;
		border-width: 0 1px 0 0;
	}

	#menu li.text-right,#menu2 li.text-right, #menutop li.text-right {
		float: right;
		border-width: 0 0px 0 0;
	}

	#menu .sub-menu li,#menu2 .sub-menu li,  #menutop .sub-menu li  {
		float: none;
	}

	#menu .sub-menu,#menu2 .sub-menu, #menutop .sub-menu {
		border-width: 0;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		width: 12em;
		z-index: 3000;
	}

	#menu .sub-menu,#menu2 .sub-menu, 
    #menu input[type="checkbox"]:checked + .sub-menu, #menutop .sub-menu, 
    #menutop input[type="checkbox"]:checked + .sub-menu {
		display: none;
	}

	#menu .sub-menu li,#menu2 .sub-menu li, #menutop .sub-menu li {
		border-width: 0 0 1px;
	}

	
	#menu .sub-menu .sub-menu,#menu2 .sub-menu .sub-menu, #menu, #menutop .sub-menu .sub-menu, #menutop{
		top: 0;
		left: 85%;
	}

	#menu li:hover > input[type="checkbox"] + .sub-menu,#menu2 li:hover > input[type="checkbox"] + .sub-menu, #menutop li:hover > input[type="checkbox"] + .sub-menu {
		display: block;
	};
}

	



.footer {
	margin-bottom: 0;
	background-color: #0c1526;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../../img/website/footer.gif);
	}
.footer div ul li, .footer div ul li a {color: #B59B66;}



.top {
	float: right;
	color: #0c1526;
	font-size: 1.1em;
	font-weight: 500;
	line-height: 1.7em;
}

.panel-primary > .panel-heading {
	background-color: #0c1526;
}

p {
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.7em;
	color: #0c1526;
}

table thead tr th, .panel-heading, .panel-title {
	background: #0c1526;
	color: #B59B66;
}

table thead tr th a  {
color: #B59B66;
}


.w3schools-logo .dotcom {
	color: #B59B66;
}

.w3-theme {
	color: #B59B66; !important;
	background-color: #0c1526; !important;
}

.w3-wide {
	font-family: "Segoe UI",Arial,sans-serif;
}

input[type=text], input[type=button], input[type=submit], input[type=reset],  input[type=search]{
	background-color: #B59B66;
	border: none;
	color: #0c1526;
	padding: 2px 2px;
	text-decoration: none;
	margin: 4px 2px;
	cursor: pointer;
}

.btn, .btn-warning {background-color: #0c1526; border:0;}

.form-control::placeholder {
  color:#0c1526 !important; /* Color of the placeholder text */
  opacity: 1;     /* Ensures browsers don't make it transparent */
}

#menu ul li a,#menu2 li a,#menutop ul li a{color:#B59B66; }