/*
Theme Name: Hahn LMS
Description: Semantic, SEO Optimised, Custom Wordpress Theme for Hahn LMS
Author: #
Author URI: #
Version: 1.0
*/

/* Reset */
a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
tr, tt, ul, var {margin:0;padding:0;vertical-align:baseline}

/* Defaults */
:focus {outline:0}
a, a:visited {text-decoration:none}
a:hover {}
abbr, acronym, dfn {border-bottom:1px dotted;cursor:help}
blockquote {background:#EEE;border-left:2px solid #CCC;margin:0 0 1em}
blockquote p {margin:.5em}
body {background:#EEE;color:#000;font:14px/18px "Open Sans", Arial, Sans-Serif}
code, pre {font-size:1em}
del {text-decoration:line-through}
dfn {font-style:italic;font-weight:bold}
dt {font-weight:bold}
dd {margin:0 0 1em 10px}
fieldset {border:0}
fieldset p {margin:0 0 5px}
img {border:0;vertical-align:bottom}
ins {text-decoration:none}
h1 {font-size:24px;line-height:1.2em}
h2 {font-size:18px;line-height:1.2em;margin-bottom:10px}
h3 {}
h4 {}
hr {margin:0 0 0.5em}
p {margin:0 0 1em}
ul, ol {list-style:none;margin:0 0 1em}
textarea {font:1em Arial;overflow:auto}
tt {display:block;margin:0.5em 0;padding: 0.5em 1em}
th {background:#EEE;border:solid #CCC;border-width:1px 0 0 1px;padding:5px}
td {border:solid #CCC;border-width:1px 0 0 1px;padding:5px}
table {border:solid #CCC;border-width:0 1px 1px 0;width:100%}

/* Colours */
a,
a:visited,
h1,
h2 {color:#001650}

#header ul li a:hover,
#header ul li a:focus,
#header ul li.current_page_item a,
#header ul li.current-menu-item a,
.single-course #header ul li.menu-item-16 a,
.tax-state #header ul li.menu-item-15 a,
.tax-resource_type #header ul li.menu-item-17 a,
h1.entry-title,
input[type="submit"],
.btn,
.btn:visited {background-color:#007D59;color:#FFF}

/* Containers */
#page {background:#FFF;margin:0 auto;max-width:1000px}

/* Header */
#header {border-bottom:2px solid #CCC;overflow:hidden;padding:20px}
#header #logo {float:left}
#header #logo img {max-width:150px;height:auto}
#header span {display:block;font-style:italic;margin:4px 0 0}
#header ul {float:right;list-style:none;margin:35px 0 0}
#header ul li {float:left;margin:0 0 0 10px}
#header ul li a {border-radius:15px;float:left;padding:5px 10px;text-transform:uppercase}

/* Content */
#content {overflow:hidden;padding-bottom:20px;width:100%}
#main {float:left;width:75%}
#main.full-width {float:none;width:100%}
#content ul {list-style:disc;margin:0 0 1em 18px}
#content ol {list-style:decimal;margin:0 0 1em 22px}
#content .entry-content {padding:20px 20px 0}


	/* Heading */
	h1.entry-title {line-height:1.2em;padding:10px 20px}

	/* Courses */
	.type-course {border-bottom:1px solid #CCC;overflow:hidden;padding-bottom:20px;margin-bottom:20px}
	.type-course:last-child {border:0;padding:0;margin:0}
	.type-course .image {float:left;margin-right:20px}
	.type-course .details {float:left;width:60%}
	.type-course .enrol {float:right}
	.type-course dt {float:left;width:30%}
	.type-course dd {float:left;margin:0 0 10px;width:70%}

	/* Quiz */
	#quiz .question {margin-bottom:10px}
	#quiz .question label {margin-right:10px}
	#quiz .question h3 {margin-bottom:5px}
	#quiz .question textarea {height:100px;resize:vertical;padding:2%;width:96%}
	#quiz .wrong-answer{color:red;}
	#quiz .correct-answer{color:green;}
	#quiz .explanation{display:none;font-style: italic;background: #efefef;padding: 10px;margin-top: 5px;}
	#quiz .explanation.active, #quiz .explanation .active{display:block;}
	#quiz .h_correct, #quiz .h_incorrect, #quiz .correct_answer_sorting, #quiz .correct_answer_grouping, #quiz .explanation_content {display: none;}
	#quiz .explanation.correct-answer{color:inherit; background-color: #ccffcb;}
	#quiz .quiz_grouping + table {margin:0 !important;}
	#quiz .quiz_grouping + table tr > td:first-child { width: 60%;}
	#quiz .quiz_grouping + table tr > td:nth-child(2) { width: 40%;}
	#quiz .quiz_grouping + table tr > td:nth-child(2):before {
		content: " Drop here ";
		display: block;
		font-size: 10px;
		color: grey;
	}
	#quiz .group_item_list {min-height: 36px;margin-bottom: 14px;padding: 8px;border: 1px dotted gray;}
	#quiz .quiz_grouping .ui-sortable-handle {border: 1px solid gray;display: inline-block;padding: 4px 8px;margin: 2px;}
	#quiz .quiz_sorting .ui-sortable-handle {border: 1px solid gray;padding: 5px;margin: 2px;}
	#quiz .quiz_sorting .ui-sortable-handle:before {content: " ";width: 22px;height: 16px;background-image: url(assets/img/reorder.png);background-repeat: no-repeat;-webkit-background-size: cover;background-size: contain;display: inline-block;vertical-align: middle;}
	#quiz .explanation dl {margin: 0 !important;;padding-top: 5px !important;}
	#quiz .explanation dt, #quiz .explanation dd {float: none !important;font-size: 14px !important;}
	#quiz .explanation dd {text-indent: 20px;}
	#quiz .explanation.attempt_1 {background-color: red;color: white;}
	#quiz .explanation .attempt {display: none;}
	#quiz .explanation.attempt_1 .attempt {display: block;}

/* Post */
#content .post {border-bottom:1px solid #CCC;margin:0 0 25px}
#content .post .meta {font-style:italic}
#content .post h1 {border:0;margin:0}

/* Pagination */
#content #prev-next {list-style:none}
#content #prev-next #prev {float:left}
#content #prev-next #next {float:right}

/* Sidebar */
#sidebar {float:right;padding:20px 0;width:20%}
#sidebar h3 {margin-bottom:10px}

	/* Course Progress */
	#sidebar .course-progress {list-style:none;margin:0;padding:3px 0 1px;position:relative}
	#sidebar .course-progress li {font-weight:bold;padding:5px 10px;position:relative}
	#sidebar .course-progress li.disabled a {pointer-events:none}
	#sidebar .course-progress li.current:before {background:#84baf0}
	#sidebar .course-progress li.complete:before {background:#007D59}
	#sidebar .course-progress li:before {content:' ';height:100%;position:absolute;left:-5px;top:0;width:4px}
	#sidebar .course-progress li:first-child:before {border-top-left-radius:2px;border-top-right-radius:2px}
	#sidebar .course-progress:before {content:' ';background:#EEE;border:1px solid #CCC;border-radius:4px;height:100%;width:8px;left:-8px;position:absolute;top:0}
	#sidebar .course-progress ul {list-style:none;margin:0}
	#sidebar .course-progress ul li {font-weight:normal;padding:2px 10px}
	#sidebar .course-progress ul li.active a {text-decoration:underline}
	#sidebar .course-progress ul li.disabled a {pointer-events:none;color:#666}

	/*Form styles*/
	#content .gform_wrapper span.gform_description{line-height:23px;margin:0 0 14px}
	#content .gform_wrapper .gform_heading{margin:0}
	#content .gform_wrapper h3{letter-spacing:-1px;text-transform:uppercase;margin:0 0 10px;}
	#content .gform_body{overflow:hidden;margin:0;padding:0}
	#content .gform_body ul{margin:0;padding:0;list-style:none;overflow:hidden;}
	#content .gform_body ul li{vertical-align:top;margin:0 0 16px;overflow:hidden;width:100%}
	#content .gform_body ul li.no-margin{margin: 0;}
	#content .gform_body ul li.gfield_error textarea,
	#content .gform_body ul li.gfield_error input{border-color:#f00;background-color:#ffe0e0}
	#content .gform_body ul li.gfield_error ,
	#content .gform_body ul li.gfield_error {padding:0;border:none;background:none;}
	#content .gform_body ul li textarea,
	.login-content input[type="text"] ,
	.login-content input[type="password"] ,
	#content .gform_body ul li input{max-width: 301px;-webkit-box-shadow:inset 0 1px 3px 0 #787878;box-shadow:inset 0 1px 3px 0 #787878;font:14px/18px "Open Sans", Arial, Sans-Serif;height:43px;padding:9px 10px;line-height:26px;background:#fff;border:none;color:#4e4e4e;border-radius:3px;-webkit-border-radius:3px;width:100%; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box}
	#content .gform_body ul li input{max-width:100%}
	#content .gform_body ul li textarea{max-width:100%}
	#content .gform_body .screen-reader-text{clear: both;display:block;font-size:12px;}
	#content .gform_body ul li input[type="file"]{padding:0;width:auto;float: left;height: auto;max-width:100%;border:none;background:none;box-shadow:none;-webkit-box-shadow:none}
	#content .gform_body ul li textarea{height:145px}
	#content .gform_footer{padding:9px 0;margin:0;overflow:hidden;}
	.login-content .row{margin:0 0 15px}
	#content .gform_page_footer input[type="button"]{cursor:pointer;border:none;}
	.login-content input[type="submit"],
	#content .gform_page_footer input[type="button"],
	#content .gform_footer input{text-transform:uppercase;width:159px;height:36px;padding:0;font:14px/36px "Open Sans", Arial, Sans-Serif;border-radius:4px;-webkit-border-radiu:4px;color:#fff;}
	#content .gform_body ul li textarea::-webkit-input-placeholder,
	.login-content input[type="text"]::-webkit-input-placeholder,
	.login-content input[type="password"]::-webkit-input-placeholder,
	#content .gform_body ul li input::-webkit-input-placeholder { color:#4e4e4e;opacity:1!important}
	#content .gform_body ul li textarea::-moz-placeholder,
	.login-content input[type="text"]::-moz-placeholder,
	.login-content input[type="password"]::-moz-placeholder,
	#content .gform_body ul li input::-moz-placeholder { color:#4e4e4e;opacity:1!important}
	#content .gform_body ul li textarea:-ms-input-placeholder,
	.login-content input[type="text"]:-ms-input-placeholder,
	.login-content input[type="password"]:-ms-input-placeholder,
	#content .gform_body ul li input:-ms-input-placeholder{ color:#4e4e4e;opacity:1!important}
	#content .gform_body ul li textarea:-moz-placeholder,
	.login-content input[type="text"]:-moz-placeholder,
	.login-content input[type="password"]:-moz-placeholder,
	#content .gform_body ul li input:-moz-placeholder{ color:#4e4e4e;opacity:1!important}
	.login-content input[type="submit"]{margin-bottom:20px}
	.login-content{padding:32px 0 0}
	#content .gform_body  input[type="radio"],
	#content .gform_body  input[type="checkbox"]{box-shadow:none;-webkit-box-shadow:none;border:none;height:16px;width:16px;float:left;margin:5px 10px 2px 5px}
	#content .registration  .gform_body ul li label{display:block;}
	#content .registration  .gform_body ul li  input{max-width:100%}
	#content .registration  .gform_body ul li {margin:0 0 15px}
	#content .registration  .gform_body ul li .select-area{width:100%!important}
	#content .registration  .gform_body ul li input[type="checkbox"]{height:16px;float:left;margin:1px 10px 5px 5px}

/* Footer */
#colophon {background:#666;color:#FFF;clear:both;padding:5px 10px;overflow:hidden}
#colophon p {float:left}
#colophon ul {float:right;list-style:none}
#colophon ul li {display:inline;margin:0 0 0 20px}

/* Image Alignment */
img.aligncenter {display:block;margin-left:auto;margin-right:auto}
img.alignright {display:inline;margin:0 0 2px 7px;padding:4px}
img.alignleft {display:inline;margin:0 7px 2px 0;padding:4px}
.alignright {float:right}
.alignleft {float:left}

/* Captions */
.wp-caption {background:#f3f3f3;border:1px solid #ddd;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img {border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text {font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* Tabs */
#content .tabs {list-style:none;margin:0;overflow:hidden;width:100%}
#content .tabs li {cursor:pointer;float:left}
#content .tabs li a, #content .tabs.js li {background:#EEE;border:1px solid #CCC;border-left-width:0;float:left;padding:10px 15px}
#content .tabs li:first-child a, #content .tabs.js li:first-child {border-left-width:1px}
#content .tabs li.current,
#content .tabs li.current-cat a,
.post-type-archive-resources #content .tabs li:first-child a,
.post-type-archive-event #content .tabs li:first-child a {background:#FFF;border-bottom-color:#FFF;margin-bottom:-1px;padding-bottom:11px}

.tab-content {border:1px solid #CCC;margin-top:-1px;overflow:hidden;padding:20px}
.tab-wrapper.js .tab-content {display:none}
.tab-wrapper.js .current {display:block}

/* Forms */
input[type="submit"], .btn {border:0;border-radius:10px;cursor:pointer;display:inline-block;font-weight:bold;padding:10px 15px;-webkit-appearance:none}

/* Registration */
#content .registration .gform_body ul li.show-validation .validation_message {display:block}

/* Debug */
.debug-wrapper {background:#333;color:#FFF;font-size:14px;line-height:1.2em;padding:20px}
.debug-wrapper h3 {margin-bottom:10px}
.debug-wrapper h4 {border-top:1px solid #FFF;font-size:16px;margin-bottom:10px;padding-top:10px}
.debug-wrapper th {background:#000}
.debug-wrapper table, .debug-wrapper pre, .debug-wrapper p {margin-bottom:10px;white-space: pre-wrap}

.login-form label {
	display: inline-block;
	width: 100px;
}

.education-b-crumb .active {
	font-weight: bold;
}
