@charset "utf-8";
/* Custom CSS Document */

.color1{
color: #ef7f5b;
}
/* Font weights and Colors */
.bld{
	font-weight: 700;
}
.lft{
	text-align: left !important;
}

.rit{
	text-align: right !important;
}

.divctr{
	text-align: center !important;
}
.makelink{
	cursor: pointer;
}
.green {
	color:#39CC4E !important;
}

.move {
	margin-bottom: .5em;
}

.nowrp{
	white-space: nowrap;
}
.invalid-feedback{
	color: red;
	font-weight: 700;
}

.pink {
	color: pink;
}
.hotpink {
	color: hotpink;
}
.lightpink{
	color: lightpink;
}
.deeppink{
	color: deeppink;
}
.cornflower{
	color: cornflowerblue;
}
.black{
	color: black;
}
.dodgerblue{
	color: dodgerblue;
}
.lightskyblue{
	color: lightskyblue;
}
.red{
	color: red;
}
.darkred{
	color: darkred;
}
.viored{
	color: mediumvioletred;
}

/* ----------------------- */

.streamboundary{
	border: thin dashed #2047D9;
	border-radius: 25px;
	
}

.shadow{
	text-shadow: lightgrey 2px 2px;
	}

#createpost {
	background-color: #fff7e6;
	margin: 1em 2em;
	padding: 1em 2em;
	border-radius: 15px;
	border: thin solid #DBDBDB;
}

.error{
	color: red;
	font-weight: 700;
}
.notloggedin {
	background-color: lightgrey;
	border-radius: 15px;
	padding: 1em;
}

.activmsgbg {
	background-color: lightcoral;
	border-radius: 15px;
	padding: 1em;
}


.disbrdr{
	border: thin solid #C113C5;
	border-radius: 15px;
	margin: .25em 0 .25em 0;
	padding: 2em 2em 2em 2em;
	cursor: pointer;
}
.smallform{
	max-width:500px;
	margin-right: auto;
	margin-left: auto;
}
.fltlft{
	float: left;
}

.blurb {
	padding-left: 1em;
}

.profnav{
	margin-bottom: 1em;
}

a.auto:link,
a.auto:visited,
a.auto:active { 
	text-decoration: none !important;
	font-weight:bold;
	color: white !important;
	margin: 2em 0 2em 0 !important;
	background-color: hotpink !important;
	padding: 10px 20px;
	border-radius: 8px;
	white-space: nowrap;
}
	
a.auto:hover { 
	text-decoration: none !important;
	font-weight:bold;
	color: black !important;
	background-color: lightpink;
	padding: 10px 20px;
	border-radius: 8px;
	margin: 2em 0 2em 0 !important;
	white-space: nowrap;
	}

a.goback:link,
a.goback:visited,
a.goback:active { 
	text-decoration: none !important;
	font-weight:bold;
	color: white !important;
	margin: 2em 0 2em 0 !important;
	background-color: hotpink !important;
	padding: 10px 20px;
	border-radius: 8px;
	white-space: nowrap;
}
	
a.goback:hover { 
	text-decoration: none !important;
	font-weight:bold;
	color: black !important;
	background-color: lightpink;
	padding: 10px 20px;
	border-radius: 8px;
	margin: 2em 0 2em 0 !important;
	white-space: nowrap;
	}

div.sermen{
	width: 6em;
	background-color: #61C0EB !important;
	color: darkslategray !important; 
	text-decoration: none; 
	border: thin solid #3E3E3E;
	border-radius: 10px;
	border-color: darkgray !important;
	margin-left: auto;
	margin-right: 1em;
	margin-bottom: .3em;
	padding: 1em;
	line-height: 1.25em;
	cursor: pointer;
	text-align: center;

}
div.sermen:hover{
	width: 6em;
	background-color: #ABDEF5 !important;
	color: black !important;
	font-weight: 700;
	text-decoration: none; 
	border-radius: 10px;
	border-color: black !important;
	margin-left: auto;
	margin-right: 1em;
	margin-bottom: .3em;
	padding: 1em;
	line-height: 1.25em;
	cursor: pointer;
	text-align: center;

}


div.inactsermen { 
	width: 6em;
	font-weight: 700;
	background-color: darkgrey !important; 
	color: black !important; 
	text-decoration: none; 
	border: thin solid #3E3E3E;
	border-radius: 10px;
	border-color: darkgray !important;
	margin-left: auto;
	margin-right: 1em;
	margin-bottom: .3em;
	padding: 1em;
	line-height: 1.25em;
	
	text-align: center;

}


.formlimit{

	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.SiteTitle{
	color: deeppink;
	font-size: 1.5em;
	font-weight: 700;
	margin-left: .5em;
	margin-top: .5em;
	text-decoration:none;
}

.SiteTitle a {
	color: cornflowerblue;
	text-decoration:none;
}

.SiteTitle a:before{
	color: cornflowerblue;
	text-decoration:none;
}

.SiteTitle a:active{
	color: red;
	text-decoration:none;
}
.SiteTitle a:hover{
	color: cornflowerblue;
	text-decoration:none;
}
.SiteTitle a:link{
	color: cornflowerblue;
	text-decoration:none;
}



.plainlink a {
	color: cornflowerblue;

}

.plainlink a:before{
	color: cornflowerblue;

}

.plainlink a:active{
	color: red;

}
.plainlink a:hover{
	color: cornflowerblue;
	text-decoration:none;
}
.plainlink a:link{
	color: cornflowerblue;

}