/* == HTML5 display definitions ====================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }


/* == Base ====================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }
body { margin: 0; font-size: 16px; line-height: 1; }
body, button, input, select, textarea { font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #282828; background: #fff; }
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
a { text-decoration: none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
h1,h2,h3,h4,h5,h6,p { margin: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #fff; margin: 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 0; padding: 0 0 0 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* == access fonts ===================================================== */

@font-face
{
    font-family: "ProximaNova";
    src: url('/assets/fonts/ProximaNova-Regular.html')
}
@font-face
{
    font-family: "ProximaNova-Bold";
    src: url('/assets/fonts/ProximaNova-Bold.otf')
}

/* == primary styles ===================================================== */
.sprite {
    background: url(/assets/img/spritemap.png);
    display: block;
    text-decoration: none;
    text-indent: -9999em;
    outline: none;
}
.button {
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-weight: bold;
    padding: 0 16px;
    display: inline-block;
    border-radius: 3px;
    border: none;
}
.button:hover {
    opacity: 0.75;
}
.button.red 	{ background: #d94145; }
.button.white 	{ background: #fff; color: #d94145; }

#inline_spinner {
    width: 30px;
    height: 30px;
    position: absolute;
}


/* == Normal width parameters: 940px - 1600px == */
.wrapper{
    width: 100%;
    max-width: 940px;
    position: relative;
    margin: 0 auto;
}
/* == Header == */
header.main {
    height: 110px;
    background: #fff;
}

header .header-wrapper{
    width: 960px;
    margin: auto;
}

header.main h1 {
    padding: 30px 0 0 110px;
    font-weight: normal;
    font-style: italic;
    width: 190px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
}

.oc-tagline{
    float:left;
}

header.main .oc-tagline {
    padding: 13px 0 0 10px;
    font-weight: normal;
    font-style: italic;
    width: 190px;
    font-size: 15px;
    line-height: 20px;
    position: relative;
}
header.main div > a {
    color: #5e5e5e;
    float: left;
    margin: 24px;
    width: 300px;
}
header.main h1 .glam {
    width: 100px;
    height: 65px;
    background-position: 0 -355px;
    position: absolute;
    top: 18px;
    left: 0;
}

.oc-logo{
    background: url('/assets/img/spritemap.png') no-repeat 0 -356px;
    width: 94px;
    height: 62px;
    float:left;
}

.logo {
    width: 364px;
    height: 61px;
    margin-top: 24px;
    float: left;
    background-position: 0 -356px;
}
.actions,
footer.main ul {
    float: right;
    width: 150px;
    padding-top: 60px;
}
.actions {
    font-family:"ProximaNova-Bold";
    width: 275px;
}
.actions li,
footer.main li {
    margin-left:30px;
    display: inline;
}
.actions li:first-child:after,
footer.main li:after,
.results .filters li a:after {
    vertical-align: text-bottom;
    color: #282828;
    padding: 0 4px 0 8px;
}
.actions a,
footer.main a {
    color: #191919;
    text-decoration: none;
    font-size: 13px;
}
.actions li,
.actions a.sign_up,
.actions a.my_lists {
    font-size: 13px;
    float:left;
}

.actions a.sign_up{
    color: #af462e;
}

/* == Homepage == */
.monetization-container{
    *background-color: #ebeef3;
    width:auto;
    border-top: 1px solid #cfd5dc;

}

.monetization-content{
    width:960px;
    height: 80%;
    vertical-align: middle;
    margin-left:auto;
    margin-right: auto;
    padding-top:20px;
}

.monetization-content h2{
	text-align:center;
	padding:20px 0 10px;
	width:auto;
	margin-left:auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-family:"ProximaNova-Bold";
	font-weight:normal;
	font-size:200%;
        line-height:130%;
        padding-right:20px;
        color:#0077b3;
}

.monetization-content .fields{
    width:750px;
    padding-right: 45px;
    padding-left: 45px;
    padding-top: 25px;
    margin-left:auto;
    margin-right:auto;
    border-top: 1px solid #cfd5dc;
    border-bottom: 1px solid #cfd5dc;
}

.monetization .copy-sponsored{
    text-align: center;
    color: #fff;
    font-family: "ProximaNova";
    font-size: 11px;
    padding: 0 0 10px;
}
.first-section{
    width: auto;
    border-top: 1px solid #cfd5dc;
    border-bottom: 1px solid #cfd5dc;
}
.first-section-content{
    width: 960px;
    height: 80%;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
}
.first-section-content h1{
    text-align: center;
    padding: 15px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 17px;
    font-family: "ProximaNova";
    font-weight: normal;
    font-size: 200%;
    line-height: 130%;
}
.first-section-content .description{

    text-align: center;
    color: #5e5e5e;
    font-size: 17px;
    padding-bottom: 20px;
    line-height: 25px;

}

.monet_widget{
    overflow: hidden;
}

.monet_widget .widget_left{
    float:left;
    width: 40%;
    margin-right: 5%;
    padding-left: 25px;
}
.monet_widget  p{
  text-align: justify;
  margin-top: 20px;
  color: #5e5e5e;
  line-height: 27px;
  font-size: 14px;
  padding-right: 5px;
}

.monet_widget .widget_right {

    float:left;
    width: 51%;

}
.monet_widget .widget_right h2{
    margin-bottom: 35px;
}

.category-container{
    *height: 840px;
    height: 475;
    width:auto;
    *background-color: #fff;
    background-color: #ebeef3;
}

.category-content{
    width:960px;
    height: 80%;
    vertical-align: middle;
    margin-left:auto;
    margin-right: auto;
    padding-top:50px;
}

.category-content .category-content-copy h3{
    font-family: "ProximaNova-Bold";
    color: #5cace3;
    font-size: 80%;
    font-weight:normal;
    text-align: center;
}

.category-content .category-content-copy h2{
    font-family: "ProximaNova";
    color: #5e5e5e;
    font-size: 145%;
    font-weight:normal;
    text-align: center;
    margin: 20px 0 40px 0;
    line-height: 140%;
}

.category-content select.browse-category-button{
    width: 240px;
    height:40px;
    border: 1px solid #ffc6bc;
    color: #af462e;
    font-size: 100%;
    font-family: "ProximaNova-Bold";
    font-size: 80%;
    background-color: #fff;
    -webkit-appearance: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display:block;
    padding: 11px;
    padding-left: 39px;
}

.orange-downarrow{
    background: url('/assets/img/home/sprite.png') no-repeat -9px -181px;
    width: 6px;
    height: 4px;
    display:inline-block;
    padding: 1px;
}

.orange-rightarrow{
    background: url('/assets/img/home/sprite.png') no-repeat 0 -181px;
    width: 4px;
    height: 6px;
    display:inline-block;
    padding: 1px;
}

.black-downarrow {
    background: url('/assets/img/blackarrow.png');
    display:inline-block;
    width: 10px;
    height: 9px;
}

.category-content img#browse-category-copy-image{
    width: 100%;
    height: auto;
    margin: 30px auto 0 auto;
}

.question-icon{
    background: url('/assets/img/home/sprite.png') no-repeat 0 -237px;
    width: 60px;
    height: 60px;
    position:relative;
    *margin-top:87px;
    margin-top: 12px;
    margin-left:auto;
    margin-right:auto;
    top:25px
}

.how-to-container{
    width:auto;
    background-color: #f7f9f9;
}
.top-ten-colleges{
    border-bottom:1px solid #cfd5dc;
}
.how-to-content, .top-colleges{
    width:960px;
    vertical-align: middle;
    margin-left:auto;
    margin-right: auto;
    padding-top:25px;
}

.how-to-content h2, .top-colleges h2{
    font-family: "ProximaNova";
    color: #000;
    font-size: 185%;
    font-weight:normal;
    text-align: center;
    margin: 20px 0 40px 0;
}

.how-to-content p{
    font-family: "ProximaNova";
    color: #5e5e5e;
    font-size: 120%;
    text-align: center;
    margin: 20px 0 20px 0;
}

.top-colleges p{
    font-family: "ProximaNova";
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #5e5e5e;
}
.top-colleges table{
    margin-bottom: 50px;
}

.top-colleges table tr td,.top-colleges table tr th{
    border: 1px solid #5e5e5e;
    width: 33%;
    padding: 10px;
    color: #5e5e5e;
    vertical-align: middle;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    font-family: "ProximaNova";}
.top-colleges table tr th{
    color: #000;
    background-color: #f2f2f2;
    font-weight: bold;
    }
    .top-colleges table tr td a{
        color: #056091;
    }
