/* Our Colors
Red - #ed4c2e
Blue - #1074b6
Gray - #e7e8e9
Orange - #f39e32
Green - #92c756
*/

/* Better Helvetica */
body{margin:0;background-color:#e7e8e9;color:#333333;font-weight:300;font-size:15px;font-family: Helvetica, Arial, "Lucida Grande", sans-serif;line-height:20px;}

.body-bg-color { padding-bottom: 40px;background-color: #fafafa;}

h1,h2,h3,h4,h5,h6 {color:#f39e32; } /* color override further below for when headers over an other color */


/* NAVIGATION
-------------------------------------------------------------------*/
.navbar-fixed-top {
    position: relative;
    margin-bottom: 0px;
}

div.navbar div.navbar-inner div.container div.nav-collapse ul.nav li a {
	padding-top:38px;
    color: #fff;
    text-shadow: none;
}
div.navbar div.navbar-inner div.container div.nav-collapse ul.nav li a:hover {
    color: #f39e32;
    text-shadow: none;
}

.navbar-inverse .navbar-inner{
	background: #1051b6; /* Old browsers */
	background: -moz-linear-gradient(top,  #1051b6 0%, #1074b6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1051b6), color-stop(100%,#1074b6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #1051b6 0%,#1074b6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #1051b6 0%,#1074b6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #1051b6 0%,#1074b6 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #1051b6 0%,#1074b6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1051b6', endColorstr='#1074b6',GradientType=0 ); /* IE6-8 */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEwNTFiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMDc0YjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.navbar-fixed-top .navbar-inner, .navbar-static-top .navbar-inner {
    box-shadow: none;
}

ul.nav li {margin-top: 0px;}

.navbar .nav > li > a {
    float: none;
    padding: 10px 10px;
    color: #777777;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;
}

/* SEARCH Input Box In Nav */
#search-form {margin: 28px 20px 0 0;}

input#appendedInputButtons.input-medium { width: 100px;height: 16px;}
div#search-form.input-prepend form.form-inline span.add-on{padding-top: 1px; height: 19px;}

/* HOME PAGE
-------------------------------------------------------------------*/
#home-page .span6{margin-top: 20px}
div.body-bg-color div.container h1 { margin-top: 5px;font-size: 24.5px; line-height: 20px;}
div.body-bg-color div.container h2.lead {line-height: 10px;}

.home-banner {
	padding-top: 60px;
	padding-bottom: 60px;
	background: url('/images/home-banner.jpg') center center no-repeat;
	background-size: cover;
	color: #fff;
}
.home-banner h2 {
	color: #fff;
	font-size: 24.5px;
	margin-bottom: 0;
}

/* BootStrap Overide
----------------------------------------------------------------- */

.btn{
	border-color: #F28900;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	background-color: #F28900;
	background-image: -moz-linear-gradient(top, #FCA208, #F28900);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FCA208), to(#F28900));
	background-image: -webkit-linear-gradient(top, #FCA208, #F28900);
	background-image: -o-linear-gradient(top, #FCA208, #F28900);
	background-image: linear-gradient(to bottom, #FCA208, #F28900);
	background-repeat: repeat-x;
	color: #FFFFFF;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCA208', endColorstr='#F28900', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	*background-color: #F28900;
	
  text-shadow: none;
	background-image:none;
	border:1px solid transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  
  -webkit-border-bottom-left-radius: 0;
  -moz-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  
  -webkit-border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  
  -webkit-border-top-left-radius: 0;
  -moz-border-top-left-radius: 0;
  border-top-left-radius: 0;
  
  -webkit-border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
  border-top-right-radius: 0;
}
.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
	background-color: #F28900;
	color: #FFFFFF;
	*background-color: #003bb3;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
p.btn a {color:#fff;}
p.btn a:hover {text-decoration: none;}

.btn-large {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.btn-small {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.btn-mini {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.btn-group > .btn:first-child {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn.large:first-child {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
}
.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}
.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 0 0;
  -moz-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
}

/* FORM INPUTS */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.uneditable-input,
.uneditable-textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow:none;
  box-shadow: none;
}
.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-search .input-append .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-search .input-append .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.form-search .input-prepend .btn {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* MISC STYLES
-------------------------------------------------------------------*/
.float-right{float:right;}
.no-left-margin {margin-left: 0}


/* SHARED ELEMENTS
-------------------------------------------------------------------*/

.featured-area {
	margin-top:20px;
	padding-bottom: 40px;
/*
	-webkit-border-radius: 5px;
    border-radius: 5px;
	background: #70c70e; 
	background: -moz-linear-gradient(top,  #70c70e 0%, #92c756 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#70c70e), color-stop(100%,#92c756)); 
	background: -webkit-linear-gradient(top,  #70c70e 0%,#92c756 100%); 
	background: -o-linear-gradient(top,  #70c70e 0%,#92c756 100%); 
	background: -ms-linear-gradient(top,  #70c70e 0%,#92c756 100%); 
	background: linear-gradient(to bottom,  #70c70e 0%,#92c756 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70c70e', endColorstr='#92c756',GradientType=0 );
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwYzcwZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5MmM3NTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
*/
}

.featured-area h4 {
/* 	color: #fefefe; */
	padding-left: 25px
}

#content-container .span9 {margin-top: 20px;}
.tool-thumbnail{
	width: 21%;
	float: left;
/* 	margin: 0 2%; */
	margin-bottom: 40px;
	border: 1px solid #efefef;
	-webkit-border-radius: 0;
	border-radius: 0;
	background-color: #fefefe;
/*
	-webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.3);
*/
}
.tool-thumb-interior {
	width: 31.00%;
	height: 220px;
	margin: 0px 0 20px 2.00%;
}
.tool-thumb-interior.first {margin: 0 0 20px 0px}

.tool-thumbnail img{
	width:100%; 
	height: auto; 
/*
	border-bottom:2px solid #92c756;
	border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
*/
}
.tool-thumbnail a:hover img {opacity: 0.8;filter:alpha(opacity=80);}

.tool-thumbnail p { margin:20px 0 0 5px; font-weight: bold; font-size: 14px; padding-bottom: 15px; font-weight: bold;}
.tool-thumbnail .btn {margin: 0px 5px 10px 5px;}

div.tool-thumbnail a.visible-desktop {width: 60px}
.category-bg {
	padding:20px 0 21px 10px; 
	width: 210px; 
	background-color: #e7e8e9; 
/*
	-webkit-border-radius: 0px 0px 5px 5px; 
	border-radius: 0px 0px 5px 5px;
*/
}
.tool-thumbnail__description {
	padding: 15px;
}
.tool-thumbnail__description :first-child {
	margin-top: 0;
}

.tool-media {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #efefef;
}

.padding-left {padding-left: 10px}

/* TOOL SPECIFIC PAGE
-------------------------------------------------------------------*/

.tool-info {padding-top: 40px;}
.video-note-area { margin-top: 10px;padding-top: 10px; padding-bottom: 20px; height: 100%}
.video-note-area img {width: 100%;}
.video-note-area h4 {padding: 0}

textarea#my_notes {width: 340px; height: 264px;}
#notes_form_created, #my_notes_form {margin-bottom: 0px;}

/* #load-video { margin-top: 10px;min-height:320px; height: 340px;} Removed to fix responsive iframe embed */
.tool-image {margin: 10px 0 0px 0;} /* this is incase there is no video for the lesson */
.tool-image img {margin-bottom: 10px}


.tool-meta-info {float: right; padding: 2px 30px 0 0px; width:36.5%; color:#999;}
.tool-meta-info h4 {font-size: 16px; line-height: 18px;}
.tool-meta-info a {display: block;}

#note_created_message {display:block; text-align: left; font-weight: bold;}

.form-message-success {color:#fff; }
.form-message-alert, form-message-alert {color: #ed4c2e;}

#notes_message {padding-left:10px; color: #fff; font-weight: bold;}

/* Share buttons */
.share-links {margin-top: 18px; font-size: 18px}
.share-links a:hover {text-decoration: none;}

/* Select Media Buttons */
.youtube-button, .image-button, .embed-button {
  position: relative;
  padding: 0;
  border: none;
  overflow: hidden;
  margin-top: 8px;
}
.youtube-button {
  padding-bottom: 13px;
}
.embed-button {
  width: 133.33px;
  height: 100px;
  background-color: #0088cc;
}
.embed-button .icon-play {
  color: white;
  font-size: 2rem;
  padding: 0;
}
.embed-button .icon-play:before {
  margin-bottom: 18px;
}
.youtube-button img {
  margin-top: -13px;
}
.media-button-text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #F28900;
  color: white;
  padding: 4px 2px;
}

/* ABOUT PAGE
-------------------------------------------------------------------*/

.about-even, .about-odd{display: block; height: auto;}

.about-even img {float:left; padding: 0 10px 0 0; width: 30%;}
.about-odd img {float:right; padding: 0 0px 0 10px; width: 30%;}

/* Register Pages
-------------------------------------------------------------------*/

.padding-top {padding:20px 0 0 0px}

/* Forms
-------------------------------------------------------------------*/
.form-horizontal .control-label {text-align: left}

/* SEARCH
-------------------------------------------------------------------*/

#search-results {min-height: 125px;}
#search-results img {display: inline; float: left; padding: 0 10px 0 0;}

/* FOOTER
-------------------------------------------------------------------*/
footer{
	padding: 20px 0 20px 0;
    background-color: #e7e8e9;
}

/* Accordions only used on Mobile
-------------------------------------------------------------------*/

.accordion-group{
	background-color: #F28900; margin-top: 10px;
}

.accordion-heading h4 a{color: #fefefe; text-decoration: none; padding: 0; margin: 0; line-height: 0px}

.accordion-body {background-color:#fff; border-color:#F28900}
/* Brightcove code to make videos resize
-------------------------------------------------------------------*/
// /* Leave this here for some reason if I remove the code breaks! */
#BCLcontainingBlock {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  width: 20%;
}
.BCLvideoWrapper {
  position: relative;
  padding-top: 1px;
  padding-bottom: 56.25%;
  height: 0;
}
* html .BCLvideoWrapper {
  margin-top: 0;
  margin-bottom: 45px;
  width: 100%;
  height: 100%;
}
.BCLvideoWrapper div,
.BCLvideoWrapper embed,
.BCLvideoWrapper object,
.BCLvideoWrapper iframe,
.BrightcoveExperience {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.BCLvideoWrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
}

.course-summary-info p {
	color: #F28900;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding-bottom: 10px;
}

/* JR */
.course-summary-info .course-summary-list {
	margin-left: 0px;
}
.course-summary-info .course-summary-list > li {
	color: #F28900;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	width: 100%;
	padding: 10px 0;
	list-style-type: none;
}
.course-summary-steps {
	margin: 10px 0 12px 25px;
}
.course-summary-steps > li{
	color: #333;
	font-weight: 300;
}
/* END JR */
.course-summary-info p:last-of-type {
	border-bottom: none;
	margin-top: 30px;
}
.course-ribbon {
	background-color: #F28900;
	color: #fff;
}
.course-ribbon p {
	margin-top: 10px;
}
.course-details {
	padding-left: 40px;
	position: relative;
	margin-bottom: 1em;
}
.course-details .course-icon {
	position: absolute;
	top: 0;
	left: 0;
}