@charset "UTF-8";

.no_padding {padding: 0px}
.text-center {text-align: center}
.btn-primary {background: #264482}
.clear_link_topic, .clear_link_sign_in_sheet {cursor: pointer; cursor: hand; color: #264482} 

.header {background-image: url('../images/Stars-background.jpg'); padding: 35px 0px 0px 0px}
.header .logo {margin: auto; display: block; width: 60%}
.header .red_bar {background-image: url('../images/RedStripe.jpg'); margin-top: 15px; padding: 5px 0px 5px 0px; text-align: center; color: white; font-size: 40px}
.header .navigation {color: white; font-size: 28px; font-weight: bold; padding: 10px 0px 10px 0px; margin-left: auto; margin-right: auto}
.header .navigation .nav_button {float: left; text-align: center; width: 25%}
.header .navigation .nav_button a {color: white}
.header .navigation .nav_button a:hover, .header .navigation .nav_button a.active {font-style: italic; text-decoration: none}

.content {margin: 0px 0px 50px 0px; font-size: 16px}
.banner {margin: 10px 0px 20px 0px; border: 4px solid black; background: #375EA0; padding: 20px; font-size: 30px; font-weight: bold; text-align: center; border-radius: 10px}
a.banner_link {color: white}
a.banner_link:hover {text-decoration: none}
.expandable-header:hover {cursor: pointer;}
.expandable-content {display: none; /* or max-height: 0; overflow: hidden; */}
.plus-icon::before {content: "+";}
.minus-icon::before {content: "-"; font-size: 32px; line-height: 20px; padding-right: 1px}

.footer {background-image: url('../images/Stars-background.jpg'); padding: 0px 0px 0px 0px; color: white; line-height: 1.5}
.footer .text_left {padding: 15px 0px 15px 0px; text-align: left}
.footer .text_center {padding: 15px 0px 15px 0px; text-align: center}
.footer .text_right {padding: 15px 0px 15px 0px; text-align: right}
.footer a {color: white}
.footer a:hover {text-decoration: underline}

.mobile_footer {background-image: url('../images/Stars-background.jpg'); padding: 0px 0px 0px 0px; color: white; line-height: 1.5}
.mobile_footer .text_left {padding: 15px 0px 15px 15px; text-align: left}
.mobile_footer .text_center {padding: 15px 0px 15px 0px; text-align: center}
.mobile_footer .text_right {padding: 15px 15px 15px 0px; text-align: right}
.mobile_footer a {color: white}
.mobile_footer a:hover {text-decoration: underline}

@media screen and (max-width: 1200px)
{
	.header .red_bar {font-size: 30px}
	.header .navigation {font-size: 23px}
}

@media screen and (max-width: 900px)
{
	.header .logo {width: 80%}
	.header .red_bar {font-size: 24px}
	.header .navigation {font-size: 20px}
	.footer .text_center {padding-top: 22px; font-size: 11px}
}

@media screen and (max-width: 750px)
{
	.header .red_bar {font-size: 18px}
	.header .navigation {font-size: 16px}
}

@media screen and (max-width: 600px)
{
	.header .red_bar {font-size: 12px}
	.header .navigation {font-size: 14px}
	.content {margin: 0px 0px 20px 0px}
	.banner {font-size: 24px;}
}





/* Admin Area */
.login { border-radius: 10px; width: 500px; margin: 30px auto 200px auto; padding: 0 20px 20px 20px; background-color: #13285D; border-width: medium; }
h1.sign_in_header {color: #FFFFFF; text-align: center; margin: 0px; padding: 10px 0px; font-weight: bold; font-size: 33px;}
.login input[type="text"].input-lg, .login input[type="password"].input-lg {height: 43px; width: 450px; padding: 6px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; margin: 10px 0px 0px 0px;}
.login input[type="submit"].input-lg { width: 145px; padding: 1px 6px; font-size: 18px; border-radius: 6px; margin: 10px 0px 0px 0px; height: 40px;}
.submitButton:hover {background-color: #13285D; color: white}