/* stylelint-disable property-no-vendor-prefix */

/*
 * Globals
 */
 
 
 /*
 Custom Fonts
 */
 @font-face {
	font-family: "Logo";
	src: url("../../images/Amatic-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "Other";
	src: url("../../images/AmaticSC-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Writing";
	src: url("../../images/rabiohead.ttf") format("truetype");
}

/* Links */


/* Header default button */



/*
 * Base structure
 */

html,
body {
	/* background-image: url(croppedwhitestylus.png); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
  height: 100%;
  background-color: AntiqueWhite;
  background-attachment: fixed;
  text-shadow: 0px 2px 3px #808080; /* Former color was rgba(0, 0, 0, .5) */
}

footer {
	text-align:center;
	border-top:1px solid black;
}

a:link {
	color: #333333;
	background-color: transparent;
	  text-decoration: underline;
}

a:hover {
	color: gray;
	  background-color: transparent;
	  text-decoration: underline;
}

/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
  box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
  position: relative;
  overflow:hidden;
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 15px;
}


/*
 * Header
 */
.masthead {
	position:static;
}

.masthead-brand {		
  margin-top: -1%;
  margin-bottom: 10px;
  display: inline-block;
  height:43pt;
}

.ball {
	position: absolute;
	z-index: 0;
	float: right;
 bottom: -300px;
 right: -300px;
 overflow: hidden;
 max-width: 60%;
}

.masthead-brand > a {
	font-family: "Logo", Gadget, sans-serif;
	font-size: 40pt;
	color: #333333;
}

.masthead-brand > a:hover {
	font-family: "Logo", Gadget, sans-serif;
	font-size: 42pt;
	color: #333333;
	text-decoration-line: none;
	
}

.masthead-nav {
	display: inline-block;
	
}

.masthead-nav > li {
  display: inline-block;
  margin-top:5px;
  
  
}
.masthead-nav > li + li {
  margin-left: 0px;
}
.masthead-nav > li > a {
  font-size: 18pt;
  color: #333333; 
  font-family: "Other", Gadget, sans-serif;
 text-decoration: none;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
	font-size:18pt;
	font-weight: 1100;
	background-color: transparent;
	border-bottom-color: none; 
	text-shadow: 1px 0px #333333;
	text-decoration:underline;
	
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  
}

@media (min-width: 768px) {
  .masthead-brand {
    float: left;
  }
  .masthead-nav {
    float: right;
  }
}


/*
Body
*/

.cover-heading {
	font-size: 50pt;
	color: #333333;
}

.lead {
	color: #333333;
	font-size: 16.5pt;
	position: static;
	margin-bottom:30px;
}	

.btn {
	text-shadow: none;
	color: #333333;
border-radius: 8px;
  background: none ; /* off white hex code #F7F7F7 */
  border-color: #333333;
  border-width: thick;
  margin-bottom: 500px;
  box-shadow: 3px 3px 8px #808080;
  position: absolute;
}

.btn:hover {
	text-shadow: none;
	color: #333333 ; /* Previous hex color was #70706B*/
  background: none ; /* off white hex code #F7F7F7 */
  border-width: medium;
  border-color: #333333 ;  /* Previous hex color was #70706B*/
  box-shadow: none;/* stylelint-disable property-no-vendor-prefix */



/*

 * Globals

 */

 

 

 /*

 Custom Fonts

 */

 @font-face {

	font-family: "Logo";

	src: url("../../images/Amatic-Bold.ttf") format("truetype");

}



@font-face {

	font-family: "Other";

	src: url("../../images/AmaticSC-Regular.ttf") format("truetype");

}



@font-face {

	font-family: "Writing";

	src: url("../../images/rabiohead.ttf") format("truetype");

}



/* Links */





/* Header default button */







/*

 * Base structure

 */



html,

body {

	/* background-image: url(croppedwhitestylus.png); */

	background-size: cover;

	background-repeat: no-repeat;

	background-position: top;

  height: 100%;

  background-color: AntiqueWhite;

  background-attachment: fixed;

  text-shadow: 0px 2px 3px #808080; /* Former color was rgba(0, 0, 0, .5) */

}





/* Extra markup and styles for table-esque vertical and horizontal centering */

.site-wrapper {

  display: table;

  width: 100%;

  height: 100%; /* For at least Firefox */

  min-height: 100%;

  -webkit-box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);

  box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);

  position: relative;

  overflow:hidden;

}