/* Carousel Side-by-side */
.how-to-content .how-to-carousel{
    position:relative;
    padding: 15px;
}

.how-to-content .how-to-carousel .clearfix{
    clear:both;
    float:none;
}

.how-to-content .how-to-carousel .carousel-page{
    width: 900px;
    height: 200px;
    margin:10px;
    float:left;
}

.how-to-carousel .copy-text{
    /*padding-top:23px;*/
    padding-right: 20px;
    float: right;
    width: 43%;
}

.how-to-carousel .copy-text.no-img{
    /*padding-top:70px;*/
    float: none;
    width: 52%;
    margin: 0 auto 0 auto;
    text-align:center;
}

.how-to-carousel .copy-text.no-img p{
    text-align:center;
}

.how-to-carousel h3{
    color: #af462e;
    font-size: 90%;
    margin-bottom: 10px;
}

.how-to-carousel p{
    margin:0;
    font-size: 100%;
    text-align:left;
    line-height: 20px;
}

.how-to-carousel .carousel-img{
    width:50%;
    height:auto;
    float:left;
}

.how-to-carousel .how-to-copy-prev{
    background: url('/assets/img/home/sprite.png') no-repeat 0 -302px;
    width: 40px;
    height: 40px;
    display:block;
    position:absolute;
    top:25%;
    left: 0%;
    cursor: pointer;
}

.how-to-carousel .how-to-copy-next{
    background: url('/assets/img/home/sprite.png') no-repeat -45px -302px;
    width: 40px;
    height: 40px;
    display:block;
    position:absolute;
    top:25%;
    right: 0%;
    cursor: pointer;
}

.how-to-carousel .pagination {
    text-align: center;
    /*margin: 30px;*/
    margin-top: 30px;
}
.how-to-carousel .pagination a {
    background: url("/assets/img/home/sprite.png") -104px -302px no-repeat;
    width: 11px;
    height: 10px;
    margin: 0 5px 0 0;
    display: inline-block;
}
.how-to-carousel .pagination a.selected {
    background-position: -90px -302px;
    cursor: default;
}
.how-to-carousel .pagination a span {
    display: none;
}

/* Carousel Column **********************/
.how-to-content .how-to-carousel-column{
    position:relative;
    padding: 15px;
}

.how-to-content .how-to-carousel-column .clearfix{
    clear:both;
    float:none;
}

.how-to-content .how-to-carousel-column .carousel-page{
    width: 760px;
    float:left;
}

.how-to-carousel-column .copy-text{
    padding-top:23px;
    width: 80%;
    margin: 0 auto 0 auto;
}

.how-to-carousel-column .copy-text.no-img{
    padding-top:70px;
    float: none;
    width: 52%;
    margin: 0 auto 0 auto;
    text-align:center;
}

.how-to-carousel-column .copy-text.no-img p{
    text-align:center;
}

.how-to-carousel-column h3{
    color: #af462e;
    font-size: 90%;
    margin-bottom: 10px;
}

.how-to-carousel-column p{
    margin:0;
    font-size: 100%;
    text-align:left;
    line-height: 20px;
}

.how-to-carousel-column .carousel-img{
    display:block;
    margin:auto;
}

.how-to-carousel-column .how-to-copy-prev{
    background: url('/assets/img/home/sprite.png') no-repeat 0 -302px;
    width: 40px;
    height: 40px;
    display:block;
    position:absolute;
    top:40%;
    left: 20px;
    cursor: pointer;
}

.how-to-carousel-column .how-to-copy-next{
    background: url('/assets/img/home/sprite.png') no-repeat -45px -302px;
    width: 40px;
    height: 40px;
    display:block;
    position:absolute;
    top:40%;
    right:20px;
    cursor: pointer;
}

.how-to-carousel-column .pagination {
    text-align: center;
    margin: 30px;
}
.how-to-carousel-column .pagination a {
    background: url("/assets/img/home/sprite.png") -104px -302px no-repeat;
    width: 11px;
    height: 10px;
    margin: 0 5px 0 0;
    display: inline-block;
}
.how-to-carousel-column .pagination a.selected {
    background-position: -90px -302px;
    cursor: default;
}
.how-to-carousel-column .pagination a span {
    display: none;
}

/* Carousel Column END************/

.discover{
    color: #fff;
    font-family: "ProximaNova";
    background-color: #056091;
    border-top: 3px solid #015b81;
    padding:30px 0 30px 0;
}

.discover-container{
    margin: auto;
}
.discover-description{
    text-align: center;
    font-size: 20px;
    padding-bottom: 20px;
    line-height: 25px;
}
.discover-content{
    width: 100%;
    margin-left:auto;
    margin-right:auto;
}
.discover .discover-container-home{
    width: 960px;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    padding-top: 25px;
}

.light-bulb-img{
    background: url("/assets/img/home/sprite.png") no-repeat -65px -237px;
    width: 60px;
    height: 60px;
    margin-left:auto;
    margin-right:auto;
}

.discover-top-copy{
    margin-top: 30px;
    margin-bottom: 30px;
    /*height: 80px;*/
}
.main-container .discover-top-copy h1{
    width: 600px;
    text-align:center;
    font-weight:normal;
    font-size: 200%;
    /*margin-bottom: 35px;*/
    margin-left:auto;
    margin-right:auto;
    color:#fff;
}
.discover-top-copy h2{
    width: 600px;
    text-align:center;
    font-weight:normal;
    font-size: 200%;
    /*margin-bottom: 35px;*/
    margin-left:auto;
    margin-right:auto;
    color:#fff;
}

.discover-top-copy p{
    display: block;
    float:left;
    width: 45%;
    margin: 0 24px 0 24px;
    font-size: 90%;
    line-height: 18px;
}

.discover-tab{
    width: 50%;
    background-color: #1a88bc;
    height: 45px;
    float:left;
    text-align: center;
    line-height: 45px;
    font-family:"ProximaNova-Bold";
    font-size: 90%;
    margin-bottom: 45px;
    cursor:pointer;
}

.discover-tab.active{
    cursor: default;
    background-color: #00759e;
}

.discover-selected{
    background: url('/assets/img/home/sprite.png') no-repeat 0 -347px;
    width: 20px;
    height: 10px;
    position:relative;
    top: 45px;
    right:-230px;
}

.discover-copy{
    margin-top: 30px;
    clear:both;
    margin: 30px 7% 0;
}

.discover-copy h2{
    font-family:"ProximaNova";
    font-weight: normal;
    font-size: 185%;
    margin: 5px 0 20px 0;
    color:#fff;
}

.discover-copy h3{
    font-family:"ProximaNova-Bold";
    font-weight: normal;
    font-size: 90%;
    color:#fff;
}

.discover-copy p{
    font-family:"ProximaNova";
    font-weight: normal;
    line-height: 20px;
    font-size: 100%;
    color:#fff;
}

.discover-stories{
    margin: 30px 0 30px 70px;
    padding: 10px 0 10px 0;
    border-left: 3px solid #007cb2;
}

.story-date{
    position:absolute;
    left:-64px;
}

.story-point{
    margin: 15px 0 15px 0px;
    position:relative;
}

.story-bullet{
    background: url('/assets/img/home/sprite.png') no-repeat 0 -374px;
    width: 31px;
    height: 31px;
    position:absolute;
    left:-17px;
}

.story-arrow{
    background: url('/assets/img/home/sprite.png') no-repeat -25px -347px;
    width: 14px;
    height: 22px;
    position:absolute;
    left:16px;
}

.story-copy, .people-copy{
    margin-left: 30px;
    padding: 25px;
    background-color: #218abe;
}

.story-copy, .people-copy h3{
    font-family:"ProximaNova-Bold";
    font-weight:normal;
    font-size: 95%;
    margin-bottom: 10px;
    color: #fff;

}

.story-copy, .people-copy p{
    font-size: 95%;
    font-family: "ProximaNova";
    line-height: 20px;
    width: 765px;
}

.discover-people{
    margin: 55px 0 30px 70px;
}

.people-point{
    margin: 15px 0 15px 0px;
    position:relative;
    padding-left:35px;
}

.people-point img{
    position:absolute;
    left:-70px;
    border: 8px solid #1d74a2;
}

.people-point .people-arrow{
    background: url('/assets/img/home/sprite.png') no-repeat -25px -347px;
    width: 14px;
    height: 22px;
    position:absolute;
    left:51px;
    top: 14px;
}

