@import "/.s/t/1221/jquery.bxslider.css";

/* --- SLOTH ACADEMY VARIABLES --- */
:root {
 --fern-green: #4F7942;
 --bark-brown: #5C4033;
 --canopy-blue: #0077B6;
 --moss-gold: #D4AF37;
 --bg-light: #f5f5f3;
}

/* General Layout */
html, body {height: 100%; min-height: 100%; margin: 0; padding: 0;}
body {background-color: var(--bg-light); font: 12px/16px 'Arial'; color: #444; text-align: center;}
body a {color: var(--fern-green); text-decoration: underline; font-weight: bold;}
body a:hover {text-decoration: none; color: var(--bark-brown);}

/* Header & Academy Branding */
header {border: 2px solid var(--bark-brown); padding: 0 50px; margin-bottom: 15px; overflow: auto; background: #fff; border-radius: 8px;}
.logo h1 a {color: var(--bark-brown); text-decoration: none; font-family: 'Georgia', serif;}
.logo h1 a strong {color: var(--fern-green);}

/* Sloth Academy Navigation */
.menu-wrap {border: 1px solid var(--bark-brown); padding: 1px 10px; margin-bottom: 15px; text-align: center; background: #fff;}
ul.uMenuRoot>li>a {font-size: 11pt; color: #555; line-height: 38px;}
nav li:hover > a, ul.uMenuRoot>li>a:hover {background: var(--fern-green); color: #fff;}
ul.uMenuRoot .uMenuItemA {color: #fff; background: var(--fern-green) !important;}

/* Forum & Class Styling */
td.gTableTop {
 font: 14px/30px 'Tahoma'; text-transform: uppercase; color: #fff; padding: 5px 10px;
 background: linear-gradient(to bottom, var(--bark-brown), #3d2a22);
}
a.fNavLink:hover {color: #fff; background: var(--fern-green);}
a.threadLink:link {color: var(--canopy-blue) !important; font-weight: bold;}
.reputation {color: var(--moss-gold); font-weight: bold; border: 1px solid var(--moss-gold); padding: 2px 5px; border-radius: 4px;}

/* Inputs & Buttons (Fern Green Theme) */
input[type=submit], input[type=button], .loginButton {
 color: #fff; border: none; padding: 6px 15px; font-size: 10pt; cursor: pointer; border-radius: 4px;
 background: linear-gradient(to bottom, var(--fern-green), #3a5a31);
}
input[type=submit]:hover {background: var(--bark-brown);}

/* Popups & Dialogs */
.popuptitle {
 background: linear-gradient(to bottom, var(--fern-green), var(--bark-brown));
 color: #fff; height: 34px; line-height: 34px; padding: 10px; font-size: 16pt;
}

/* User Group Identifiers */
a.groupAdmin:link {color: var(--bark-brown) !important; font-weight: 800;} /* Head Sloth */
a.groupModer:link {color: var(--fern-green) !important; font-weight: bold;} /* Counselors */
a.groupVerify:link {color: var(--canopy-blue) !important;} /* Students */

/* --- RESPONSIVE FIXES (SLOTH VERSION) --- */
@media screen and (max-width: 980px) {
 .logo {width: 200px;}
 .login-block{width: 340px;}
 #uEntriesList .uEntryWrap {width:50%!important;}
}

@media screen and (max-width: 710px) {
 .container {max-width: 96%;}
 .logo {float: none; padding: 10px 0; text-align: center; width: auto;}
 .login-block {float: none; width: 100%; text-align: center;}
 .content-wrap>section, .content-wrap>aside {width: 100%; float: none;}
 .show-menu {display: block; background: var(--bark-brown); color: #fff; font-weight: bold;}
 nav {background: #fff; display: none; padding: 10px;}
 nav.nav-opened {display: block;}
 ul.uMenuRoot > li > a {background-image: none; padding: 10px; border-bottom: 1px solid #eee;}
 
 /* Shop/Academy Item Mobile Fixes */
 td.shop-itempage-images {width:inherit!important; display:block; text-align:center; padding:0 10px;}
 .shop-itempage-images+td {display: block; text-align: left;}
}

@media screen and (max-width: 480px) {
 .slider, .slide-box p, .slide-box .sub-info {display: none;}
}

/* UI Fixes */
.x-unselectable {position:relative;}
.u-neighbor-separator {margin-top: 1em;}
.u-neighbor-link-wrapper + hr {margin-bottom: 1em;}