/* basics */

body {font-family: 'Libre Franklin', sans-serif; font-weight:400; font-size:17px; line-height:1.5em; margin:0; padding:0; background:#3e4460; color:#555;     line-height:1 !important;}

.prose {font-size:18px !important; line-height:1.6em !important;}

div {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


h1, h2, h3 {font-family: 'Libre Franklin', sans-serif; font-weight:900; text-align:center; line-height:1; }
h1 {font-size:2.5em; font-weight:700; color:#555;}
.loginform h1, .loginform a {color:#333 !important;}
h2 {font-size:2em;  font-weight:700;line-height:1;}
h3 {font-size:1.5em;  font-weight:700;line-height:1;}

h4 {font-size:1.5em; font-weight:500; color:#555; margin:0; color:#333;}

.red {color:#d15353;}

a, a:link, a:visited {text-decoration:none; color:#3d859c; opacity:1; font-weight:600;}
a:hover {color: #c5a354;}

.center {text-align:center;}
.clear {clear:both;}

.small {font-size:16px; opacity:.75; line-height:1.2em;}
.smallish {font-size:17.5px; opacity:.75; line-height:1.2em;}
p.small {width:90%; max-width:700px; margin-left:auto; margin-right:auto;}


hr {  border-color: #bbb;  border-style: dashed;  border-width: 1px 0 0;  margin: 20px 0 20px;  height: 0; }
hr.light {  border-color: #ddd;}

.star {width:32px; height:32px; cursor:pointer;}
#star1, #star2, #star3 {opacity:1;}
#star4, #star5 {opacity:.3;}


/* sections -- header, footer, etc */

#header {width:100%; background:#edece7; position:relative; padding:10px; font-size:1.1em; line-height:1.4em; color: #444; font-family: 'Libre Franklin', sans-serif; font-weight:400; opacity:1; display:hidden; box-shadow:0 5px 20px #222842; margin-bottom:2em;}
#header a, #header a:link, #header a:visited {color:#000;}
#header b {font-weight:600;}
#header:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

b.title {font-size:2.3em; line-height:1.1em; font-family: 'Libre Franklin', sans-serif; font-weight:700; }

p.snug {margin-top:.7em; margin-bottom:.7em;}


.boringtextbox {float:none; position:relative; clear:both; margin-left:auto; margin-right:auto; width:80%; background:#D5F0E5;}

.listbox {float:none; position:relative; clear:both; margin-left:auto; margin-right:auto; width:96%; min-width:590px; max-width:1124px; background:#fff; border-radius:12px; padding:15px; line-height:1.5em; box-shadow:0 0px 10px #222842;}




#body {padding:1em; width:100%;}

#footer {padding:1em; color:#fff; text-align:center; width:100%; position:relative;}
.footerlogo {width:275px; height:auto; max-width:50%; opacity:.8; margin-bottom:1em; line-height:1; }


/* divs -- errors, messages, etc. */

.errorbox {text-align:center; background:#F2CED5; padding:10px; border:1px dashed #B34D62; color:#883B4B; max-width:80%; margin:auto; margin-bottom:1.5em;}
.messagebox {z-index:1000; background:#DCFFD1; opacity:.95; padding:20px; text-align:center; border-radius:0 0 10px 10px; color:#25783F; position:fixed; top:0; left:15%; right:15%; box-shadow:0 5px 30px rgba(0,0,0,0.4); font-size:19px; line-height:1.4em;}

.messageboxbottom {z-index:1000; background:#DCFFD1; opacity:.95; padding:20px; text-align:center; border-radius:10px 10px 0 0; color:#25783F; position:fixed; bottom:0; left:15%; right:15%; box-shadow:0 5px 30px rgba(0,0,0,0.4); font-size:19px; line-height:1.4em;}


.helpbox {z-index:1000; position:fixed; top:12%; left:50%; right:0%; background:#DCFFD1; overflow:none; max-height:75%; display:none; padding:15px; opacity:.95; box-shadow:0 0px 15px #000; border-radius:10px 0 0 10px; cursor:pointer; line-height:1.6em; }
#dimbg {display:none; background:#000; opacity:.8; position:fixed; top:0; bottom:0; left:0; right:0; z-index:999;}

.nofloat {float:none !important; margin:0; width:auto;}
.helpclick {cursor:pointer; color:#333;}

.linklike {cursor:pointer; color:#333;}



.bump {font-size:1.25em; 	font-family: 'Libre Franklin', sans-serif; text-transform:uppercase; font-weight:600; line-height:2em;
}


/* forms */

input[type="button"],input[type="reset"],input[type="submit"],.submitbutton, .submitbutton:visited{
border-radius:8px; padding:10px; padding-left:10px; padding-right:10px; color:#fff !important; background-color:#3e4460; border:0; font-weight:700 !important;
font-family: 'Libre Franklin', sans-serif; font-size:1.2em;
}

input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover, .submitbutton:hover{
border-radius:8px; padding:10px; padding-left:10px; padding-right:10px; color:#fff !important; background-color:#c95961; border:0; font-weight:700 !important;
font-family: 'Libre Franklin', sans-serif; font-size:1.2em;

}




.notabutton, .notabutton:visited{
	box-shadow:none !important;
	background:none !important;
	background-color:none !important;
border-radius:0px !important;
	text-indent:0;
	border:0px !important;
	border-bottom:0px !important;
	display:inline !important;
	color:#3d859c !important;
	font-size:inherit !important;
	font-style:normal;
	height:auto;
	line-height:inherit !important;
	min-width:0px !important;
	padding-left:0 !important;
	padding-right:0 !important;
	text-decoration:none;
	text-align:left !important;
	margin-bottom:0 !important;
	margin-left:0;
	font-family: 'Libre Franklin', sans-serif !important; text-transform:none !important; font-weight:400 !important;
}




.toolbarlogin {float:left; text-align:center !important; width:100%;}

.desktoponly {display:block;}
.mobileonly {display:none;}

select, input[type="text"], input {font-family: 'Libre Franklin', sans-serif; border:0; border-bottom:1px dashed #aaa; color:#444; font-size:1em; border-radius:0; padding:0 10px 0 10px; max-width:90%;}
input[type="text"]:hover {border:1px solid #aaa; box-shadow:0 0 5px #ddd;}
input[type="text"]:focus {box-shadow:0 0 10px #aaa;}

textarea {border:1px dashed #aaa;}
textarea:hover {border:1px solid #aaa; box-shadow:0 0 5px #ddd;}
textarea:focus {box-shadow:0 0 10px #ddd;}

.loginfield {margin-top:5px; font-size:.8em !important;}

.loginsignin {font-size:.72em !important;}

#taskinput {font-size:1.5em; width:90%; max-width:700px; color:#555; text-align:center; border:1px solid #96C6B0; box-shadow:0 0 10px #90C0AC !important;}

.boxcontainer {width:auto; max-width:100%; position:relative; margin-left:auto; margin-right:auto; padding:0;}

.box21 {width:50%; float:left; clear:both; border-right:1px solid #aaa; padding:0 1em 0 1em;}
.box22 {width:50%; float:left; padding:0 1em 0 1em;}

.loginform {width:auto; max-width:90%; margin-top:2.5em; margin-left:auto; margin-right:auto; padding:10px; line-height:1.9em; text-align:center; background:#fefefe; color:#333 !important; box-shadow:none; overflow:hidden; opacity:.85; font-size:1em; box-shadow:0 5px 20px #5D92A8;}

.tagcheckbox {display:inline-block; margin-right:14px; margin-left:0;}
.formq {display:inline-block; margin-right:8px; margin-left:0px; margin-bottom:.5em;}

.screenshot {max-width:90%; border-radius:8px; box-shadow:0 5px 10px #aaa; border: 1px solid #999;}


.tiptext {font-size:.9em; color:#888; line-height:inherit;}

.helpclick {cursor:pointer; color:#333;}
.questionmarkclick {padding:5px; background:red; border-radius:10px; color:#fff !important}
.questionmark {width:20px; height:20px; margin:0; padding:0; margin-bottom:-3px;}


a.fc-day-grid-event, a.fc-h-event, a.fc-day-grid-event, a.fc-event, a.fc-start, a.fc-end {color:white; font-size:11px;}

a.fc-day-grid-event:hover, a.fc-h-event:hover, a.fc-day-grid-event:hover, a.fc-event:hover, a.fc-start:hover, a.fc-end:hover {color:#FFE75E;}


.sitetitletable {height:auto;margin-left:auto; margin-right:auto; width:96%; min-width:590px; max-width:900px; }
.sitetitle {text-align:left; color:#393939; margin-left:20px; font-size:3em; font-family: 'Dosis', sans-serif; font-weight:800; margin-top:.5em; margin-bottom:0; line-height:1;}
.subtitle {text-align:left; color:#393939; font-size:24px; font-family: 'Dosis', sans-serif; font-weight:400; margin-left:20px; line-height:1.2em; margin-top:.5em;}
.logotop {width:300px; height:auto;}

@media handheld, only screen and (max-width: 800px), only screen and (max-device-width: 600px) 
{ 
.fc-center h2 {font-size:1.5em;}
.fc-month-button {display:none;}
}


@media only screen and (min-width:601px) and (max-width:1000px) {
.sitetitle {font-size:2.3em;}
}