.statistics{
    color: #000;
    font-family: "ProximaNova";
    background-color: #f4f4f0;
    padding:30px 0 30px 0;
    /*height: 5000px;*/
    margin-top: 35px;
}

.statistics-container{
    margin: auto;
}

.statistics-icon{
    background: url('/assets/img/home/sprite.png') no-repeat -130px -237px;
    width: 60px;
    height: 60px;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top: -60px;
}

.statistics-content{
    /*width: 960px;*/
    margin-left:auto;
    margin-right:auto;
}

.statistics-top-copy{
    margin-top: 30px;
    margin-bottom: 30px;
    height: 230px;
    width: 100%
}

.main-container .statistics-top-copy h1{
    /*width: 600px;*/
    text-align:center;
    font-weight:normal;
    font-size: 200%;
    margin-bottom: 35px;
    margin-left:2px;
    margin-right:2px;
}

.statistics-top-copy p{
    display: block;
    float:left;
    width: 42%;
    margin: 0 24px 10px 24px;
    color: #5e5e5e;
    font-size: 90%;
    line-height: 18px;
}

.statistics-tab{
    width: 50%;
    background-color: #E8E7E4;
    color: #70706d;
    height: 45px;
    float:left;
    text-align: center;
    line-height: 45px;
    font-family:"ProximaNova-Bold";
    font-size: 90%;
    margin-bottom: 40px;
    cursor:pointer;
}

.statistics-tab.active{
    cursor: default;
    background-color: #cccbc6;
}

.statistics-selected{
    background: url('/assets/img/home/sprite.png') no-repeat -44px -347px;
    width: 20px;
    height: 10px;
    position:relative;
    top: 45px;
    right:-230px;
}

.statistics-copy{
    margin-top: 30px;
    clear:both;
    margin: 0 24px 0 24px;
}

.statistics-copy h2{
    font-family:"ProximaNova";
    font-weight: normal;
    font-size: 185%;
    margin: 5px 0 20px 0;
}

.open-courseware-header-container{
    margin-top: 30px;
}

.statistics-copy p{
    font-family:"ProximaNova";
    font-weight: normal;
    color:  #5e5e5e;
    line-height: 20px;
    font-size: 100%;
}

.statistics-figures{
    height: 586px;
    margin: 0 24px 0 24px;
}

.figures-point{
    margin: 15px 21px 15px 21px;
    width: 30%;
    float:left;
    display:block;
}

.figures-point:first-child{
    margin: 15px 5px 15px 0px;
    width: 30%;
    float:left;
    display:block;
}

.figures-point:last-child{
    margin: 15px 0px 15px 5px;
    width: 30%;
    float:left;
    display:block;
}

.figures-point img{
    margin: 20px 0 20px 0;
}

.figures-point h2{
    font-weight:normal;
    font-size: 160%;
}

.figures-point h3{
    font-family: "ProximaNova-Bold";
    font-weight:normal;
    font-size: 95%;
    color: #ff792d;
    margin: 6px 0 20px 0;
}

.figures-point p{
    line-height: 20px;
    color:  #5e5e5e
}

.bar-graph-icon{
    background: url('/assets/img/home/sprite.png') no-repeat 0 -410px;
    width: 19px;
    height: 21px;
    float:left;
    margin: 9px 12px 0px 0;
}

.stats-block{
    float:left;
    border-bottom: 1px solid #d9d9d5;
    padding-bottom: 40px;
    /*margin:0;*/
}
.statistics-stats{
    padding: 0 24px;
}

.statistics-stats h3{
    color: #ff792d;
    font-weight: normal;
    font-family: "ProximaNova-Bold";
    font-size: 100%;
    margin:0 0 10px 0;
}

.statistics-stats h2{
    color: #000;
    font-weight: normal;
    font-size: 125%;
    margin:0 0 45px 0;
}

.statistics-stats h4{
    color: #ff792d;
    font-weight: normal;
    font-family: "ProximaNova-Bold";
    font-size: 80%;
    margin:30px 0 15px 0;
}

.statistics-stats p{
    color: #a5a4a3;
    line-height: 20px;
}

.enrollment-line-graph img{
    width: 510px;
    height: 375px;
    float:left;
    margin-right: 30px;
}

.key-trend{
    float:left;
    padding: 40px 0 40px 0;
    border-bottom: 1px solid #d9d9d5;
}

.offerings-bar-graph img{
    width: 510px;
    height: 375px;
    margin-right: 30px;
    margin-bottom: 30px;
    float:left;
}

.agreement-line-graph img{
    width: 100%;
    height: 100%;
}

.survey-findings{
    float:left;
    padding: 40px 0 40px 0;
    border-bottom: 5px solid #ecece7;
}

.survey-findings.no-border{
    float:left;
    padding: 40px 0 40px 0;
    border-bottom: 0;
}

.survey-findings.small-border{
    float:left;
    padding: 40px 0 40px 0;
    border-bottom: 1px solid #d9d9d5;
}

.survey-findings-copy{
    margin-top: 30px;
}

.MOOC-bar-graph img{
    width: 510px;
    height: auto;
    float:left;
    margin-right: 30px;
    margin-bottom: 110px;
}

.major-institutions-map img{
    width: 855px;
    height: 462px;
    margin-top: 50px;
}

.available-courses-line-graph{
    float:left;
    margin-right: 2%;
    width: 66%;
}

.visits-bar-graph img{
    width: 400px;
    height: auto;
    float:left;
    margin-right: 30px;
}

.open-courseware-copy{
    float: right;
    width: 30%;

}

.open-courseware-copy2{
    float: right;
    width: 50%;
}

/* Homepage styling - DEPRECATED*/
.hero {
    position: relative;
    height: 525px;
}
.bg {
    height: 525px;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: -1;
}
.bg img.background {
    width: 100%;
    position: absolute;
    min-height: 525px;
    min-width: 1600px;
}
.bg img.ipad {
    width: 750px;
    position: absolute;
    top: 95px;
    z-index: 100;
    left: 50%;
    margin-left: -375px;
}
.bg img.iphone {
    width: 250px;
    position: absolute;
    top: 235px;
    z-index: 100;
    left: 50%;
    margin-left: -405px;
}
.hero h2 {
    font-size: 26px;
    line-height: 34px;
    padding: 50px 0 0;
    width: 600px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 0 #282828;
    display: block;
    position: relative;
    margin: 0 auto 50px;
}
.hero .callouts {
    list-style: none;
    color: #fff;
    width: 890px;
    margin: 0 auto;
}
.hero .callouts li {
    text-align: center;
    width: 230px;
    float: left;
    margin-right: 100px;
    font-size: 14px;
    color: #aaa;
    line-height: 24px;
}
.hero .callouts li.i3 {
    margin-right: 0;
}
.hero .callouts li strong {
    display: block;
    font-size: 17px;
    color: #fff;
}
.hero .callouts li strong .glam {
    width: 80px;
    height: 97px;
    background-position: 0 -466px;
    margin: 20px auto;
    position: relative;
}
.hero .callouts li.i2 strong .glam {
    background-position: -84px -466px;
}
.hero .callouts li.i3 strong .glam {
    width: 86px;
    background-position: -169px -466px
}
.hero .study {
    height: 90px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #000;
}
.hero .study h3 {
    font-size: 38px;
    line-height: 180px;
    text-shadow: 0 1px 0 #fff;
}
.hero .study h4 {
    font-size: 26px;
    line-height: 90px;
    color: #fff;
    position: absolute;
    left: 190px;
}
.hero .study .glam {
    width: 50px;
    height: 50px;
    border-radius: 0 5px 5px 0;
    background-position: -206px -50px;
    position: absolute;
    top: 20px;
    left: 712px;
    background-clip: content-box;
}
.category {
    overflow: hidden;
}
.category .category-content-button-container {
    float: left;
    width: 62%;
    margin-left: 20%;
    margin-bottom: 30px;
}
.category .category-content-button-wrapper {
    margin: 0 auto;
    //width: 62%;
}
.category #getinfo-copy-button,
.category #category-copy-button {
    float: none;
}
.category #getinfo-copy-button span {
    margin-right: 30px;
}
.category .category-content-button {
    display: block;
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    height: 40px;
    color: #af462e;
    background: #fff;
    width: 280px;
    border-radius: 3px;
    border: 1px solid #ffc6bc;
    margin-left: auto;
    margin-right:auto;
    text-align:center;
    cursor:pointer;
}
.category .category-content-button:hover{
    border: 1px solid #af462e;
}
.category .category-content-button a {
    color: #af462e;
    text-transform: uppercase;
}
.faux_dropdown .field:hover {
    cursor: pointer;
    /*border: 1px solid #ff623e;*/
}
.tinyscroll_builder {
    background: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    display:none;
}
.tinyscroll_builder.live {
    position: absolute;
    z-index: 9999;
    margin: 0;
}
.faux_dropdown.live {
    height: 35px;
}
.faux_dropdown.live.above .tinyscroll_builder {
    bottom: 35px;
}
.tinyscroll_builder ul {
    list-style: none;
}
.tinyscroll_builder a {
    display: block;
    font: bold 14px/14px Helvetica, Arial, sans-serif;
    color: #000;
    padding: 10px 15px;
    border-bottom: 1px solid #f4f4f4;
}
.tinyscroll_builder a:hover {
    color: #808080;
}
.tinyscroll_mask {
    position: fixed;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    z-index: 9000;
    display: none;
}

