/*
Theme Name:     HASS Framework
Description:    HASS Basic Theme
Author:         Presspoint
Version:        1.0.0
*/

@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Mono:400,400i|IBM+Plex+Sans:400,400i|IBM+Plex+Serif:300,300i&display=swap');

body {
	font-size: 14px;
	font-family: 'IBM Plex Sans', sans-serif;
	margin: 0;
	padding: 0;
}
p {
	font-size: 1.25em;
}

header {
	background-color: #333;
	color: #DDD;
	width: 100%;
	height: 100px;
}
header a {
	color: #FFF;
}
#header {
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: center;
	background-size: cover;
}
#header.os-header-contain {
	background-size: contain;
}

#logo img {
	padding: 1em;
	max-height: 42px;
}

#menu {
	float: right;
	padding: 2em 0;
}
.menu {
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
}
.menu li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}
.menu a { 
	display: block;
	padding: 1em 2em;
	margin: 0;
	text-decoration: none;
	border: none;
	text-transform: uppercase;
}
.menu a:hover, 
.menu li.menu-on a, 
.menu .current-menu-item a { 
	color: #b16e18;
	text-decoration: none;
}
.menu li ul li { 
	display: block;
	text-align: left;
	width: 100%;
}
.menu li ul li a { 
	color: #FFF; 
}
.menu li ul li ul { 
	margin: -40px 0 0 200px;
}
.menu li:hover ul ul, 
.menu li.sfhover ul ul {
	left: -9999px;
}
.menu li:hover ul, 
.menu li li:hover ul, 
.menu li.sfhover ul, 
.menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


#menu-side {
	position: fixed;
	right: 0;
	width: 0;
}

#body {
	width: 100%;
}
#body h2 {
	color: #b16e18;
	text-align: center;
	font-size: 3em;
	padding: .5em;
}
#half-page-logo {
	padding-top: 20%;
	text-align: center;
	padding-bottom: 2em;
}
#half-page-brand {
	background-color: #fafafa;
	width: 100%;
	margin: 0;
}
img.logo {
	width: 100%;
}
.actions {
	padding: 1em 0;
}
.button, 
.button:hover, 
.button:active, 
.button:visited, 
.button-paid {
	padding: 1em;
	background-color: #1b305c; 
	color: #FFF;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #1b305c;
	text-decoration: none;
}
.actions .button {
	margin-right: 3em;
}
.button-paid {
	background-color: #FFF;
	color: #1b305c;
}

.os-pad-top {
	padding-top: 3em;
}

.os-wrap {
	margin-top: 2em;
}
.os-wrap-courses {
	background-color: #fafafa;
}
.os-wrap-course, 
.os-wrap-discussion {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	padding: 20px 0;
}
.os-wrap-course:hover {
	background-color: #FFF;
}
.os-wrap-discussion:hover {
	background-color: #fafafa;
}

.os-date, 
.os-mate {
	float: none;
	text-align: center;
	margin: 0 auto;
	width: 120px;
	height: 120px;
}
.os-date {
	background-color: cornflowerblue;
}
.os-dow, 
.os-day, 
.os-mon {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
}
.os-day {
	font-size: 50px;
	line-height: 50px;
	padding: 0;
	margin: 0;
}
.os-dow, 
.os-mon {
	padding: 10px 0;
	margin: 0;
	line-height: 15px;
	font-size: 15px;
}
.os-rsvp-list {
	padding: 2em 0;
}

.os-card {
	background-color: #fafafa;
}
.pp-theme-wrap {
	padding: 0;
}
.os-card .pp-theme-logo {
	margin: 1em 0;
}
.os-card .pp-theme-data {
	background-color: #ffffff;
	padding: 1em;
}

.os-home-more {
	margin: 0 auto;
	padding: 2em 0;
	text-align: center;
}
.os-home-more .button {
	background-color: #b16e18;
	border: 1px solid #b16e18;
}
.os-home-prev {
	padding: 3em 0 0 0;
}

.full-content {
	display: none;
	padding: 1em;
	background-color: #fafafa;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 1em;
}

.comments {
	float: none;
}
.commentlist li {
	font-size: 1.25em;
	padding: 10px;
	margin: 10px 0;
	background-color: #FFF;
	border: 1px solid transparent;
}
.commentlist li.alt {
		background-color: #f3fafc;
    border: 1px solid transparent;
}
.essay-scroll, .comment-scroll {
	cursor: pointer;
}
.comments .pp-history-details {
	font-size: 1.25em;
}

.paupress ul.children {
	float: left;
	margin: 1% 0 1% 10%;
	background-color: #fafafa;
	display: block;
	width: 88%;
	padding: 1%;
}

.os-theme-modal {
	padding-top: 25%;
	text-align: center;
}
.os-theme-modal-button {
	padding: 2em;
}
.os-theme-modal-button a {
	width: 100%;
	display: block;
}
.os-theme-modal-button a.os-alt {
	background-color: #b16e18;
	border-color: #b16e18;
}

.os-widget {
	margin: 1em;
	padding: 1em;
	background-color: #FFF;
	clear: both;
}
.os-sidebar-bg {
	background-color: #fafafa;
}

/*	------------------------------------------------------- 
	SIDE MENU
	------------------------------------------------------- */

#side .menu-item {
	margin-bottom: 4px;
}
#side li a {
	padding: 7px;
	font-size: 12px;
	line-height: 1em;
	font-weight: 700;
	color: #FFF;
	background-color: #777;
	border-radius: 25px;
	cursor: pointer;
	text-decoration: none;
	display: block;
}
#side .menu-item a:hover {
	color: #FFF;
	background-color: #5fd60a;
	border: none;
}

#side .sub-menu {
	display: none;
}
#side .current-menu-item .sub-menu, 
#side .current-menu-parent .sub-menu {
	display: block;
	padding: 5px 0 0 10px;
}
#side .sub-menu .menu-item a {
	color: #0073aa;
	background-color: #5fd60a;
}
#side .menu-item .sub-menu .menu-item a:hover {
	color: #5fd60a;
}
#side .current-menu-item a, 
#side .sub-menu .current-menu-item a, 
#side .current-menu-parent a {
	color: #FFF;
	background-color: #5fd60a;
}

#top-menu a {
	font-weight: 500;
	font-size: 1.15em;
}
#top-menu .sub-menu a {
	font-weight: 500;
	padding: 10px;
}

footer {
	background-color: #DDD;
	color: #333;
	width: 100%;
	height: 100px;
	padding: 2em 0;
	margin-top: 20em;
}
footer a {
	color: #333;
}

input[type="text"], input[type="password"] {
	width: 100%;
	padding: 1em;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #DDD;
}

#copy, 
#made {
	text-align: center;
}

#pp-login-form {
	padding-top: 25%;
}

#pp-login-form .pp-button {
	display: none;
}

@media screen and (min-width: 769px) {
}

@media screen and (max-width: 768px) {
}