.eventRegistrationInfoSpacesLeft,
.eventInfoSpacesLeft {display: none;}
.entire {
	background-color: #6699CC;
	width: 821px;
}

#FunctionalBlock1_ctl00_eventPageViewBase_ctl00_ctl00_stepTemplate_registrationTopMessage_suggestToApplyMessage_suggestToApplyButton {
  display: none;
}

.button {
  border: none;
  color: white;
  padding: 16px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 2px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.buttonblue {
  background-color: #335075; 
  color: #ECEFF2; 
  border: 2px solid #335075;
}
.buttonblue:hover {
  background-color: whitesmoke;
  color: #335075;
}

.buttonred {
  background-color: #990000; 
  color: #ECEFF2; 
  border: 2px solid #990000;
}
.buttonred:hover {
  background-color: whitesmoke;
  color: #990000;
}

/* [THE ENTIRE TAB] */
.tab {
  position: relative;
  margin: 2px;
  max-width: 100%;
}

/* [THE LABEL] */
.tab input {
  display: none;
}
.tab label {
  display: block;
  background-color: #335075; 
  color: #fff;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
}
.tab label::after {
  content: "\25b6";
  position: absolute;
  right: 10px;
  top: 10px;
  display: block;
  transition: all 0.4s;
}
.tab input[type=checkbox]:checked + label::after,
.tab input[type=radio]:checked + label::after {
  transform: rotate(90deg);
}

/* [THE CONTENTS] */
.tab-content {
  overflow: hidden;

  /* CSS animation will not work with auto height */
  /* This is why we use max-height */
  transition: max-height 0.4s; 
  max-height: 0;
}
.tab-content p {
  margin: 0px;
}
.tab input:checked ~ .tab-content {
  /* Set the max-height to a large number */
  /* Or 100% viewport height */
  max-height: 5000px;
}
/* set the background of the login icon to be visible 
on the page dark blue background */
.WaGadgetLoginButton .authenticated .loginLink {
	background: rgb(160, 186, 199);
}
/* Secondary menu item width reduced by 1 px to fit on one line */
.WaGadgetCustomMenu.menuStyle001 ul li a {width:131px;}

/* System style button used in system pages, to replace text line blinks */
	.buttondark {
	position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 120px;
  margin: 0;
  padding: 16px 16px;
  background: #2b475b;
  border: 0;
  outline: 0;
  color: #cee3f2;
  font: normal 18px/1.22 'Ubuntu Condensed','Arial',sans-serif;
  white-space: nowrap;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-appearance: none;
  margin-right: 10px;
}

/* ALERT BANNER START */
.banner { 
  padding: 20px; 
  background-color: yellow; 
  color: blue; 
  }

.whitebanner { 
  padding: 20px; 
  background-color: white; 
  color: blue; 
  }

.closebutton { 
  margin-left: 15px; 
  color: blue; 
  font-weight: bold; float: right; 
  font-size: 22px; 
  line-height: 20px; 
  cursor: pointer; 
  transition: 0.3s; 
  }

.closebutton:hover { 
  color: gray; 
  }
/* ALERT BANNER END */

/* PAGE HEADER START */
  :root{
	--header-bg-color: #940000;
	--header-text-color: white;
  --header-font-size: 2.15rem;
}
body{
	padding:0;
	margin:0;
	width:100%;
	background-color: #1C6295;
}

.header{
	display:block;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	left:0;
	top:0;
	width:100%;
	min-width:100%;
	max-width:100%;
	background-color: var(--header-bg-color);
	color: var(--header-text-color);
	font-family: Arial, sans-serif;
	font-size: 5.5vh;
	font-weight: lighter;
	text-align: center;
}

.header-image{
	display: block;
	position: relative;
	background-image: url("https://ncskiclub.wildapricot.org/resources/Pictures/mastv5.jpg");
	background-repeat: no-repeat;
	background-position: 0% 52%;
	background-size: cover;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 50vh;
}

.header-text{
	padding: 1rem;
}

.header-logo{
	display:block;
	width:17.85vh;
	height:15vh;
	border-top: 1rem solid var(--header-bg-color);
	border-left: 1rem solid var(--header-bg-color);
	border-right: 1rem solid var(--header-bg-color);
	background-image: url("https://ncskiclub.wildapricot.org/resources/Pictures/logo.png");
	position: absolute;
	bottom: 0px;
	left: 10%;
	background-size: cover;
}
  /* PAGE HEADER END */

/* File upload background colour. */
/* Made the background light grey instead of changing the text to white until other pages that may upload files are also updated to dark blue background. Note that a page inline css was not successful for these. */
#fileUpload {background-color:#d6d6d6} /* File upload placeholder "No file selected" */
a#removePictureLink {color: #ffffff !important; } /* Membership card photo "Remove / change" link */
.pagerOuterContainer .forumPagerContainer a, .pagerOuterContainer .forumPagerContainer a:link {color:#ffffff;} /*  Members bulletin board page counter links */
/* Buttons for links pointing to page 910 */
.buttongrey { background-color: #d3d3d3; color: #ECEFF2; border: 2px solid #d3d3d3; } 
.buttongrey:hover { background-color: whitesmoke; color: #d3d3d3; }

/* TEST CSS to create a test page with a reduced real estate header */
.header-text1{
	padding: 0.9vw 2vw;
	position: absolute;
  width: 100%;
  font-size: 2.15rem;
	top: 0vw;
	left: 0vw;
	background-color: var(--header-bg-color);
}

.header-logo1{
	width:7.5vw;
	aspect-ratio:1.19;
	border: 0.9vw solid var(--header-bg-color);
	background-image: url("https://ncskiclub.wildapricot.org/resources/Pictures/logo.png");
	position: absolute;
	top: calc(var(--header-font-size) + 5vw);
	left: 7vw;
	background-size: cover;
}

.language-button{
  position: absolute;
	bottom: 2vw;
	right: 10.6vw;
}

/* make red validation errors visible */
.validationError{
   background-color: whitesmoke;
}