.insts {
    width: 940px;
    margin: 0 auto;
    /*padding: 70px 0 55px;*/
    padding: 90px 0 120px;
    border-bottom: 1px solid #ddd;
}
.insts h3 {
    font-size: 26px;
    position: relative;
    width: 290px;
    float: left;
    padding: 20px 0 0 90px;
}
.insts h3 .glam {
    width: 60px;
    height: 60px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: 0 -293px;
    top: -4px;
    left: 0;
}
.insts p {
    float: right;
    width: 550px;
    color: #aaa;
    font-size: 14px;
    line-height: 24px;
}
.insts img {
    margin-top: 36px;
}

.steps {
    width: 940px;
    margin: 0 auto;
    list-style: none;
    padding-top: 47px;
}
.steps li {
    border-bottom: 1px solid #e1e2e3;
    padding-bottom: 38px;
    margin-bottom: 45px;
}
.steps li .blurb {
    width: 300px;
}
.steps li img,
.steps li.right .blurb {
    float: right;
}
.steps li.right img,
.steps li .blurb {
    float: left;
}
.steps h3 {
    font-size: 26px;
    padding-top: 65px;
    position: relative;
}
.steps h3 .glam {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
}
.steps h3.explore .glam 	{ background-position: 0 -57px; top: -6px; left: -8px; }
.steps h3.create .glam 		{ background-position: 0 -117px; top: -12px; left: -2px; }
.steps h3.track .glam 		{ background-position: 0 -181px; top: -12px; left: -3px; }
.steps h3.library .glam 	{ background-position: 0 -293px; top: -20px; }

.steps p {
    color: #282828;
    font-size: 15px;
    line-height: 26px;
    padding: 10px 0;
}

.feedback {
    padding: 0 0 150px 0;
    position: relative;
}
.feedback .glam {
    position: absolute;
    width: 51px;
    height: 38px;
    background-position: -110px -229px;
    top: 60px;
    left: 5px;
}
.feedback h2 {
    font-size: 26px;
    padding: 70px 0 70px 90px;
}
.feedback li {
    list-style: none;
    width: 280px;
    float: left;
    margin-right: 36px;
}
.feedback li.last {
    margin-right: 0;
}
.feedback blockquote {
    margin: 0;
    font-size: 15px;
    line-height: 21px;
    padding: 0 0 22px;
    position: relative;
}
.feedback .meta {
    position: relative;
    padding-left: 64px;
    min-height: 51px;
}
.feedback img {
    border: 1px solid #fff;
    position: absolute;
    left: 0;
}
.feedback .meta strong {
    font-size: 18px;
    display: block;
    padding-bottom: 5px;
}
.feedback .meta span {
    color: #282828;
}

/* == Footer == */
.clear-both{
    clear:both;
}

footer{
    background-color: #fff;
    color: #000;
    height: 100px;
}

.footer{
    width: 960px;
    margin-left:auto;
    margin-right: auto;
}

.footer .copy{
    line-height:100px;
    font-family:"ProximaNova-Bold";
    font-size: 85%;
    float:left;
}

.footer nav{
    float:right;
}

.footer nav ul li{
    line-height: 100px;
    list-style:none;
    display:inline;
    margin-right: 35px;
}

.footer nav a{
    font-family:"ProximaNova";
    text-decoration: none;
    border-bottom: 1px solid #677b8e;
    color: #191919;
}

.footer nav a:hover{
    text-decoration: none;
    border-bottom: 0;
}
  
  /* == Courses == */

#courses {
    background: #e6e7e8;
}
.categories,
.list_nav {
    width: 220px;
    float: left;
    margin-top: 69px;
}
.categories h3,
.categories > ul > li,
.list_nav h3,
.list_nav li {
    background: #fff;
    font-weight: bold;
    color: #282828;
    font-size: 15px;
    margin-bottom: 1px;
    position: relative;
    line-height: 18px;
}
.categories h3,
.list_nav h3 {
    padding: 0 40px 0 52px;
    line-height: 48px;
}
.categories h3 .glam,
.list_nav h3 .glam {
    width: 19px;
    height: 14px;
    background-position: -70px -201px;
    position: absolute;
    top: 18px;
    left: 23px;
}
.categories ul,
.list_nav ul {
    list-style: none;
    padding-bottom: 60px;
}
.categories > ul > li > a,
.list_nav a {
    display: block;
    color: #282828;
    padding: 15px 45px 15px 22px;
}
.categories > ul > li > a:hover,
.list_nav a:hover {
    color: #282828;
}
.categories > ul > li a .glam {
    width: 11px;
    height: 7px;
    background-position: -74px -223px;
    position: absolute;
    top: 21px;
    right: 21px;
}
.categories > ul > li.active,
.list_nav li.active {
    margin-bottom: 0;
}
.categories > ul > li.active > a,
.list_nav li.active a {
    color: #fff;
    background: #404041;
}
.categories > ul > li.active a .glam {
    background-position: -74px -234px;
}
.categories ul ul {
    background: #090909;
    padding: 8px 0;
}
.categories ul ul a {
    padding: 0 22px;
    display: block;
    line-height: 32px;
    font-size: 13px;
    color: #282828;
    font-weight: normal;
}
.categories ul ul a:hover,
.categories ul ul .active a {
    color: #fff;
}


.results {
    width: 699px;
    float: right;
    margin-top: 69px;
    margin-bottom: 40px;
    position: relative;
}
.results > header {
    background: #fff;
    margin-bottom: 20px;
    padding: 0px 20px 14px 20px
}
.results.gp > header {
    padding: 20px;
}
.results.dashboard header {
    padding: 0;
    margin-bottom: 0;
}
.results > header h1 {
    font-size: 21px;
    line-height: 25px;
    padding: 0 130px 30px 0;
}
.results > header h3 {
    font-size: 16px;
    padding-bottom: 20px;
    position: absolute;
    top: -40px;
}
.results > header p {
    color: #282828;
    line-height: 23px;
    margin-bottom: 20px;
    font-size: 15px;
}
.results.gp > header li {
    font-size: 18px;
    font-weight: bold;
    padding-left: 69px;
    margin-right: 53px;
    width: 115px;
    float: left;
    line-height: 23px;
    position: relative;
}
.results.gp > header ul {
    padding: 5px 0 15px;
}
.results > header li.track {
    margin-right: 0;
}
.results.gp > header li .glam {
    width: 70px;
    height: 55px;
    position: absolute;
    top: -5px;
    left: 0;
    background-position: 0 -60px;
}
.results > header li.create .glam {
    background-position: 0 -122px;
}
.results > header li.track .glam {
    background-position: 0 -185px
}

