/*
 ----------------------------- 
 These are the Custom styles created by Savio Designs
 https://saviodesigns.com
 Project Manager: Chris Knabenshue
 -----------------------------
*/


/*
 ----------------------------- 
Universal Site Styles
 -----------------------------
*/

/* LINKS */
/* unvisited link */
a:link {
  color: darkcyan;
}

/* visited link */
a:visited {
  color: darkcyan;
}

/* mouse over link */
a:hover {
  color: darkturquoise;
}

/* selected link */
a:active {
  color: lightcyan;
}

/* Styles for Body Content */

.myschedule {
	margin: 5px;
}

.newposts {
	margin: 5px;
}

.newfiles {
	margin: 5px;
}

.whosonline {
	margin: 5px;
}

.jumpmenu {
	font-size: 175% !important;
}

.background {
	background: url("../images/backgrounds/bg_header.png");
    background-size: 100% auto;
}

.login {
	margin-top: 5%;
	margin-left: 30%;
	margin-right: 30%;
	margin-bottom: 5%;
}

.loginbox {
	background-color: rgba(230,219,201,0.40);
	color: #000;
	border-radius: 30px;
	padding: 10px;
	margin: 10px;
	box-shadow: 5px 5px 8px 5px #000;
}

.letters {
	padding-top: 10px;
	padding-bottom: 10px;
}

.name {
	font-size: 130% !important;
	font-weight: 600;
}

.note {
	font-size: 125% !important;
	font-weight: 500;
	color:teal;
}
/*
 ----------------------------- 
 Header Styles
 -----------------------------
*/

.header {
	border-bottom-color: darkred;
	border-bottom-width: 6px;
  	border-bottom-style: solid;
    border-image: radial-gradient(darkred, black) 75;
	background: url("../images/backgrounds/bg_header.png");
    background-size: 100% auto;
	color: #E7E4E4;
}


.menu {
	background: url("../images/backgrounds/bg_menu.jpg") top center repeat-y ;
    background-size: 100% auto;
	color: #E7E4E4;
}


/*
 ----------------------------- 
 Content Styles
 -----------------------------
*/

	 
 .content {
    -moz-box-shadow: 0 1px 80px 60px rgba(195, 146, 102, 0.5) inset, 20px -1px 16px -9px rgba(0,0,0,0.81) inset;
    -webkit-box-shadow: 0 1px 80px 60px rgba(195, 146, 102, 0.5) inset, 20px -1px 16px -9px rgba(0,0,0,0.81) inset;
    box-shadow: 0 1px 80px 60px rgba(195, 146, 102, 0.5) inset, 20px -1px 16px -9px rgba(0,0,0,0.81) inset;
    background: url("../images/backgrounds/bg_page-full.jpg") top center repeat-y #E2C38D;
    background-size: 100% auto;
    color: black; }
		
.downloadicons {
	display: inline-block; 
	margin: 0 10px
}

.buttons {
  margin-right: 3%;
}

.hmy-section.content {
	min-height: 65vh;
}

.hmy-section.background {
	min-height: 94vh;
}


/*
 ----------------------------- 
 Footer Styles
 -----------------------------
*/

.footer {
	border-top-color: gold;
	border-top-width: 6px;
  	border-top-style: solid;
    border-image: radial-gradient(darkgray, black) 75;
	background: url("../images/backgrounds/bg_footer.png") top center repeat;
    background-size: 100% auto;
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:14px;
}

.footer a:hover {
	color: #D1494B;
	text-decoration:none !important;
	font-size:14px;
}

.footer a:link {
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:14px;
	}

.footer a:visited {
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:14px;
}


/*
 ----------------------------- 
Menu Styles
 -----------------------------
*/

.menu .hmy-content {
	position:sticky;
	top:10px;
}

/*
 ----------------------------- 
 Image Styles
 -----------------------------
*/

img {
max-width: 100%;
height: auto;
} 


.floatleft {
  	float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.floatright {
    float: right;
	padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}


/*
 ----------------------------- 
 Special Element Styles
 -----------------------------
*/

/* Font for Top Nav Buttons */

.topnav {
	font-family: 'Cinzel', serif;
	font-size: 16px;
	font-weight: 500;
}

/* Opacity Change for STT rabbit on hover */
#p7STTa_1:hover {
opacity: 0.6;
}


/* HR Style: Gradient transparent - color - transparent */

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}



/*
 ----------------------------- 
 Responsive Media Queries
 -----------------------------
*/


/* Mobile Phone Styles */
@media only screen and (max-width: 600px) {
	
.login {
	margin-top: 5%;
	margin-left: 5%;
	margin-right: 5%;
	margin-bottom: 5%;
}
	
	
	}


/* Tablet Styles */