/********************************************/
/*			General Layout					*/
/********************************************/
html, body { height:100%; font-size: 16px;}
body{ background-color: #f9f9fa; padding-top: 80px;} /*for fixed navbar */
.row { max-width: 58em; }
.header { max-width: 100%; }
.blue{color:#1abaff}
.orange{color:#ff901a}
.btn{border-radius: 0px !important; border: none !important;}
.customIcons {
	display: inline-block;
	height: 30px;
	width: 25px;
	background-size: 25px 30px;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0;
	text-indent: -9999em;
	border: none;
}
.custom-applaud { background-image: url("/images/applaud.png"); background-color: #ccc;}
.custom-applaud:hover { background-color: #1abaff;}
button.custom-applaud{vertical-align: 12px;}
/* footer */
footer{clear:both;position:relative;z-index:10;height:30px;margin-top:-30px;text-align:center;padding-top:25px;color:black;font-size:.85em;padding-bottom: 20px;}
.footNav li{display:inline;list-style-type:none;padding:0 5px;}
a.flink:link,a.flink:visited{color:#777777;}
a.flink:hover,a.flink:active{color:#ff901a;text-decoration: none;}

a.whitelink:link,a.whitelink:visited{color:#fff; }
a.whitelink:hover,a.whitelink:active{color:#ffb64c;font-weight: bold; text-decoration: none;}
/*foundation modals*/
.reveal-modal { padding: 0 0 20px; }
.reveal-modal .close-reveal-modal { top: .2rem; font-size: 1.3em; }
.reveal-modal { overflow-y: auto; }
.reveal-modal input[type="text"], .reveal-modal input[type="url"], .reveal-modal input[type="password"] { border: 1px solid #333; padding: 0 .5rem; height: 1.8rem; }
.reveal-modal .postfix { padding: .5rem; height: 1.8rem; line-height: .8rem;}
.modalHeader {background-color: #1abaff; color: #fff; margin-bottom: 10px; }
.modalHeader h5 { margin: 0; padding: 10px; color: #fff; }
button, .button { padding: .4rem .7rem; margin: 0; }
.center{text-align:center;}

a.joinbtn:link, a.joinbtn:visited { display: block; border-radius: 5px; border: 3px solid #1abaff; color: #1abaff; font-size: 1.5em; line-height: 50px; height: 60px; text-decoration: none; }
a.joinbtn:hover, a.joinbtn:active { background-color: #1abaff; color: #fff; text-decoration: none; }

.solsmallart { max-width: 580px; margin: 40px auto 0; }
.soldog { max-width: 80px; margin: auto; }
.solartspace { border-width: 0px; margin: 80px 0; }
.facebookColor { color: #3B5998; cursor: pointer; font-size: 2em; margin: 10px;}
.twitterColor { color: #00ACED; cursor: pointer; font-size: 2em; margin: 10px;}
.heart { color: #FA023C; font-size: 1.2em; }
a.hzforwebsites:link, a.hzforwebsites:visited { border: 2px solid #1abaff; border-radius: 5px; padding: 2px 10px; font-size: .9em; text-decoration: none; }
a.hzforwebsites:hover, a.hzforwebsites:active { background-color: #1abaff; color: #fff; }

/********************************************/
/*			Flash Messages					*/
/********************************************/
.flash-error{
	position:fixed;
	top: 30%;
	width: 100%;
	z-index: 30000;
	text-align: center;
}
.flash-error div{
	display:inline-block;
	max-width: 450px;
	margin: 0 auto;
	text-align: center;
	-moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;
	padding:20px 30px;
	background-color:#CD2626;
	color:#fff;
	font-size: 24px;
	line-height: 28px;
}
.flash-success{
	position:fixed;
	top: 30%;
	width: 100%;
	z-index: 30000;
	text-align: center;
}
.flash-success div{
	display:inline-block;
	max-width: 450px;
	margin: 0 auto;
	text-align: center;
	-moz-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;
	padding:20px 30px;
	background-color:#1abaff;
	color: #fff !important;
	font-size: 24px;
	line-height: 28px;
}