.results .sort {
    position: absolute;
    z-index: 10;
    font-size: 15px;
    color: #282828;
    font-weight: bold;
    line-height: 48px;
    left: 20px;
}
.results .sort em {
    display: none;
}
.results .filters {
    position: relative;
    padding-left: 68px;
}
.results ul {
    list-style: none;
}
.results li {
    margin-left:0;
    display: inline-block;
}
.my_lists .courseware li {
    float: left;
    margin-right: 0px;
}
.my_lists .courseware li:last-child {
    margin-right: 0;
}
.results .filters li {
    font-size: 15px;
    color: #282828;
    margin-top: 16px;
}
.results .filters a {
    font-size: 13px;
    color: #282828;
}
.results .filters a:hover,
.results .filters .active a {
    color: #282828;
}
.results .filters .active a {
    font-weight: bold;
}
.results .search {
    position: absolute;
    border: 1px solid #e6e7e8;
    color: #282828;
    font-size: 13px;
    padding: 7px 11px;
    top: 9px;
    right: 10px;
    width: 178px;
    z-index: 10;
}
/*.results > header .glam {
        position: absolute;
        top: 9px;
        right: 211px;
        width: 29px;
        height: 29px;
        border: 1px solid #e6e7e8;
        background-position: -217px -63px;
        background-color: #f6f6f7;
}*/
#coursewares {
    padding-bottom: 27px;
    background: #fff;
    padding: 10px;
}
.my_lists #coursewares {
    margin-bottom: 140px;
}
.courseware {
    padding: 19px 10px 19px 55px;
    background: #fff;
    border-bottom: 1px solid #c2c2c2;
    position: relative;
}
.courseware:last-child {
    border-bottom: 0;
}
.courseware header {
    width: 430px;
    float: left;
}
.courseware h2 {
    font-size: 15px;
    line-height: 21px;
    padding: 0 20px 8px 0;
}
.courseware h2 small {
    color: #aaa;
    font-size: 15px;
    line-height: 21px;
    font-style: italic;
    font-weight: normal;
}
.courseware h3 {
    position: absolute;
    width: 25px;
    height: 25px;
    background-position: -109px -157px;
    top: 18px;
    left: 10px;
}
.courseware .tags {
    display: block;
    font-size: 13px;
    line-height: 16px;
    color: #282828;
}
.courseware .prof {
    margin-top: 20px;
    font-size: 13px;
    color: #282828;
}
.courseware .prof img {
    float: left;
    margin-right: 20px;
}
.courseware h4 {
    font-size: 13px;
    margin: 20px 0 10px;
}
.courseware p {
    font-size: 13px;
    line-height: 18px;
    color: #282828;
}
.courseware .prof strong {
    display: block;
    color: #282828;
    padding-bottom: 5px;
}
#coursewares .actions {
    position: absolute;
    width: 200px;
    text-align: right;
    padding-top: 0;
    right: 10px;
}
.courseware ul a,
.courseware a.action.undo,
.courseware.video_individual a.action.undo,
.courseware.video_series a.action.undo,
.courseware.textbook_ebook a.action.undo,
.courseware.open_courseware a.action.undo,
.courseware.podcast_indvidual a.action.undo,
.courseware.podcast_series a.action.undo {
    display: inline-block;
    font-size: 12px;
    line-height: 27px;
    padding: 0 8px;
    border-radius: 3px;
    margin-right: 3px;
    background: #e6e7e8;
    color: #282828;
    font-weight: bold;
    text-decoration: none;
}
#coursewares .actions li::after {
    content: '';
    padding: 0;
}
.courseware a:hover {
    opacity: 0.75;
}
.status {
    width: 116px;
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    display: block;
    position: absolute;
    top: 0;
    right: 31px;
    line-height: 32px;
}
.courseware a.add,
.courseware a.action,
.status {
    background: #f17b43;
    color: #fff;
    margin-right: 0;
}

.courseware.video_individual h3,
.courseware.video h3 		{ background-position: -109px -126px; left: 12px; }
.courseware.textbook h3 		{ background-position: -109px -93px; }
.courseware.open_courseware h3 		{ background-position: -109px -192px; left: 11px; }
.courseware.podcast_indvidual h3,
.courseware.podcast h3		{ background-position: -109px -59px; }

.courseware.video_individual a.add,
.courseware.video a.add,
.courseware.video_individual a.action,
.courseware.video a.action,
.courseware.video_individual .status,
.courseware.video .status 		{ background: #425899; }
.courseware.textbook a.add,
.courseware.textbook a.action,
.courseware.textbook .status 		{ background: #d94145; }
.courseware.open_courseware a.add,
.courseware.open_courseware a.action,
.courseware.open_courseware .status		{ background: #3ca16b; }
.courseware.podcast_indvidual a.add,
.courseware.podcast a.add,
.courseware.podcast_indvidual a.action,
.courseware.podcast a.action,
.courseware.podcast_indvidual .status,
.courseware.podcast .status 		{ background: #875e97; }

#courses > div > .blurb {
    background: #fff;
}
#courses > div > .blurb .wrapper {
    padding: 30px 0 52px;
    min-height: 315px;
}
#courses > div > .blurb .wrapper > * {
    margin-left: 240px;

}
#courses > div > .blurb h1 {
    font-size: 24px;
    margin-bottom: 30px;
}
#courses > div > .blurb h2 {
    font-size: 16px;
    margin: 25px 0 10px;
}
#courses > div > .blurb p,
#courses > div > .blurb ul,
#courses > div > .blurb ol {
    margin: 0 0 25px;
    color: #6d6e70;
    line-height: 26px;
}
#courses > div > .blurb a {
    font-size: 12px;
    color: #282828;
    text-decoration: underline;
}
#courses > div > .blurb ul,
#courses > div > .blurb ol {
    padding-left: 40px;
}
#courses > div > .blurb a:hover {
    color: #282828;
}
.load {
    position: relative;
    margin: -10px 0 50px 0;
}
.load > span {
    display: inline-block;
    padding: 0 2px 0 9px;
}

.lists {
    position: absolute;
    z-index: 9999;
    width: 177px;
    left: 490px;
    margin-top: 28px;
    background: #f6f6f7;
    border: 1px solid #d0d2d3;
}
.add_list {
    padding: 16px 15px;
    border-bottom: 1px solid #e6e7e8;
}
.add_list input {
    margin-left: 30px;
    padding: 7px 11px;
    width: 95px;
    border: 1px solid #e6e7e8;
    font-size: 13px;
    color: #282828;
    z-index: 10;
    position: relative;
}
.add_list .sprite {
    width: 29px;
    height: 29px;
    background-position: -144px -140px;
    position: absolute;
    border: 1px solid #e6e7e8;
}
.add_list .sprite:hover {
    cursor: pointer;
    opacity: 0.7;
}
.lists .button {
    font-size: 12px;
    height: 27px;
    line-height: 27px;
    padding: 0 8px;
    float: right;
    margin: 5px 15px 15px;
    background: #282828;
}
.lists ul {
    padding: 16px 15px 0;
    font-size: 13px;
    line-height: 16px;
}
.lists li {
    position: relative;
    padding: 0 0 10px 25px;
    display: block;
}
.lists li:hover {
    cursor: pointer;
    color: #282828;
}
.lists li .sprite {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    background-position: -70px -285px;
}
.lists li.active .sprite {
    background-position: -90px -285px;
}
.lists .note {
    color: #929397;
    display: block;
    padding-bottom: 16px;
}
.lists .note:before {
    content: '\2191';
    vertical-align: text-bottom;
    padding-right: 10px;
    color: #282828;
}

/* == Spinners == */
#loading_modal {
    width: 80px;
    height: 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -40px 0 0 -40px;
    background: #282828;
    border-radius: 10px;
    z-index: 99999;
    display: none;
}
.modal #inline_spinner {
    bottom: 49px;
    left: 30px;
}
.filters #inline_spinner {
    top: 8px;
    margin-left: 5px;
}
.lists #inline_spinner {
    bottom: 15px;
    right: 79px;
}
.categories #inline_spinner {
    right: 12px;
    top: 10px;
}
.load #inline_spinner {
    right: 1px;
    top: 9px;
}

