/***********************************************************

	Reset: http://meyerweb.com/eric/tools/css/reset/
	
 ***********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  /*font: inherit;*/  /*  Comment out otherwise <i> tags don't work  */
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}


body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}



/***********************************************************

	Base tags
	
 ***********************************************************/

/*  Fade-in courtesy of: http://codepen.io/bluehaus/pen/EfGyi  */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

body {
	background-color: white;
	font-family: "Avenir Next", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-size: 15px;
	line-height: 1.5;
	font-weight: 400;
	letter-spacing: -0.24pt;
	color: rgba(65, 65, 65, 0.8);
	-webkit-text-stroke: 0.1px;
  
	/*  Fade-in courtesy of: http://codepen.io/bluehaus/pen/EfGyi  */
	opacity:0;  /* make things invisible upon start */

	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-delay: 0.0s;
	-moz-animation-delay: 0.0s;
	animation-delay: 0.0s;

	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	animation-duration:1s;
}



/***************************************

	Basic div settings
	
 ***************************************/
.SB_base_div {
	width: 100vw;
	height: 100vh;
	align-items: center;
	justify-content: center;
	text-align: center;
}


.SB_contained_width_div {
	width: 100%;
	max-width: 600px;
	margin:0 auto;
}





/***********************************************************

	Fonts
	
 ***********************************************************/
.SB_fonts_Section_Heading {
	font-size: 22pt;
	font-weight: Bold;
	letter-spacing: -0.4pt;
}


.SB_fonts_Text_V_Small {
	font-size: 11pt;
	font-weight: Medium;
	letter-spacing: -0.4pt;
}



/***********************************************************

	Entry fields
	
 ***********************************************************/
 .SB_Entry_Field {
	font-size: 15pt;
	font-weight: Medium;
	letter-spacing: -0.4pt;
	color: rgb(0, 140, 149);
	background-color: rgba(0, 140, 149, 0.2);
	border-radius:10px;
	border-width:0;
	padding-left:10pt;
	padding-right:10pt;
	padding-top:5pt;
	padding-bottom:5pt;
	min-width: 100px;
}



/***********************************************************

	Buttons
	
 ***********************************************************/
.SB_Button {
	font-size: 14pt;
	font-size: 0.9rem;
	font-weight: Medium;
	letter-spacing: -0.3px;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 140, 149);
	border: 1px solid rgb(0, 140, 149);	/*  need this otherwise they're smaller than the outline ones  */
	border-width: 0;
	border-radius: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	min-width: 100px;
	margin: 0 auto;
}