/*
Theme Name: Swell
Theme URI: http://strapless.dylanized.com/
Description: A very simple base theme
Author: Dylan Hassinger
Version: 2.0
License: GNU General Public License
Tags: base-theme, minimalist, responsive
*/

@import url("css/bootstrap.min.css");

/* global */
body{font-family: Helvetica, sans-serif; margin: 0; padding: 0; color: #A5A5A5;}
.container{background-color: #FFF; max-width: 960px;border-left: #e1e1e1 solid 1px; border-right: #e1e1e1 solid 1px;}
.pad-top{padding-top: 12px; overflow: hidden;}
.sidebar-widgets, #content{margin: 20px 0 30px;}

/* header */
#header{background: #F5F5F5; }
.logo-icon{float: left;}
.tagline{float: left;color: #233d80; padding: 0 0 0 10px;}
.tagline .logo .head{font-size: 20px;font-weight: bold;padding: 16px 0 2px 0;letter-spacing: 0.02em;}
.tagline .logo .head a,.tagline .logo .tag a{color: #233d80; font-weight: bold; line-height: 0;}
.tagline .logo a:hover,.tagline .logo a:focus{text-decoration: none;}
.tagline .logo .head a{font-size: 20px; line-height: 20px;}
.tagline .logo .tag a{font-size: 12px; line-height: 12px;}
.tagline span.head,.tagline span.tag, .tagline span.head, .tagline span.tag{font-family: Helvetica, sans-serif; display: block;}
.tagline span.head{line-height: 20px;font-weight: normal;}
.tagline span.tag{line-height: 12px;}
.tagline .tm{margin-left: -5px; font-weight:normal;}
.tagline .tm small{font-weight: normal; font-size: 100%;  font: inherit; vertical-align: baseline;}
.header-right{margin-bottom: 20px; margin-top: 5px;}

#crumbs{margin-top: 15px; color: #0088DC; font-weight: bold;}
#crumbs a{color: #0088DC; font-weight: bold;}
/* Content */
#content-wrapper{clear:both; background: #C7DBF7; overflow: hidden;}
#content-wrapper .container{}
.hp-top{background: url('images/title-bg.png') repeat-x 0 0 transparent;padding: 8px 12px;margin: 20px auto 0;border-top-left-radius: 10px;border-top-right-radius: 10px;font-weight: bold;overflow: hidden;max-width: 960px;}
.hp-top h1.page-title {color: #233D80;float: left;font-size: 24px;font-weight: normal;margin: 0 0 0 0;}

#content-wrapper .thumbnail .caption{color: #A5A5A5;}
.wpcw_fe_quiz_box_wrap ul.wpcw_fe_quiz_q_answers>li{display:block;position:relative;padding-left:25px;}
.wpcw_fe_quiz_box_wrap ul.wpcw_fe_quiz_q_answers>li input[type="radio"]{position:absolute;margin-left:-20px;margin-top:0;}

/* sidebar */
.sidebar-widgets .panel-default>.panel-heading{background-color: #FFF; border: none;font-size: 16px;font-weight:bold;color: #A5A5A5;}
.sidebar-widgets{background: #F5F5F5; padding: 20px 15px 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; overflow: hidden;}
.sidebar-widgets ul, .sidebar-widgets ol{padding-left: 15px;}
.sidebar-widgets .panel-default{background: #FFF; box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none; border:none;}
.sidebar-widgets a{color: #A5A5A5;}

/* footer */
#footer{background-color:#C7DBF7;font-size:12px;line-height:18px;}
#footer .container{border:0 none;background:#F5F5F5;}
#footer .col-md-4{min-height: 200px; background-color:#FFF; margin: 30px 0 30px 30px; width: 29.333333%; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
#footer h3{text-align: center; font-size: 16px;font-weight:bold;margin-bottom:10px; color: #A5A5A5;}
#footer .menu{padding-left:0;list-style-type:none;}
#footer a, #footer a:hover{color:#A5A5A5;font-weight:bold;text-decoration:none;}

#copyright{background-color:#C7DBF7;padding:20px 0;}
#copyright .container{background:none;border:0 none;}
#copyright p{font-size:11px;line-height:18px;color: #000; margin-bottom: 0;}

@media (min-width:992px) {
	
	/* nav */
	.navbar-default{background:#F5F5F5;border:none;margin-bottom:0;min-height:0;}
	#nav .container{padding:0;border-top:#f1f1f1 solid 1px;border-bottom:#f1f1f1 solid 1px;clear:both;font-size:16px;height:42px;background:url('./images/bg-main-nav.png') repeat-x;position:relative;}
	#nav-list{list-style-type:none;}
	#nav-list > li:first-child{padding-left:18px;}
	#nav-list > li{float:left;padding:10px 33px 10px 4px;position:relative;background:url('./images/main-nav-sep.png') top right no-repeat;}
	#nav-list > li:last-child{background:none;}
	#nav-list > li a{text-decoration: none;font-weight: bold;color:#8A8A8A;font-size:14px;padding:0;}
	#nav-list > li a:hover{color:#2ab801;}
	
	.single.single-course_unit #content-wrapper .container .row .col-md-8{padding-right:0;}
}

@media (max-width: 991px) and (min-width:768px) {
	#footer .col-md-4{overflow: hidden; width: auto; margin-right: 30px;}
	.hp-top{width: 750px;}
	.navbar-default {background-color: #F5F5F5;border: none; margin-bottom: 0;}
    .navbar-header {float: none;margin:0 15px;}
	.navbar-toggle {display: block;}
	.navbar-collapse {border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);}
	.navbar-collapse.collapse {display: none!important;}
	.navbar-nav {float: none!important;margin-top: 7.5px;}
	.navbar-nav>li {float: none;}
	.navbar-nav>li>a {padding-top: 10px;padding-bottom: 10px;}
	.collapse.in, .navbar>.container .navbar-brand{display:block !important;}
}