.site-wrapper-inner {

  display: table-cell;

  vertical-align: top;

}

.cover-container {

  margin-right: auto;

  margin-left: auto;

}



/* Padding for spacing */

.inner {

  padding: 15px;

}





/*

 * Header

 */

.masthead {

	position:static;

}



.masthead-brand {		

  margin-top: -1%;

  margin-bottom: 10px;

  display: inline-block;

  height:43pt;

}



.ball {

	position: absolute;

	z-index: 0;

	float: right;

 bottom: -300px;

 right: -300px;

 overflow: hidden;

 max-width: 60%;

}



.masthead-brand > a {

	font-family: "Logo", Gadget, sans-serif;

	font-size: 40pt;

	color: #333333;

}



.masthead-brand > a:hover {

	font-family: "Logo", Gadget, sans-serif;

	font-size: 42pt;

	color: #333333;

	text-decoration-line: none;

	

}



.masthead-nav {

	display: inline-block;

	

}



.masthead-nav > li {

  display: inline-block;

  margin-top:5px;

  

  

}

.masthead-nav > li + li {

  margin-left: 0px;

}

.masthead-nav > li > a {

  font-size: 18pt;

  color: #333333; 

  font-family: "Other", Gadget, sans-serif;

 text-decoration: none;

}

.masthead-nav > li > a:hover,

.masthead-nav > li > a:focus {

	font-size:18pt;

	font-weight: 1100;

	background-color: transparent;

	border-bottom-color: none; 

	text-shadow: 1px 0px #333333;

	text-decoration:underline;

	

}

.masthead-nav > .active > a,

.masthead-nav > .active > a:hover,

.masthead-nav > .active > a:focus {

  

}



@media (min-width: 768px) {

  .masthead-brand {

    float: left;

  }

  .masthead-nav {

    float: right;

  }

}





/*

Body

*/



.cover-heading {

	font-size: 50pt;

	color: #333333;

}



.lead {

	color: #333333;

	font-size: 16.5pt;

	position: static;

	margin-bottom:30px;

}	



.btn {

	text-shadow: none;

	color: #333333;

border-radius: 8px;

  background: none ; /* off white hex code #F7F7F7 */

  border-color: #333333;

  border-width: thick;

  margin-bottom: 500px;

  box-shadow: 3px 3px 8px #808080;

  position: absolute;

}



.btn:hover {

	text-shadow: none;

	color: #333333 ; /* Previous hex color was #70706B*/

  background: none ; /* off white hex code #F7F7F7 */

  border-width: medium;

  border-color: #333333 ;  /* Previous hex color was #70706B*/

  box-shadow: none;

}



.btn:active {

	background:none;

}

/*

 * Cover

 */

 

 .inner-cover {

	 color: #333333;

	 text-align: left;

	width: 100%;

	padding: 30px;

	margin-top: 30px;

	margin-bottom:100px;

 }

 

 .img {

	 position: absolute;

	 

 }



.cover {

  padding: 0 20px;

}

.cover .btn-lg {

  padding: 10px 20px;

  font-weight: 700;

}





/*

 * Footer

 */



.mastfoot {

  color: #999; /* IE8 proofing */

  color: rgba(255, 255, 255, .5);

}





/*

 * Affix and center

 */



@media (min-width: 768px) {

  /* Pull out the header and footer */

  .masthead {

    position: fixed;

    top: 0;

  }

  .mastfoot {

    position: fixed;

    bottom: 0;

  }

  .site-wrapper-inner {

    vertical-align: middle; /* Start the vertical centering */

  }

  .masthead,

  .mastfoot,

  .cover-container {

    width: 100%; /* Must be percentage or pixels for horizontal alignment */

  }

}



@media (min-width: 992px) {

  .masthead,

  .mastfoot,

  .cover-container {

    width: 700px;

  }

}
}

.btn:active {
	background:none;
}
/*
 * Cover
 */
 
 .inner-cover {
	 color: #333333;
	 text-align: left;
	width: 100%;
	padding: 30px;
	margin-top: 30px;
	margin-bottom:100px;
 }
 
 .img {
	 position: absolute;
	 
 }

.cover {
  padding: 0 20px;
}
.cover .btn-lg {
  padding: 10px 20px;
  font-weight: 700;
}


/*
 * Footer
 */

.mastfoot {
  color: #999; /* IE8 proofing */
  color: rgba(255, 255, 255, .5);
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  .site-wrapper-inner {
    vertical-align: middle; /* Start the vertical centering */
  }
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}