/* == Modals == */
.mask {
    position: fixed;
    z-index: 9998;
    background: #000;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    display: none;
}
.modal {
    background: #fff;
    border-top: 6px solid #d74349;
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    z-index: 9999;
}
.modal.video_individual,
.modal.video_series 		{ border-color: #425899; }
.modal.textbook_ebook 		{ border-color: #d94145; }
.modal.open_courseware 		{ border-color: #3ca16b; }
.modal.podcast_indvidual,
.modal.podcast_series	 	{ border-color: #875e97; }
.modal.research_and_writing { border-color: #F17B43; }
.modal.info {
    width: 594px;
    padding: 84px 65px 30px 65px;
    margin-left: -362px;
}
.modal.info .courseware {
    width: 100%;
    padding: 0;
    margin: 0;
    border-top: none;
}
.modal h2 {
    font-size: 23px;
    line-height: 28px;
}
.modal.info h3 {
    left: 65px;
    top: 50px;
}
.modal.info p {
    padding: 20px 0 35px;
    color: #6d6e70;
    font-size: 14px;
    line-height: 21px;
}
.modal.info .blurb a {
    position: absolute;
    text-align: right;
    color: #282828;
    font-size: 14px;
    bottom: 38px;
    right: 38px;
    text-decoration: underline;
}
.modal.info .blurb .glam {
    width: 15px;
    height: 15px;
    background-position: -72px -177px;
    position: absolute;
    left: -25px;
    top: 0;
}
.modal.info .actions {
    float: none;
    width: auto;
    text-align: left;
    padding-top: 0;
}
.modal.info .actions li:first-child::after {
    content: '';
    padding: 0;
}
.modal.info ul a,
.modal.info a.action.undo {
    line-height: 33px;
    padding: 0 14px;
    margin-right: 8px;
}

.modal.sign_up,
.modal.login,
.modal.error,
.modal.forgot_pw {
    width: 414px;
    margin-left: -207px;
}
.modal form,
.modal.error div {
    padding: 60px 65px 50px;
}
.modal form h2,
.modal.error h2,
.modal.recommend h2 {
    margin-bottom: 18px;
}
.modal form label {
    position: absolute;
    width: 29px;
    height: 29px;
    border: 1px solid #e6e7e8;
    background-color: #f6f6f7;
    background-position: -65px -88px;
    z-index: 1;
}
.modal form label.email { background-position: -65px -117px; }
.modal form label.pw 	{ background-position: -65px -144px; }

.modal form input[type=text],
.modal form input[type=password],
.modal form .pw_mask {
    border: 1px solid #e6e7e8;
    font-size: 13px;
    color: #282828;
    margin: 0 0 9px 30px;
    padding: 7px 11px 7px;
    width: 227px;
    position: relative;
    z-index: 2;
}
.modal form .pw_mask {
    z-index: 9999;
    border: none;
    padding: 9px 12px 8px;
    margin-top: -40px;
    float: left;
}
.ie9 .modal form .pw_mask,
.ie8 .modal form .pw_mask,
.ie7 .modal form .pw_mask {
    margin-top: -39px;
}
.modal fieldset {
    margin-bottom: 20px;
}
.modal #login fieldset {
    margin-bottom: 4px;
}
.modal form .button {
    font-size: 12px;
    line-height: 33px;
    height: 33px;
    float: left;
    margin-right: 17px;
}
.modal.forgot_pw p {
    font-size: 13px;
    line-height: 16px;
    color: #282828;
    padding-bottom: 20px;
}
.modal .switcher,
.modal .switcher a,
.modal .remember,
.modal .forgot_pw {
    font-size: 13px;
    color: #282828;
}
.modal .switcher a,
.modal .forgot_pw {
    text-decoration: underline;
}
.modal .switcher a:hover {
    color: #000;
}
#login .clearfix {
    padding-bottom: 20px;
}
.modal .remember {
    padding-left: 25px;
    position: relative;
}
.modal .remember:hover {
    cursor: pointer;
}
.modal .remember .checkbox {
    display: block;
    position: absolute;
    width: 15px;
    height: 15px;
    background-position: -70px -267px;
    top: 0;
}
.modal .remember.checked .checkbox {
    background-position: -90px -267px;
}
.modal .forgot_pw {
    float: right;
}
.modal.error p,
.lists .error {
    font-size: 13px;
    line-height: 19px;
    color: #282828;
    padding: 0 0 20px;
}
.modal.error p a {
    color: #D74349;
}
.lists .error {
    padding: 6px 0 0 0;
    display: block;
    color: #d94145;
    line-height: 17px;
}
.lists > .error {
    padding: 3px 15px 6px;
}
.modal span.error,
.modal span.success {
    font-size: 13px;
    color: #d94145;
    display: block;
    padding-bottom: 10px;
}
.modal span.success {
    color: #44a20b;
}
.modal.recommend {
    width: 284px;
    margin-left: -207px;
    padding: 50px 65px 65px;
}
.modal.recommend h2 {
    font-size: 20px;
}
.modal.recommend .fb-like,
.modal.recommend .twitter-share-button {
    position: absolute;
}
.modal.recommend .twitter-share-button {
    left: 150px;
}


/* == Misc == */
.discover, .statistics{
    display:block;
}

.h250{
    height: 250px !important;
}

.h410{
    height: 410px !important;
}

.recovered {
    text-align: center;
    padding: 50px 0;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -60px;
    background: #E6E7E8;
}
.fourohfour {
    text-align: center;
    width: 650px;
    margin: 50px auto;
}
.general {
    margin-top: 50px;
}
.general h1 {
    margin-bottom: 25px;
}
.general p {
    color: #777;
    line-height: 23px;
    margin: 0 0 25px;
}
.general p a {
    color: #d94145;
    text-decoration: underline;
}

.tinyscroll { width: 100%; clear: both; position: relative; }
.tinyscroll .viewport { width: 100%; height: 200px; overflow: hidden; position: relative; }
.tinyscroll .overview { list-style: none; position: absolute; left: 0; top: 0; width: 100%; }
.tinyscroll .overview li{ margin: 0;width: 100%; }
.tinyscroll .thumb .end,
.tinyscroll .thumb { background-color: #000; }
.tinyscroll .scrollbar { position: relative; float: right; width: 12px; padding: 1px 1px 0; box-shadow: inset 0 0 10px rgba(0,0,0,0.1); }
.tinyscroll .track { height: 100%; width: 12px; position: relative; }
.tinyscroll .thumb { height: 20px; width: 12px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.tinyscroll .thumb span { width: 7px; height: 5px; background-position: -210px -160px; position: absolute; bottom: 6px; left: 2px; }
.tinyscroll .thumb .up { background-position: -220px -160px;  bottom: auto; top: 6px; left: 2px; }
.tinyscroll .disable { display: none; }

.slide > .tinyscroll .scrollbar { box-shadow: none; position: absolute; z-index: 9999; left: 1007px; }


/* == non-semantic helper classes ======================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear { clear: both; }



.online-course-provider{
        width: 960px;
        vertical-align: middle;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;}

    .online-course-provider h2{
        padding: 10px 0 10px;
        margin-bottom: 10px;
        font-family: "ProximaNova";
        color: #000;
        font-size: 22px;
        line-height: 26px;}
    .online-course-provider h3{
        font-family: "ProximaNova-Bold";
        color: #af462e;
        margin-bottom: 10px;
    }
    .online-course-provider h3 a{color: #056091}
    .online-course-provider p{
        color: #5e5e5e;
        font-size: 16px;
        font-family: "ProximaNova";
        line-height: 22px;
        margin: 10px 0;
    }
    .online-course-provider table{width: 100%;}
    .online-course-provider table tr td{border: 1px solid #5e5e5e; width: 50%; padding: 10px; color: #5e5e5e; font-size: 16px; font-weight: normal; font-family: "ProximaNova";}
    .online-course-provider table tr td a,.online-course-provider ul li a{color: #056091}
    .online-course-provider table tr td a:hover,.online-course-provider ul li a:hover, h3 a:hover{color: #20688f;}
    ul.bold-bullet-points{margin-bottom: 15px;}
    ul.bold-bullet-points li{
        font-size: 16px; font-weight: normal; font-family: "ProximaNova";
        padding: 6px 0px 0px 30px;
    background: url(../../images/dott.png) no-repeat 0px 8px;
    background-size: 10px 10px;
    list-style: none;
    }
    @media all and (max-width:960px){
        .online-course-provider{width: 96%; padding: 2%;}
    }

/* == plugin styles ====================================================== */


/* == print styles ======================================================= */
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}



/* == INTERNAL PAGES ================================================== */
body#courses {
    background: #edf1f5;
}
#courses .blurb {
    border-bottom: 1px solid #dcdde1;
    box-shadow: 1px 1px 5px #e2e4e8;
}
#courses .courseware .blurb {
    border-bottom: none;
    box-shadow: none;
}
#courses .categories,
#courses .results {
    margin-top: 30px;
}

/* == INTERNAL BREADCRUMBS ============================================= */
.breadcrumbs {
    background: #edf1f5;
    border-top: 1px solid #cfd6dd;
    border-bottom: 1px solid #cfd6dd;
    padding: 0px;
}
.breadcrumbs p,
.breadcrumbs a {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #5e5e5e;
    line-height: 40px;
}
.breadcrumbs .accent {
    padding: 0px 5px;
}

/* == INTERNAL MONETIZATION ============================================= */
#courses > div > .blurb .wrapper {
    padding-bottom: 0;
}
#courses .blurb .wrapper .internal-find-schools {
    margin-left: 0;
    width: 280px;
    position: absolute;
    top: 30px;
    left: 0;
    border-radius: 3px;
}

/* == INTERNAL CONTENT ============================================= */
#courses .blurb .wrapper .subject-content {
    padding-left: 310px;
    margin-left: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Helvetica, Arial, sans-serif;
    min-height: 200px;
    padding-bottom: 30px;
}
#courses .blurb .wrapper .subject-content h1 {
    font-family: ProximaNova, sans-serif;
    border-bottom: 1px solid #cfd6dd;
    padding-bottom: 12px;
    margin-bottom: 20px;
    color: #5e5e5e;
    font-size: 20px;
    font-weight: normal;
}
#courses .blurb .wrapper .subject-content h2 {
    font-size: 14px;
    margin-bottom: 20px;
}
#courses .blurb .wrapper .subject-content p,
#courses .blurb .wrapper .subject-content li {
    font-size: 12px;
    line-height: 18px;
}
.subject-content .more {
    text-decoration: none;
    font-size: 14px;
}

/* == INTERNAL SIDEBAR ============================================= */
#courses .categories {
    margin-bottom: 30px;
}
#courses .categories h3 {
    padding: 0 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Helvetica, Arial, sans-serif;
    color: #545454;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #cfd6dd;
    margin-bottom: 0;
}
#courses .categories ul {
    padding-bottom: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#courses .categories ul li {
    font-size: 14px;
    font-weight: normal;
    font-family: ProximaNova, Arial, sans-serif;
    border: 1px solid #cfd6dd;
    border-top: none;
    border-bottom: none;
    margin-bottom: 0;
}
#courses .categories ul li:last-child {
    border-bottom: 1px solid #cfd6dd;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#courses .categories ul li:last-child a {
    border-bottom: none;
}
#courses .categories ul li a {
    padding: 12px 10px;
    border-bottom: 1px solid #cfd6dd;
    margin: 0px 12px;
}
#courses .categories ul li.active a {
    color: #ca4c30;
    background: #fff;
}

/* == INTERNAL COURSES ============================================= */
#courses #coursewares {
    border: 1px solid #cfd6dd;
    border-radius: 5px;
    padding: 20px 30px;
}
#courses #coursewares .heading {
    border-bottom: 1px solid #cfd6dd;
    padding: 10px 0px;
    color: #5e5e5e;
    font-size: 16px;
    font-family: ProximaNova, Arial, sans-serif;
}
#courses #coursewares h2 {
    font-size: 14px;
    line-height: 21px;
    padding: 0 20px 8px 0;
    color: #ca4c30;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
    padding-bottom: 0;
}
#courses #coursewares h2 small {
    color: #5e5e5e;
    font-size: 12px;
    font-style: inherit;
    line-height: inherit;
    clear: both;
    display: block;
    margin: 0;
    font-family: ProximaNova, Arial, sans-serif;
}
#courses #coursewares .tags {
    font-size: 12px;
    font-weight: normal;
    font-family: ProximaNova, Arial, sans-serif;
}
#courses #coursewares .courseware {
    padding-left: 35px;
}
#courses #coursewares .courseware h3 {
    background: url(/assets/img/internal_sprite.png) 0 5px no-repeat;
    left: 0px;
}
#courses #coursewares .actions {
    right: 0px;
    text-transform: uppercase;
    width: 99px;
    font-family: Helvetica, Arial, sans-serif;
}
#courses .courseware a.add {
    background-color: #ca4c30;
}
#courses .courseware header {
    width: 415px;
}


/* == MONETIZED COURSES ============================================= */
.monetized_courses {
    line-height: 20px;
}
.monetized_courses h2 {
    font-size: 16px;
}
#courses #coursewares.monetized_courses h3 {
    background: url(/assets/img/monet_arrow.png) 0 0 no-repeat;
    background-size: 100%;
}
.monetized_courses h2 a {
    color: #ca4c30;
}
#courses #coursewares.monetized_courses .actions {
    width: 115px;
}
#courses #coursewares.monetized_courses .request_info {
    background-color: #ca4c30;
}

a.guide-font{
    font:bold 12px/19px Helvetica, Arial, sans-serif
}
/* == RESPONSIVE ======================================================= */
/*>960
767-960
<767*/
.story-copy, .people-copy p{
    width:94%
}
@media screen and (max-width: 940px){
    #courses .categories {
        position: absolute;
        top: 0;
        left: 0;
    }
    #courses .results {
        width: 100%;
        padding-left: 240px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #courses .courseware header {
        width: 57%;
    }
    .breadcrumbs {
        padding-left: 10px;
    }
}
@media screen and (min-width: 767px) and (max-width: 960px){
    header .header-wrapper{
        width: 767px;
        margin: auto;
    }
    .statistics-page{
        padding:0 10px !important;
        max-width: 100% !important;
    }
    .monetization-content, .category-content, .how-to-content, .top-colleges, .discover-content, .statistics-content, .first-section-content{
        width:767px;
    }

    .discover .discover-container-home{
        width:767px;
    }
    .monetization-content .fields {
        width: 680px;
    }

    .category-content img{
        width: 100%;
        height: 250px;
    }

    .how-to-main-copy p {
        width: 740px;
    }

    .discover, .statistics{
        /*display:none;*/
    }

    .footer {
        width: 760px;
        margin-left: auto;
        margin-right: auto;
    }

    .how-to-carousel .copy-text{
        float:none;
        clear:both;
        width: 75%;
        margin:auto;
        height: 130px;
    }

    .how-to-carousel .carousel-img{
        float: none;
        clear: both;
        width: 50%;
        display:block;
        margin: auto;
    }

    .footer .copy{
        font-size: 90%;
    }

    .story-copy, .people-copy p {
        width: 585px;
    }

    .statistics-top-copy p {
        margin: 0 20px 0 20px;
        height: 240px;
    }

    .statistics-selected {
        top: 92px;
    }

    .figures-point img{
        height: 150px;
    }

    .agreement-line-graph img, .major-institutions-map img{
        width: 700px;
        height: auto;
    }

    .available-courses-line-graph img{
        width: 480px;
        height: auto;
    }

    .open-courseware-copy {
        float:left;
        width: auto;
        margin-top: 30px;
    }

    .open-courseware-copy2{
        float:left;
        width: 100%;
    }

    .enrollment-line-graph{
        margin-bottom: 20px;
    }

    .enrollment-line-graph img{
        width: 400px;
        height: auto;
        margin-bottom: 70px;
    }

    .offerings-bar-graph img{
        width: 510px;
        height: auto;
        float:none;
        margin-bottom: 20px;
    }

    .MOOC-bar-graph img {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 767px){
    #courses .categories {
        display: none;
    }
    #courses .results {
        padding-left: 0px;
    }
    .discover, .statistics{
        /*display:none;*/
    }

    header.main div > a {
        display:block;
        margin:auto;
        margin-top: 20px;
        float:none;
        clear:both;
    }

    header .header-wrapper {
        width: auto;
        margin: auto;
    }

    .actions, footer.main ul {
        display:block;
        float:none;
        margin:auto;
        padding-top: 30px;
        clear:both;
    }

    header.main {
        height: 160px;
    }

    .monetization-content, .category-content, .how-to-content, .top-colleges, .discover-content, .statistics-content, .first-section-content{
        width:570px;
    }
    .discover .discover-container-home{
        width:570px;
    }

    .footer {
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .footer .copy{
        font-size: 50%;
    }

    .monetization-content h2 {
        /*font-size: 155%;*/
    }
    .monetization-content .fields {
        width: 500px;
        padding: 30px;
        padding-bottom:0;
        float:left;
        margin-bottom: 30px;
    }

    .category-container{
        height: 1010px;
    }

    .category-container .question-icon{
        margin-top: 122px;
    }

    .how-to-carousel .copy-text{
        float:none;
        clear:both;
        width: 55%;
        margin:auto;
        height: 130px;
        padding-right: 0;
    }

    .how-to-carousel .carousel-img{
        float: none;
        clear: both;
        width: 50%;
        display:block;
        margin: auto;
    }

    .footer nav a{
        font-size: 75%;
    }

    .story-copy, .people-copy p {
        width: 395px;
    }

    .statistics-top-copy p {
        margin: 0 20px 0 20px;
        height: 316px;
    }

    .statistics-selected {
        top: 168px;
    }
    .statistics-page{
        padding:0 10px !important;
        max-width: 100% !important;
    }

    .figures-point img{
        height: 100px;
    }

    .agreement-line-graph img, .major-institutions-map img{
        width: 500px;
        height: auto;
    }

    .open-courseware-copy {
        width:auto;
        float:none;
        clear:both;
    }

    .open-courseware-copy2 {
        width:100%;
        float:none;
        clear:both;
        padding-top: 30px
    }

    .available-courses-line-graph img{
        width: 450px;
        height: auto;
        margin-bottom: 30px;
    }

    .visits-bar-graph img{
        margin-bottom: 30px;
    }

    .MOOC-bar-graph img {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 540px){
    .wrapper {
        float: left;
    }
    #courses .courseware header {
        width: 100%;
    }
    #courses #coursewares{
            padding: 20px 10px;
    }
    #courses #coursewares .actions {
        float: left;
        position: relative;
        margin-top: 10px;
    }
    #courses .blurb {
        float: left;
    }
    #courses .blurb .wrapper .internal-find-schools {
        float: left;
        width: 100%;
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }
    #courses .blurb .wrapper .subject-content {
        float: left;
        padding-left: 0px;
        position: relative;
        padding: 10px 10px;
    }
    header.main {
        width: 100%;
    }
    .monetization-content, .category-content, .how-to-content, .discover-content, .statistics-content, .first-section-content{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .first-section-content .description{


        padding: 0 20px 20px;

    }
    .discover .discover-container-home{
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
    }
    .category .category-content-button-container {
        float: left;
        width: 98%;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .monetization-content .fields {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    div.selector {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0;
    }
    .category-container {
        height: auto;
        margin-bottom: 30px;
        float: left;
        padding: 0px 20px 30px;
    }
    .category-content {
        padding-top: 10px;
    }
    .category-container .question-icon {
        display: none;
    }
    .category .category-content-button-wrapper {
        width: 100%;
    }
    .category .category-content-button-wrapper span {
        width: 100%;
        margin: 0;
    }
    .category #getinfo-copy-button, .category #category-copy-button {
        width: 100%;
    }
    .how-to-content, .top-colleges {
        padding: 50px 20px 0px;
    }
    .how-to-carousel .h410 {
        width: 100% !important;
    }
    .how-to-content .how-to-carousel .carousel-page{
        width: 550px;
        height: 200px;
        margin:10px;
        float:left;
    }
    .discover-content {
        /*padding-left: 20px;*/
        padding-right: 20px;
    }
    .main-content .discover-top-copy h1, .discover-top-copy h2, .statistics-top-copy h2 {
        width: 100%;
    }
    .story-copy, .people-copy p {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 94%;
    }
    .statistics-top-copy {
        height: auto;
        float: left;
        padding-bottom: 30px;
    }
    .statistics-top-copy p {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 0px 20px;
    }
    .statistics-figures {
        /*padding: 0px 24px;*/
    }
    .statistics-page{
        padding:0 10px !important;
        max-width: 100% !important;
    }
    .statistics-selected{
        display:none;
    }
    .statistics-copy{
        margin: 0 10px;
    }
    .statistics-stats{
        padding: 0;
    }
    .discover-copy {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 0px;
    }
    .figures-point {
        width: 100% !important;
        margin-left: 0;
    }
    .monetization-content h2 {
        padding: 10px 20px;
        margin-bottom: 10px;
    }

    .monetization .copy-sponsored {
        margin-top: 10px;
    }
    .discover-top-copy {
        /*margin-bottom: 70px;*/
    }
    .discover-selected {
        display: none;
    }
    .key-trend, .survey-findings-copy, .survey-findings.no-border p {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 20px;
        padding-right: 20px;
    }
    .survey-findings.no-border {
        width: 100%;
    }
    .statistics-stats img {
        width: 100%;
    }
    footer {
        float: left;
        height: auto;
        padding: 0px 20px;
    }
    .footer .copy{
        font-size: 12px;
        line-height: 14px;
        margin-top: 20px;
    }
    .footer nav a {
        font-size: 12px;
    }
    .how-to-carousel .pagination {
        margin-top: 0;
    }
}



@media screen and (max-width: 480px){
    .actions{
        width:100%
    }
    .actions li{
        margin-left: 10px !important;
        margin-right: 10px;
    }
    .actions li, footer.main li{
        margin-left: 18px;
        margin-top:10px
    }
    .main-container .site-header .site-header-content, .main-container .content-container .main-content, .main-container .site-footer .footer-content{
        padding-left: 20px !important
    }
    .story-copy, .people-copy p{
        width:85%
    }
    .discover-content{
        padding-right:0px
    }
    .how-to-carousel .copy-text{
        height:initial;
    }
}
section.list .list-name{
    margin: 0 0 17px 10px;
}
@media screen and (max-width: 960px){
   .monet_widget .widget_left{
       width: 47%;
       margin-left: 1%;
   }
   .monet_widget .widget_right{
       width: 46%;
       margin-left: 1%;
       margin-bottom: 25px;

   }
   .monet_widget .widget_right p {
   line-height: 22px;
   }
   .monet_widget .widget_right h2{
    margin-bottom: 10px;
}
}
@media screen and (max-width: 767px){
       .monet_widget .widget_left{
       width: 100%;

   }
   .monet_widget .widget_right{
       width: 100%;
   }
   .monet_widget .widget_right p {
   line-height: 27px;
   }

   .top-colleges{
       width: 96%;
       margin: 0 auto;
   }
}

.monet_widget {
    overflow: visible;
}

.monet_widget::after {
    content: '';
    clear: both;
    display: block;
}

:root {
    /* globals */
    --body-font-family: Helvetica, Arial, sans-serif;
    --body-color: #5e5e5e;
    --heading-font-family: Helvetica, Arial, sans-serif;
    --heading-color: #013042;
    --link-color: var(--secondary-700);
    --link-color-hover: var(--secondary-900);
    --button-font-size: 14px;
  
    /* colors */
    --primary-900: #cc5337;
    --primary-800: #e65e3e; /* shade + */
    --primary-700: #ca4c30; /* base */
    --primary-600: #ff7758; /* tint + */
    --primary-500: #ff866a;
    --primary-400: #ff957d;
    --primary-300: #ffa48f;
    --primary-200: #ffb4a2;
    --primary-100: #ffc3b5;
    --primary-50: #ffd2c7;
  
    --secondary-900: #005f8f;
    --secondary-800: #006ba1; /* shade + */
    --secondary-700: #0077b3; /* base  */ 
    --secondary-600: #1a85bb; /* tint + */
    --secondary-500: #3392c2;
    --secondary-400: #4da0ca;
    --secondary-300: #66add1;
    --secondary-200: #80bbd9;
    --secondary-100: #99c9e1;
    --secondary-50: #b3d6e8;
  
    --tertiary-900: #ca3f29;
    --tertiary-800: #e3472e; /* shade + */
    --tertiary-700: #fc4f33; /* base  */ 
    --tertiary-600: #fc6147; /* tint + */
    --tertiary-500: #fd725c;
    --tertiary-400: #fd8470;
    --tertiary-300: #fd9585;
    --tertiary-200: #fea799;
    --tertiary-100: #feb9ad;
    --tertiary-50: #fecac2;
  
    --accent-900: #2a3f53;
    --accent-800: #2f475e; /* shade + */
    --accent-700: #344f68; /* base  */ 
    --accent-600: #486177; /* tint + */
    --accent-500: #5d7286;
    --accent-400: #718495;
    --accent-300: #8595a4;
    --accent-200: #9aa7b4;
    --accent-100: #aeb9c3;
    --accent-50: #c2cad2;
  
    --gray-900: #323232;
    --gray-800: #383838; /* shade + */
    --gray-700: #3e3e3e; /* base  */ 
    --gray-600: #515151; /* tint + */
    --gray-500: #656565;
    --gray-400: #787878;
    --gray-300: #8b8b8b;
    --gray-200: #9f9f9f;
    --gray-100: #b2b2b2;
    --gray-50: #c5c5c5;
}
        
sonic-qdf {
    --button-font-size: 14px;
    --sonic-tooltip-label-color: #515151;
    --sonic-tooltip-label-position: absolute;
    --sonic-tooltip-label-bottom: -50px;
    --sonic-tooltip-label-right: 0;
    --widget-background-color: var(--primary-700);
    --widget-padding: 20px 15px;
    margin-bottom: 50px;
}

sonic-editorial-listings {
--school-color: var(--gray-700);    
}
  
.sonic-editorial-listings-title {
    color: #1b79af !important;
    font-family: "ProximaNova" !important;
    font-size: 25px !important;
}

.footer .copy .ot-sdk-show-settings--footer {
    background-color: transparent !important;
    border: none !important;
    color: #050000 !important;
    font-size: inherit !important;
    font-weight: 300 !important;
    letter-spacing: .05em !important;
    line-height: 1.4em !important;
    padding: 0 !important;
}

.footer .copy .ot-sdk-show-settings--footer:hover {
    background-color: transparent !important;