/*
 Theme Name:   Skillcrush 3.0 Child
 Theme URI:    http://example.com/twenty-fourteen-child/
 Description:  Skillcrush 3.0 Child - Skillcrush
 Author:       Adda Birnir
 Author URI:   http://example.com
 Template:     skillcrush3.0
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  skillcrush3.0-child
*/

/*@import url("../skillcrush3.0/css/main.css");*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* OLD STYLES, will remove dubles with some service TODO */


/*========================================================================================================================
Global Styles
=========================================================================================================================*/

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
@import url(//fonts.googleapis.com/css?family=Bad+Script);
@import url(//fonts.googleapis.com/css?family=Homemade+Apple);
@import url(//fonts.googleapis.com/css?family=Montserrat:400,700);
/* Wisdom Script */
@font-face {
    font-family: 'wisdom';
    src: url("../fonts/WisdomScript.otf") format("opentype");
}

@font-face {
    font-family: 'wisdom_scriptregular';
    src: url('../fonts/wisdom_script_aj-webfont.eot');
    src: url('../fonts/wisdom_script_aj-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/wisdom_script_aj-webfont.woff') format('woff'),
         url('../fonts/wisdom_script_aj-webfont.ttf') format('truetype'),
         url('../fonts/wisdom_script_aj-webfont.svg#wisdom_scriptregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Montserrat', sans-serif;
}

/* User Logged Out Styles */
.single-sc_skill_resources .user-notloggedin {
    padding-left: 0;
    padding-top: 0;
}

.single-sc_skill_challenges .user-notloggedin {
    padding-left: 0;
    padding-top: 0;
}

.page-template-page-templatestemplate-blog-php .user-notloggedin .site-header,
.single-post .user-notloggedin .site-header {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    padding-bottom: 0;
}

.single-sc_projects.post-template-template-class-php .user-notloggedin, 
.single-sc_projects.post-template-template-learnhtml-php .user-notloggedin {
  padding-left:0;
}

.user-notloggedin #header-sign-in {
    float: right;
    max-width: 360px;
    min-width: 220px;
    width: 33%;
}

/* hide top nav on login / register & logged out project pages */
.page-template-page-templatestemplate-register-php .user-notloggedin .site-header,
.page-template-page-templatestemplate-mp-signin-php .user-notloggedin .site-header,
.single-user_projects .user-notloggedin .site-header,
.single-user_challenges .user-notloggedin .site-header,
.single-user_102_challenges .user-notloggedin .site-header {
  display: none;
}

/* User Logged Out Site */

/* Body Text */
.entry-content ul li {
  font-family: georgia, serif;
    font-size: 16px;
    line-height: 26px;
  list-style-type:disc;
  margin-left:20px;
}

.entry-content ol li {
  font-family: georgia, serif;
    font-size: 16px;
    line-height: 26px;
  list-style-type:decimal;
  margin-left:20px;
}

.entry-content ul,
.entry-content ol {
  margin-bottom:20px;
  margin-left:24px;
  
}

.entry-content ul li,
.entry-content ol li {
  margin-bottom:10px;
}

p > strong {
  font-weight:bold;
}


/*========================================================================================================================
Left Navigation Styles
=========================================================================================================================*/
#signed-in-navigation, 
.show-nav.single-user_challenges #signed-in-navigation, 
.show-nav.single-user_projects #signed-in-navigation, 
.show-nav.single-sc_projects #signed-in-navigation,
.show-nav.single-user_102_challenges #signed-in-navigation,
.show-nav.single-sc_projects.logged-in.post-template-template-sc_user_project_website-php #signed-in-navigation,
.show-nav.single-sc_projects.logged-in.post-template-template-user_102_challenges-php #signed-in-navigation {
    background: none repeat scroll 0 0 #F15959;
    box-shadow: 0 0 4px -1px #850B0B inset;
    font-family: 'Montserrat';
    height: 100%;
    left: 0;
    padding: 0;
    position: fixed;
    text-align: center;
    top: 0;
    width: 80px;
    z-index: 9999;
  -webkit-transition: all 800ms ease 0s;
  -moz-transition: all 800ms ease 0s;
  -o-transition: all 800ms ease 0s;
  transition: all 800ms ease 0s;
}

#signed-in-navigation #left-nav a {
  color:#ffa5a4;
  font-size:10px;
  font-family:'Montserrat';
  text-transform:uppercase;
  line-height:1.6;
  padding-top:40px;
  display:block;
  margin-bottom:0;
}

#signed-in-navigation #left-nav a:hover {
  color: #FFFFFF;
  text-decoration: none;
}

#signed-in-navigation #menu-left-navigation {
  margin-top:10px;
  transition: all 800ms ease 0s;
  -webkit-transition: all 800ms ease 0s;
  -moz-transition: all 800ms ease 0s;
}

#menu-left-navigation li {
    margin-bottom: 0;
    padding: 13px 6px;
}

#menu-left-navigation li.current-menu-item {
  background:white;
   box-shadow: -3px 0 3px 0 #850B0B;
}

/*#signed-in-navigation #left-nav a:hover,*/
#signed-in-navigation #left-nav .current_page_item a {
  color:#4e4c4c;
}

/* Leftnav Dashboard */
.leftnav-dashboard a {
  background:url('../img/icons/leftnav/dashboard-icon.png') no-repeat 15px 0px;
}

.leftnav-dashboard a:hover, 
#signed-in-navigation #left-nav .leftnav-dashboard.current-menu-item a {
    background: url("../img/icons/leftnav/dashboard-icon.png") no-repeat scroll -53px 0 transparent;
    color: #4e4c4c;
}

/* Leftnav Classes */
.leftnav-classes a {
    background: url("../img/icons/leftnav/classes-icon.png") no-repeat scroll 20px 0 transparent;
}

.leftnav-classes a:hover,
#signed-in-navigation #left-nav .leftnav-classes.current-menu-item  a {
  background:url('../img/icons/leftnav/classes-icon.png') no-repeat -50px 0px;
  color:#4e4c4c;
}

/* Leftnav Core Skills */
.leftnav-skills a {
  background:url('../img/icons/leftnav/skills-icon.png') no-repeat -53px 0px;
}

.leftnav-skills a:hover,
#signed-in-navigation #left-nav .leftnav-skills.current-menu-item  a {
  background:url('../img/icons/leftnav/skills-icon.png') no-repeat 27px 0px;
  color:#4e4c4c;
}

/* Leftnav Blog */
.leftnav-blog a {
  background:url('../img/icons/leftnav/blog-icon.png') no-repeat 20px 0px;
}

.leftnav-blog a:hover,
#signed-in-navigation #left-nav .leftnav-blog.current-menu-item  a {
  background:url('../img/icons/leftnav/blog-icon.png') no-repeat -49px 0px;
  color:#4e4c4c;
}

/* Leftnav Profile */
.leftnav-account a {
  background:url('../img/icons/leftnav/profile-icon.png') no-repeat 18px 0px;
}

.leftnav-account a:hover,
#signed-in-navigation #left-nav .leftnav-account.current-menu-item  a {
  background:url('../img/icons/leftnav/profile-icon.png') no-repeat -50px 0px;
  color:#4e4c4c;
}


#signed-in-navigation #left-nav h1#signed-in-site-title a {
    background: url("../img/logo/logo-left.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    color: white;
    height: 129px;
    margin-left: 25px;
    margin-top: 200px;
    text-indent: -10000px;
    width: 25px;
}

#signed-in-navigation #left-nav #menu-left-navigation .log-out-link {
  display:none;
}

.single-user_challenges #signed-in-navigation #left-nav,
.single-user_projects #signed-in-navigation #left-nav,
.single-sc_projects #signed-in-navigation #left-nav,
.single-user_102_challenges #signed-in-navigation #left-nav,
.single-sc_projects.logged-in.post-template-template-sc_user_project_website-php #signed-in-navigation,
.single-sc_projects.logged-in.post-template-template-user_102_challenges-php #signed-in-navigation {
    left: -81px;
  transition: all 800ms ease 0s;
  -webkit-transition: all 800ms ease 0s;
  -moz-transition: all 800ms ease 0s;
}

.single-user_challenges #signed-in-navigation,
.single-user_projects #signed-in-navigation,
.single-sc_projects #signed-in-navigation,
.single-user_102_challenges #signed-in-navigation,
.single-sc_projects.logged-in.post-template-template-sc_user_project_website-php #signed-in-navigation,
.single-sc_projects.logged-in.post-template-template-user_102_challenges-php #signed-in-navigation {
  left:-81px;
}

.single-user_challenges #signed-in-navigation #left-nav #menu-left-navigation-container,
.single-user_projects #signed-in-navigation #left-nav #menu-left-navigation-container,
.single-sc_projects #signed-in-navigation #left-nav #menu-left-navigation-container,
.single-user_102_challenges #signed-in-navigation #left-nav #menu-left-navigation-container,
.single-sc_projects.logged-in.post-template-template-sc_user_project_website-php #signed-in-navigation #left-nav #menu-left-navigation-container,
.single-sc_projects.logged-in.post-template-template-user_102_challenges-php #signed-in-navigation #left-nav #menu-left-navigation-container {
  left:-81px;
}

.single-sc_projects.post-template-template-class-php #signed-in-navigation,
.single-sc_projects.post-template-template-learnhtml-php #signed-in-navigation {
  left: 0px;
}

.single-sc_skill_resources #container,
.single-user_challenges #container,
.single-user_projects #container,
.single-sc_projects #container,
.single-user_102_challenges #container
/*.single-sc_tutorials #container */{
    min-width: 1142px;
    padding-left: 0;
    width: 100%;
}

.single-sc_projects.post-template-template-class-php #container, .single-sc_projects.post-template-template-learnhtml-php #container {
    /*padding-left: 80px;*/
}

.single-sc_projects.post-template-template-learnhtml-php .user-notloggedin {
  padding-left: 0px;
}

/* Primary Button */

.return-button.button {
    background: none repeat scroll 0 0 #F15959;
    float: right;
}


#password-submit {
  padding: 7px 30px;
}
form#title-tag-quiz input {
  display: inline;
  float: none;
}
form#title-tag-quiz input[type="text"] {
  margin-bottom: 0px;
}
form#title-tag-quiz input[type="submit"] {
  padding: 12px 30px;
  margin-left: 10px;
}
div#title-tag-quiz-answer .title-tag-quiz-right, div#title-tag-quiz-answer .title-tag-quiz-wrong {
  display: none;
}

/* Secondary Button */
.secondary-button.button, .secondary-button {
    background: none repeat scroll 0 0 #ADADAD;
    border: medium none;
    color: #EEEEEE;
  display:block;
}

.secondary-button:hover,
.secondary-button.button:hover {
    color: #EEEEEE;
  background: none repeat scroll 0 0 #434242;
    border: medium none;
}

.secondary-button:active,
.secondary-button.button:active {
  background:#c6c9cd;
}

/* Tutorial Header Buttons */

.my-project-link {
  float:right;
}

/* Tertiary Buttons */
.third-level-button, input[type="submit"].third-level-button {
  background: none repeat scroll 0 0 #626568;
    border: 1px solid #202123;
    border-radius: 3px 3px 3px 3px;
    box-shadow: none;
    padding: 3px 18px;
    text-shadow: none;
  color:white;
}


.third-level-button:hover,
input[type="submit"].third-level-button:hover {
  background: #787b7f;
  cursor:pointer;
  color:white;
}

.third-level-button:active,
input[type="submit"].third-level-button:active {
  background: none repeat scroll 0 0 #626568;
    color:white;
}


/* Project Buttons */
.project-button, a.project-button, input[type="submit"].project-button {
    background: none repeat scroll 0 0 #09cda1;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 2px 0 0 #1c8971;
    color: white;
    display: block;
    float: left;
    font-family: 'Montserrat';
    font-size: 16px;
    padding: 16px 30px;
    text-transform: none;
}

a.project-button{
  display:block;
  color: white;
  font-size:16px;
    padding: 13px 25px;
}

.project-button a {
  color:white;
}

.project-button:hover, input[type="submit"].project-button:hover {
  background:#71acfd;
  color:white;
  cursor:pointer;
}

.project-button:active, input[type="submit"].project-button:active {
  background:#2b83fd;
}


/* Edit Buttons */
.edit-button {
    background: -moz-linear-gradient(center bottom , #F2F1F1 0%, #FFFFFF 100%) repeat scroll 0 0 #F6F6F6;
    background: -o-linear-gradient(center bottom , #F2F1F1 0%, #FFFFFF 100%) repeat scroll 0 0 #F6F6F6;
    background: -webkit-linear-gradient(center bottom , #F2F1F1 0%, #FFFFFF 100%) repeat scroll 0 0 #F6F6F6;
    background: -ms-linear-gradient(center bottom , #F2F1F1 0%, #FFFFFF 100%) repeat scroll 0 0 #F6F6F6;
    border: 1px solid #C9C9C9;
    border-radius: 3px 3px 3px 3px;
    box-shadow: none;
    color: #4593FE;
    float: right;
    font-family: 'din-bold';
    font-size: 14px;
    margin: 0px;
    padding: 10px 15px;
}


/* Page Header */
.page-header {
    border-bottom: 1px dotted #CCCCCC;
    margin: 20px 0 30px;
    padding-bottom: 20px;
}


.modal .login {
    margin: auto;
    width: 430px;
}



.modal .widget .login .tml-action-links {
    clear: both;
    margin-left: 0;
    margin-top: 70px;
    overflow: auto;
}

.modal .widget .login p.message {
    margin-top: 20px;
    text-align: center;
}

#registerform1 .message {
  display:none;
}

.modal .widget .login p {
  margin-bottom:10px;
}

.modal .widget .login .tml-action-links li {
float:left;
margin-right:10px;
}

.modal .widget .login .tml-action-links li a {
float:left;
margin-right:20px;
color:#ADADAD;
}


.modal-background #login-page-header {
    background: none repeat scroll 0 0 white;
    display: none;
}

.sk-modal-header {
  padding: 20px 0 20px;
  border-bottom: 1px solid #E1E0E0;
}

.modal .close {
    color: #999999;
    font-family: georgia;
    font-size: 32px;
    font-weight: normal;
    opacity: 1;
    position: absolute;
    right: 8px;
    text-transform: uppercase;
    top: 10px;
}

.modal-body ul li {
  list-style-type:disc;
  margin-left:20px;
}

.modal-body {
    max-height: 800px;
    overflow-y: auto;
    padding: 20px 30px;
}


/* Step Modals */
.modal p#step12-intro-paragraph {
  text-align:center;
  font-size:18px;
  color:#3A3939;
  /*border-bottom:;*/
  border-bottom: 1px solid #E1E0E0;
    margin-bottom: 20px;
  padding: 20px 120px;  
}

.modal .close {
    color: #999999;
    font-family: georgia;
    font-weight: normal;
    position: absolute;
    right: 4px;
    text-transform: uppercase;
    top: 1px;
}

.modal .close:hover {
  cursor:pointer;
}

#step12-intro-modal {
    left: 50%;
    margin-left: -296px;
    width: 592px;
}

.modal .button {
  float:right;
}

.modal .button:hover {
  cursor:pointer;
}

.modal .example-site {
    padding: 20px 30px;
}

/*========================================================================================================================
Form Styles
=========================================================================================================================*/


form label {
  font-size:16px;
  color:#3A3939;
}

input[type="checkbox"] {
    vertical-align: middle;
}



/*========================================================================================================================
Header Styles
=========================================================================================================================*/

.logged-in .site-header {
    height: 65px;
    padding-top: 10px;
    position: static;
}

.logged-in .site-header h1 a {
    margin-top: 13px;
}

.site-header h2 {
    float: left;
    font-size: 24px;
    font-weight: normal;
    margin-left: 40px;
    margin-top: 13px;
    text-transform: uppercase;
}

.site-header h2 a {
    color: #4F4D4D;
}



/*========================================================================================================================
Header Login Form Styles
=========================================================================================================================*/
#header-sign-in {
    float: right;
    }

#header-sign-in > ul {
  position: relative;
}

#header-sign-in ul li {
  float:right;
}

#header-sign-in ul li h2 {
    color: #727176;
    float: right;
    font-family: 'Montserrat';
    font-size: 16px;
    font-weight: normal;
    margin: 1px 0 0;
}

#header-sign-in ul li.sign-in h2 a {
  color: #727176;  
}

#header-sign-in ul li h2 a {
  color:white;
}

#header-sign-in .dropdown {
  background: none repeat scroll 0 0 white;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px 0 #CACACA;
    display: none;
    left: -210px;
    margin-left: 0;
    padding: 10px 20px 0;
    position: absolute;
    top: 29px;
    width: 240px;
    z-index: 100;
}

#header-sign-in #mgm_sidebar_loginform > div {
  margin:5px 0px 10px;
}

#remember_me_container {
  font-style:italic;
  text-transform:none;
}

#wp-submit {
  float:none;
  margin:10px 0px 20px;
}

#header-sign-in div.mgm_clearfix {
  text-transform:none;
  margin-top:10px;
}

#header-sign-in .open .dropdown {
  display:block;
}

.sign-in {
 margin-left: 20px;
    margin-right: 5px;
    margin-top: 8px;
    padding-bottom: 0;
    padding-right: 15px;
    position: relative;
    text-transform: uppercase;
}

#header-sign-in .dropdown #mgm_sidebar_loginform a {
    color: #3A3939;
    display: inline;
    float: none;
  padding: 0;
}

#header-sign-in .dropdown #mgm_sidebar_loginform input[type="text"],
#header-sign-in .dropdown #mgm_sidebar_loginform input[type="password"] {
   width: 238px;  
}

.sign-up {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25);
    border: 1px solid #FFFFFF;
    border-radius: 0;
    box-shadow: none;
    margin-right: 10px;
    margin-top: 3px;
    padding: 4px 17px 5px;
}

.sign-up:hover {
  background:#cf3535;
}

/* Logged in Header */
.user-loggedin .sign-up {
  display:none;
}

#header-sign-in ul.user-loggedin {
    width: 410px;
}

#header-sign-in .user-loggedin .dropdown {
    background: none repeat scroll 0 0 white;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px 0 #CACACA;
    margin-left: -130px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 29px;
    width: 190px;
 left: auto;
}

#header-sign-in ul li.logged-in {
    margin-right: 20px;
    margin-top: 6px;
    position: relative;
    text-align: left;
    max-width: 130px;
}

#header-sign-in ul li.logged-in h2 {
  text-align:left;
  float:left;
  max-width: 98px;
  color:#727176;
}

#header-sign-in ul li.logged-in img.down-arrow {
    padding: 7px 10px;
}

.user-loggedin .sign-in {
    background: url("../img/signin-downarrow.png") no-repeat scroll 233px 7px transparent;
    margin-top: 8px;
    padding-right: 40px;
    text-transform: none;
}

#user-account a {
  background: url("../img/icons/icon-account.png") no-repeat scroll 158px 15px transparent;}

#user-logout a {
  background: url("../img/icons/icon-logout.png") no-repeat scroll 160px 15px transparent;}

/* AJAX Search Styles */

#ajax-post-search {
  width:260px;
  position:relative;
  margin-top: 3px;
}

#ajax-post-search input[type="text"] {
    background: url("../img/search-glass.png") no-repeat scroll 12px 9px white;
    border: 1px solid #DCDCDC;
    border-radius: 50px 50px 50px 50px;
    box-shadow: -1px -1px 0 0 #F1F1F1 inset;
  color: #3A3939;
    font-size: 16px;
    height: 25px;
    margin: 0;
    padding: 5px 5px 1px 30px;
    width: 223px;
}

#ajax-post-search input[type="submit"] {
  display:none;
}

#ajax-post-search h2.widgettitle {
  display:none !important;
}

/*
.site-header #searchform input[type="text"] {
  color:white !important;
}*/


#ajax-post-search #search_result ul {
    background: none repeat scroll 0 0 white;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 2px 0 #CACACA;
    color: #999999;
    margin: 3px 0 0 -49px;
    width: 309px;
}

#ajax-post-search #search_result ul li, 
#header-sign-in .dropdown li {
    background: none repeat scroll 0 0 white;
    border-bottom: 1px solid #EBE7E7;
    float: none;
    font-size: 16px;
  color:#999999;
}

#ajax-post-search #search_result ul li a, 
#header-sign-in .dropdown li a {
  display:block;
  padding:15px;
}

#ajax-post-search #search_result ul li {
  width: 309px;
}

#ajax-post-search #search_result ul li:last-child,
#header-sign-in .dropdown li:last-child {
  border:none;
  border-radius:0px 0px 5px 5px;
}

#ajax-post-search #search_result ul li:first-child,
#header-sign-in .dropdown li:first-child  {
  border-radius:5px 5px 0px 0px;
}

#ajax-post-search #search_result ul li a,
#header-sign-in .dropdown li a {
  color:#3A3939;
}


#header-sign-in .sign-in .login {
    background: none repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    box-shadow: none;
    display: block;
    font-family: 'Montserrat';
    font-size: 14px;
    margin-left: 0;
    padding: 0;
    position: static;
    width: 232px;
}

#header-sign-in .login a {
  font-size:14px;
}

#header-sign-in:hover {
  cursor:pointer;
}

/*========================================================================================================================
Login Styles
=========================================================================================================================*/

#header-sign-in-dropdown .widgettitle {
  display:none;
}

#login {
  padding-top:100px;
}




/* New Homepage Styles */
#home-hero .main {
  position:relative;
}

#home-hero.hero {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 500px;
    padding: 0;
    text-align: center;
}

#home-hero.hero h1 {
    color: #3A3939;
    font-family: 'Montserrat';
    font-size: 60px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 84px;
    margin: 24px 0 10px;
    text-align: center;
}

.hero-content h1 span {
    background: url("../img/homepage/homepage-headline-background.png") no-repeat scroll 0 103px rgba(0, 0, 0, 0);
    color: #35BA97;
    font-family: 'Bad Script';
    font-size: 71px;
}

#home-hero-sign-up {
    float: left;
    margin: 0;
}

#homepage-hero-cta h2 {
    font-family: 'open sans';
    font-size: 24px;
    font-weight: normal;
    line-height: 38px;
    margin-top: 1px;
    text-align: center;
    text-transform: none;
}
#home-hero-sign-up {
    float: none;
    margin: 40px auto 0;
    width: 280px;
}

#home-hero-sign-up a {
    background: none repeat scroll 0 0 #DF5555;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    display: block;
    font-family: 'Montserrat';
    font-size: 24px;
    font-weight: normal;
    margin: auto;
    padding: 18px 20px;
    text-align: center;
}

#home-hero-sign-up a:hover {
  background:#cf3535;
text-decoration:none;
}


#mc_embed_signup h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 100px 0 14px;
    text-align: center;
    text-transform: none;
}



#homepage-hero-cta #mc_embed_signup .success h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    text-align: center;
    text-transform: none;
}

/*========================================================================================================================
Homepage Main Content Styles
=========================================================================================================================*/
#main-content {
padding: 50px 0;
}

.home #main-content {
    background: none repeat scroll 0 0 #D8E9EB;
    border-top: 1px solid #AED4D8;
    padding: 20px 0 50px;
}

#home-sales-content {
  padding-top:20px;
}

.homepage-steps {
  padding:100px 0;
  border-top:1px solid #c6d5d7;
  overflow:auto;
  clear:both;
}

#homepage-step-2 {
  border-top:none;
}

.homepage-steps h2 {
      font-size: 34px;
      font-weight: bold;
}

.homepage-steps .main {
  width:1017px;
}

.homepage-steps a.button {
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 16px 50px;
    text-transform: uppercase;
}

.homepage-steps .step-content p {
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.homepage-steps h2 span {
    color: #7F807E;
    display: block;
    font-family: montserrat;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 6px;
    text-transform: none;
}

/* Step 2 */
#homepage-core-skills {
    height: 466px;
    margin: 100px 0;
    width: 100%;
}

#container #homepage-core-skills .main {
    background: url("../img/backgrounds/badge-background.png") repeat-x scroll 0 99px transparent;
    height: 467px;
    width: 1160px;
  position:relative;
  margin:20px 0 0 0;
  
}

.user-notloggedin #homepage-core-skills .main {
  margin: 0 auto;
    
}

#seriously-marketable {
    background: url("../img/backgrounds/marketable-arrow.png") no-repeat scroll 30px 36px transparent;
    color: #7F807E;
    font-family: 'bad script';
    font-size: 24px;
    left: 670px;
    padding-bottom: 13px;
    padding-left: 40px;
    position: absolute;
    text-align: center;
    top: 21px;
    width: 200px;
}

.homepage-skill {
    background: url("../img/badge/html-badge.png") no-repeat scroll 0 0 transparent;
    height: 140px;
    left: 455px;
    position: absolute;
    text-indent: -10000px;
    top: 99px;
    width: 120px;
}

#skill-ruby {
    background: url("../img/badge/skillcrush-badges-ruby.png") no-repeat scroll 0 0 transparent;
    left: 650px;
    top: 213px;
}

#skill-debugging {
    background: url("../img/badge/skillcrush-badges-debugging.png") no-repeat scroll 0 0 transparent;
    left: 716px;
    top: 328px;
}

#skill-heroku {
    background: url("../img/badge/skillcrush-badges-heroku.png") no-repeat scroll 0 0 transparent;
    left: 780px;
    top: 213px;
}

#skill-gems {
    background: url("../img/badge/skillcrush-badges-gems.png") no-repeat scroll 0 0 transparent;
    left: 845px;
    top: 328px;
}

#skill-hosting {
    background: url("../img/badge/skillcrush-badges-hosting.png") no-repeat scroll 0 0 transparent;
    left: 716px;
    top: 99px;
}

#skill-html {
  background: url("../img/badge/skillcrush-badges-html.png") no-repeat scroll 0 0 transparent;
    left: 585px;
    top: 328px;
}

#skill-css {
    background: url("../img/badge/skillcrush-badges-css.png") no-repeat scroll 0 0 transparent;
    left: 585px;
    top: 99px;
}

#skill-git {
    background: url("../img/badge/skillcrush-badges-git.png") no-repeat scroll 0 0 transparent;
    left: 585px;
    top: 328px;
}

#skill-domains {
    background: url("../img/badge/skillcrush-badges-domain.png") no-repeat scroll 0 0 transparent;
    left: 520px;
    top: 214px;
}

.homepage-steps #homepage-core-skills  .step-content p {
  padding-right:150px;
}

#student-projects ul li {
  float:left;
  margin-right:20px;
}

#student-projects ul li.third-project,
#student-projects ul li.last-project {
  margin-right:0;
}

#student-projects h3 {
  margin-bottom:20px;
}

/* Homepage Letter */
#homepage-letter-content {
    background: none repeat scroll 0 0 white;
    box-shadow: 0 2px 2px 0 #A3BBBF;
    float: left;
    padding: 60px;
    width: 650px;
}

#homepage-letter-content p {
    font-size: 18px;
    line-height: 1.6;
  color:#323432;
}

#homepage-letter-content p span {
  font-family:'Bad Script';
  font-size:34px;
}

#homepage-picture {
  float:left;
  width:372px;
  margin-top:200px;
}

#homepage-letter.homepage-steps .main {
    width: 1142px;
}

/* Homepage Testimonial */
#homepage-testimonials ul {
    margin: 40px auto;
    width: 880px;
}

.homepage-testimonial {
  background:#50C7A3;
  margin-bottom:20px;
}

.homepage-testimonial p {
  color:#323432;
  font-size:24px;
  font-style:italic;
  line-height:41px;
}


/* Homepage */
#homepage-last-signup h2,
#homepage-testimonials h2 {
  text-align:center;
}

#homepage-last-signup h2 {
padding: 40px 180px 20px; 
}

#homepage-last-signup #home-hero-sign-up, 
#homepage-testimonials #home-hero-sign-up {
    float: none;
    margin: 20px auto;
    text-align: center;
    width: 280px;
}


.home-step {
  padding:40px 0px 40px 90px;
  overflow:auto;
  margin-bottom: 20px;
}

.home-step h3 {
  font-size:32px;
    padding-left: 110px;
}

.step-description {
  float:left;
  width:400px;
  padding-top: 40px;
}

.step-description p {
    font-size: 24px;
    line-height: 32px;
  width:340px;
  margin-bottom:20px;
}

.step-content .modal-body iframe {
  display: block;
  margin: 0 auto;
}

#home-project-headline h3 {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 40px;
    margin-top: 40px;
    padding: 20px 170px;
    text-align: center;
}

#home-project-headline h3 a {
  color:#4593fe;
}

.home-step-content {
  margin-top:40px;
}

#home-step-01 {
  background:url('img/homepage/home-step01.png') no-repeat 0px 30px;
}

.home-step-content ul {
    float: left;
    width: 640px;
}

#home-step-02 .home-step-content ul li {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    position: relative;
    width: 200px;
}

#home-step-02 .home-step-content ul li h4 {
    font-size: 18px;
    text-transform: none;
    font-family: 'Montserrat';
}

.hover-view {
  background:#d7eaf8;
    background: rgba(215, 234, 248, 0.9);
    display: none;
    height: 30px;
    padding: 60px 0;
    position: absolute;
    text-align: center;
    width: 200px;
}

#home-step-02 .home-step-content ul li:hover .hover-view {
  display:block;
  cursor:pointer;
}

#home-step-02 {
  background:url('img/homepage/home-step02.png') no-repeat 0px 30px;
}

#home-step-03 {
  background:url('img/homepage/home-step03.png') no-repeat 0px 30px;
}

/* Newsletter Sign up Form */

#home-step-01 input[type="text"] {
    border: 1px solid #D6D6D6;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px 0 #A8A8A8 inset;
    color: #666666;
    font-size: 16px;
    height: 32px;
    margin-top: 10px;
    padding: 7px 10px;
    width: 320px;
}

#home-step-01 input[type="submit"] {
    color: white;
    display: inline;
    float: none;
    font-size: 16px;
    margin-right: 10px;
    padding: 10px 34px;
}


#home-step-01 .home-step-content img {
  float:left;
}

#home-step-01 #mc-embedded-subscribe-form h3 {
  padding-left:0px;
}

#home-step-01 #mc_embed_signup_popup {
    float: left;
    margin-left: 40px;
    margin-top: 70px;
}

#home-step-01 #mc_embed_signup_popup h4 {
  font-family:'Montserrat';
  font-size:24px;
  text-transform:none;
}

#home-step-03 .step-description {
  width:500px;
}

#home-step-03 .step-description h3 {
   font-size: 24px;
    margin-top: 30px;
    padding-left: 0;
}

#home-step-03 a.button {
    margin: 10px 0;
}

#sc-001 {
    clear: both;
    font-size: 16px;
    width: 400px;
}

#homepage-website-example {
    float: left;
    margin-left: 80px;
    padding-top: 20px;
}

#home-step-03 .step-description p {
  margin-bottom:10px;
}

#home-step-03 .step-description h4 {
  font-size:24px;
}

#newsletter-ctt {
    background: none repeat scroll 0 0 #1E7997;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin-left: 0;
    margin-top: 20px;
    padding: 10px 20px;
    width: 558px;
}

footer #newsletter-ctt {
    background: none repeat scroll 0 0 white;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    margin-left: 0;
    margin-top: 20px;
    padding: 10px 20px;
    width: 468px;
}

#newsletter-ctt a {
  color:white;
}

.site-footer #newsletter-ctt p a {
    color: #434242;
    text-decoration: none;
}
.site-footer #newsletter-ctt p a:hover {
    color: #434242;
    text-decoration: none;
}

#newsletter-ctt p {
    font-size: 18px;
  margin-bottom:10px;
}

/** GF mailchimp newsletter signup (in footer) **/
.site-footer div#gform_wrapper_8 span.gfield_required {
  display: none;
}
div#gform_wrapper_8 div.gform_body label {
  color: #FFFFFF;
  margin-top: 0px;
  font-weight: normal;
}
div#gform_wrapper_8 div.gform_footer.top_label {
  display: inline;
}
button#gform_submit_button_8 {
  margin-left: 0px;
  margin-top: 3px;
  width: 120px;
  height: 41px;
  padding: 0px;
}
div#gform_wrapper_8 div.validation_error {
  display: none;
}
div#gform_wrapper_8 li.gfield_error {
  background: none;
  border: none;
  display: inline;
  padding: 0px !important;
}
div.ginput_container {
  margin-top: 0px !important;
}
div#gform_wrapper_8 .validation_message {
  background-color: #fabeb9;
    color: #b9554c;
    min-height: 30px;
  font-family: 'Open Sans', Arial, sans-serif;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1.85em;
  border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px; 
  -webkit-border-radius: 5px;
  width: 97% !important;
  padding: 10px 0px 10px 15px !important;
  overflow: auto;
  border:none;
}
img#gform_ajax_spinner_8 {
  display: none;
}

div#secondary-sign-up-form #footer-signup-success p {
  font-size:18px;
}

#home-tweeter {
  padding-left:0px;
  margin-top:10px;
}

#home-tweeter a {
    background: url("../img/homepage/twitter-bird.png") no-repeat scroll 0 5px transparent;
    padding-left: 26px;
  color:#434242;
}
/** end newsletter stuff **/


.success p {
  font-size:18px;
}

/* sign up form */
#class-sign-up-form {
  border:1px solid #ececec;
  padding:20px 30px;
  border-radius:5px;
  width:800px;
  clear:both;
}

/* Sign Up */
#home-sales-sign-up h1 {
    float: left;
    padding: 10px 30px 10px 140px;
}

/* Popular Posts Style */
#main-content aside {
  float:left;
}

aside {
    float: left;
    width: 320px;
}

aside > li {
  list-style-type:none;
    margin-bottom: 30px;
}


#site-sidebar-1 .widget.widget_mailchimpsf_widget {
 background: url("../img/backgrounds/heart-dots.png") no-repeat scroll 0 100px #E3F6FD;
    border: 1px solid #D5D5D5;
    border-radius: 5px 5px 5px 5px;
    padding: 30px 20px;
    text-align: center;
  box-shadow:-2px 2px 0px 0px #dfe1e3;
}

#mc_subheader {
    margin: 40px 0 16px;
}

.mergeRow > label {
    margin: 16px 0 10px;
    text-align: center;
}

.mc_list li {
  background:#c6dfeb;
   padding: 8px 0 4px;
  text-align:center;
  margin-bottom:3px;
  position:relative;
}

.mc_list label {
  display:inline;
}

.mc_list input[type="radio"] {
    display: inline;
    vertical-align: top;
  position:absolute;
  left:5px;
}

.mc_signup_submit {
    padding: 10px 60px 50px;
    text-align: center;
}

#mc_signup_form .mc_var_label {
    display: none;
}

#mc_signup_form input[type="text"] {
    width: 230px;
  background: url("../img/backgrounds/newsletter-input-back.png") no-repeat scroll 13px 14px white;
}

/* Sidebar Styles */
.sidebar-module {
  margin-bottom:70px;
}

.sidebar-module ul, .sidebar-module li {
  margin-left:0px;
  list-style-type:none;
}

.sidebar-module li {
margin-bottom:28px;
line-height:24px;
}

#sharing li {
  float:left;
  margin-right:40px;
  margin-top: 15px;
}

#sharing p {
    color: white;
    float: left;
    font-size: 20px;
    text-shadow: 1px 1px 0 black;
}

.share-button {
  width:30px;
  height:30px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  float:left;
  margin-right:10px;
}

.share-button:hover {
  background:#fc9998;
}

.share-button.face-button {

  background:url('img/icons/icon-fb.png') no-repeat;

}



.share-button.twitter-button {

  background:url('img/icons/icon-twitter.png') no-repeat;



}



.share-button.pinterest-button {

  background:url('img/icons/icon-pin.png') no-repeat;



}





#share-buttons a {

  float:left;

}



#sharing {

}



/* Page Navigation */



/*.wp-pagenavi {

  clear:both;

  padding:30px 0px;

}



.wp-pagenavi a {

  color:#999999;

  margin:0px 2px 0px 0px;

  display: inline-block;

    font-family: "din";

    font-size: 14px;

    padding: 7px 10px 5px;

    text-align: center;





}



.wp-pagenavi span.current, .wp-pagenavi a:hover {

    background: none repeat scroll 0 0 #4593FE;

        border-radius: 3px 3px 3px 3px;

        -moz-border-radius: 3px 3px 3px 3px;

        -webkit-border-radius: 3px 3px 3px 3px;

        color: white;


        display: inline-block;
        font-size: 14px;
        padding: 7px 10px 5px;
        text-align: center;
}

/*========================================================================================================================
Secondary Content Styles
=========================================================================================================================*/

#top-primary-content {
    border-bottom: 1px solid #3587A2;
    margin-bottom: 60px;
    padding-bottom: 30px;
    padding-top: 36px;
}

#top-primary-content #footer-logo a {
    background: url("../img/logo/white-logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -10000px;
    width: 129px;
}

#footer-logo {
  float:left;
}

#menu-footer-social-links {
  float:right;
}

#menu-footer-social-links li {
  float:left;
  margin-right:16px;
}

#menu-footer-social-links li.log-out-link {
  display:none;
}

#menu-footer-social-links li.twitter a {
  background: url("../img/icons/twitter-white.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -10000px;
    width: 24px;
}

#menu-footer-social-links li.facebook a {
  background: url("../img/icons/facebook-white.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -10000px;
    width: 24px;
  
}

#menu-footer-social-links li.google a {
  background: url("../img/icons/googleplus.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 24px;
    text-indent: -10000px;
    width: 24px;
  
}


#secondary-content {
    background: none repeat scroll 0 0 #1E7997;
    padding: 0px 0 0;
    position: relative;
}

#secondary-content h4 {
color:white;
font-size:16px;
font-weight:normal;
  margin-bottom: 24px;
}

#secondary-sign-up-form {
  /*padding-bottom:30px;*/
}

#secondary-sign-up-form form input[type="email"], #secondary-sign-up-form form input[type="text"] {
    background: none repeat scroll 0 0 white;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: 0 0 0 1px #DBDBDB inset;
    color: #636363;
    float: left;
    font-size: 20px;
    height: 24px;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 13px;
    padding: 11px 18px 6px 13px;
    width: 287px;
}

#secondary-sign-up-form form p.newsletter-title {
    margin: 12px 0 5px;
}

#secondary-sign-up-form input[type="submit"] {
  margin-top: 13px;
  margin-right: 0px;
}

#secondary-content-about h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

#secondary-content-about h3 a, #secondary-content-about .continue-reading a {
  color:#e43c3b;
}

#secondary-content .second-column, #secondary-content .first-column {
  float:left;
}

#secondary-content .first-column {
    margin-right: 76px;
    width: 460px;
}

.site-footer #social-buttons {
  margin-top:90px;
  clear:both;
}

#footer-email {
  clear:both;
}

#secondary-content .second-column {
 width: 606px;
}

footer .widget.widget_nav_menu {
  list-style-type:none;
}

.footer-list,
footer .widget.widget_nav_menu {
  float:left;
  margin-right:40px;
  width:162px;
}

.footer-list ul,
footer .widget.widget_nav_menu ul {
  border-top:1px solid #d0dadf;
  margin-top:5px;
}

.footer-list ul li,
footer .widget.widget_nav_menu ul li {
  margin:0px;
  padding:5px 0px;
  border-bottom:1px solid #d0dadf;
  font-size:14px;
}

.footer-list ul li a,
footer .widget.widget_nav_menu ul li a {
  color:#68767d;
}

.site-footer .widget.widget_nav_menu ul li a:hover {
  color:white;
  text-decoration:underline;
}

#secondary-content article h4 {
  font-size: 18px;
    line-height: 24px;
    margin: 10px 0 10px;
 color: #E43C3B;
}

footer .widget.widget_nav_menu h2.widgettitle {
    font-size: 16px;
  color:white;
}

#secondary-content article p {
  font-size: 16px;
    line-height: 24px;
    margin: 0 0 10px;
  padding-right:10px;
}

.secondary-content-node {
    margin-right: 0;
    width: 455px;
}

.secondary-content-node.third-node {
  margin-right:0px;
}

.continue-reading, #secondary-content article p.continue-reading {
    display: block;
    font-size: 16px;
    margin-top: 10px;
}

/* Press */
.press {
    background: none repeat scroll 0 0 white;
    clear: both;
    padding-bottom: 40px;
    padding-top: 40px;
}

.press ul {
   margin: 30px 0 0px;
}

.press ul li {
    float: left;
   padding: 22px 24px;
    text-align: center;
}

.press ul li img {
  vertical-align:middle;
}

.press h4 {
  text-align:center;
}

#zenbox_tab {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#zenbox_tab img {
  margin: 4px 0px 4px 4px;
}

/*========================================================================================================================
Individual Term Styles
=========================================================================================================================*/

.breadcrumbs {
  margin-top:20px;
}

.individual-entry .tags {
  margin-top:30px;
  background:url("../img/icons/meta-category.png") no-repeat 0px 4px;
  padding-left:24px;
}

.post-main-image img {
    height: auto;
}

.post-main-image {
  float:none;
  margin:0px 20px 10px 0px;
}

.entry-content h3.entry-title {
  font-size: 30px;
  line-height:1.4;
}

.individual-content aside#blog-post-aside {
  float: left;
      margin-right: 35px;
      width: 200px;
}

.individual-content article {
    float: left;
    max-width: 800px;
    width: 60%;
}

.individual-content .sharing {
  padding-top:10px;
  margin-top:10px;
  border-top:1px dotted #cccccc;
}

#sharing-links li {
    clear: both;
    float: none;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 100%;
}

#sharing-links {
  overflow:auto;
}

.entry-header .entry-title {
  font-size:48px;
  color:#3A3939;
  font-weight: normal;
  float:none;
}

.individual-content .entry-metadata {
    color: #A8AAA9;
    font-family: arial;
    font-size: 13px;
    list-style-type: none;
    margin: 30px 0 0px;
    overflow: auto;
}

h2.entry-subtitle {
    color: #818181;
    font-family: 'open sans';
    font-size: 22px;
    font-style: italic;
    font-weight: normal;
    line-height: 32px;
    margin-top: 5px;
    text-transform: none;
}

.individual-content p {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px;
}

.individual-entry aside,
.archived-content aside {
  float:both;
  width:305px;
  margin-top: 30px;
}

.individual-content .entry-content {
  padding-top:20px;
  line-height:1.8;
  margin-top:10px;
}

.entry-content p img {
      margin: 0px 20px 20px 0px;
      border: 1px solid #cccccc;
}

.individual-content .entry-content ol li {
  margin:0px 0px 30px;
  line-height: 24px;
  list-style-type:decimal;
}

.individual-content .entry-content ol li,
.individual-content .entry-content ul li {
  font-size:22px;
  font-family:'open sans', helvetica, arial, sans-serif;
}


/* Tweet Button */
.individual-content #custom-tweet-button p.tweet-copy {
  background: none repeat scroll 0 0 #E7F1FF;
      border-radius: 3px 3px 3px 3px;
      padding: 12px;
      width: 616px;
}

.individual-content #custom-tweet-button p.tweet-copy a {
  color: #333333;
      text-decoration: none;  
}


/* Next / Previous Buttons */
nav#nav-single {
  border-bottom: 1px dotted #CCCCCC;
    border-top: 1px dotted #CCCCCC;
    clear: both;
    margin: 40px 0;
    overflow: auto;
}

nav#nav-single span.nav-previous {
  border-right:1px solid #e8e8e8;
}

.nav-previous a, .nav-next a {
  color:#3A3939;
  font-size:22px;
}

.nav-previous {
  text-align:right;
}

.nav-previous, .nav-next {
 display: block;
    float: left;
    padding: 10px 2%;
    width: 45%;
}

.individual-entry h5 {
  color: #E94746;
    font-size: 30px;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
}

.individual-entry h5.cocktail-party {
  background:url("../img/cocktail-back.png") no-repeat;
}

.individual-entry h5.now-try {
  background:url("../img/headline-lines.png") no-repeat;
}

.newsletter-sign-up {
  background: url("../img/homepage/love-note-1.png") no-repeat 20px 30px #E8F5FB;
    border-bottom: 1px dotted #CCCCCC;
    border-top: 1px dotted #CCCCCC;
    margin-bottom: 20px;
  padding: 20px 20px 0px 150px;
}

.newsletter-sign-up h3 {
  font-size: 20px;
}

.individual-content .newsletter-sign-up p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 12px;
}

.newsletter-sign-up form input[type="email"], .newsletter-sign-up form input[type="text"] {
  width: 314px;
}

#category-newsletter-sign-up {
  background: none repeat scroll 0 0 #E8F5FB;
    border-bottom: medium none;
    margin-bottom: 0;
    overflow: auto;
    padding-bottom: 20px;
}

#category-newsletter-sign-up .main {
    border-bottom: medium none;
    overflow: auto;
    padding: 10px;
}

#term-newsletter-sign-up {
  padding: 20px 20px 20px 150px;
  width: 472px;
    overflow: auto;
}

#about-email {
    float: left;
    font-size: 16px;
    margin-left: 0;
    margin-right: 20px;
    width: 250px;
}

#category-newsletter-sign-up #inputs-holder {
  margin-top:10px;
}

.code {
  color:#26a9e0;
  font-size:18px;
  padding:0px;
  text-align:left;
  line-height:1.5;
}

.cocktail-party-fact img {
  padding-right: 0px;
  padding-top: 15px;float:right;
}

.cocktail-party-fact p {
  clear:both;
}

/*========================================================================================================================
Email bootcamp Sign up styles
=========================================================================================================================*/

.single #container {
/*
  padding-top:50px;
*/
}

#blog-email-signup {
    background: none repeat scroll 0 0 #282828;
    color: #FFFFFF;
    display: none;
    width: 100%;
}

#bootcamp-close {
    color: #C2D1DD;
    font-family: 'montserrat';
    font-size: 12px;
    left: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    top: -11px;
}

#bootcamp-close:hover {
  cursor:pointer;
}

#blog-email-signup .main {
  background:url("../img/bootcamp-back-header-new.png") no-repeat scroll center right #282828;  
  height: 191px;
}

#blog-email-signup #mc_embed_signup {
    padding: 22px 0 0;
    text-align: center;
    width: 60%;
}

#blog-email-signup a.button {
    float: none;
    margin: 17px auto;
    max-width: 80px;
    text-align: center;
}

#blog-email-signup p, 
#blog-email-signup h2,
#blog-email-signup h3 {
  color:white;
}

#blog-email-signup h2 {
  text-transform:none;
  margin-left:0px;
  font-size:30px;
}

#blog-email-signup h3 {
    font-size: 16px;
    margin-left: 0;
    margin-top: 4px;
    text-transform: uppercase;
}

#blog-email-signup p {
   font-family: 'Montserrat',serif;
    margin-bottom: 4px;
    margin-left: 0;
    margin-top: 14px;
    text-align: center;
    text-transform: uppercase;
    width: 470px;
}

#blog-email-signup p span {
  /*font-size:;*/
  text-transform:none;
}

#blog-email-signup .mc-field-group label {
  display:none;
}

#blog-email-signup input[type="text"],
#blog-email-signup input[type="email"] {
    border: medium none;
    border-radius: 0 0 0 0;
    color: black;
    font-size: 16px;
    height: 42px;
    padding: 5px 10px;
    font-family: 'Montserrat',serif;
    float:left;
    box-shadow:none;
}

#blog-email-signup input[type="text"].name {
  margin-right:10px;
}


#blog-email-signup input[type="submit"] {
    background: url("../img/backgrounds/arrow-white.png") no-repeat scroll 98px 12px #E56C69;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #FFFFFF;
    display: block;
    font-family: 'Montserrat',serif;
    font-size: 16px;
    height: 42px;
    margin-right: 0;
    padding: 0 14px 0 0;
    text-transform: uppercase;
    width: 120px;
}

#blog-email-signup .error-container {
    width: 502px;
    margin: 8px 0;
}

#blog-email-signup .error-container label {
    background: none;
    color: #E56C69;
    font-family: 'montserrat';
    min-height: 30px;
    padding-left: 0px;
    text-align: center;
}

#blog-email-signup .form {
    margin: 0 auto;
    width: 100%;
}

#blog-email-signup .error-container label a {
    color: #E56C69; 
}

#blog-email-signup .success {
  margin-top:0px;
  width:100%;

}

#blog-email-signup .success p {
    color: white;
    font-family: 'Montserrat',serif;
    margin-bottom: 4px;
    margin-left: 0;
    margin-top: 0;
    text-align: center;
    text-transform: none;
  width:100%;
}

#blog-email-signup .success h3 {
    margin-bottom:16px;
}

#blog-email-signup .success p a {
  color:white;
}

#blog-email-signup .social-buttons li {
  float:left;
  font-family: 'Montserrat',serif;
  color: #E56C69; 
    margin-right: 10px;
    margin-top: 7px;
}

#blog-email-signup .mc-field-group {
    margin: 20px auto 0;
    width: 350px;
}

/*========================================================================================================================
Terms Archive Styles
=========================================================================================================================*/


.archived-content .article-excerpt {
 float: left;
    margin-bottom: 40px;
    margin-right: 30px;
    width: 306px;
}
.archived-content article:nth-child(even) {

  margin-right:0px;

}

.latest-term-article .term-image {

  width:392px;

  float:left;

  margin-right:30px;

  height:271px;

  overflow:hidden;

}



.latest-term-article .term-image img {

  width:392px;

  height:271px;

}



.latest-term-article {

  clear:both;

  margin-bottom:60px;

  height:280px;

}



.latest-term-article .term-content {

  float:left;

  width:560px;

}



.latest-term-article h4 {

  color:#3A3939;

  font-size:24px;

  margin-bottom:20px;

  font-weight: normal;

}

.latest-term-article p, .term-article p {
  line-height:28px;
}

.latest-term-article p .continue-reading {
  font-size:18px;
  font-family:arial;
}

.entry-metadata {
  color: #A8AAA9;
    font-family: arial;
    font-size: 13px;
    list-style-type: none;
    margin: 0 0 20px;
  overflow: auto;
}

.article-excerpt .entry-metadata {
    margin: 0 0 10px;
}

.entry-metadata li {
  padding-left:0px;
  padding-bottom:6px;
  float:none;
  margin-right: 30px;
}

.entry-metadata li.entry-author {
  padding-left:0px;

}

.entry-metadata li.entry-date {
   background: url("../img/icons/meta-clock.png") no-repeat scroll 0 2px transparent;
    padding-left: 22px;

}

.entry-metadata li.entry-category {
  background:url("../img/icons/meta-category.png") 1px 4px no-repeat;
  padding-left: 22px;
}

.entry-metadata li.entry-comment {
  background:url("../img/icons/meta-comments.png") 0px 1px no-repeat;
}

.entry-metadata li.entry-category ul,
.entry-metadata li.entry-category ul li {
  list-style-type:none;
  margin-left:0;
}

.entry-metadata li.entry-category ul {
  overflow:auto;
}

.entry-metadata li.entry-category ul li {
    float: left;
    padding: 0 6px 0 0;
}

.entry-metadata li a {
  color:#a8aaa9;
  text-decoration:none;
}

.entry-metadata li a:hover {
  color:#E43C3B;
  text-decoration:underline;
}

.page-nav li {
  float:left;
  margin-right:10px;
}



/*========================================================================================================================
Dashboard Styles
=========================================================================================================================*/
/* New MP styles */
.page-template-page-templatestemplate-dashboard-php #classes .main {
  margin-top: 40px;
}
.page-template-page-templatestemplate-dashboard-php #classes .main #blueprint-classes {
  margin-top: 60px;
}

.page-template-page-templatestemplate-dashboard-php #classes .main #right-col {
  float: left;
  width: 35%;
  border-left: 1px solid #E6E6E6;
}
.page-template-page-templatestemplate-dashboard-php #classes #all-classes {
  padding: 0;
  float: left;
}
.page-template-page-templatestemplate-dashboard-php #all-classes h3 {
  padding-bottom: 0;
}
.page-template-page-templatestemplate-dashboard-php #classes .class-details#dashboard-bootcamp {
  margin-top: 33px;
}

.page-template-page-templatestemplate-dashboard-php #classes .class-details h4 {
  font-size: 16px;
}

.page-template-page-templatestemplate-dashboard-php #classes .class-details .class-date {
  background: none;
  padding-left: 0;
  margin-top: 0;
}
.page-template-page-templatestemplate-dashboard-php #classes .class-details .class-date p {
  font-weight: normal;
}

.page-template-page-templatestemplate-dashboard-php #classes .class-details .date-box {
    display: block;
    float: left;
    height: 45px;
    width: 50px;
}

.page-template-page-templatestemplate-dashboard-php #classes .class-details .date-box .day {
  font-size: 10px;
}
.page-template-page-templatestemplate-dashboard-php #classes .class-details .date-box .date {
  font-size: 22px;
  height: 27px;
}
.page-template-page-templatestemplate-dashboard-php .dashboard-blog-post {
  border-left: none;
  padding-left: 20px;
  padding-top: 0;
}
.page-template-page-templatestemplate-dashboard-php .dashboard-blog-post .post-main-image {
  width: 40%;
}
.page-template-page-templatestemplate-dashboard-php .dashboard-blog-post .blogpost-content {
  width: 57%;
}

/* NEW DASBOARD */
div.dashboard {
  background: #f5f3f5;
  padding-top: 20px;
}
.dashboard .user-menu {
  float: left;
  margin-right: 2%;
  text-align: center;
  width: 23.33%;
}
.dashboard .user-menu,
.dashboard .classes-wrap {
  background: #fff;
  /*box-shadow: 2px 2px 0 #edeced;*/
  margin-bottom: 1.75em;
}
.dashboard .current-blueprint .classes-wrap {
  min-height: 435px;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /* align-content: stretch;
  align-items: stretch; */
}
.dashboard .current-blueprint  .one-class:last-child {
  border-bottom: 0;
}
.dashboard .current-blueprint  .oc-link-wrap {
  padding-right: 32%;
}
.dashboard .individual-classes .classes-wrap {
  background: transparent;
  box-shadow: none;
}
.dashboard .individual-classes .one-class {
  background: #fff;
  box-shadow: 2px 2px 0 #edeced;
  margin-bottom: 10px;
}
.dashboard .past-blueprints {
  margin-left: -2.93%;
  position: relative;
}
.dashboard .past-blueprints >.grey-title {
  padding-left: 2.93%;
  position: absolute;
  top: 0;
  left: 0;
}
.dashboard .past-blueprints .bp-block,
.dashboard .individual-classes {
  float: left;
  margin-left: 2.93%;
  margin-bottom: 0;
  width: 30.4%;
}
.dashboard .past-blueprints .bp-block {
  padding-top: 1.95em;
}
.dashboard .individual-classes {
  /*margin-top: -1.9em;*/
  margin-right: 0;
}
.past-blueprints .bp-title {
  width: 100%;
}
.dashboard .left-col {
  width: 74.67%;
  float: left;
}
.dashboard .grey-title {
  color: #646464;
  font: 400 0.78em/1em 'Montserrat', sans-serif;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}

.um-list a {
  display: block;
}
.user-vcard {
  background: #fcfbfc;
  padding: 1.625em 0 1.125em;
  display: block;
  outline: none;
  border: 0;
}
.user-vcard .avatar {
  border-radius: 50%;
  display: inline-block;
  margin-bottom: 0.7em;
  max-width: 100%;
  height: auto;
}
.user-vcard .um-name {
  color: #458992;
  font: 400 1em/normal 'Open Sans', sans-serif;
}
.um-list .um-link {
  border-bottom: 1px solid #f6f2f6;
  color: #54969b;
  font: 400 0.78em/normal 'Montserrat', sans-serif;
  letter-spacing: -0.03em;
  padding: 2.455em 0.5em;
  text-transform: uppercase;
  position: relative;
}
.um-list .um-link:last-child {
  border-bottom: 0;
}
.um-list .um-link span {
  display: inline-block;
  vertical-align: middle;
}
.um-list .um-link i {
  display: inline-block;
  vertical-align: middle;
  height: 29px;
  margin-right: 1.5em;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: contain;
}
.um-list .um-link:hover i {
  opacity: 0.68;
}
.um-list .um-link:hover,
a.user-vcard:hover .um-name {
  color: #81b5b9;
}
.um-list .your i {
  background-image: url(../img/homepage/challenges-projects-icon-2.png);
  width: 23px;
}
.um-list .mightybell i {
  background-image: url(../img/homepage/mightybell-icon.png);
  width: 28px;
}
.um-list .account i {
  background-image: url(../img/homepage/settings-icon.png);
  width: 27px;
}

.dashboard .one-class {
  border-bottom: 1px solid #f3eff3;
  padding: 0;
  position: relative;
  margin-bottom: 0;
}
.dashboard .current-blueprint .one-class {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  width: 100%;
}
.dashboard .oc-link-wrap {
  display: block;
  padding: 1em 6% 1em 4.63%;
  width: 100%;
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;
  align-items: center;
}
.dashboard .one-class .oc-link-wrap:hover .class-details h4 {
  color: #81b5b9 !important;
}
.dashboard .oc-link-wrap:hover,
.dashboard .oc-link-wrap:hover .class-details h3 {
  color: #81b5b9;
}
.dashboard .past-blueprints .oc-link-wrap {
  min-height: 5.75em;
  padding: 1em 8%;
}
.dashboard .one-class .class-icon {
  width: 69px;
  max-width: 24%;
}
.dashboard .one-class .class-icon ,
.dashboard .one-class .class-details {
  float: none;
  display: inline-block;
  vertical-align: middle;
}
.dashboard .current-blueprint .class-icon {
  margin-right: 6.5%;
}
.dashboard .past-blueprints .class-icon,
.dashboard .individual-classes .class-icon {
  margin-right: 13.5%;
  width: 23.779%;
}
.dashboard .one-class .class-details {
  padding-top: 2px;
  max-width: 71%;
  width: auto;
}
.dashboard .past-blueprints .class-details,
.dashboard .individual-classes .class-details {
  width: 59%;
}
.dashboard .one-class .class-details h4 {
  color: #5a5a5a !important;
  font: 400 0.78em/0.9em 'Open Sans', sans-serif;
  padding-bottom: 4px;
  text-transform: uppercase;
}
.dashboard .one-class .class-details h3 {
  color: #5a5a5a;
  font: 400 1em/1em 'Montserrat', sans-serif;
  text-transform: uppercase;
}
.dashboard .class-details p {
  margin-bottom: 0;
}
.dashboard .class-icon img {
  display: block;
}
.dashboard .one-class.active {
  background: #eeebed;
  position: relative;
}
.dashboard .one-class a {
  color: #5a5a5a;
  outline: none;
}
.dashboard .one-class a:hover {
  text-decoration: none;
}

.dashboard .one-class .resume-class {
  background: #dddbdd;
  border-bottom: 2px solid #d3cfd3;
  display: block;
  font: 800 0.78em/37px 'Open Sans', sans-serif;
  color: #7d7d7d;
  text-transform: uppercase;
  height: 37px;
  text-align: center;
  width: 25%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 5.3%;
  margin: auto;
  z-index: 10;
}
.dashboard .resume-class:hover {
  background: #8CBDC1;
  border-bottom-color: #63A3A8;
}

.dashboard .bp-block {
  margin-bottom: 1.75em;
}
.bp-title {
  background: #468993;
  color: #fff;
  font: bold 0.78125em/1.2em 'Montserrat', sans-serif;
  display: inline-block;
  padding: 0.4em 28px 0.4em 12px;
  text-transform: uppercase;
}

.dashboard-secondary-menu {
  background: #509EA8 url("../img/blueprints/dark-pattern.png") repeat 0 0;
  position: relative;
  margin-bottom: -60px;
  position: relative;
  margin-top: 1.8em;
}
.dashboard-secondary-menu:after {
  content: '';
  position: absolute;
  bottom: 65px;
  left: -200px;
  background: url(../img/homepage/dashboard-bg.png) no-repeat 0 100%;
  width: 544px;
  height: 549px;
  z-index: 0;
}
.dashboard-secondary-menu .dsm-wrap {
  padding: 3.5em 0 175px 25.33%;
}
.dashboard-secondary-menu .main {
  position: relative;
}
.dashboard-secondary-menu .circle {
  position: absolute;
  top: -24px;
  right: 37.335%;
  border-radius: 50%;
  background: rgba(0, 131, 147, 0.7) url(../img/blueprints/3-arrows.png) no-repeat center;
  height: 57px;
  width: 57px;
  margin-right: -24px;
}
.dsm-item {
  background: #4a6f75;
  box-shadow: 2px 2px 0 #335157;
  color: #fff;
  font: 400 1em/1.5em 'Open Sans', sans-serif;
  padding: 1.875em 4.91% 1.4375em 0;
  margin-bottom: 2.25em;
  position: relative;
  z-index: 1;
}
.dsm-item  .img-wrap {
  padding: 0 1%;
  text-align: center;
  width: 23.9%;
}
.dsm-item  .dsm-img { 
  display: inline-block;
  max-width: 100%;
}
.dsm-item  .img-wrap, 
.dsm-item  .content {
  display: inline-block;
  vertical-align: middle;
} 
.dsm-item  .content {
  width: 75%;
}
.dsm-title {
  font: 400 1.31em/0.85em 'Montserrat', sans-serif;
  text-transform: uppercase;
  margin-bottom: 0.8em;
}
.dsm-item  a {
  color: #fff;
  text-decoration: underline;
}
.dsm-item a:hover,
.dsm-item.recent-posts a:hover {
  text-decoration: none;
}
.dsm-item  .dsm-link {
  background: #f9f7f9;
  border-bottom: 3px solid #d1cfd1;
  color: #54969b;
  display: block;
  font: bold 0.93em/2.53em 'Montserrat', sans-serif;
  text-transform: uppercase;
  text-align: center;
  text-decoration: none;
}
.dsm-item  .dsm-link:hover {
  background: #d1cfd1;
  border-bottom-color: #f9f7f9;
}
.dsm-item.recent-posts a {
  display: inline-block;
  vertical-align: top;
  font: 400 0.93em/1.05em 'Open Sans', sans-serif;
  margin-right: 4.9%;
  margin-bottom: 1.1em;
  width: 44%;
  text-decoration: underline;
}
.recent-posts .dsm-title {
  margin-bottom: 0.9em;
}
.page-template-template-dashboard .site-footer {
  border-top-color: #4E8E94;
  position: relative;
  z-index: 1;
}
.page-template-template-dashboard .sub-footer, 
.page-template-template-dashboard .sub-footer a {
  color: #355d63;
}
.page-template-template-dashboard  .main-container:after {
    display: none;
}
  
/* Old styles */
#dashboard-projects {
    overflow: auto;
    padding: 0;
}


.page #dashboard-projects header h1 a {
display:inline; 
}

.page #dashboard-projects header.page-header {
    background: none repeat scroll 0 0 white;
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 30px;
    padding: 20px 0 16px;
}

.page .user-registration-pages header h1 a {
    display: block;
    font-size: 14px;
}

.page header.page-header {
  padding: 60px 0 16px;
  border-bottom:1px dotted #cccccc;
  background:white;
}

#dashboard-projects .main h2 {
  text-align:center;
}

#dashobard-header-side-note {
  float:right;
   margin-top: 8px;
}

/* Projects */
.dashboard-class-header-link {
    background: url("../img/icons/icon-action.png") no-repeat scroll 86px 2px transparent;
    float: right;
    font-size: 16px;
    margin-top: 17px;
    padding-right: 26px;
}

.dashboard-all-projects {
    margin: 0px 0 50px;
}

.current-projects {
  margin-bottom:40px;
  overflow:auto;
}

.dashboard-project-content .class-tutorial-step h5 {
    background: url("../img/icons/icon_cursor.png") no-repeat scroll 0 12px transparent;
}
.dashboard-project-content .class-tutorial-step h5, 
.dashboard-project-content .individual-class-task h5 {
    float: none;
    font-size: 16px;
    padding: 6px 10px 8px 45px;
    text-align: left;
    text-transform: uppercase;
    width: 120px;
}

.dashboard-all-content h5 {
    color: #4A4A4A;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px;
    text-transform: none;
}

.dashboard-next-lesson .class-tutorial-description-content {
    float: none;
    max-width: 890px;
    padding-left: 0;
    width: auto;
}

.dashboard-next-lesson {
    background: none repeat scroll 0 0 #EBEBEB;
    margin-top: 10px;
}

.dashboard-next-lesson ul li {
  display:none;
}

div#dashboard-102 .dashboard-next-lesson ul li {
  display: block;
}
div#designer-up-next ul li {
  display: block;
}

.dashboard-next-lesson ul li.active {
  display:block;
}

.dashboard-extras > div {
    float: left;
    padding: 20px 2% 40px 0;
    width: 45%;
}

.dashboard-extras #my-project-area .user-project-links {
    float: left;
    margin-right: 20px;
    max-width: 200px;
    width: 37%;
  min-width:100px;
}

.dashboard-extras .dashboard-your-project {
  border-right: 1px solid #e6e6e6;
    float: left;
    margin-left: 0px;
  margin-right:20px;
}

.dashboard-all-content .meta-info {
    color: #B8B5B5;
    font-size: 13px;
    margin-bottom: 10px;
}

.dashboard-extras #my-project-area {
  margin:0;
  width:100%;
  padding:0;
}

.user-project-links {
    border: 1px solid #CCCCCC;
    height: 158px;
    margin-bottom: 0px;
    padding: 5px;
    width: 200px;
}

#my-project-area .user-project-links {
    border: 1px solid #CCCCCC;
     height: auto;
    padding: 5px;
    width: 200px;
}

.dashboard-extra-links p,
.dashboard-extra-links h5,
.dashboard-extra-links {
  text-align:center;
}

.dashboard-extras .dashboard-extra-links {
    padding: 20px 1%;
    width: 47%;
}

.email-button.button {
    background: url("../img/icons/icon-envelope-white.png") no-repeat scroll 14px 18px #B4B4B4;
    box-shadow: 0 2px 0 #7E7E7E;
    padding-left: 40px;
    padding-right: 20px;
margin-top:10px;
}

.mighty-bell-button.button {
    background: url("../img/icons/icon-bell.png") no-repeat scroll 84% 15px #ADADAD;
    margin: 10px 26%;
    padding-right: 50px;
    text-transform: none;
    width: 32%;
}

.mighty-bell-button.button:hover,
.email-button.button:hover {
  text-decoration:none;
}

.dashboard-next-lesson div.lesson-info h5, .dashboard-next-lesson div.free-lesson-info h5 {
  font-size: 28px;
  font-weight: bold;
  text-transform: uppercase;
  color:#3a3939;
  margin-top: 8px;
}
.dashboard-next-lesson div.lesson-info h5 {
  float: left;
}

.dashboard-next-lesson .lesson-info ul {
  clear:left;
}

.dashboard-next-lesson div.lesson-info p {
  float: left;
  width: 530px;
  color: #3a3939;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 5px;
}
.dashboard-next-lesson div.free-lesson-info p {
  color: #3a3939;
    font-size: 16px;
  font-style: italic;
    margin-bottom: 20px;
    margin-top: 5px;
}

.dashboard-next-lesson .class-tutorial-description-content {
  
}

.dashboard-next-lesson .class-tutorial-description a.project-button {
    background: none repeat scroll 0 0 #434242;
}

.dashboard-next-lesson header {
    margin: 0px 0 0;
    overflow: auto;
    padding: 20px;

}

#dashboard-class-title {
    background: url("../img/backgrounds/banner-background.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 13px;
    padding: 3px 23px 5px 11px;
    position: absolute;
    top: -13px;
    min-width:118px;
}

.dashboard-next-lesson header #dashboard-class-link {
    color: #878789;
    float: right;
    font-family: 'montserrat';
    font-size: 14px;
margin-top: 38px;
    width: 170px;
}

.dashboard-next-lesson header #dashboard-class-link a {
  text-decoration:underline;
  color:#878789;
}

.dashboard-next-lesson header .lesson-info {
    float: left;
    max-width: 920px;
    min-width: 480px;
    width: 80%;
}

.dashboard-next-lesson ul li {
    padding: 0;
}

.project-info a.button {
    background: none repeat scroll 0 0 #ADADAD;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    padding: 13px 25px;
    text-transform: none;
}

.project-info {
    float: left;
    max-width: 280px;
    width: 55%;
}

.dashboard-project-link {
  float:right;
}

.dashboard-project-content h3 {
  font-size:24px;
  margin-bottom: 30px;
}

.dashboard-all-content p {
    color: #888787;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 20px;
}

.dashboard-project-preview {
  float:left;
}

.dashboard-project-content {
    min-width: 960px;
    padding-top: 20px;
    padding-bottom: 40px;
    padding-top: 0;
    width: 100%;
  overflow: auto;
}

.dashboard-next-lesson {
    background: none repeat scroll 0 0 #BFEDDE;
    border-radius: 3px 3px 3px 3px;
    margin-top: 30px;
    max-width: 1142px;
    position: relative;
}

.dashboard-next-lesson .class-tutorial-description a.project-button,
.class-page-dashboard .dashboard-next-lesson .project-button {
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #FFFFFF;
    float: right;
    font-size: 14px;
    margin-top: -20px;
    padding: 16px 28px;
    text-transform: uppercase;
    background:#434242;
}
.free-lesson-info a.project-button {
  border-radius: 0 0 0 0;
    box-shadow: none;
    color: #FFFFFF;
    font-size: 14px;
  margin-top: 0px;
    padding: 16px 28px;
    text-transform: uppercase;
    background:#434242;
}

.free-lesson-info a.project-button:hover {
  text-decoration:none;
}

.free-lesson-info a.free-lesson-link {
  font-weight: bold;
  font-style: italic;
  color: #434242;
  margin-top: 7px;
  margin-left: 20px;
  display: inline-block;
  padding-right: 5px;
  text-decoration: underline;
}

.class-page-dashboard .dashboard-next-lesson .project-button {
  margin-top:0;
}

.class-page-dashboard .dashboard-next-lesson header .lesson-info {
    float: none;
    width: 100%;
}

.class-page-dashboard .dashboard-next-lesson header .lesson-info h3 {
    float: left;
    font-weight: normal;
    margin-top: 12px;
}

.class-page-dashboard .dashboard-next-lesson header .lesson-info h3 span {
  font-weight:bold;
}

.dashboard-core-skill {
    float: left;
    max-width: 384px;
    padding-top: 0;
    width: 40%;
}

.dashboard-my-classes {
    float: left;
    margin-right: 4%;
    width: 56%;
}

.dashboard-my-classes ul li {
  border-top:1px solid #d5d5d7;
  padding:30px 0;
}

.dashboard-my-classes ul li h4 a {
    font-size: 18px;
    text-transform: none;
  color:#f15959;
  font-weight:bold;
}

.dashboard-my-classes ul li h3 {
    font-size: 20px;
    font-weight: normal;
}

.dashboard-core-skill ul {
  border:1px solid #e7e5e5;
  border-bottom:none;
}

.dashboard-core-skill li {
  overflow:auto;
  clear:both;
  border-bottom:1px solid #e7e5e5;
}

.dashboard-core-skill li h5 span {
  font-weight:bold;
  text-transform:none;
}

.dashboard-core-skill li h5 {
  font-weight:normal;
  text-transform:uppercase;
    font-size: 18px;
}

.dashboard-core-skill img {
    float: left;
    max-width: 90px;
    padding: 10px 2%;
    width: 30%;
}

.dashboard-core-skill .skill-content {
    float: left;
    margin-left: 2%;
    max-width: 246px;
    min-width: 140px;
    padding-top: 20px;
    width: 60%;
}

.dashboard-core-skill .skill-content p,
.dashboard-blog-post .blogpost-content p {
  font-size:14px;
}

.dashboard-blog-post {
    border-left: 1px solid #E6E6E6;
    float: left;
    max-width: 751px;
    min-width: 400px;
    padding: 40px 0 0 3%;
    width: 59%;
}

.dashboard-blog-post .post-main-image {
    float: left;
    margin-right: 3%;
    max-width: 212px;
    width: 29%;
}
.dashboard-blog-post .blogpost-content {
    float: left;
    max-width: 500px;
    width: 65%;
}

.dashboard-text {
  width:60%;
  float:left;
}

.dashboard-links {
    float: right;
    width: 40%;
}

.free-lesson-info .dashboard-links a.free-lesson-link {
color: #878789;
    font-family: 'montserrat';
    font-size: 14px;
}

/*========================================================================================================================
Individual Project Page Styles
=========================================================================================================================*/

.individual-tutorial {
  padding-top:70px;
  margin-bottom:100px;
}

.sc_projects {
  margin-bottom:100px;
}

.individual-project-header {
    border-bottom: 1px dotted #CCCCCC;
    margin-bottom: 0;
    margin-top: 56px;
    overflow: auto;
    padding: 0 0 20px;
}

.individual-project-header div.user-project-links {
  float:right;
  width:290px;
}

.user-project-links h3 {
    float: left;
    margin-right: 0;
    padding-top: 7px;
}

#my-project-area {
  float:right;
 width: 410px;
margin-top:20px;
}

#my-project-area h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}

#my-project-area .user-project-links {
    margin-right: 20px;
    max-width: 210px;
    width: 93%;
}


.user-project-links a.ss_screenshot_link {
  margin:0px;
  overflow:auto;
}

.single-user_projects .user-notloggedin .site-header,
.single-user_challenges .user-notloggedin .site-header,
.single-sc_projects .user-notloggedin .site-header {
  display:none;
}


.single-user_challenges .user-notloggedin nav#signed-in-profile-nav,
.single-user_projects .user-notloggedin nav#signed-in-profile-nav,
.single-sc_projects .user-notloggedin nav#signed-in-profile-nav {
    margin-top: 10px;
}

/* Project Description / Intro */
.individual-project-intro {
  padding: 0px; 
  position:relative;
}

.individual-project-intro-text {
    margin-bottom: 0px;
}

.individual-project-intro h2 {
 font-family: 'Montserrat';
    margin-bottom: 10px;
    margin-top: 40px;
    text-align: center;
}

.individual-project-intro p {
    color: #3A3939;
    font-family: 'Montserrat';
    font-size: 18px;
    margin-bottom: 0;
    padding: 10px 280px 0;
    text-align: center;
    width: 580px;
}

.individual-project-intro .project-icon {
    background: url("../img/homepage/project-icon.png") repeat scroll 0 0 transparent;
    height: 114px;
    left: 50%;
    margin-left: -57px;
    position: relative;
    top: -17px;
    width: 115px;
}


/* Project Steps */
.individual-project-content {
  padding:0px;
}

.individual-project-content-main {
 padding: 30px 180px 20px;
    width: 794px;
}

.individual-project-sidebar-module#individual-user-project-link h4 {
  float:left;
  margin-top:6px;
}

.individual-project-sidebar-module #sharing-links {
  float:right;
  width:180px;
}

#individual-project-steps li {
  border-bottom: 1px solid #ebe7e7;
    list-style: none;
    margin-left: 0;
  padding: 34px 30px 40px 120px;
  overflow: auto;
}


ol#individual-project-steps {
  margin-left:0;
  border-top:1px solid #ebe7e7;
  margin-bottom: 180px;
}

ol#individual-project-steps  .project-tutorial-description {
  float:left;
  width: 440px;
}

.project-tutorial-step a.project-button {
  float:right;
}

#individual-project-steps li p {
    color: #3A3939;
    font-family: 'Montserrat';
    margin-bottom: 16px;
  margin-top: 12px;
}

#individual-project-steps li {

  opacity:0.5;

}



#individual-project-steps li:first-child,

#individual-project-steps li.project-step-01 {

    background: url("../img/backgrounds/01-step-back.png") no-repeat scroll 0 26px transparent;

  opacity:1;

}



#individual-project-steps li:nth-child(2n),

#individual-project-steps li.project-step-02 {

    background: url("../img/backgrounds/02-step-back.png") no-repeat scroll 0 26px transparent;

}



#individual-project-steps li:nth-child(3n),

#individual-project-steps li.project-step-03 {

    background: url("../img/backgrounds/03-step-back.png") no-repeat scroll 0 26px transparent;

}



#individual-project-steps li:nth-child(4n),

#individual-project-steps li.project-step-4 {

    background: url("../img/backgrounds/04-step-back.png") no-repeat scroll 0 26px transparent;

}



#individual-project-steps li:last-child, #individual-project-steps li.project-step-5 {

    background: url("../img/backgrounds/04-step-back.png") no-repeat scroll 0 26px transparent;

}



#individual-project-steps li:last-child, #individual-project-steps li.project-step-05 {

    background: url("../img/backgrounds/05-step-back.png") no-repeat scroll 0 26px transparent;

}



.individual-project-task {

  background: #f3f6f9;

  border: medium none;

  border-radius: 3px 3px 3px 3px;

  font-family: 'Montserrat';

  padding: 15px 25px;

  margin-top:20px;

}



.individual-project-task h5 span {

  font-family:'Montserrat';

  text-transform:uppercase;

}



.individual-project-task h5 {

  float:left;

  margin-top: 9px;

}



.individual-project-coming-soon {

  display:none;

}



.project-step-1 .individual-project-coming-soon {

  display:block;

}



.individual-project-coming-soon h4 {

  font-family:'wisdom';

  /*color:;*/

  text-align:center;

  margin-top:20px;

  text-transform:none;

}



#individual-project-steps li .individual-project-coming-soon p {

  text-align:center;

}



.individual-project-coming-soon h4 {

  font-family:'wisdom', georgia;

  text-align:center;

  text-transform:none;

  font-size:24px;

  color: #999999;

}

.individual-project-coming-soon p {

  text-align:center;

   padding: 0 130px;

}

.single-user_projects .user-notloggedin nav#signed-in-profile-nav {

  margin-top:10px;

}

nav#signed-in-profile-nav > div {

    background: none repeat scroll 0 0 #e8eaed;

    border: 1px solid #CCCED1;

    border-radius: 3px 3px 3px 3px;

    color: #A2A2A7;

    float: left;

    font-family: 'din-bold',arial;

    font-size: 16px;

    margin-left: 10px;

    padding: 10px 20px;

    text-align: center;

}



nav#signed-in-profile-nav div:hover {

  cursor:pointer;

}



nav#signed-in-profile-nav div#return-tutorial-button {

  margin-left:20px;

    background: url("../img/icons/icon_left_arrow_grey.png") no-repeat scroll 10px 9px #E8EAED;

    padding: 10px 16px 10px 29px;

}



nav#signed-in-profile-nav div#return-tutorial-button a {

  color:#a2a2a7;

}


nav#signed-in-profile-nav > div#skillcrush-notloggedin.open #skillcrush-popup {

  display:block;

}





/* Share Profile Button */



nav#signed-in-profile-nav div#share-project-button {

    float: right;

    margin-right: 20px;

  width:240px;

      padding: 6px 20px;

      margin-right: 10px;

}



nav#signed-in-profile-nav > div#share-project-button p {

  text-align:left;

  float:left;

  margin-right:10px;

}



#sharing-links li.twitter {

    float: left;

    margin-right: 10px;

    width: 80px;

  margin-top:3px;

}



/* Edit Profile Button */
nav#signed-in-profile-nav div#return-tutorial-button {
    background: url("../img/icons/icon_left_arrow_grey.png") no-repeat scroll 10px 9px #E8EAED;
    float: right;
    margin-left: 0;
    margin-right: 20px;
    padding: 10px 16px 10px 29px;
}

nav#signed-in-profile-nav div#edit-profile-button {
    background: url("../img/icons/icon_edit_grey.png") no-repeat scroll 10px 9px #E8EAED;
    padding: 10px 16px 10px 29px;
}

nav#signed-in-profile-nav div#view-code-profile-button {
  background: url("../img/icons/icon-eye.png") no-repeat scroll 8px 12px #E8EAED;
    padding: 10px 16px 10px 29px;
}

nav#signed-in-profile-nav.fadeout {
    display: none;
}

nav#signed-in-profile-nav div#edit-profile-button:hover,
nav#signed-in-profile-nav div#view-code-profile-button:hover,
nav#signed-in-profile-nav > div:hover,
nav#signed-in-profile-nav div#return-tutorial-button:hover {
  background:#f2f1f1;
  border:1px solid #c9c9cb;
  cursor:pointer;
}

nav#signed-in-profile-nav div#return-tutorial-button:hover {
    background: url("../img/icons/icon_left_arrow_grey.png") no-repeat scroll 10px 9px #f2f1f1;
}

nav#signed-in-profile-nav div#view-code-profile-button:hover {
  background: url("../img/icons/icon-eye.png") no-repeat scroll 8px 12px #f2f1f1;
}

nav#signed-in-profile-nav div#edit-profile-button:hover {
    background: url("../img/icons/icon_edit_grey.png") no-repeat scroll 10px 9px #f2f1f1;
}

nav#signed-in-profile-nav div#edit-profile-button:active,
nav#signed-in-profile-nav div#view-code-profile-button:active,
nav#signed-in-profile-nav > div:active,
nav#signed-in-profile-nav div#return-tutorial-button:active {
background:#d4d6d9;
border:1px solid #c1c4c6;
cursor:pointer;
}

nav#signed-in-profile-nav div#return-tutorial-button:active {
    background: url("../img/icons/icon_left_arrow_grey.png") no-repeat scroll 10px 9px #d4d6d9;
}

nav#signed-in-profile-nav div#view-code-profile-button:active {
  background: url("../img/icons/icon-eye.png") no-repeat scroll 8px 12px #d4d6d9;
}

nav#signed-in-profile-nav div#edit-profile-button:active {
    background: url("../img/icons/icon_edit_grey.png") no-repeat scroll 10px 9px #d4d6d9;
}


/*========================================================================================================================
User Flow Styles
=========================================================================================================================*/

#register {
  padding-top:0px;
}

.page-template-template-register-php #container {
  padding-top:0px;
}


/* Account Settings  Styles */
#account-page {
  margin-bottom:50px;
}

.account-personal-links {
    margin-right: 5%;
    width: 30%;
}

#theme-my-login.login.profile {
  margin-top:60px;
}

#theme-my-login.login.profile.login.profile .submit {
  margin-left:620px;
}

.account-personal-info {
     padding: 30px;
}

.account-personal-info p {
  float:left;
  width:240px;
}

.account-project-list li {
  padding:20px;
  border-bottom:1px solid #ebe7e7;
}

.account-project-list li:last-child {
  border-bottom:none;
}

.account-project-list h5 {

    float: left;

    font-size: 20px;

/*    margin-right: 20px;*/

/*    width: 150px;*/

  font-family:'Montserrat';

}

.account-project-list .button.edit-button a,
.button.edit-button a {
  box-shadow: none;
      color: #4593FE;
      font-size: 14px;
      padding: 9px 14px;
      text-transform: uppercase;

}

.account-project-list .button.edit-button,
.button.edit-button {

  color:#4593fe;

  border:1px solid #c9c9c9;

  background:#f6f6f6;

  font-size:14px;
  box-shadow:none;
  float:right;
  margin-left:10px;
     padding: 14px 10px;
}

/* Account General Info */
.account-general-info {
    margin-bottom: 150px;
    padding: 2%;
    width: 59%;
}

.account-general-info,
.account-personal-links {
  border:1px solid #dcd9d9;
  float:left;
  border-radius:3px;
  margin-top: 60px;
}

.account-general-info #your-profile label {
    cursor: pointer;
    margin: 16px 0 7px;
    padding: 0;
}

.account-general-info .description {
    float: right;
    font-family: open sans;
    font-size: 14px;
    font-style: italic;
    width: 57%;
}

.account-general-info .description.indicator-hint {
    clear: both;
    float: none;
    margin: 30px 0;
    width: 500px;
}

.account-general-info h3,
.account-personal-links h3 {
 padding: 20px 20px 16px;
border-bottom:1px solid #dcd9d9;
border-top:1px solid #dcd9d9;
font-size:14px;
text-transform:uppercase;
}

.account-general-info h3 {
  margin-bottom:20px;
  margin-top:20px;
}

.account-general-info h3:first-child {
  margin-top:0px;
}

#profileform p {
  clear:both;
}

#profileform > div label,
#profileform > div p {
  float:left;
  clear:none;
}

#profileform > div label {
    font-size: 20px;
    margin-left: 30px;
    padding-top: 13px;
    width: 200px;
}

#profileform > div label em {
    font-size: 14px;
}

#profileform > div,
#profileform h3 {
  clear:both;
}

#profileform h3:first-child {
  border-top:none;
}

#profileform > div {
  padding:10px 40px;
  overflow: auto;
}

.account-personal-info img {
  border:1px solid #d9d9d9;
  padding:3px;
  background:#eeeeee;
  border-radius:5px;
}

.account-personal-info h2 {
  font-size:20px;
  text-transform:uppercase;
}

.account-personal-info img {
float:left;
margin-right:20px;  
}



#profileform input[type="text"], 

#profileform input[type="password"] {

    height: 40px;

    padding: 5px 10px;

    width: 320px;

}



#profileform input[type="submit"] {

   margin: 10px 0 30px 70px;  

}





/* Account Settings Error Form */
#profileform .autoresponder_box label {

    display: block;

    float: none;

    font-size: 16px;

    position: relative;

    top: 0;

    width: 470px;

}

#profileform > div.autoresponder_box  {

    padding: 10px 40px 10px 70px;

  position:relative;

}


#profileform > div.autoresponder_box > p {

  position:absolute;

    top: 27px;

}

/*========================================================================================================================
Register & Login Page Styles
=========================================================================================================================*/

.page-template-template-register-php .site-header,
.page-template-template-register-php .site-footer,
.page-template-template-login-php .site-footer,
.page-template-template-login-php .site-header,
.page-template-template-lostpassword-php .site-footer, 
.page-template-template-lostpassword-php .site-header {
  display:none;
}

#login-page-header {
  background:white;
}

.page-template-template-login-php #container #login-page-header h1,
.page-template-template-register-php #container #login-page-header h1,
.page-template-template-lostpassword-php #container #login-page-header h1 {
    background: url("../img/logo/red-logo.png") no-repeat scroll 0 0 transparent;
    font-size: 32px;
    height: 39px;
  margin: 70px 465px 30px;
    text-align: center;
    text-indent: -10000px;
    width: 212px;
}

.user-registration-pages #container h1 a {
  display:block;
}

#login-page-header {
    background: none repeat scroll 0 0 white;
}
#login-page-header h2 {
    color: #434242;
    font-size: 40px;
    margin-top: 10px;
    padding-bottom: 40px;
    text-align: center;
}

#register {
    border-radius: 8px 8px 8px 8px;
    margin: 0 auto;
    padding: 20px 0;
}

.page-template-template-lostpassword-php .blue-scallop,
.page-template-template-register-php .blue-scallop,
.page-template-template-login-php .blue-scallop {
  display:none;
}

#signin {
  width:732px;
}

#signin p.mgm_message {
  text-align:center;
  padding-top:20px;
}

.page #register header {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #C6D5D7;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.page #register header h1 {
  margin-top: 0px;
    color: #50C7A3;
    float: none;
    font-family: 'bad script';
    font-size: 44px;
    text-align: center;
    text-transform: none;
}

#registerform, #lostpasswordform, #resetpasswordform {
    margin: auto;
    padding-top: 20px;
    width: 430px;
}

#registerform input[type="text"], #registerform input[type="password"], 
#lostpasswordform input[type="password"], #lostpasswordform input[type="text"],
#resetpasswordform input[type="password"],
.modal input[type="password"], .modal input[type="text"] {
    width: 408px;
}

form#registerform label, .modal label {
    color: #3A3939;
    font-family: 'montserrat';
    font-size: 18px;
    margin-bottom: 6px;
    margin-right: 20px;
    margin-top: 10px;
    text-align: left;
}

/** emily's hacky fixing of the newsletter signup button on the register form **/
form#registerform p#newsletter input[type="checkbox"] {
  margin-left: 174px;
}

form#registerform span#newsletter-signup-text {
  margin-left: 5px;
}

form#registerform #wp-submit {
    margin-left: 0;
}

form#your-profile #newsletter-profile-signup {
  font-size: 16px;
}
/** end emily's hacky fixing **/


/* Register Form Specifics */
#register .terms_conditions_box label {
  display:none;
}

#register .email_box, 
#register .username_box, 
#register .first_name_box, 
#register .password_box, 
#register .password_conf_box, 
#register .terms_conditions_box {
  padding-right:0px;
}

#register .email_box {
  padding-top:0px;
}

#register .terms_conditions_box {
  padding-bottom:40px;
   clear: both;
}

#register .description_box {
  clear: both;
    margin-top: 50px;
    text-align: left;
}

/* Sign Up Right Side */
#register .subscription_options_box, 
#register .coupon_box,
 #register .autoresponder_box {
    padding-left: 40px;
    width: 606px;
}

#register .subscription_options_box {
    background: url("../img/signup-project.png") no-repeat scroll 40px 0 transparent;
    top: 40px;
  display: none;
}

#register .subscription_options_box label {
  display:none;
}

#register .home-sales-module {
    padding: 20px 0 60px;
}

/* Mailing List Sign Up */
#register .autoresponder_box {
    padding-bottom: 36px;
  margin-top: 20px;
}

#register form .autoresponder_box label {
    float: left;
    margin-left: 20px;
    margin-top: 0;
    text-align: left;
    width: 320px;
}

#register form .autoresponder_box input[type="checkbox"] {
  float:left;
}

#register form .autoresponder_box p {
  margin-left: 133px;
  width: 450px;
}

.register-page-buttons #wp-submit {
    margin: 20px 30px 10px 172px;
}

/* Button Area */
.register-page-links {
    left: 445px;
    position: relative;
    text-align: left;
    top: 13px;
    width: 100px;
}

/* Sign Up Error Messages */
.user-registration-pages #lostpasswordform .message {
    font-family: 'open sans';
    margin: 20px 0;
    padding: 0;
    text-align: left;
}

.user-registration-pages .error {
    background: none repeat scroll 0 0 #F8DFDF;
    border: 2px solid #DD8D8D;
    border-radius: 5px 5px 5px 5px;
    font-family: 'open sans';
    margin: 30px auto 10px;
    padding: 10px 30px;
}

.user-registration-pages .error {
    color: #DB5252;
    font-size: 18px;
    font-style: italic;
    line-height: 1.6em;
     padding: 10px 0;
    text-align: center;
}

.user-registration-pages .message {
    background: none repeat scroll 0 0 #F1FAC3;
    border-radius: 5px 5px 5px 5px;
    font-family: 'open sans';
    margin: 30px auto 10px;
    padding: 10px 30px;
    color: #3A3939;
    font-size: 18px;
    font-style: italic;
    line-height: 1.6em;
     padding: 10px 0;
    text-align: center;
  border:2px solid #D0DD8D;
}

.user-registration-pages input[type="submit"] {
    background: none repeat scroll 0 0 #DF5555;
    color: #FFFFFF;
    display: block;
    font-size: 20px;
    margin-right: 10px;
    padding: 14px 44px;
    text-transform: uppercase;
}

.user-registration-pages input[type="submit"]:hover {
  background:#c03535;
}

/* Sign In Form Specifics */
form#loginform label {
    float: none;
    text-align: left;
}

form#loginform .newsociallogins {
  width:194px;
}

form#registerform .newsociallogins {
    margin: 0;
    text-align: center;
    width: 198px;
}

#loginform h3,
#registerform h3 {
  display:none;
}

.page-template-page-templatestemplate-register-php #register .tml-action-links {
    margin: 50px auto auto;
    width: 430px;
}

.page-template-page-templatestemplate-register-php #register .tml-action-links li {
  float:left;
  padding-right:20px;
}

.page-template-page-templatestemplate-register-php #register .tml-action-links li a {
  color:#adadad;
}

#registerform .submit {
  margin-left:175px;
}

.page-template-page-templatestemplate-register-php form label {
    color: #3A3939;
    font-family: 'montserrat';
    font-size: 18px;
    margin-bottom: 5px;
}

.widget .login .tml-action-links {
    margin-left: 0;
}

#signin .login-page-links {
    clear: both;
    margin-left: 320px;
    padding-bottom: 16px;
    padding-left: 120px;
}

input[type="checkbox"]#rememberme {
  vertical-align: top;
}

.page-template-page-templatestemplate-register-php .site-footer,
.page-template-page-templatestemplate-register-php .site-header {
  display:none;
}

.page-template-page-templatestemplate-register-php #container,
body.page-template-page-templatestemplate-register-php {
  background:#d8e9eb;
  overflow-x:hidden;
}

#register-logo a {
    background: url("../img/logo/skillcrush-logo.png") no-repeat scroll 0 0 transparent;
    color: #F15959;
    float: left;
    font-family: georgia;
    font-size: 80px;
    font-style: italic;
    height: 29px;
    margin: 100px 435px 80px;
    text-align: center;
    text-indent: -10000px;
    width: 129px;
  display:block;
}

#registerform .message {
  display:none;
}




/*========================================================================================================================
Content Page Styles
=========================================================================================================================*/

.content-page-hero h1.content-page-header {
  color:#F15959;
  text-align:center;
  font-size:48px;
  font-family:'wisdom';
}

.content-page-hero {
  background:url('img/backgrounds/crisscross.png');
  padding-top:80px;
}


/*========================================================================================================================
Archive Page Styles
=========================================================================================================================*/

#archive-main-content article, .archive article {
  clear:both;
  border-bottom: 1px dotted #CCCCCC;
      margin-bottom: 0px;
      padding-bottom: 20px;
      padding-right: 16px;
}

.archive article {
  margin-bottom:20px;
}

.archive article:last-child {
  margin-bottom:0px;
}

#archive-main-content article .post-main-image img,
.archive article .post-main-image img {
  border-radius:3px;
}

#nav-below h3.assistive-text {
  display:none;
}

#nav-below {
  border-bottom: 1px dotted #CCCCCC;
    border-top: none;
    margin: 0px 0 100px;
    overflow: auto;
  font-family: 'montserrat';
}

.past-posts {
  margin-left:20px;
}

.entry-text {
  float:left;
  width:400px;
}

#post-exc-meta-data {
  font-style:italic;
  margin-bottom:20px;
}

#post-exc-meta-data li {
    display: inline;
    font-family: 'montserrat';
    font-size: 15px;
    font-style: normal;
    margin-left: 0;
    margin-right: 2px;
}

/*========================================================================================================================
Misc Content Page Styles
=========================================================================================================================*/

.page.misc-page {
  padding-bottom:100px;
}

.page.misc-page article p {
  margin-bottom:20px;
}

.page.misc-page article h3 {
  margin-top:50px;
}

/*========================================================================================================================
PDF Sales Page
=========================================================================================================================*/

#pdf-sales-page {
      margin-top: 58px;
}

#pdf-sales-page .twitter-share-button.twitter-count-horizontal {
  margin-top:20px;
}

#pdf-hero {
  background:#a1acbc;
  background-image: linear-gradient(bottom, rgb(161,172,188) 0%, rgb(85,99,118) 100%);
  background-image: -o-linear-gradient(bottom, rgb(161,172,188) 0%, rgb(85,99,118) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(161,172,188) 0%, rgb(85,99,118) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(161,172,188) 0%, rgb(85,99,118) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(161,172,188) 0%, rgb(85,99,118) 100%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(161,172,188)),
    color-stop(1, rgb(85,99,118))
  );
  padding:0px 0px;
  color:white;
  text-align:center;
  position:relative;
 height: 452px;
}

#pdf-hero h1 {
   background: url("../img/sales/pdf/basicsofweb/hero-title-basicsofweb.png") no-repeat scroll 0 0 transparent;
    color: white;
    font-family: 'wisdom';
    height: 248px;
    left: 50%;
    margin-left: -304px;
    margin-top: 94px;
    position: absolute;
    text-indent: -10000px;
    width: 607px;
}



#pdf-hero-background {
    left: 50%;
    margin-left: -623px;
    opacity: 0.3;
    position: absolute;
}

.pdf-info h2 {
  text-align:center;
  font-size:32px;
      padding: 80px 0 50px;
}

#pdf-info-01 h4 {
 color: #F15959;
    font-family: 'Montserrat';
    font-size: 24px;
    margin-bottom: 0;
    margin-top: 30px;
    text-transform: none;
}

#pdf-image-01, #pdf-image-05 {
  float:left;
  padding-top:20px;
}

#pdf-image-01 a#pdf-button.button {
    display: block;
    margin-left: 150px;
    margin-top: -50px;
    position: relative;
}

#pdf-image-01 {
   width: 560px;  
}


#pdf-facepile {
    clear: both;
    margin: 50px 0 50px 230px;
}

.pdf-sales-content {
    overflow: auto;
    padding-bottom: 100px;
}

.pdf-sales-content h2#pdf-title {
    font-family: "DIN",helvetica,arial;
    font-size: 32px;
    padding: 90px 0;
    text-align: center;
    text-transform: uppercase;
  position:relative;
}

#pdf-info-02 h3, #pdf-info-03 h3, 
#pdf-info-04 h3, #pdf-info-05 h3  {
    border-bottom: 5px solid #F3F2F2;
    font-size: 32px;
    margin-bottom: 20px;
    padding-bottom: 2px;
    text-transform: uppercase;
}

#pdf-info-03 h3, #pdf-info-05 h3 {
  text-align:center;
}

#pdf-info-03 h3 {
    margin: 20px 171px;
    text-align: center;
    width: 800px;
}

#pdf-info-02 .pdf-description {
    float: right;
    margin-right: 0;
}

#pdf-info-02 #pdf-image-02 {
  float:left;
}

.pdf-description ul li {
    background: url("../img/sales/pdf/basicsofweb/grey-arrow.png") no-repeat scroll 0 8px transparent;
    font-size: 18px;
    padding: 8px 0 8px 40px;
}

#pdf-info-03 {
   margin-top: 60px;
}

#pdf-info-03 ul li {
    float: left;
    margin: 20px 20px 100px;
    text-align: center;
    width: 190px;
}

#pdf-info-03 ul li a {
  color:#3A3939;
}

#pdf-sales-page #pdf-info-03 ul li .twitter-share-button.twitter-count-horizontal {
    margin-left: 50px;
    margin-top: 20px;
}

#pdf-info-03 ul {
    margin-left: 230px;
}

#email-sign-up {
 background: url("../img/sales/pdf/basicsofweb/emailsign-back.png") no-repeat scroll 0 8px transparent;
    margin: 60px 0 70px;
    padding: 50px 140px;
}

#email-sign-up p#newsletter-title {
  color: #079777;
      font-size: 20px;
      margin: 8px 0 16px;
      text-align: center;
      text-transform: uppercase;
}

#email-sign-up h3 {
  color:#079777;
  text-transform:uppercase;
  text-align:center;
  font-size:22px;
}

#email-sign-up input[type="submit"] {
    background: none repeat scroll 0 0 #09CDA1;
    color: white;
    display: inline;
    float: none;
    font-size: 16px;
    margin-right: 10px;
    padding: 6px 34px 5px;
  box-shadow: 0 2px 0 0 #0E8369;

}

#email-sign-up #mce-EMAIL {
  border-radius: 5px 5px 5px 5px;
      color: #999999;
      display: inline;
      font-size: 15px;
      height: 16px;
      line-height: 20px;
      margin-bottom: 0;
      margin-top: 0;
      padding: 11px 6px;
  margin-left: 221px;
}

a.button#pdf-button {
    color: white;
    display: block;
    font-size: 20px;
    padding: 18px 30px;
}

a.button#pdf-button:hover {
  text-decoration:none;
}

#pdf-info-04 h3 {
 margin-top: 50px;  
}

#pdf-info-05 .pdf-description {
    float: left;
    margin-right: 80px;
    width: 410px;
}

#pdf-info-05 {
    margin: 50px 156px;
    width: 830px;
}

#pdf-image-05 #basics-tweet-this h4 {
 color: #4593FE;
    font-family: 'Montserrat';
    font-size: 21px;
    margin-top: 20px;
    padding-right: 40px;
    text-align: right;
    text-transform: none;
}

#pdf-image-05 a#pdf-button.button {
    margin-bottom: 20px;
    margin-left: 50px;
}

#pdf-image-05 #basics-tweet-this #basics-tweet-text {
 background: url("../img/sales/pdf/basicsofweb/tweet-back.png") no-repeat scroll 0 8px transparent;
    color: #4593FE;
    font-size: 21px;
    margin-left: -195px;
    padding: 50px 40px;
    width: 438px;
}

.pdf-description {
    float: left;
    margin-right: 80px;
    width: 500px;
}


.pdf-description p {
  font-size:18px;
  line-height:32px;
  margin-top:10px;
}

.pdf-price {
  width:444px;
  float:left;
}


/* Individual Class Page */
.single-sc_projects header.individual-class-header #my-project-area {
    float: right;
    margin-top: 0px;
    max-width: 230px;
    width: 19%;
}

.individual-class-header {
    background: none repeat scroll 0 0 #EBEBEB;
    border-bottom: 1px solid #ECECEC;
    height: auto;
    margin-bottom: 0;
    padding: 20px 0 0;
    position: relative;
}

.single-sc_projects header.individual-class-header h1,
.page header.individual-class-header h1 {
    color: #525252;
    font-family: 'Montserrat';
    font-size: 42px;
    font-weight: normal;
    margin: 30px 0 10px;
}

.single-sc_projects header.individual-class-header .individual-class-intro, .page header.individual-class-header .individual-class-intro {
    float: left;
    max-width: 800px;
    min-width: 600px;
    width: 70%;
}

.single-sc_projects header.individual-class-header .individual-class-intro .header-content {
    float: left;
    max-width: 640px;
    min-width: 400px;
    width: 76%;
}

.individual-class-intro .class-badge {
    float: left;
    margin-right: 20px;
    max-width: 140px;
    min-width: 100px;
    padding-top: 20px;
    width: 21%;
}

.single-sc_projects header.individual-class-header .individual-class-intro ul li,
.page header.individual-class-header .individual-class-intro ul li {
  float: left;
    padding: 10px 20px 20px 40px;
  margin-bottom:20px;
  margin-right:10px;
}

#class-instructors {
    background: url("../img/icons/icon_instructors.png") no-repeat scroll 0 9px rgba(0, 0, 0, 0);
    padding: 10px 0 10px 40px;
}

#class-dates {
  background:url('../img/icons/icon_calendar.png') no-repeat 0px 9px;
  
}

.single-sc_projects header.individual-class-header nav, .page header.individual-class-header nav, header.individual-class-header nav {
    bottom: -1px;
    clear: both;
    position: relative;
}

.postid-4926.post-template-template-learnhtml-php .daynav {
  opacity:0;
}

.single-sc_projects header.individual-class-header nav ul li, .page header.individual-class-header nav ul li, header.individual-class-header nav ul li {
    background: none repeat scroll 0 0 #E9E6E6;
    border: 1px solid #E1E1E1;
    float: left;
      margin: 0 10px -1px 0;
    padding: 13px 26px;
}

.single-sc_projects header.individual-class-header nav ul li.active,
.page header.individual-class-header nav ul li.active,
header.individual-class-header nav ul li.active {
  border-bottom:1px solid white;
  background:white;
}

.single-sc_projects header.individual-class-header nav ul li:hover,
.page header.individual-class-header nav ul li:hover,
header.individual-class-header nav ul li:hover {
  cursor:pointer;
}

.single-sc_projects header.individual-class-header .user-project-links,
.page header.individual-class-header .user-project-links {
    float: left;
    width: 220px;
 margin-top: 0px;
}

.single-sc_projects header.individual-class-header .user-project-links h3,
.page header.individual-class-header .user-project-links h3 {
    float: left;
    font-size: 16px;
    margin-right: 0;
    padding-top: 10px;
}

.class-tab-content {
    padding-bottom: 100px;
}

.class-tab-content.skillcrush-class {
  border-top:none;
}

.skillcrush-class nav aside {
  margin-bottom:40px;
}

.individual-core-skill .sc_projects header.individual-core-skill-header {
    background: none repeat scroll 0 0 #FBF9F9;
    border-bottom: 1px solid #E0DFDF;
    padding: 40px 0 1px;
}

/* Class Schedule List */

.daynav {
    background: none repeat scroll 0 0 #FFD779;
    border-radius: 50px 50px 50px 50px;
    color: #FFFFFF;
    float: left;
    font-family: 'Montserrat';
    height: 50px;
    margin-top: 80px;
    padding: 14px 10px 24px;
    text-align: center;
    width: 70px;
}

.daynav:hover {
  background:none repeat scroll 0 0 #fcbf31;
  cursor:pointer;
}

#nextDay {
  margin-left:10px;
}

#prevDay {
  
}

.class-nav {
    float: left;
    width: 192px;
}

#individual-class-steps, .individual-class-resources-main {
    float: left;
    margin-left: 0;
    margin-right: 50px;
    margin-top: 50px;
    max-width: 860px;
    min-width: 670px;
    overflow: auto;
    width: 73%;
}

.individual-class-resource-column {
    float: left;
    margin-right: 6%;
    width: 44%;
}

.individual-class-schedule-main {
  margin-left:40px;
}

.individual-class-content {
  margin-left:0px;
      margin-top: 70px;
  overflow:auto;
   width: 100%;
  max-width:990px;
}

#individual-class-steps li ol {
    border-top: 1px solid #E9E9E9;
    margin-left: 0;
    padding-top: 20px;
}

#individual-class-steps li {
  margin-bottom: 20px;
}

#individual-class-steps li ol li {
    background: none repeat scroll 0 0 white;
    border-bottom: 1px solid #E9E9E9;
    border-radius: 0 0 0 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

.individual-class-content .loading-wrapper {
  height: 65px;
/*  display: inline-block;
  margin-left: 20px;*/
}

.individual-class-content .loading-wrapper img {
  padding-top: 10px;
  padding-left: 10px;
}

.class-step {
    margin-bottom: 20px;
}

#individual-class-steps > li {
  display:none;
}

.post-template-template-learnhtml-php #individual-class-steps > li {
  display:block;
}

#individual-class-steps > li.show-step {
  display:block;
}

.class-step h2 {
    float: left;
    font-size: 24px;
    margin-top: 8px;
    text-transform: none;
  font-weight: normal;
}

.class-time {
  float:left;
      margin-right: 20px;
}

.class-time .class-step-date {
 background: none repeat scroll 0 0 #525252;
    border-radius: 3px 3px 3px 3px;
    color: white;
    padding: 7px 0;
    text-align: center;
    width: 95px;
}

.class-tutorial-step h5, .individual-class-task h5 {
    float: left;
    font-size: 16px;
    padding: 6px 10px 8px 50px;
    text-align: left;
    text-transform: uppercase;
    width: 120px;
}

.class-tutorial-step h5 {
    background: url("../img/icons/icon_cursor.png") no-repeat scroll 0 12px transparent;
}

.class-tutorial-step.challenge-completed h5 {
    background: url("../img/check-mark-green.png") no-repeat scroll 0 10px transparent;
    color: #BBBBBE;
}

.class-tutorial-step p, .individual-class-task p {
    font-family: 'Montserrat',serif;
    font-size: 16px;
    line-height: 28px;
    padding: 0px;
  margin-bottom:0px;
}

.class-tutorial-step.challenge-completed p, .class-tutorial-step.challenge-completed h6 {
  color: #BBBBBE;
}

.class-tutorial-description a.project-button, .individual-class-task a.edit-button {
  background: none repeat scroll 0 0 #4593FE;
    box-shadow: 0 2px 0 0 #2269CA;
    color: white;
    float: left;
    font-size: 13px;
    padding: 8px 20px;
    text-transform: uppercase;
  margin-top: 10px;
  margin-left:30px;
}

.class-tutorial-description.challenge-completed a.project-button {
  background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #BBBBBE;
    color: #BBBBBE;
}

.class-tutorial-description.challenge-completed a.project-button {
    background: none repeat scroll 0 0 #EEEEEE;
    border: none;
    box-shadow: 0 2px 0 0 #BDBDBD;
    color: #BBBBBE;
}

.class-tutorial-description-content {
    float: left;
    max-width: 450px;
    padding-left: 20px;
    width: 40%;
}

.class-tutorial-description .button {
    background: none repeat scroll 0 0 #F15959;
    float: right;
}

.individual-class-task {
    border: medium none;
    font-family: 'Montserrat';
    margin-top: 0;
    padding: 0px;
}

#individual-class-schedule.hidden,
#individual-class-resources.hidden {
  display:none;
}

.individual-class-task h6 {
    font-size: 14px;
    font-weight: bold;
    margin: 12px 10px 0 0;
    text-transform: uppercase;
}

.individual-class-task p {
    font-family: 'Montserrat',serif;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    padding: 0;
}

/* Class Resources */

#individual-class-resources {

}

.class-resource-list {
  margin-bottom:50px;
}

.class-resource-list h5 {
  margin-bottom:10px;
}

.class-resource-list#class-reading h5 {
  background:url('img/icons/icon_reading.png') no-repeat 0px 1px;
}

.class-resource-list#class-resources h5 {
  background:url('img/icons/icon_resources.png') no-repeat 0px 1px;
  
}

.class-resource-list#class-downloads h5 {
    background:url('img/icons/icon_class_downloads.png') no-repeat 0px 1px;
}

.class-resource-list ul, .class-resource-list ul li {
  list-style-type:none;
  font-size:18px;
}

.class-resource-list ul li {
  margin-bottom:10px;
}

.class-resource-list ul li  a,
.class-resource-list ul li a:visited, 
.class-resource-list ul li a:link {
    color: #A6A6A6;
    text-decoration: none;
}

.class-resource-list ul li a:hover {
    color: #2269ca;
}



/* Class Projects Gallery */
#class-projects-gallery {
  margin-top: 20px;
}

#class-projects-gallery div.single-project {
    display: inline-block;
    height: 280px;
    margin: 0 20px 30px 0;
    width: 292px;
}

#class-projects-gallery div.single-project div.class-project-image {
    border: 1px solid #CCCCCC;
    height: 210px;
    margin-bottom: 10px;
    padding: 5px;
    width: 280px;
}

#class-projects-gallery div.single-project h3 {
    text-transform: capitalize;
    word-wrap: break-word;
}

/* For CSS Lesson */


/* Single Page Styles */

.page section .main #content {
  padding:100px 0px;
}

/*========================================================================================================================
Skillcrush Classes Page Styles
=========================================================================================================================*/

#skillcrush-classes {
  padding-top:0px;
}

.page-template-page-templatestemplate-classes-php .site-header header {
    border-bottom: 1px solid #CCCCCC;
    float: none;
    margin-bottom: 40px;
    overflow: auto;
    padding-bottom: 10px;
}

.class-page-dashboard {
    border-bottom: 1px solid #E1E1E1;
    margin-bottom: 30px;
    padding: 30px 0;
}

.class-page-dashboard h1 {
      font-size: 34px;
      font-weight: bold;
      text-align: center;
}

.class-page-dashboard p {
    font-size: 20px;
    font-style: italic;
    padding: 0 100px;
    text-align: center;
}

/* SC Classes Aside */

#skillcrush-classes aside {
  float:left;
  width:300px;
  margin-right:94px;
}

#skillcrush-classes aside p {
  line-height:24px;
  margin-bottom:60px;
}

#skillcrush-classes aside ul {
  margin-top:10px;
}

#skillcrush-classes aside ul li {
  margin-bottom:10px;
}

/* SC Class List */
#skillcrush-classes div.class-list {
    border-top: medium none;
    margin: 0 auto;
    padding-bottom: 200px;
    width: 100%;
}

#skillcrush-classes div.class-list .classes-badge {
    float: left;
    margin-right: 40px;
    max-width: 160px;
    width: 20%;
}

.class-list h2,
#skillcrush-classes aside h2 {
  text-transform:none;
      margin: 10px 0;
}

.class-list h4 {
    font-size: 15px;
    font-weight: bold;
    margin-top: 20px;
    text-transform: uppercase;
margin-bottom: 10px;
}

.class-list > ul > li {
    border-bottom: 1px solid #CACACA;
    margin-bottom: 30px;
    overflow: auto;
    padding-bottom: 40px;
    padding-top: 0;
}

.class-list li .class-description {
    float: left;
    width: 75%;
}

.class-list li .class-description p span {
    background: none repeat scroll 0 0 #C5C5C5;
    border-radius: 1px 1px 1px 1px;
    color: #FFFFFF;
    font-size: 20px;
    font-style: italic;
    margin-right: 6px;
    padding: 6px 16px;
}

.class-list li .class-description h2 {
    font-size: 24px;
    font-weight: normal;
}

.class-list li .class-description h2 span {
  font-weight:bold;
}

li.html .class-description h2 span,
li.javascript .class-description h2 span,
li.ux .class-description h2 span,
li.ruby .class-description h2 span,
.class-description p a {
    color: #F15959;
}

.class-list li img {
    float: left;
    margin: 0 20px 0 0;
}

.class-list li p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 10px;
}

.class-sections li.class-section {
  font-family: 'Montserrat',serif;
}

.class-sections li.class-section {
  padding:10px 10px 10px 40px;
  border-radius:5px;
  overflow:auto;
  margin-bottom:10px;
  background: url("../img/icons/icon-calendar.png") no-repeat scroll 17px 19px #EDEDED;
}

.class-sections li.class-section.soldout {
  background: url("../img/icons/icon-calendar-soldout.png") no-repeat scroll 17px 19px #EDEDED;
  
}

.class-sections li.class-section.notyet {
  background: url("../img/icons/icon-calendar-tba.png") no-repeat scroll 17px 19px #EDEDED;
  
}

li.class-section p {
 color: #3A3939;
    float: left;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 4px;
}

.enroll-button.button {
    float: right;
    padding: 8px 20px 6px;
    text-align: center;
    width: 70px;
  font-size:14px;
  
}

.class-sections {
  margin-bottom: 10px;
      margin-top: 10px;
}

.soldout .enroll-button.button {
  background:#b7b7b7;
box-shadow: 0 2px 0 0 #A1A1A1;
}

.soldout .enroll-button.button:hover {
  cursor:default;
}


/* Theme My Login Styles */
#newsletter-signup-wrapper label, #newsletter-signup-wrapper input {
}

form#registerform #newsletter-signup-wrapper input {
  float:left;
}

form#registerform #newsletter-signup-wrapper label {
    color: #3A3939;
    float: left;
    font-size: 16px;
    margin-right: 0;
    margin-top: 0;
    padding-left: 10px;
    padding-top: 0;
    text-align: left;
    width: 284px;
}

#newsletter-signup-wrapper {
    padding-left: 0;
    text-align: left;
}

#registerform .submit {
    margin-left: 2px;
}

/*========================================================================================================================
Skillcrush 101 Class Sales Page Styles
=========================================================================================================================*/

/* Hero Section */

#skillcrush-101-sales-hero .main {
    max-width: 1222px;
}

#skillcrush-101-sales-hero h1 {
    color: #F15959;
    float: none;
    font-size: 38px;
    font-weight: bold;
 margin-top: 0px;
}

#student-website-showcase {
    margin: 28px 0;
}

#showcase-website {
    float: none;
    height: auto;
    margin: 0 auto;
    max-height: 496px;
    max-width: 711px;
    width: 74%;
}

#showcase-website-about {
    color: #F15959;
    font-family: 'open sans';
    font-size: 18px;
    font-style: italic;
    line-height: 30px;
    position: absolute;
    right: 30px;
    text-align: center;
    top: 120px;
    width: 160px;
}

#showcase-website-about span {
    color: #3A3939;
    font-family: 'bad script';
    font-size: 20px;
    font-style: normal;
    line-height: 47px;
}

#skillcrush-101-sales-hero {
    background: none repeat scroll 0 0 #efefef;
    border-bottom: 1px solid #E1E1E1;
 height: 460px;
    overflow: visible;
    padding: 46px 0 0;
}

#skillcrush-101-sales-hero.individual-class-hero {
    height: 480px;
}

#skillcrush-101-sales-hero .big-enroll-button {
    margin: -90px auto 0;
 position: relative;
}

#showcase-computer {
  position:relative;
}

.class-sales-page-section.individual-class-sales-page-section {
    overflow: auto;
    padding: 160px 0 80px;
}

/* Hero About */
#hero-about {
    font-family: 'Montserrat',serif;
    margin-top: 120px;
    overflow: auto;
}

#hero-about p {
    font-family: 'Montserrat',serif;
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 40px;
    margin-right: 20px;
    padding: 0 50px;
    text-align: center;
}


#hero-about .hero-buy p {
    float: none;
    margin: 0 auto 30px;
    padding: 0;
    text-align: center;
    width: 75%;
}

div.big-enroll-button a {
    background: none repeat scroll 0 0 #F15959 !important;
    border: medium none !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    display: block;
    float: none;
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin: 30px auto !important;
    min-width: 180px;
    padding: 10px 30px !important;
    text-align: center !important;
    text-shadow: none !important;
    width: 20%;
}

div.big-enroll-button a:hover {
  background:#DF5555 !important;
  cursor:pointer;
  color:white !important;
  text-decoration:none;
}

div.big-enroll-button {
    float: none;
    margin-top: 15px;
}

#imagine-list {
  background:#282828;
}

#imagine-list ul li {
    background: url("../img/icons/icon-star.png") no-repeat scroll 20px 30px rgba(0, 0, 0, 0);
    border-bottom: 1px solid #323232;
    color: #FFFFFF;
}

#imagine-list ul {
    border-top: 1px solid #323232;
}

.class-sales-page-section#imagine-list h2 {
    color: #FFFFFF;
    margin-bottom: 30px;
    text-align: center;
}

.letter-image {
  float:left;
  width:30%;  
}

.class-letter {
  float:left;
  width:70%;
}

.class-letter ul {
    list-style-type: disc;
    margin: 0 0 30px 20px;
}

.class-letter ul li {
    list-style-type: disc;
}

.class-letter p span {
  font-family:'bad script';
  font-size:30px;
  line-height:40px;
}

.class-sales-page-section .class-letter h3 {
    margin-bottom: 10px;
    text-align: left;
}

.class-sales-page-section#sales-letter {
    overflow: auto;
    padding: 100px 0 60px; 
}

/* */

aside.class-sidebar h3 {
  font-size: 36px;
}

#with-skillcrush-101 {
    /*background: none repeat scroll 0 0 #09C89D;*/
    /*color: #FFFFFF;*/
    float: none;
    padding: 40px 0;
    position: relative;
    width: 100%;
}

aside.class-sidebar {
  float: none;
    width: 100%;
}

#with-skillcrush-101 h3 {
    font-size: 24px;
    margin-bottom: 20px;
    padding-left: 50px;
}

#with-skillcrush-101 img.image {
  float:left;
  width:41%;
}

#with-skillcrush-101 li {
    background: url("../img/sales-page/grey-arrow.png") no-repeat scroll 0 16px rgba(0, 0, 0, 0);
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 0;
    padding: 10px 0 10px 50px;
}

#with-skillcrush-101 ul {
    float: left;
    margin-right: 2%;
    width: 57%;
}

#with-skillcrush-101 .main {
  z-index:9;
  position:relative;
}

/* How it Works */

section#how-program-works p {
    font-size: 18px;
    line-height: 30px;
}

.module-content h6 {
    background: url("../img/backgrounds/banner-background.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-family: montserrat;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 12px;
    padding: 1px 10px;
    text-transform: uppercase;
    width: 140px;
}

.module-content h4,
.class-benefit h4 {
    font-size: 20px;
    font-weight: bold;
    text-transform: none;
}

.class-benefit h5 {
  color:#f15959;
  font-style:italic;
  font-size:17px;
  font-family:'open sans';
}

.module-content, .class-benefit {
  overflow:auto;
  clear:both;
}

.module-content {
  padding-top:30px;
}

.module-image {
    float: left;
    margin: 0 0 20px 3%;
    text-align: center;
    width: 47%;
}

.odd .module-image {
    margin: 0 3% 20px 4%;
    text-align: left;
    width: 50%;
}

.module-text {
    float: left;
    padding: 10px 0 60px;
    width: 43%;
}

.class-benefit-image {
    float: right;
    margin: 0 2% 0 7%;
    text-align: center;
    width: 30%;
}

#module_2 .module-text {
    padding: 10px 0 60px;
    width: 50%;
}


.class-benefit-content {
    float: right;
    padding-bottom: 50px;
    padding-top: 20px;
    width: 61%;
}

.even .module-image,
.even .module-text {
  float:right;
}

.even .class-benefit-image,
.even .class-benefit-content {
  float:left;
}

.even .class-benefit-image {
    float: left;
    margin: 0 8% 0 0;
}

.even .class-benefit-image {
    float: left;
    margin: 0 5% 0 0;
}

.class-benefit {
  padding:20px 0;
  background:#efefef;
}

section#how-program-works ol {
  margin-bottom:60px;
}

.odd .module-image {
    margin: 0 4% 20px 0;
    text-align: left;
    width: 50%;
}

#module_4 .module-text {
    float: left;
    padding: 10px 0 60px;
    width: 50%;
}

#module_4 .class-benefit-content {
    float: right;
    padding-top: 24px;
    width: 65%;
}

#module_5 .class-benefit-content {
    float: right;
    padding-top: 20px;
    width: 61%;
}

hr.sales-page-divider {
  max-width: 1174px;
  min-width: 924px;
  width: 70%;
  margin: 0px 0px 0px 36px;
  color: #D4D4D4;
}

.user-notloggedin hr.sales-page-divider {
  margin: auto;
}

.class-sales-page-section .module-text h3 {
    margin-bottom: 0;
    text-align: left;
}

/* Proof */
.class-proof {
  padding: 60px 0;
  float: left;
}

.class-proof h3 {
  text-align:center;
}
.class-proof img {
    float: left;
    max-width: 30%;
    padding-left: 3%;
    padding-right: 4%;
}
.class-proof div.quote {
    background: url("../img/sales-page/red-quotes.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    overflow: auto;
    padding: 20px 0 20px 1%;
    width: 64%;
}

.class-proof article {
    overflow: auto;
    padding: 40px 0;
}

.class-proof div.quote p {
    color: #3A3939;
    font-size: 18px;
    font-style: italic;
    line-height: 32px;
}
.class-proof div.quote h3 {
  font-style: italic;
  font-weight: normal;
  font-size: 18px;
text-align:left;
margin-bottom:0;
}

.class-proof h3 {
  margin-bottom:30px;
}

#skillcrush-will {
  background:#4593fe;
  color:white;
  padding:100px 0;
     margin-top: -4px;
}

#skillcrush-will h3 {
    padding: 0 230px;
    text-align: center;
}

#class-video {
  background:#09c89d;
  padding:80px 0;
}

#class-video .video {
  width:438px;
  float:left;
  margin-left:90px;
}

.video-description {
  width:492px;
  float:left;
  margin-left:60px;
}

.video-description h4 {
  color:#95ffe7;
  font-weight:bold;
  text-transform:uppercase;
}

.video-description p {
  font-size:20px;
  color:white;
}

.site-example {
  background: url("../img/sales-page/top-bar.jpg") no-repeat scroll -2px 0 transparent;
    border-radius: 5px 5px 5px 5px;
    height: 414px;
    margin: auto;
    overflow: hidden;
    padding: 32px 0 0;
    width: 650px;
  border:1px solid #979797;
  border-top:none;
}

.site-info {
  width:650px;
  margin:auto;
  margin-top:20px;
}

.site-info p {
  float:left;
  font-family:'montserrat';
  font-size:18px;
}

.site-info p.site-link {
  float:right;
  text-transform:uppercase;
}

#student-slideshow {
  margin-top:30px;
  /*margin-bottom: 40px;*/
}

a.carousel-control {
    background: none repeat scroll 0 0 #222222;
    border: 3px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    color: #FFFFFF;
    font-family: open sans;
    font-size: 42px;
    font-weight: normal;
    height: 40px;
    left: 15px;
    line-height: 30px;
    margin-top: -20px;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 40%;
    width: 40px;
}

#with-skillcrush-you-can {
  padding:80px 0;
}

#with-skillcrush-you-can h3 {
  text-align:center;
}

.user-notloggedin #with-skillcrush-you-can {
  width: 1061px;
  margin: auto;
  padding: 80px 0px;
}

#with-skillcrush-you-can h4, #with-skillcrush-you-can ul {
  padding: 3% 0 0 3%;
}

#you-can p {
  text-align:center;
}

#you-can h3 {
  margin-bottom:20px;
}

#with-skillcrush-you-can ul {
    color: #FFFFFF;
    margin: 0 auto;
    padding-left: 3%;
    width: 80%;
}

#with-skillcrush-you-can li {
    background: url("../img/sales-page/grey-arrow.png") no-repeat scroll 0 12px rgba(0, 0, 0, 0);
    color: #6C6C6C;
    font-size: 22px;
    line-height: 44px;
    margin-bottom: 20px;
    padding-left: 45px;
}

#program-benefits {
    padding: 80px 0;
}

#program-benefits p {
  text-align:center;
}

#html-example, #css-example {
    margin: 20px 100px;
}

#html-example {
  margin-top:40px;
}

#program-benefits h3 {
  text-align:center;
}

#most-important {
  margin-top:80px;
}

#most-important ul {
  margin-top:40px;
}

#group-email p, #video-hours p {
 float: left;
    font-size: 22px;
    padding: 100px 170px;
    text-align: left;
    width: 270px;
}

#group-email img, #video-hours img {
  float:left;
}

#community {
background: url("../img/sales-page/green-arrow-2.png") no-repeat scroll 570px 60px transparent;}

#group-email {
  background: url("../img/sales-page/green-arrow-1.png") no-repeat scroll 460px 120px transparent;  
}

#video-hours {
  background: url("../img/sales-page/green-arrow-3.png") no-repeat scroll 460px 120px transparent;  
}

#community img {
  float:left;
}

#community p {
  float: right;
      font-size: 22px;
      margin-right: 130px;
      margin-top: 100px;
      text-align: left;
      width: 300px;
}

#community, #group-email, #video-hours {
  clear:both;
  margin-bottom:20px;
  overflow:auto;
}

#buy {
    background: none repeat scroll 0 0 #EFEFEF;
    overflow: hidden;
    padding: 60px 0;
    position: relative;
}

#buy .main {
  width:500px;
}

#buy h3 {
    font-size: 24px;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
  margin-bottom:40px;
}

#buy p {
  text-align:center;
}

#buy li p {
  text-align:left;
}

#buy .big-enroll-button {
    float: none;
    margin: 20px 164px;
}

#buy ul li:nth-child(3n) {
  border-right:none;
}

#buy ul li:nth-child(7),
#buy ul li:nth-child(9),
#buy ul li:nth-child(8) {
  border-bottom:none;
}

#buy ul li {
    border-bottom: 1px solid #cbcaca;
    border-right: 1px solid #cbcaca;
    float: left;
     height: 380px;
    margin-bottom: 0;
    padding: 30px 2%;
    text-align: left;
    width: 29%;
}

#buy ul {
    margin-bottom: 60px;
    margin-top: 20px;
    overflow: auto;
}

#buy ul li h4 {
      font-size: 16px;
      text-transform: uppercase;
}

#buy ul li div.img {
    text-align: center;
  height:190px;
}

#buy ul li img {
  text-align:center;
}

#buy-left {
  position:absolute;
  left:0;
}

#buy-right {
  position:absolute;
  right:0;
}

#buy h3#price {
  font-size:34px;
}

#price span {
  color:#F15959;
}

#price span.zeros {
  text-decoration:underline;
}

section#how-program-works {
padding: 70px 0 26px 0;
}

/*section#how-program-works h3 {
    margin-bottom: 40px;
    text-align: center;
}*/

section#how-program-works ul li {
  list-style-type:disc;
}

section#how-program-works ul {
  margin-left:20px;
}

section#how-program-works .module .main {
  padding-top: 25px;
  position:relative;
}

section#how-program-works .module .main .arrow {
  position:absolute;
}

section#how-program-works .module.odd .main .arrow {
    background: url("../img/sales-page/week1-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 49px;
    left: 42%;
     top: 96%;
    width: 66px;
}

section#how-program-works .module.even .main .arrow {
    background: url("../img/sales-page/week2-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 71px;
    left: 50%;
    top: 90%;
    width: 29px;
}

#week-1 {
  margin-top:30px;
}

#week-1 div {
    margin: 0 330px 80px;
    width: 500px;
}


#week-3 div {
    margin-top: 70px;
    width: 460px;
    margin-left: 40px;
}

#week-1 img {
  margin:0 200px;
}

#week-2 {
  overflow:auto;
}

#week-2 img {
    float: left;
    margin: 0;
}

#week-3 {
  overflow:auto;
  
}

#week-2 div {
    float: left;
    margin-top: 170px;
    width: 430px;
}

#week-3 img {
  float:right;
}

.class-benefit h4 {
padding: 4px 0 8px 0; 
}

.class-benefit {
  background-image: linear-gradient(bottom, rgb(245,245,245) 10%, rgb(255,255,255) 61%);
  background-image: -o-linear-gradient(bottom, rgb(245,245,245) 10%, rgb(255,255,255) 61%);
  background-image: -moz-linear-gradient(bottom, rgb(245,245,245) 10%, rgb(255,255,255) 61%);
  background-image: -webkit-linear-gradient(bottom, rgb(245,245,245) 10%, rgb(255,255,255) 61%);
  background-image: -ms-linear-gradient(bottom, rgb(245,245,245) 10%, rgb(255,255,255) 61%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.1, rgb(245,245,245)),
    color-stop(0.61, rgb(255,255,255))
  );
  padding: 15px 0 25px 0;
}

/* Class List on Main Sales Page */
#skillcrush-class-list {
  background: none repeat scroll 0 0 #efefef;
  padding:60px 0;
  border-bottom: 1px solid #E1E1E1;
  border-top: 1px solid #E1E1E1;
  
}

.sales-class-list.class-list h2 {
  text-align:center;
}

.sales-class-list.class-list ul {
  border-top:1px solid #CACACA;
  margin-top: 40px;
  padding-top:20px;
}

#skillcrush-class-list  .class-list {
  border-top:none;
}

.sales-class-list.class-list li .class-description h5 {
  text-transform:uppercase;
}

.sales-class-list.class-list li .class-description h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 38px;
    margin-top: 0;
    text-align: left;
}

#skillcrush-class-list .class-description a.gumroad-button {
  background:none repeat scroll 0 0 #50C7A3 !important;
      border: medium none !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      color: #FFFFFF !important;
      display: block !important;
      float: left !important;
      font-family: 'Montserrat' !important;
      font-size: 16px !important;
      padding: 17px 30px !important;
      text-transform: none !important;
  text-shadow:none!important;
  margin-right:10px;
}

#skillcrush-class-list .class-skills {
  overflow:auto;
  margin-bottom:20px;
}

#skillcrush-class-list .class-description .learn-more-button {
  background:#393939;
}

#skillcrush-class-list .class-description .learn-more-button:hover {
  background:black;
}

#skillcrush-class-list .class-description {
  margin-top:20px;
}

.sales-class-list.class-list ul.extra-class-info {
    border-top: 0 none;
    font-style: italic;
    margin-bottom: 30px;
    padding-top: 0;
  overflow:auto;
}

.sales-class-list.class-list ul.extra-class-info li {
    float: left;
    list-style: disc outside none;
    margin-left: 20px;
    margin-right: 10px;
    padding-left: 10px;
}

.sales-class-list.class-list ul.extra-class-info li.class-price {
  padding-left:0;
  list-style-type:none;
  margin-left:0;
}

.sales-class-list.class-list  .class-title {
  width:70%;
  float:left;
}

.sales-class-list.class-list  .class-skills {
    float: left;
    margin-left: 10%;
    width: 20%;
}

.sales-class-list.class-list h4 {
    font-size: 16px;
    font-weight: normal;
    margin-top: 0;
    text-transform: uppercase;
}

.sales-class-list.class-list li .class-description p span {
    background: none repeat scroll 0 0 #C5C5C5;
    border-radius: 1px;
    clear: left;
    color: #FFFFFF;
    display: inline;
    float: left;
    font-size: 16px;
    font-style: italic;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 4px 10px;
}

.class-buy-buttons {
  clear:both;
}

#class-job-skills {
  padding:100px 0;
}

#class-job-skills h3, #class-job-skills p {
  text-align:center;
}

#class-job-skills ul li h5 {
border: 3px solid #d3d3d3;
color:#393939;
font-size:18px;
text-transform:uppercase; 
padding: 10px 0px;
margin:0px 30px 10px;
}

#class-job-skills ul li {
  text-align:center;
  width:33%;
  float:left;
  margin-bottom:20px;
  margin-top:20px;
}

#class-job-skills ul li .icon {
    color: #393939;
    height: 220px;
    margin: 0 15% 30px;
    width: 70%;
}

#class-job-skills ul li p span {
  color:#F15959;
  font-weight:bold;
  display:block;
}

#sales-list.individual-class-sales-page-section.class-sales-page-section p {
      font-size: 24px;
      line-height: 1.6;
      padding: 0 6%;
      text-align: center;
}

#class-prerequisites h3,
#class-prerequisites p {
  text-align:center;
}

#class-prerequisites {
background:#efefef;
padding:60px 0; 
border-bottom: 1px solid #E1E1E1;
display: none;
}

#class-prerequisites ul {
border-top:1px solid #D4D4D4; 
width:70%;
margin:0 15%;
}

.sales-class-list.class-list > h4 {
    font-size: 18px;
    text-align: center;
    text-transform: uppercase;
  color:#F15959;
}

#showcase-computer {
  position:relative;
}

#showcase-computer .raptor-button {
    display: block;
    font-size: 24px;
    padding: 16px 4%;
    text-align: center;
    text-transform: uppercase;
width:92%;
}

#showcase-computer .raptor-yo p {
    clear: both;
    font-style: italic;
    padding-top: 20px;
    text-align: center;
}

#showcase-computer .raptor-yo {
    margin: 180px 40%;
    position: absolute;
    width: 20%;
}

/* Prereqs */
#class-prerequisites #prereq-checklist ul li {
   background: url("../img/check-box.png") no-repeat scroll 24px 35px rgba(0, 0, 0, 0);
      padding-top: 24px;
}

#class-prerequisites #prereq-checklist ul li:hover {
  cursor:pointer;
}

#class-prerequisites #prereq-checklist ul li.checked {
   background: url("../img/checked.png") no-repeat scroll 20px 23px rgba(0, 0, 0, 0);
}

/* Class FAQ Section */
#class-faq ul {
  width:600px;
  margin:auto;
  text-align:left;
}

#class-faq h2#faq-headline {
    padding: 30px 0 40px;
}

#faq-list {
margin-top:60px;  
}

#class-faq #faq-list ul > li {
  margin-bottom:40px;
}

#class-faq #faq-list ul > li p {
  margin-bottom:20px;
}

#class-faq #faq-list ul > li > ul li {
  list-style-type: disc;
    margin-bottom: 10px;
    margin-left: 18px;
}

#class-faq li h4 {
  margin-bottom:20px;
  text-transform:none;
}

#class-faq {
  text-align:center;
}


/* More Recent Stories */
#more-recent {
  border: 1px solid #CCCCCC;
    float: left;
    margin-left: 20px;
    width: 250px;
}

#more-recent h5 {
 background: none repeat scroll 0 0 #3A3939;
    color: white;
    font-size: 22px;
    padding: 20px 0;
    text-align: center;
}

#more-recent > ul > li {
    border-top: 1px solid #CCCCCC;
    padding: 20px;
    text-align: center;
}

#more-recent li .post-main-image {
  width:100px;
  height:auto;
}

#more-recent li .post-main-image img {
  width:100%;
}

#more-recent h4 {
  font-size:16px;
  color:#F15959;
}

#more-recent li h3 {
  font-size:16px;
}

#more-recent li h3 a:hover {
  /*color:;*/
}

/* Skillcrush Module */
#skillcrush-module {
  overflow:auto;
  padding: 0px 0px;
  margin-bottom:20px;
   margin-top: 20px;
}

#skillcrush-module h4 {
  margin-bottom:10px;
}

#skillcrush-module li {
  float: left;
    margin-right: 0px;
margin-bottom:30px;
}

#skillcrush-module li h3 {
  font-size:18px;
  float:left;
  width: 190px;
}

#skillcrush-module li p {
    width: 190px;
  float:left;
}

#skillcrush-module li:last-child {
  margin-right:0px;
}

#skillcrush-module li .post-main-image img {
  width:100%;
}

#skillcrush-module li .post-main-image {
  float: left;
    height: auto;
    margin: 0 10px 10px 0;
    overflow: hidden;
    position: relative;
    width: 100px;
}

/* Featured Module */
/*


/* Blog Sidebar */


.ad-300 {
  width:300px;
  height:250px;
  background:#dddddd;
  border:1px dotted #CCCCCC;
}

.individual-content h2.entry-subtitle {
   margin-bottom: 30px;
}


/* Skillcrush Bootcamp Class Page */
.single-sc_projects.logged-in #signed-in-navigation {
    left: 0;
}

.single-sc_projects.logged-in.post-template-template-user_102_challenges-php #signed-in-navigation {
    left: -81px;
}

/* Core Skills */
.core-skill-list {
    float: left;
    margin: 0 20px 50px 0;
    max-width: 367px;
    width: 31%;
}

.core-skill-list:nth-child(3n) {
  margin-right:0;
}

.core-skill-list .skill-holder {
  border:1px solid #dbdbdb;
  height: 420px;
  position: relative;
  padding-top: 30px;
}

.core-skill-list .skill-holder img {
  display:block;
  margin:0 auto;
}

.core-skill-list .skill-holder h2 {
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin: 20px 20px 10px;
    text-align: center;
    text-transform: uppercase;
}

.skill-holder > p {
    margin: 0 20px 20px;
    text-align: center;
}

.core-skills-learn {
  background:#d2d2d2;
  text-align:center;
  margin-top:0px;
}

.core-skills-learn a {
    color: #FFFFFF;
    display: block;
    font-family: 'Montserrat',serif;
    font-size: 20px;
    padding: 18px 0;
    text-transform: uppercase;
    width: 100%;
}

.landing_header h1 {
  text-align:center;
  padding:20px 0;
  font-size:41px;
}

.landing_header h2 {
    color: #999999;
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 0 220px;
    text-align: center;
    text-transform: none;
}

#community-header.landing_header h2 {
    padding: 0 180px;
}

.skill-number {
 background: url("../img/backgrounds/banner-background.png") no-repeat scroll -26px 0 transparent;
    color: #FFFFFF;
    font-family: 'Montserrat',serif;
    font-size: 14px;
    height: 21px;
    padding: 1px;
    position: absolute;
    text-align: center;
    top: 110px;
    width: 90px;
}

/*Skillcrush Communities*/ 
#community-hero {
  overflow:hidden;
  position:relative;
  height:400px;
  background:url("http://skillcrush.com/wp-content/uploads/2013/04/map-community.png") no-repeat scroll 375px 0 transparent;
}

#community-anatomy {
  font-family: 'montserrat';
  font-size:20px;
  color: #999999;
}

.community-pin {
  position:absolute;
  transition: all 800ms ease 0s;
  -webkit-transition: all 800ms ease 0s;
  -moz-transition: all 800ms ease 0s;
}

#main-community-pin {
    left: 553px;
    top: 146px;
}


/* Gravity Form Styles */
.landing_page .gform_wrapper {
  width:700px;
  margin:20px auto;
  font-family: 'Montserrat';
  padding-bottom:100px;
}

.landing_page .gform_wrapper .gfield_label {
    font-size: 20px;
    margin: 30px 0 10px;
  width:500px;
}

.landing_page .gfield_description {
    color: #999999;
    line-height: 24px;
    margin-bottom: 20px;
}

.landing_page .gform_footer {
  margin-top:80px;
}

.landing_page .gform_wrapper ul.gfield_checkbox  li label,
.landing_page .gform_wrapper ul.gfield_radio li label {
    color: #3A3939;
    display: inline;
    font-size: 16px;
}

.landing_page .gform_wrapper ul.gfield_checkbox li input[type="checkbox"],
.landing_page .gform_wrapper ul.gfield_radio li input[type="radio"] {
    display: inline;
    margin-right: 10px;
    vertical-align: top;
}

.landing_page .gform_wrapper ul li {
  margin-bottom:10px;
}

.landing_page .gform_wrapper textarea {
    color: #444444;
    width: 580px;
}

.landing_page #gforms_confirmation_message {
  margin:50px auto 200px;
}

.landing_page #gforms_confirmation_message h2 {
  text-transform:none;
  text-align:center;
  color:#999999;
}

.landing_page #gforms_confirmation_message p {
font-family: 'Montserrat';
text-align:center;
margin:20px 0;
}

.landing_page #gforms_confirmation_message h1 {
    font-size: 28px;
    margin: 0 0 10px;
    text-align: center;
}

/* 
Project Name: Alert Styles
Client: Skillcrush
Author: Kristina Zmaic | @KZmaic | zmaic.com
*/

/*----------------------------------------------------------------------------- 
TYPE STYLES
-----------------------------------------------------------------------------*/
.alert h4 {
    float: left;
    font: 700 14.5px/1.4em 'Montserrat',Arial,sans-serif;
    letter-spacing: 0.09em;
    margin: 13px 2em 0 1em;
    text-transform: uppercase;
}

.alert-button {
    border-radius: 0.2em;
    background: #fc3649;
    display: inline-block;
    color: #fff;
    font: 400 15px 'Montserrat', Arial, sans-serif;
    letter-spacing: .09em;
    font-style: normal;
    text-transform: uppercase;
    padding: 0;
    text-decoration: none;
    float: right;
    padding: .25em 2em;
    margin: .25em .15em;

}

.alert-button:after {
    content: url('../img/button_arrow.png');
    width: 9px;
    height: 14px;
    float: right;
    margin: 1px 0 0 10px;
}

.alert-button:hover {
  text-decoration:none;
}

.alert a {
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: 600;
  font-style: italic;
  float: left;
  margin: .6em 1em 0 0;
  float: right;
}

/*----------------------------------------------------------------------------- 
SUCCESS MESSAGE
-----------------------------------------------------------------------------*/
.alert#success {
  color: #609f87;
  background: #ccf1e3;
}

.page-template-page-templatestemplate-classes-php #success.alert {
  display:block;
}

.alert#success img {
  float: left;
}

#success h4 {
  color: #609f87;
  font-size:14.5px;
     text-transform: uppercase;
}

.alert#success a {
  color: #83a99b;
}

.alert#success .alert-button{
  background: #83c2aa;
  color: #fff;
     font-style: normal;
  margin:5px 0 0 10px;
}

.alert#success .alert-button:hover{
    color: #fff;
    background: #5da086;
}

/*----------------------------------------------------------------------------- 
WARNING MESSAGE
-----------------------------------------------------------------------------*/
.alert.warning,
.alert#warning {
  color: #e3bd25;
  background: #fdf6a3;
}

.alert.warning img,
.alert#warning img {
  float: left;
}

.warning h4, #warning.alert h4 {
    color: #E3BD25;
    font-size: 14.5px;
    margin-bottom: 10px;
    margin-top: 4px;
    max-width: 380px;
    text-transform: uppercase;
    width: 54%;
}

.alert.warning a,
.alert#warning a {
  color: #f1c92a;
}


.alert.warning .alert-button,
.alert#warning .alert-button {
  background: #f1c92a;
  color: #fff;
   font-style: normal;
  margin:5px 0 0 10px;

}

.alert.warning .alert-button:hover,
.alert#warning .alert-button:hover {
    color: #fff;
    background: #d8b321;
}


/*----------------------------------------------------------------------------- 
FAILURE MESSAGE
-----------------------------------------------------------------------------*/
.alert.failure {
  color: #b9554c;
  background: #fabeb9;
}

.alert.failure h4 {
  color: #b9554c; 
  font-size:14.5px;
     text-transform: uppercase;
}

.alert.failure img {
  float: left;
}

.alert.failure a {
  color: #cd7a73;
}

.alert.failure .alert-button{
  background: #c35e56;
  color: #fff;
     font-style: normal;
  margin:5px 0 0 10px;
}

.alert.failure .alert-button:hover{
    color: #fff;
    background: #ae463d;
}

/*----------------------------------------------------------------------------- 
Alert Styles on Skill Challenges
-----------------------------------------------------------------------------*/
/*.single-sc_skill_challenges .alert {
    border-radius: 0 0 5px 5px;
    color: #888787;
    font-family: 'Open Sans',Arial,sans-serif;
    font-size: 100%;
    font-weight: 400;
    left: 50%;
    letter-spacing: 0.05em;
    line-height: 1.85em;
    margin-left: -600px;
    max-width: 1200px;
    position: fixed;
    text-align: left;
    top: 0;
    width: 100%;
z-index: 11;
}*/

/*----------------------------------------------------------------------------- 
One on One Styles
-----------------------------------------------------------------------------*/

#one-on-one {
  text-align:center;
    padding-bottom: 20px;
}

#one-on-one h1 {
  font-weight:bold;
}

#one-on-one p {
    padding: 0 200px;
}

#one-on-one-cta h3 {
    float: left;
    margin-top: 5px;
}

#one-on-one-cta .button {
    background: none repeat scroll 0 0 #F15959;
    float: right;
    padding: 13px 50px;
    text-transform: uppercase;
}

#one-on-one-cta {
    border-top: 1px solid #CACACA;
    margin-top: 40px;
    padding: 20px 60px;
}

/*----------------------------------------------------------------------------- 
Vanilla Sales Page
-----------------------------------------------------------------------------*/
.vanilla-sales-left {
float: left; width:50%; padding-top:50px; 
}

.vanilla-sales-right {
  float: left;padding-left: 0; padding-top: 80px;width: 44%;
}

#vanilla-sales-page.class-sales-page-section {
  
}

.vanilla-sales-left img {
  padding-left:80px;
}

#vanilla-sales-page p {
  font-size:22px;
}

#vanilla-sales-page .vanilla-content ul li {
  list-style-type:disc; font-size:22px;line-height:30px;  margin-left: 20px;
}

#vanilla-sales-page .vanilla-content ul {
  margin-bottom:20px;
}

#vanilla-sales-page .vanilla-content .big-enroll-button {
  margin-left:0;
}

/* END OLD STYLES */

/* OLD new.css */

/* =Top Nav styles go here
-------------------------------------------------------------- */

.top-bar {
    background: none repeat scroll 0 0 #ffffff;
    overflow: visible;
}

.top-bar-section ul {
    background: none repeat scroll 0 0 #ffffff;
}

.top-bar-section ul li a {
    color:#434343;
}

.top-bar-section li a:not(.button) {
    background: none repeat scroll 0 0 #FFFFFF;
    line-height: 45px;
    padding: 0 15px;
}

.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
    border-bottom: medium none;
    border-right: 1px solid #FFFFFF;
    border-top: medium none;
    clear: none;
    height: 45px;
    width: 0;
}
#signin-modal {
    width: 500px;
    display: none;
}


/* =Page Template styles go here
-------------------------------------------------------------- */
.entry-content#legal-template {
    -moz-columns:3;
    columns:3;
    -webkit-columns:3;
}

.page-template-template-legal-php h1 {
    text-transform:uppercase;
    font-weight: bold;
}

/* =Blueprint Sales Page styles go here
-------------------------------------------------------------- */
/* Global Page Styles */


.post-template-single-sc_blueprints-php .site-header {
    position: absolute;
    width: 100%;
    z-index: 999;
    top: 0;
}

.page-template-page-templatestemplate-blueprints-sales-page-php .user-notloggedin {
    padding-left: 0;
/*    padding-top: 0;*/
}


/* Hero Styles */


#sales-hero footer .button a:hover {
    text-decoration:none;
}



/* All the bottom sections */


/* =Digital Career Blueprints site styles go here
-------------------------------------------------------------- */
.page-template-page-templatestemplate-videos-php div#container .site-header {
    display: none;
}

body.page-template-page-templatestemplate-videos-php,
body.page-template-page-templatestemplate-videos-php #videos .main {
    background: url('../img/blueprints/pattern.png') 0 0 #ECF1F1;
}

body.page-template-page-templatestemplate-videos-php #main-blueprints-options-list {
    border-left: 1px solid #C2CBCC;
    border-right: 1px solid #C2CBCC;
    float: none;
    margin: auto;
    max-width: 990px;
    padding: 60px 10%;
    width: 80%;
    background:url('../img/blueprints/line-dot.png') no-repeat 592px -35px;
}

body.page-template-page-templatestemplate-videos-php  .bp-program-content {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

body.page-template-page-templatestemplate-videos-php  #main-header, 
body.page-template-page-templatestemplate-videos-php #videos {
    border-bottom:1px solid #c2cbcc;
}

body.page-template-page-templatestemplate-videos-php #videos {
    background: url("../img/blueprints/stripe.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

body.page-template-page-templatestemplate-videos-php #videos ul {
    margin:0;
}

body.page-template-page-templatestemplate-videos-php #videos ul li {
    margin-bottom: 0;
    padding: 30px 0 10px;
}

body.page-template-page-templatestemplate-videos-php header#main-title > div {
    border-left:1px solid #c2cbcc;
    border-right:1px solid #c2cbcc;
}

body.page-template-page-templatestemplate-videos-php .main {
    margin: auto;
    max-width: 1200px;
    min-width: 1200px;
    padding: 0;
    text-align: left;
    width: 100%;
}

body.page-template-page-templatestemplate-videos-php header#main-title {
    background: url("../img/blueprints/logo-back.png") no-repeat scroll -30px 0 rgba(0, 0, 0, 0);
}

body.page-template-page-templatestemplate-videos-php #bp-options {
    background: url("../img/blueprints/stripe.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 2px solid #D2D9DA;
    border-bottom: 2px solid #D2D9DA;
    padding: 0;
}
body.page-template-page-templatestemplate-videos-php #bp-options .main #main-blueprints-options-list {
    background: url("../img/blueprints/pattern.png") repeat scroll 0 0 #ECF1F1;
}

body.page-template-page-templatestemplate-videos-php .testimonial-content h4 {
    color: #333D3E;
    margin-top: 10px;
}

body.page-template-page-templatestemplate-videos-php .testimonial-content {
    background: url("../img/blueprints/green-quotes.png") no-repeat scroll 0 22px rgba(0, 0, 0, 0);
 margin:80px -30px 80px 110px;
}

section#main-header h1#logo {
    background: url("../img/logo/skillcrush-logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #F15959;
    display: block;
    float: none;
    font-family: georgia;
    font-size: 80px;
    font-style: italic;
    height: 29px;
    margin: auto auto -20px;
    text-align: center;
    text-indent: -10000px;
    width: 129px;
}

body.page-template-page-templatestemplate-videos-php .bp-program-content p {
    font-size: 18px;
    line-height: 28px;
}

body.page-template-page-templatestemplate-videos-php #videos .video-info {
    border-top:1px solid #c2cbcc;
    padding:30px;
}

body.page-template-page-templatestemplate-videos-php #videos .video-info-content p {
    margin-bottom:0px;
}

body.page-template-page-templatestemplate-videos-php #videos .video-container {
    border: 3px solid #C2CBCC;
    margin: 0 auto 30px;
    max-width: 1140px;
    width: 95%;
}

body.page-template-page-templatestemplate-videos-php #videos header {
    float: left;
    margin-left: 5%;
    margin-right: 3%;
    width: 25%;
}

body.page-template-page-templatestemplate-videos-php #videos .video-info-content {
    float: left;
    width: 56%;
}

body.page-template-page-templatestemplate-videos-php section#main-header h2 {
    font-family: 'Montserrat';
    font-size: 36px;
    font-weight: normal;
    padding: 50px 0 40px;
    text-align: center;
    text-transform: uppercase;
}

body.page-template-page-templatestemplate-videos-php #bp-program {
    /*background: url("../img/blueprints/computer.jpg") no-repeat scroll -340px 0 rgba(0, 0, 0, 0);*/
    height: auto;
    margin-bottom: 0px;
    margin-top: 0px;
    max-width: 100%;
}

body.page-template-page-templatestemplate-videos-php #bp-program .main {
    border-right: 1px solid #C2CBCC;
    overflow: auto;
    padding: 50px 0 90px;
    background:url("../img/blueprints/line-dot.png") no-repeat scroll 50% bottom rgba(0, 0, 0, 0);
}

body.page-template-page-templatestemplate-videos-php .bp-program-content {
    color: #3B3B3B;
    float: right;
    font-size: 20px;
    line-height: 28px;
    margin-left: 0;
    min-width: 500px;
    padding: 20px 40px;
    width: 56%;
}

body.page-template-page-templatestemplate-videos-php .bp-program-content h4 {
    font-size: 16px;
    text-transform: uppercase;
}

body.page-template-page-templatestemplate-videos-php #bp-testimonial-1 {
     border-bottom: medium none;
    overflow: visible;
    padding: 0 0 50px;
    border-top:none;
}

body.page-template-page-templatestemplate-videos-php #download-boss-link figure {
    float: left;
    margin-left: 0;
    width: 80px;
}

body.page-template-page-templatestemplate-videos-php #download-boss-link {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.25);
    border: 2px dotted #A2B1B4;
    clear: both;
    margin: 40px 0;
    padding: 30px 40px;
    width: 86%;
}

body.page-template-page-templatestemplate-videos-php  .video-info h3 {
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}

body.page-template-page-templatestemplate-videos-php #bp-testimonial-1 figure {
    float: right;
    margin-top: -20px;
    position: absolute;
    right: 30px;
    z-index: 999;
}

body.page-template-page-templatestemplate-videos-php .bp-testimonial-content {
    position:relative;
}

body.page-template-page-templatestemplate-videos-php #download-boss-link .download-link-content {
    float: left;
    margin-left: 20px;
    width: 82%;
}

body.page-template-page-templatestemplate-videos-php  #download-boss-link .download-link-content p {
    color: #505F61;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 5px;
    width: auto;
}

body.page-template-page-templatestemplate-videos-php  #mc_embed_signup h4 {
    display:none;
}

body.page-template-page-templatestemplate-videos-php #bootcamp-signup {
    padding: 90px 0;
}

body.page-template-page-templatestemplate-videos-php #bootcamp-signup figure {
    float: left;
    margin-right: 40px;
}

body.page-template-page-templatestemplate-videos-php #bootcamp-signup .main {
    margin: auto;
    max-width: 960px;
    min-width: 960px;
    padding: 0;
    text-align: left;
    width: 70%;
}

body.page-template-page-templatestemplate-videos-php .sub-footer {
    background: none repeat scroll 0 0 #888787;
    clear: both;
    color: #FFFFFF;
    font-family: arial;
    font-size: 12px;
    height: 12px;
    margin-top: 60px;
    min-width: 960px;
    padding: 10px 0 20px 8%;
    text-align: left;
    width: 92%;
}

body.page-template-page-templatestemplate-videos-php .bootcamp-signup-content {
    float: left;
    padding-top: 30px;
    width: 580px;
}

body.page-template-page-templatestemplate-videos-php input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #B2BBBD;
    border-radius: 0;
    color: #666666;
    float: left;
    font-size: 18px;
    height: 42px;
    padding: 5px 10px;
    width: 370px;
}

body.page-template-page-templatestemplate-videos-php input[type="submit"] {
    background: none repeat scroll 0 0 #F16059;
    color: #FFFFFF;
    display: block;
    font-size: 18px;
    height: 56px;
    margin-left: 10px;
    margin-right: 0;
    padding: 16px 49px;
    text-transform: uppercase;
}

body.page-template-page-templatestemplate-videos-php .user-notloggedin {
    padding-left: 0;
    padding-top: 42px;
}


/* Flexslider */
.flexslider {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    margin: 0;
    position: relative;
}


#videos .main .flexslider {
    border-left: 1px solid #C2CBCC;
    border-right: 1px solid #C2CBCC;
    min-height:600px;
}

.flex-control-nav {
    bottom: 20px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.flex-direction-nav a:before {
    content: "Prev";
    display: inline-block;
    font-family: "flexslider-icon";
    font-size: 40px;
    text-indent: -100000px;
    height:43px;
    width:69px;
}

.flex-direction-nav a.flex-next:before {
    background: url("../img/blueprints/next-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: none;
    display: block;
    text-indent: -100000px;
}

.flex-direction-nav a,
.flex-direction-nav a:before,
.flex-direction-nav a:after {
    text-indent: -100000px;   
}

.flex-direction-nav .flex-prev {
    background: url("../img/blueprints/prev-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: none;
    height: 43px;
    left: -50px;
    width: 69px;
}

.flex-direction-nav .flex-next {
    background: url("../img/blueprints/next-arrow.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 43px;
    right: -50px;
    text-align: right;
    text-indent: -100000px;
    width: 69px;
}

/* Dashboard Top Styles */
.page-template-page-templatestemplate-dashboard-php #up-next .main.main-blueprints {
    background-color: #54969b;
    border-radius: 3px;
    color: #ffffff;
    height: 180px;
    margin: 30px auto;
    padding: 20px 2%;
    width: 100%;
}

.page-template-page-templatestemplate-dashboard-php #classes .main {
    margin-top: 0;
}

.page-template-page-templatestemplate-dashboard-php .main.main-blueprints h4 {
    color:#c2edf6;
    text-transform:uppercase;
     font-size: 16px;
}

.page-template-page-templatestemplate-dashboard-php .main.main-blueprints .dashboard-next-lesson {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    margin-top: 0;
    max-width: 1142px;
    padding: 0;
    position: relative;
}

.page-template-page-templatestemplate-dashboard-php .main.main-blueprints .dashboard-next-lesson header {
    margin: 0;
    overflow: auto;
    padding: 0;
}

.page-template-page-templatestemplate-dashboard-php .main.main-blueprints .dashboard-next-lesson div.lesson-info h5 {
    color: #FFFFFF;
}

.page-template-page-templatestemplate-dashboard-php .main.main-blueprints .dashboard-next-lesson div.lesson-info p {
    color: #FFFFFF;
    float: left;
    font-family: 'open sans';
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 5px;
    width: 70%;
}

.main.main-blueprints .dashboard-next-lesson .class-tutorial-description a.project-button {
    background: none repeat scroll 0 0 #434242;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff;
    float: right;
    font-size: 14px;
    margin-top: -20px;
    padding: 16px 28px;
    text-transform: uppercase;
}

.main.main-blueprints .dashboard-next-lesson header .lesson-info {
    float: left;
    margin-top: 0;
    max-width: 920px;
    min-width: 480px;
    width: 80%;
}

.main.main-blueprints .dashboard-next-lesson header #dashboard-class-link,
.main.main-blueprints .dashboard-next-lesson header #dashboard-class-link a {
    color: #DDDDDD;
}

.main.main-blueprints .dashboard-next-lesson header #dashboard-class-link {
    margin-top: 42px;
}

.page-template-page-templatestemplate-dashboard-php .main.main-blueprints #dashboard-class-link a.button {
    border:1px solid #acd4dc;
    color:white;
    text-decoration:none;
    text-transform:uppercase;
    padding:10px 20px;
    background:#7dabbb;
}

#comments-holder #disqus_thread {
    margin: auto;
    overflow: auto;
    width: 600px;
}

#comments-holder {
padding: 60px 0;    
}

#comments-holder h3 {
    text-align:center;
    margin-bottom:20px;
}

/* Jess' Styles */

/*newsletter*/
.page-template-page-templatestemplate-newsletter-php section#sales-hero {
    background: url("../img/backgrounds/stocksy_keyboard.jpg") no-repeat scroll 5% 47% rgba(0, 0, 0, 0);
    margin-top: -51px;
    padding-top: 40px;
}

.page-template-page-templatestemplate-newsletter-php .menu-top-navigation-container {
    display:none;
}

/*Sign up section*/
.page-template-page-templatestemplate-newsletter-php section#newsletter-signup {
    background-color: #F16059;
    padding: 50px 0;
}

/*title in signup section*/
.page-template-page-templatestemplate-newsletter-php section#newsletter-signup h4 {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 24px;
    margin-top: 0;
}

/*Email Input field*/
.page-template-page-templatestemplate-newsletter-php input#mce-EMAIL {
    border: medium none;
    box-shadow: none;
    color: #666666;
    float: left;
    font-family: 'open sans';
    font-size: 22px;
    height: 62px;
    margin-right: 10px;
    padding: 5px 20px;
    width: 480px;
    margin-bottom:0;
}

/*submit Button*/
.page-template-page-templatestemplate-newsletter-php section#newsletter-signup input[type="submit"] {
    background-color: #C3322C;
    float: left;
    font-size: 18px;
    padding: 25px 20px;
    text-transform: uppercase;
    margin:0;
}

/*100%  top of navigation*/
.page-template-page-templatestemplate-newsletter-php .user-notloggedin{
    padding-top: 0;
}

.page-template-page-templatestemplate-newsletter-php #sales-hero .main ul li {
    color: #333333;
    font-size: 18px;
    line-height: 1.6;
    list-style-image: url("../img/homepage/check2.png");
    margin-bottom: 12px;
    text-transform: none;
}

.page-template-page-templatestemplate-newsletter-php section#testimonial {
    margin-top: -50px;
}

.page.page-template-page-templatestemplate-newsletter-php #sales-hero header {
    max-width: 960px;
    padding-top: 50px;
    width: 100%;
}

/*charlotte testimonial pic*/
.page-template-page-templatestemplate-newsletter-php section#testimonial .main img {
    float: right;
    margin-top: -85px;
}

.page-template-page-templatestemplate-newsletter-php .mc-field-group {
    overflow:auto;
}

.page-template-page-templatestemplate-newsletter-php .error-container {
    clear: both;
    display: block;
    margin-top: 0px;
    padding: 5px 0;
    text-align: center;
    width: 100%;
}

.page-template-page-templatestemplate-newsletter-php .error-container label {
    background: url("../img/homepage/alert.png") no-repeat scroll 197px 7px rgba(255, 255, 255, 0.75);
    color: #F16059;
    font-family: 'open sans';
    font-style: italic;
    min-height: 24px;
    padding: 7px 0;
}

/*Quote - testimonial */
.page-template-page-templatestemplate-newsletter-php section#testimonial .testimonial-content {
    clear: left;
    float: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 120px;
    padding-left: 40px;
    padding-top: 48px;
}

.page-template-page-templatestemplate-newsletter-php .sub-footer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-top: 2px dotted #b6b6b6;
    clear: both;
    font-family: arial;
    font-size: 12px;
    height: 52px;
    margin-top: 200px;
    min-width: 960px;
    padding: 10px 0 20px 8%;
    text-align: left;
    width: 92%;
}

.page-template-page-templatestemplate-newsletter-php .site-footer {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    padding: 0;
}

.page-template-page-templatestemplate-newsletter-php .sub-footer p {
    color:#b6b6b6;
    display:none;
}

.page-template-page-templatestemplate-newsletter-php .sub-footer p.footer-copyright {
    display:block;
    margin-top:20px;
}

/*Magrin Below Header*/
.page-template-page-templatestemplate-newsletter-php .page #sales-hero header{
    margin-bottom: 150px;

}
/*Kick start your career section - .kickstartCareer */
.page-template-page-templatestemplate-newsletter-php #sales-hero div.kickstartCareer {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 3px 0 #8D8D8D;
    clear: both;
    margin-bottom: 50px;
    margin-top: 130px;
    max-width: 450px;
    min-height: 190px;
    padding: 50px 60px;
    text-transform: uppercase;
}
/*Kickstart Career title*/
.page-template-page-templatestemplate-newsletter-php #sales-hero div.kickstartCareer h3 {
    font-size: 19px;
    margin-bottom: 20px;
}

/*header*/
.page-template-page-templatestemplate-newsletter-php #sales-hero header h5 {
    color: #3B3B3B;
    font-family: 'open sans';
    font-size: 23px;
    font-weight: 400;
}

.page-template-page-templatestemplate-newsletter-php .site-header .main {
    margin: 0;
    max-width: 980px;
    min-width: 960px;
    padding: 0;
    text-align: left;
    width: 100%;
}

/* Digital skills section*/
.page-template-page-templatestemplate-newsletter-php #sales-hero div.kickstartCareer {
    background-color: rgba(255, 255, 255, 0.6);
    box-shadow: 0 0 3px 0 #8D8D8D;
    margin-bottom: 50px;
    margin-top: 120px;
    max-width: 450px;
    min-height: 190px;
    padding: 50px 60px;
    text-transform: uppercase;
}

/* AND */
.page-template-page-templatestemplate-newsletter-php #sales-hero header h1 span {
font-family: 'wisdom_scriptregular';
font-size: 48px;
font-weight: normal;
letter-spacing: 0px;
text-transform: none;
background: url(../img/homepage/grey-stroke.png) no-repeat scroll 0 bottom rgba(0, 0, 0, 0);
}

/*header width*/
.page-template-page-templatestemplate-newsletter-php #sales-hero header{
    width: 90%
}

.page-template-page-templatestemplate-newsletter-php form#mc-embedded-subscribe-form {
    margin: auto;
    max-width: 744px;
}

.page-template-page-templatestemplate-newsletter-php .site-header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: medium none;
    height: 46px;
    left: 0;
    margin: auto;
    max-width: 990px;
    min-width: 960px;
    padding: 5px 0 0;
    position: static;
    top: 0;
    width: 100%;
    z-index: 999;
}

.page-template-page-templatestemplate-newsletter-php .menu-main-menu-container {
    display:none;
}

/*New Page!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*Modal on page #signin-modal */

#signin-modal {
    background: #F16159;
    display: none;
    max-width: 450px;
    padding: 10px;
    position: absolute;
    right: 50px;
    text-align: center;
    top: 70px;
}

#signin-modal h1 {
    text-align: center;
    width: 100%;
    color: white;
    border-top: 1px solid #fb9d9d;
    border-left: 1px solid #fb9d9d;
    border-right: 1px solid #fb9d9d;
    padding-top: 20px;
    text-transform: uppercase;
    font: 700 40px/60px 'Montserrat', sans-serif;
}

#signin-modal h5 {
    text-align: center;
    width: 100%;
    color: white;
    border-left: 1px solid #fb9d9d;
    border-right: 1px solid #fb9d9d;
    padding-bottom: 20px;
    font-size: 19px;
    font-family: 'open sans';
}

/*SIGN UP BUTTON*/
#signin-modal input#wp-submit{
    color: #fff;
    border: 2px solid #FFF;
    font: bold 21px 'Montserrat', sans-serif;
    text-transform: uppercase;
    width: 375px;
}

#signin-modal:after {
    content: '';
    position: absolute;
    top: -17px;
    right: 30px;
    width: 0;
    height: 0;
    border-bottom: 17px solid #F16159;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
}

#signin-modal p.submit{
    margin-bottom: 0px;
}

#signin-modal input[type="submit"]{
    width: 303px;
}

#signin-modal p.submit{
    width: 303px;
}

/** new menu **/
.choose-program-menu {
    border-bottom: 1px solid #e8e8e8;   
    overflow:auto;
    margin-bottom:5px;
}

.choose-program-menu > ul.sub-menu {
    background: none repeat scroll 0 0 #FFFFFF;
        box-shadow: 0 2px 3px 1px #AAAAAA;
        display: none;
         left: -320px;
        overflow: auto;
        position: absolute;
        top: 50px;
        width: 750px;
}

.choose-program-menu > ul.sub-menu.show-sub-nav {
    display:block;
}

.transparent-background.modal-background {
    display:block;
    background:none;
     z-index: 99;
}

.transparent-background.modal-background .modal {
    display:none;
}

.blueprint-bottom-link {
    width:100%;
    float:none;
    clear:both;
    background:#f0efee;
    font: 16px 'Montserrat', sans-serif;
    text-transform:uppercase;
    text-align: center;
}

.site-header nav .menu-top-nav-with-dropdown-container {
    float:right;
}

.site-header .menu-item a.active {
    color:#f16159;
    font-weight:bold;
}

.site-header nav .choose-program-menu {
    position:relative;
}

.site-header nav ul.sub-menu li.blueprint-bottom-link a {
    font: 16px 'Montserrat', sans-serif;
    text-transform:uppercase;
    padding: 24px;
    
}

.show-sub-nav {
    display: block !important;
    position: absolute;
    z-index: 999;
    background-color: white;
    width: 750px;
    right: 10px;
    margin-top: 10px;
    border: 1px solid #e8e8e8;
    -moz-box-shadow: 0 0 5px 0 #CCCCCC;
    -webkit-box-shadow: 0 0 5px 0 #CCCCCC;
    box-shadow: 0 0 5px 0 #CCCCCC;
}
.show-super-sub-nav {
    display: block !important;
}


/* NEW MENU */

.sidebar-resource-list .has-dropdown li a:hover { text-decoration: underline;}

/* EDN old new.css*/




/* GLOBAL
-------------------------------------------------------------- */
html, body {
    height: 100%;
    max-height: 100%;
}

body {
  background: #fff;
  color: #3b3b3b;
  font: 16px 'Open Sans', sans-serif;
}

#container {
    padding-bottom: 60px;
}

.main {
    margin: 0 auto;
    max-width: 1200px;
    min-width: 960px;
}

p {
    font: 1em/1.625em 'Open Sans', helvetica, arial, sans-serif;
    margin-bottom: 20px; /* 1.25em */
}

a {
  color: #4c9fb2;
  text-decoration: none;
}
a:visited, a:link {
  text-decoration: none;
}
a:active,
a:focus {
  outline: none;
}

h1, h2, h3, h4, h5,
.h2, .h3, .h4, .h5, .h6  {
    font-family: 'Montserrat', sans-serif;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
  color:#3A3939;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover {
    color: #4c9fb2;
    text-decoration: none;
}

em {
  font-style:italic;
}

ul, ul li {
    font-family: 'open sans';
    line-height: 1.6;
    list-style-type: none;
    margin-left: 0;
}

ul li, ol li {
  margin-bottom:10px;
}

ol, ol li {
  font-family: 'open sans';
      line-height: 1.6;
      list-style-type: none;
      margin-left: 0;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

button, .button,
input[type="submit"] {
    background-color: #DF5555;
    border: medium none;
    border-radius: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "Montserrat","Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal !important;
    line-height: normal;
    margin: 0 0 1.25rem;
    padding: 1.0625rem 2rem 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: background-color 300ms ease-out 0s;
}

button:hover, .button:hover {
    background-color:#cf3535;
}


.main-container {
  margin: auto;
  width: 100%;
  min-height: 100%;
}

#get-back-css {
  display: none;
}
/* =Theme customization starts here
-------------------------------------------------------------- */

/* Top Nav */
#logged-in-top-nav-container {
    background: #fcfbfc;
    border-bottom: 1px solid #EBE9E9;
    height: 59px;
    position: relative;
    z-index: 100;
}
#top-nav-right .close {
  display: none;
}
.single-memberpressproduct #logged-in-top-nav-container {
  display: none;
}

.top-nav-item {
    float:left;
}

.top-nav-item a {
    color:#7d7c7c;
    text-transform:uppercase;
    font-family: 'open sans';
}

.top-nav-item > a {
    border-left: 0;
    border-top: 5px solid transparent;
    display: block;
    padding: 13px 29px 18px;
}

#logged-in-nav .top-nav-item a {
  font-size: 0.875em;
}
#logged-in-nav .dropdown-menu a {
  font-size: 1em;
}

.top-nav-item a:hover {
    text-decoration:none;
    background-color: #f6f4f4;
}

#logged-in-nav .top-nav-item:hover > a,
#logged-in-nav .top-nav-item.active > a {
    border-top-color: #4E8E94;
    background-color: transparent;
}

.top-nav-item.top-nav-icon > a {
    display: block;
    text-indent: -10000px;
    width: 72px;
}
.top-nav-item .fa-home,
.top-nav-item .fa-cog {
  color: #707070;
  font-size: 1.5em;
  margin-right: 0;
}
.top-nav-item .fa-angle-down {
  margin-right: 0;
  margin-left: 1em;
}
.top-nav-item a span {
  display: none;
}

#top-nav-home-link.top-nav-item {
    border-right: 1px solid #F2F2F2;
}
#top-nav-home-link.top-nav-icon a {
    background: transparent url("../img/global/icon-home.png") no-repeat center;
}

#top-nav-settings-link.top-nav-icon > a {
  background: transparent url("../img/global/icon-settings.png") no-repeat center;
}

#top-nav-home-link.top-nav-icon:hover a {
  border-top-color: #4E8E94;
    background-color: transparent;
}

#top-nav-projects-link.top-nav-icon a {
    background: transparent url("../img/global/icon-layout.png") no-repeat 18px 15px;
}

#top-nav-activity-link.top-nav-icon a {
    background: transparent url("../img/global/icon-activity.png") no-repeat 18px 15px;
}

#top-nav-class-project-link.top-nav-icon a {
    background: transparent url("../img/global/icon-project.png") no-repeat 13px 19px;
}

#top-nav-blog-link.top-nav-icon a {
    background: transparent url("../img/global/icon-blog.png") no-repeat 18px 17px;
}

#top-nav-activity-feed-link.top-nav-icon a {
    background: transparent url("../img/global/icon-activity-feed.png") no-repeat 18px 17px;
}

#top-nav-mightybell-link.top-nav-icon a {
    background: transparent url("../img/global/icon-mightybell.png") no-repeat 14px 12px;
}

#top-nav-resources-link.top-nav-icon a {
    background: transparent url("../img/global/icon-resources.png") no-repeat 18px 14px;
}

#top-nav-events-link.top-nav-icon a {
    background: transparent url("../img/global/icon-events.png") no-repeat center;
}

.top-nav-right .top-nav-item {
    border-left:1px solid #f2f2f2;
}
.top-nav-left {
    float:left;
}

.top-nav-right {
    float:right;
}

.navbar-nav > li {
    clear: both;
    float: none;
    padding: 5px 16px;
}

.single-sc_projects #top-nav-projects-link,
.top-nav-classes-pages {
    display:none;
}

#top-nav-mightybell-link {
    display:block;
}

.single-sc_projects .top-nav-classes-pages {
    display:block;
}

.popover.bottom > .arrow:after {
    border-bottom-color: #FFFFFF;
    border-top-width: 0;
    content: " ";
    margin-left: -11px;
    top: 1px;
    z-index: 99;
}

.popover-content {
    padding: 9px 10px;
}

div.popover {
  max-width: 276px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  width:100px;
  text-align:center;
  font-size:12px;
  color:#3b4647;
  display: none;
  padding: 1px;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
  font-family:'open sans';
  border-radius: 3px;
}

.top-nav-popover + .popover {
  text-align: center;
  white-space: nowrap;
}

.dropdown .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 0;
    min-width: 160px;
    padding: 5px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

.dropdown-menu li:hover {
    background:#f6f4f4;
}

.dropdown-menu li {
    padding:0px;
    margin-bottom:0;
}

/* Classes Menu */

#top-nav-classes-link > a {
    /*background: url("../img/global/icon-down-carrot.png") no-repeat 85% 20px;
    padding-right: 40px;*/
}

#top-nav-classes-link .class-description p span {
    font-family:'montserrat';
    display:block;
    text-transform:uppercase;
}

#top-nav-classes-link .dropdown-menu {
    width: 322px;
}

#top-nav-classes-link .dropdown-menu li {
    display: block;
    margin-bottom: 10px;
    overflow: auto;
    padding: 5px 10px;
}

#top-nav-classes-link .class-description p a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: none;
    display: block;
    padding: 5px 10px;
}

.top-nav-item .class-description p a {
    text-transform:none;
    color:#3b4647;
    background:none;
}

#top-nav-classes-link .class-description p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
}

.dropdown-menu .classes-badge {
    float: left;
    width: 50px;
}

.dropdown-menu .classes-badge img {
    width: 100%;
}

.dropdown-menu .class-description {
    float: left;
    width: 250px;
    word-wrap: break-word;
}

#top-nav-classes-link .dropdown-menu li {
    margin-bottom: 0;
    padding: 5px 10px;
}

.dropdown-menu .classes-badge a {
    clear: none;
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 0;
    white-space: nowrap;
}

#top-nav-settings-link .dropdown-menu {
    left: auto;
    right: 0;
    padding-top: 5px;
}

#top-nav-settings-link .dropdown-menu > li {
    margin-bottom: 0;
}

#top-nav-settings-link .dropdown-menu > li > a {
    padding: 15px;
}

#top-nav-settings-link.top-nav-item .nav.navbar-nav.dropdown-menu a:hover {
    background:#f6f4f4;
}

/* Global Styles */
body.logged-in {
    padding-left: 0;
}

/* Dashboard Styles */
.dashboard-project-content {
    background: white;
}

/* New Class Styles */
.individual-core-skill .sc_projects header.individual-core-skill-header {
    background: none repeat scroll 0 0 #3B3B3B;
    border-bottom: 1px solid #E0DFDF;
    padding: 40px 0;
}

.individual-core-skill header .core-skill-description h1 {
    color: #FFFFFF;
    font-size: 34px;
    font-weight: bold;
    margin-top: 6px;
    text-transform: uppercase;
}
#skillcrush-class-102.individual-core-skill header .core-skill-description h1,
#skillcrush-class-105.individual-core-skill header .core-skill-description h1,
#skillcrush-class-Bootcamp.individual-core-skill header .core-skill-description h1 {
    color: #454545;
}

.single-sc_projects .core-skill-description p {
    color: #FFFFFF;
    font-family: 'open sans';
    font-size: 16px;
    font-style: normal;
    margin-top: 10px;
    max-width: 700px;
}
.single-sc_projects #skillcrush-class-102 .core-skill-description p,
.single-sc_projects #skillcrush-class-102 .core-skill-description span,
.single-sc_projects #skillcrush-class-105 .core-skill-description p,
.single-sc_projects #skillcrush-class-105 .core-skill-description span,
.single-sc_projects #skillcrush-class-Bootcamp .core-skill-description p,
.single-sc_projects #skillcrush-class-Bootcamp .core-skill-description span {
    color: #454545;
}

.single-sc_projects .individual-core-skill header .class-header-text {
    float: none;
    min-height: 180px;
    width: 100%;
}

.individual-skill {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #E6E2E2;
    display: block;
    float: none;
    margin-bottom: 0;
    max-width: 785px;
    padding: 0 0 4px;
    width: 100%;
}

.skill-stuff .step-title h4 span {
    background: none repeat scroll 0 0 #EAE8E8;
    border-radius: 30px;
    display: block;
    float: left;
    font-family: 'montserrat';
    font-weight: bold;
    height: 30px;
    margin-right: 15px;
    margin-top: -5px;
    text-indent: -10000px;
    text-transform: uppercase;
    width: 30px;
}

.skill-stuff .step-title h4 span.lesson-Read {
    background: url("../img/global/icon-read.png") no-repeat scroll 8px 8px #EAE8E8;
    transition: all 300ms ease 0s;
}

.skill-stuff .step-title h4 span.lesson-Challenge {
    background:url("../img/global/icon-challenge.png") no-repeat scroll 7px 5px #EAE8E8;
}

.skill-stuff .step-title h4 span.lesson-Watch {
    background: url("../img/global/icon-play.png") no-repeat scroll 12px 8px #EAE8E8;
    transition: all 300ms ease 0s;
}

.skill-stuff .step-title h4 span.lesson-Download {
    background: url("../img/global/icon-download.png") no-repeat scroll 8px 6px #EAE8E8;
    transition: all 300ms ease 0s;
}

.skill-stuff .step-title h4 span.lesson-Practice {
    background: url("../img/global/icon-practice.png") no-repeat scroll 7px 8px #EAE8E8;
    transition: all 300ms ease 0s;
}

.skill-stuff .resource-info .step-title span.complete {
    background:url("../img/global/icon-complete.png") no-repeat scroll 8px 8px #89e0b6;
    transition: all 300ms ease 0s;
}


.skill-stuff .challenge-info .step-title.challenge-completed h4 span.lesson-Challenge {
    background: url("../img/global/icon-complete.png") no-repeat scroll 8px 8px #89e0b6;
    transition: all 300ms ease 0s;
}
.skill-stuff .challenge-info .step-title h4 span.lesson-Challenge.complete {
    background: url("../img/global/icon-challenge.png") no-repeat scroll 7px 5px #EAE8E8;
    transition: all 300ms ease 0s;
}


.skill-stuff .step-title h4 {
    font: normal 15px/20px 'Open Sans', sans-serif;
    margin-top: 4px;
}

.skill-stuff {
    border-top: 1px solid #E6E2E2;
    clear: both;
    margin-top: 0;
    overflow: auto;
    padding: 0;
    position: relative;
}

.skill-stuff li {
    border-bottom: 1px solid #E6E2E2;
    font-family: 'Montserrat',serif;
    margin-bottom: 0;
    margin-right: 0;
    padding: 10px 20px;
}

.resources-list {
    margin-bottom: 0;
    margin-top: 0;
}

.skill-stuff h4.lesson-title {
    background: #FEFCFC;
    font-family: 'Montserrat',sans-serif;
    margin: 0 0 2px;
    padding: 10px 20px;
    text-transform: uppercase;
    font-weight:normal;
}

#all-skill-holder {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin-bottom: 20px;
    max-width: 800px;
    padding: 0;
    width: 63%;
}

.individual-skill-holder {
    margin-bottom: 120px;
    min-width: 756px;
}

.individual-skill {
    background: none repeat scroll 0 0 #F3F2F2;
    border-bottom: medium none;
    display: block;
    float: none;
    margin-bottom: 0;
    max-width: 785px;
    padding: 5px;
    width: 100%;
}

.skill-stuff {
    background:white;
    border-top: medium none;
    clear: both;
    margin-top: 0;
    overflow: auto;
    padding: 0;
    border-bottom:1px solid #E6E2E2;
    position: relative;
}

.skill-stuff.active {
    background: none repeat scroll 0 0 #F3F2F2;
}

.skill-stuff > h4 {
    background: white;
}

.skill-stuff > h4,
.skill-stuff.active > h4 {
    color: #3A3939;
    font-family: 'montserrat';
    padding: 8px 0 8px 20px;
    text-transform: uppercase;
    transition: none 0s ease 0s !important;
  font-weight:normal;
}

.skill-stuff.active > h4 {
    background: none repeat scroll 0 0 #F3F2F2;

}

.skill-stuff.active .skill-lesson-content,
#skillcrush-class-Bootcamp .skill-stuff .skill-lesson-content {
    background: #FFFFFF;
    display: block;
    transition: all 800ms ease 0s;
}

.skill-arrow {
    top: 14px;
    right:10px;
}

.skill-stuff.active .skill-arrow {
    height: 20px;
    position: absolute;
    right: 13px;
    transform: rotate(180deg);
    transition: all 800ms ease 0s;
    width: 20px;
  top:10px;
}

#all-skills nav h4 {
    color: #6B6C6C;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 0;
    text-transform: uppercase;
}

#all-skills nav ol, #all-skills nav ul {
    margin-left: 0;
}

#all-skills nav ol li .skill-nav-info h3 {
    color: #9E9F9F;
    font-family: open sans;
    font-size: 16px;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    transition: all 800ms ease 0s;
}

#all-skills nav ol li.skill-nav {
    background: none repeat scroll 0 0 #FFFFFF;
    list-style: decimal outside none;
    margin-left: 20px;
    overflow: visible;
    padding: 10px;
    transition: all 800ms ease 0s;
}

.individual-skill-holder figure {
    float: left;
     padding-right: 35px;
     width: 138px;
     display: none;
}

 .individual-skill-holder figure.completed {
     display: block;
}

 .individual-skill-holder .week-header.completed {
    padding-left: 140px;
}

 .individual-skill-holder .week-header h2  {
    font-family: 'montserrat';
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
    text-transform: uppercase;
}

.individual-skill-holder .week-header h2 span  {
    font-weight:bold;
    font-size: 24px;
}

.individual-core-skill-header .skill-badge {
    float: left;
    max-width: 200px;
    width: auto;
}

#all-skills {
    margin-top: 100px;
}

.single-sc_projects .individual-core-skill header .core-skill-description {
    float: left;
    margin-left: 40px;
    margin-right: 0;
    padding-bottom: 0;
    width: 75%;
}

.single-sc_projects p {
    color: #5B5B5B;
    font-family: 'Open Sans',helvetica,arial,sans-serif;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 20px;
}

/* Class Pages Sidebar */
.single-sc_projects aside {
    float: left;
    margin-right: 154px;
    width: 200px;
}

.class-page-sidebar-module h3,
.class-page-sidebar-module#sidebar-project-area h3 {
    font-size:16px;
    font-weight:bold;
    text-transform:uppercase;
    font-family:'montserrat';
    margin-top: 0;
}

aside .class-page-sidebar-module {
    clear: both;
    margin-bottom: 40px;
    margin-top: 0;
}

aside .class-page-sidebar-module#class-syllabus-sidebar {
    margin-bottom:40px;
}

aside #sidebar-project-area {
    float: none;
    height: auto;
    width: auto;
    margin-top:0;
}

aside .class-page-sidebar-module h4 {
    color: #5B5B5B;
    font-family: 'open sans';
    font-size: 16px;
    text-transform: none;
  font-weight:normal;
}

#sidebar-project-area .user-project-links {
    border:1px solid #737676;
    background:#e5e6e6;
    border-radius:2px;
    padding:10px 4px 4px;
}

.user-project-links .internal-layer {
    border: 1px solid #909293;
    background:white;
    padding:4px;
}

.user-project-links a {
    text-align:center;
    background:#fdf9c6;
    border: 2px dashed #737676;
    padding: 55px 0;
    font-size:13px;
    text-transform:uppercase;
    color:#5b5b5b;
     font-family: 'montserrat';
    display:block;
}

.user-project-links a:hover {
    text-decoration:none;
}

.class-page-skills p,
.class-page-skills span {
    color:white;
    font-family:'open sans';
    float:left;
}

.class-page-skills span {
    font-size: 16px;
    margin: 14px 10px 0 0;
    padding-left: 30px;
}

#skillcrush-class-Bootcamp .class-page-skills span {
    background: url("../img/blueprints/bootcamp-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}
#skillcrush-class-100 .class-page-skills span {
    background: url("../img/blueprints/100-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}
#skillcrush-class-101 .class-page-skills span,
#skillcrush-class-Sample .class-page-skills span {
    background: url("../img/blueprints/101-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}
#skillcrush-class-102 .class-page-skills span {
    background: url("../img/blueprints/102-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}
#skillcrush-class-103 .class-page-skills span {
    background: url("../img/blueprints/103-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}
#skillcrush-class-104 .class-page-skills span {
    background: url("../img/blueprints/104-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}
#skillcrush-class-105 .class-page-skills span {
    background: url("../img/blueprints/105-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}
#skillcrush-class-106 .class-page-skills span {
    background: url("../img/blueprints/106-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}
#skillcrush-class-203 .class-page-skills span {
    background: url("../img/blueprints/203-small-check.png") no-repeat scroll 11px 6px rgba(0, 0, 0, 0);
}

.class-page-skills p {
    text-transform:uppercase;
}

.sidebar-resource-list .has-dropdown li {
    list-style-type: disc;
    margin-left: 20px;
    padding-left: 3px;
    color:#8d8b8b;
}

.sidebar-resource-list .has-dropdown li a {
    color:#8d8b8b;
    text-decoration:none;
}

.sidebar-resource-list .has-dropdown {
    margin-bottom:30px;
  position: relative;
 }
 .sidebar-resource-list .has-dropdown ul {
     display: none;
 }
 .sidebar-resource-list .has-dropdown.open ul {
     display: block;
 }

 .sidebar-resource-list .has-dropdown .resource-skill-arrow {
     position: absolute;
     right: 25px;
     top: -2px;
     width: 12px;
     height: 12px;
     cursor: pointer;
     transition: all 800ms ease 0s;
     -webkit-transition: all 800ms ease 0s;
     -moz-transition: all 800ms ease 0s;
     -o-transition: all 800ms ease 0s;
 }
 .sidebar-resource-list .has-dropdown.open .resource-skill-arrow {
     right: 16px;
     top: 8px;
     width: 12px;
     height: 12px;
     transform: rotate(180deg);
     transition: all 800ms ease 0s;
     -webkit-transition: all 800ms ease 0s;
     -moz-transition: all 800ms ease 0s;
     -o-transition: all 800ms ease 0s;
 }

 .sidebar-resource-list .has-dropdown h4 {
     cursor: pointer;
 }

.sidebar-resource-list {
    margin-top:30px;
}

#class-community-link a {
    border: 2px solid #5B5B5B;
    color: #2B2B2B;
    display: block;
    font-family: 'montserrat';
    font-size: 15px;
    font-weight: bold;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
}

#class-community-link a:hover {
    text-decoration:none;
}

/* Blog Styles */
.individual-content #nav-single > span {
    top: 70%;
}

.logged-in .individual-content .nav-previous {
    left: 0;
}

/* Dashboard Fixes */
.page-template-page-templatestemplate-dashboard-php #classes .class-details {
    float: left;
    margin: 0 0 0 20px;
    max-width: 383px;
    width: 73%;
}
.page-template-page-templatestemplate-dashboard-php #all-classes h3 {
    font-family: 'montserrat';
    margin-top: 0;
    padding-bottom: 0;
}
.page-template-page-templatestemplate-dashboard-php #all-classes header h3 {
  margin-bottom: 30px;
}

/* Class Styles */


.individual-core-skill-header .skill-badge img,
.dashboard-blog-post .post-main-image img,
.nav.navbar-nav.dropdown-menu .classes-badge img {
    width:100%;
}

.single-sc_skill_resources header.individual-core-skill-header,
.single-sc_skill_challenges header.individual-core-skill-header {
    margin-top: 0;
}

.individual-core-skill header .core-skill-description h1#skill-resource-title,
.individual-core-skill header .core-skill-description h1#skill-challenge-title {
    color:#3A3939;
}

.user-project-links {
    height: 163px;
    margin-bottom: 0;
    width: 200px;
}

.user-project-links a.ss_screenshot_link {
    margin: 0;
    overflow: auto;
    padding: 0 !important;
}

.user-project-links a.ss_screenshot_link img {
    max-width: 100%;
    max-height: 100%;
}

/* Giveaway Styles */
#giveaway-main .main,
#giveaway-enter-to-win .main {
    margin: auto;
    max-width: 710px;
    min-width: 710px;
    width: 710px;
}

.page-template-page-templatestemplate-giveaway-php .site-header {
    display:none;
}

.page-template-page-templatestemplate-giveaway-php {
    background:#fdfcfc;
}

#giveaway-top header {
    padding:20px 0 0;
}

#giveaway-logo-header {
    color: #EDDDDD;
    font-size: 59px;
    font-weight: bold;
    margin: auto auto 60px;
    overflow: auto;
    width: 450px;
}

#giveaway-top .header-content p {
    color: #3B3B3B;
    float: left;
    font-size: 19px;
    line-height: 32px;
    margin-right: 30px;
    margin-top: 30px;
    width: 500px;
}

#giveaway-top .header-content p.thank-you {
    float: none;
    text-align: center;
    width: 100%;
}

#giveaway-top .header-content a.enter-now-link {
    border: 2px solid #E6D2D2;
        color: #E6D2D2;
        display: block;
        float: left;
        font-family: 'montserrat';
        font-size: 19px;
        margin-top: 26px;
        padding: 20px 23px;
        text-transform: uppercase;
}

#giveaway-main header h1 {
    color:#faa985;
    text-transform:uppercase;
    border-top:2px solid #faa985;
    border-bottom:2px solid #faa985;
    padding:30px 0;
    text-align:center;
    width:100%;
    font-size:56px;
}

#giveaway-enter-to-win {
    background: none repeat scroll 0 0 #F9DDD6;
 margin-top: 80px;    padding: 60px 0 20px;
}

#giveaway-enter-to-win h2 {
    color: #DC9E8E;
    font-size: 44px;
    margin: 0;
    text-align: center;
    text-transform: uppercase;
margin: 0 0 30px;
}

#giveaway-enter-to-win input#email {
 border: medium none;
    color: #5C5B5B;
    float: left;
    font-family: 'open sans';
    font-size: 20px;
    height: 70px;
    margin-right: 16px;
    padding: 23px 20px;
    width: 464px;
}

#giveaway-enter-to-win input[type="submit"] {
    background: none repeat scroll 0 0 #F16059;
    float: left;
    font-size: 20px;
    height: 70px;
    margin: 0 0 20px;
    padding: 0 47px;
    text-transform: uppercase;
}

#giveaway-enter-to-win #mc-embedded-subscribe-form {

}
#giveaway-enter-to-win #mc_embed_signup p.errors {
    color: #DF5555;
    font-weight: bold;
}

#giveaway-enter-to-win #giveaway-subscribe-form input#email.error {
    border: 1px solid #DF5555;
}

#giveaway-enter-to-win p {
    text-align:center;
    font-size:17px;
    color:#ceaca3;
    margin-top:30px;
}

#giveaway-enter-to-win p a {
    font-weight:none;
    color:#ceaca3;
}

#mce-responses {
    height:auto;
}

.value-button {
    background: none repeat scroll 0 0 #FBDDD6;
        border-radius: 300px;
        color: #FFFFFF;
        font-family: 'montserrat';
        font-size: 83px;
        height: 253px;
        line-height: 60px;
        text-align: center;
        text-transform: uppercase;
        width: 253px;
      padding-top: 35px;
     position: absolute;
      z-index: -9;
    margin-top:60px;
     transform: rotate(-20deg);
    -ms-transform:rotate(-20deg); /* IE 9 */
    -webkit-transform:rotate(-20deg); /* Opera, Chrome, and Safari */

}

.value-button span {
    font-size:24px;
    text-align: center;
}

.giveaway-number {
 border: 2px solid #3B3B3B;
    border-radius: 50px;
    color: #3B3B3B;
    display: block;
    font-family: 'montserrat';
    font-size: 30px;
    height: 56px;
    padding: 4px 15px;
    text-align: center;
    width: 56px;
    margin: auto;
}

#giveaway-main h4 {
    border-top: 1px solid #FAA985;
    font-family: 'open sans';
    font-size: 17px;
    padding: 22px 0 0 8px;
    line-height: 30px;

}

.giveaway-item {
    float:left;
    width:50%;
    position:relative;
}

.giveaway-item.right {
    float:right;
}

.giveaway-item.left {

}

.giveaway-item img {
    z-index: -1;

}

/* Item 1 */
.giveaway-item.item-1 {
    width: 60%;
}

.giveaway-item.item-1 span {
  margin: 110px 92px;
}

.giveaway-item.item-1 img {
    position: absolute;
    right: 20px;
    top: 90px;
    z-index: -1;
}

.giveaway-item.item-1 h4 {
    padding: 22px 50px 0 8px;
    width: 253px;
}

/* Item 2 */
.giveaway-item.item-2 {
    margin-top: 180px;
}

.giveaway-item.item-2 span {
    margin-bottom: 30px;
}

.giveaway-item.item-2 {
    margin-top: -30px;
}

.giveaway-item.item-2 h4 {
margin-top: 40px;
}

/* Item 3 */
.giveaway-item.item-3 {
    margin-top: 230px;
}

.giveaway-item.item-3 span {

}

.giveaway-item.item-3 img {
    margin-left: -16px;
    margin-top: -30px;
    position: relative;
}
.giveaway-item.item-3 h4 {
    margin-left: 40px;
    margin-top: 60px;
    width: 280px;
}

/* Item 4 */
.giveaway-item.item-4 {
    clear: left;
    margin-top: 150px;
    width:41%;
}

.giveaway-item.item-4 span {

}

.giveaway-item.item-4 img {
    margin: 30px 0 20px 20px;
}

.giveaway-item.item-4 h4 {
    text-align: center;
}

/* Item 5 */
.giveaway-item.item-5 {
    margin-top: 100px;
}

.giveaway-item.item-5 span {

}

.giveaway-item.item-5 img {
    display:block;
    margin:20px auto 0;
}

#giveaway-main .giveaway-item.item-5 h4 {
    margin-top: 60px;
        padding: 22px 50px;
        text-align: center;
}

#giveaway-top .post-tw-wrap:before {
    content: url("../img/icons/grey-tw.png");
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: -14px;
    z-index: 1;
}

#giveaway-top .post-tw-wrap {
    border: 1px solid #D1CCC9;
    margin: 80px 0 70px;
    padding: 20px 20px 25px;
    position: relative;
    width: 100%;
}

#giveaway-top .tweet-copy a {
    color:#3B3B3B;
}

#giveaway-top .post-tw-wrap .click-to-tweet {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D1CCC9;
    bottom: -16px;
    color: #3B3B3B;
    font: 14.5px/32px 'open sans',sans-serif;
    height: 32px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    width: 175px;
    z-index: 1;
}


/* Archive */
#archive-main-content article.trading-card {
    border-bottom: 1px solid #E3E1E2;
    clear: none;
    float: left;
    height: 370px;
    margin: 0 20px 60px 0;
    padding: 0;
    text-align: center;
    width: 308px;
}

#archive-main-content article .featured-image {
    border:1px solid #e3e3e3;
    height:186px;
    width:100%;
    overflow:hidden;
    background:#f6f4f5;
}

.author #archive-main-content article .featured-image {
    margin-bottom: 20px;
}

#archive-main-content article .featured-image a {
    display:block;
    height:100%;
}

#archive-main-content article .author-image {
    height:65px;
    width:65px;
    overflow:hidden;
    border-radius:65px;
    margin:auto;
    border:3px solid white;
    margin-top:-32px;
}

.author-image img {
    width:100%;
    height:auto;
}

#archive-main-content article.trading-card h3 {
    font-family: 'open sans';
        font-size: 18px;
     font-weight: 600;
        line-height: 26px;
        margin-top: 0;
        padding: 0 30px;
}

.individual-content header p {
    font-size: 14px;
font-weight: 600;
margin-bottom:0;
}

.archive .site-header {
    background: none repeat scroll 0 0 #FFFFFF;
}

article.trading-card header p a {
    color:#3A3939;
}

section.my-projects#challenges h3 {
    font-size: 18px;
    padding-bottom: 0;
    text-transform: uppercase;
}

.top-search {
    display: none;
}

#nav-below {
    border-bottom: 1px dotted #CCCCCC;
    border-top: medium none;
    clear: both;
    font-family: 'montserrat';
    margin: 0 0 100px;
    overflow: auto;
}

.individual-content footer p {
    font-size: 12px;
    line-height: 26px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.trading-card footer {
    position:absolute;
    bottom:0;
    width:100%;
    padding:10px 0;
}

.trading-card {
    position:relative;
}

/* Popup Ally */
.popupally-inner-sxzw-1 .logo-img-sxzw {
height: 120px;
margin: 0 20px 0 0;
float: left;
display: none;
}

.popupally-inner-sxzw-1 .desc-sxzw {
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size: 28px;
line-height: 30px;
font-weight: bold;
margin: 0 20px 10px 0 !important;
color: #3b3b3b;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
cursor: pointer;
width: 365px;
float: right;
}

.popupally-outer-sxzw-1 {
border-radius: 0px !important;
}

.popupally-center-sxzw {
background: url('../img/global/charlotte-pic.png') no-repeat;
margin-top: -50px;
padding: 70px 0 40px;
}

.popupally-inner-sxzw-1 .popupally-center-sxzw .content-sxzw input[type="text"].field-sxzw {
display: block;
padding: 15px 12px;
margin: 0 auto 10px auto;
width: 33%;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 21px;
border: 1px solid #d4d3d3;
background: #f6f6f6;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.67),inset 0 1px 3px rgba(5,5,5,0.13);
-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.67),inset 0 1px 3px rgba(5,5,5,0.13);
box-shadow: 0 1px 0 rgba(255,255,255,0.67),inset 0 1px 3px rgba(5,5,5,0.13);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
-moz-box-sizing: border-box;
height: auto;
float: left;
margin-right: 10px;
}

.popupally-inner-sxzw-1 {
overflow: visible;
height: auto;
padding: 20px;
text-align: center;
height: 550px!important;
}

.author #archive-main-content article.trading-card {
    border-bottom: 1px solid #E3E1E2;
    clear: none;
    float: left;
    height: 370px;
    margin: 0 20px 60px 0;
    padding: 0;
    text-align: center;
    width: 266px;
}

.search  .user-notloggedin header.site-header,
.archive .user-notloggedin header.site-header,
.page-template-page-templatestemplate-blog-php .user-notloggedin header.site-header {
    background: #fff;
}

/** Account Settings **/
.settings-wrapper {
    max-width: 900px;
    margin: auto;
    border: 1px solid #c6c5c5;
}
.settings-wrapper header,
.settings-wrapper form {
    padding: 30px;
    overflow: hidden;
    margin-bottom: 0;
}
.settings-wrapper header {
    border-bottom: 1px solid #dddada;
}
.settings-wrapper header h1 {
    margin: 0;
    float: left;
    font-size: 24px;
    color: #3b3b3b;
}
.settings-wrapper header span {
    float: right;
    margin-top: 5px;
    font-family: 'open sans';
    font-size: 13px;
    color: #727070;
}
.settings-wrapper header span a {
    color: #727070;
}
.settings-wrapper form label {
    color: #727070;
    font-size: 16px;
    padding-bottom: 3px;
    font-family: 'Montserrat';
    font-weight: 100;
}
.settings-wrapper form input {
    border: 1px solid #c6c5c5;
    box-shadow: none;
}
.settings-wrapper td,
.settings-wrapper tr {
    display: block;
}
.settings-wrapper .left {
    float: left;
    clear: left;
    width: 47%;
    margin-right: 3%;
}
.settings-wrapper .right {
    float: right;
    clear: right;
    width: 50%;
}
.settings-wrapper .left input,
.settings-wrapper .right input,
.settings-wrapper .full input {
    width: 100%;
}
.settings-wrapper .full {
    clear: both;
    padding-top: 20px;
}
.settings-wrapper a.cancel {
    float: right;
    margin: 57px 60px 0 0;
    color: #a09d9e;
    font-size: 12px;
    font-family: 'open sans';
    text-decoration: underline;
}
.settings-wrapper .error {
    padding: 30px 30px 30px 75px;
    background: url("../img/global/icon_failure_dark.png") no-repeat scroll 17px 17px #ce362f;
    color: #790a05;
    font-family: 'Montserrat', serif;
    font-size: 16px;
    min-height: 50px;
}
.settings-wrapper .error {
    padding: 30px 30px 19px 75px;
}
.settings-wrapper .error a {
    color: #790a05;
    text-decoration: underline;
}
.settings-wrapper .no-payments {
    padding: 30px;
    font-family: 'open sans';
}
.settings-wrapper #payment-form input[type="text"] {
    width: 100%;
    min-width: 100%;
    display: block;
}
.settings-wrapper #payment-form strong {
    font-family: 'open sans';
    font-size: 14px;
    color: #727070;
    font-weight: normal;
}
.settings-wrapper #payment-form .errors div {
    padding: 30px 30px 30px 75px;
    background: url("../img/global/icon_failure_dark.png") no-repeat scroll 17px 17px #ce362f;
    color: #790a05;
    font-family: 'Montserrat', serif;
    font-size: 16px;
    margin: 0 0 25px 0;
}


/*===================================================================================================
Email Subscriber Forms on Top of Single Blog Pages
====================================================================================================*/

.blog-top-email-form {
    background: url("../img/global/top-cta-nails.png") no-repeat scroll right -1px #f4f3f3;
    height: 236px;
  border-bottom:2px solid #efeeee;
}

.blog-top-email-form h4 {
  font-size:24px;
  font-weight:normal;
  text-align:left;
  text-transform:none;
  color:#3b3b3b;
  margin: 0 0 12px;
}

.blog-top-email-form input[type="text"] {
    box-shadow: none;
    float: left;
    width: 265px;
}

.blog-top-email-form input[type="submit"] {
    background: none repeat scroll 0 0 #f16059;
    float: left;
    margin-left: 14px;
    padding: 11px 20px 12px 20px;
    text-transform: uppercase;
}

.blog-top-form-container {
  padding:40px 0 0;
  width:483px;
}

.blog-top-form-container p {
  margin-bottom:20px;
}

.success-container {
  display:none;
}

/*===================================================================================================
Scroll Triggered Email Sign Up Box
====================================================================================================*/

.single.single-post #scrolltriggered {
    background: url("../img/global/bottom-slider-nails.jpg") repeat scroll -2px -2px rgba(0, 0, 0, 0);
    border: medium none;
   height: 212px;
}

.single.single-post #scrolltriggered #inscroll {
    box-shadow: none;
}

.single.single-post #scrolltriggered #closebox {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #373636;
    font-family: arial;
}

.single.single-post #scrolltriggered #inscroll form input {
  border: 1px solid #d6d6d6;
    border-radius: 0;
    box-shadow: none;
    display: inline-block;
    height: 42px;
    line-height: 25px;
    padding: 0 5px;
    width: 65%;
}

.single.single-post #scrolltriggered #inscroll form input[type="submit"],
.single.single-post #scrolltriggered #inscroll form input.submit {
    border: none !important;
    border-radius: 0px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-family: 'montserrat';
    height: 42px;
    position: relative;
    width: 33% !important;
    background: none repeat scroll 0 0 #f16059;
    text-transform:uppercase;
    margin: 0;
}

.single.single-post #scrolltriggered #mce-EMAIL {
    font: 16px/20px 'open sans', sans-serif;
    color: #666666;
}

.single.single-post #scrolltriggered #mce-error-response label {
    background: url("../img/global/alert.png") no-repeat scroll 0 9px transparent;
    color: #FF5E63;
    padding: 10px 0 10px 30px;
    font-size: 14px;
    font-family: 'open sans';
}

.single.single-post #scrolltriggered #inscroll h5 {
    font-family: 'montserrat';
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 18px;
}

#scrolltriggered #inscroll p {
    color: #3b3b3b;
    line-height: 28px;
    margin: 0 0 20px;
}



/* Fix for suuuuuper large images */
.single p img,
.single-sc_skill_challenges p img,
.single-sc_skill_resources p img,
img.size-full {
    width: auto;
  max-width: 100%;
    height: auto;
}


/* NEW for bootcamp form */
.horizontal-boot #bootcamp {
    padding: 80px 0 80px 0;
}
.horizontal-boot.white-dotted #bootcamp {
    border-top: 2px dotted #DEDDDD;
    border-bottom: 2px dotted #DEDDDD;
}
.horizontal-boot #bootcamp .bootcamp-content h3 {
    margin-bottom: 20px;
}
.horizontal-boot #bootcamp .mc-field-group input {
    float: left;
}
.horizontal-boot #bootcamp #mc-embedded-subscribe {
    background-color: #DF5555;
    text-transform: uppercase;
    padding: 12px 30px;
}

.horizontal-boot.red-boot #bootcamp {
    background: #f16059;
    padding: 60px 0 55px;
    border: 0;
}
.horizontal-boot.red-boot #bootcamp .main {
    max-width: 860px;
    margin: 0 auto;
}

.horizontal-boot.red-boot  #bootcamp h3 {
    font: 32px 'montserrat', sans-serif;
    color: #fff;
    margin-bottom: 10px;
}
.horizontal-boot.red-boot  #bootcamp p {
    color: #fff;
    font-size: 19px;
    margin-bottom: 20px;
}
.horizontal-boot.red-boot #bootcamp #mce-EMAIL {
    font: 16px/20px 'open sans', sans-serif;
    border: 0;
    box-shadow: none;
    padding: 20px;
    height: 60px;
    width: 580px;
    margin-bottom: 15px;
}
.horizontal-boot.red-boot #bootcamp #mc-embedded-subscribe {
    background-color: #d63535;
    padding: 20px;
    height: 60px;
    width: 580px;
}

.error-container {
    position: absolute;
    width: 100%;
    bottom: -10px;
}
#mc_embed_signup {
  position: relative;
}
#mc_embed_signup:after {
  content: ' ';
  display: table;
  clear: both;
}

.error-container label {
  background: url("../img/global/alert.png") no-repeat 10px center;
  color: #FF5E63;
  padding-left: 40px;
  font-family:'open sans';
}

.error-container label a {
    color:#ff5e63;
    text-decoration:underline;
}


/* Bootcamp form */
#bootcamp {
    padding: 80px 0 80px 0;
    border-top: 2px dotted #DEDDDD;
}
#bootcamp .main {
    max-width: 800px;
    min-width: 0;
}
#bootcamp figure {
    float: left;
    margin-right: 40px;
}
#bootcamp .bootcamp-content,
.single-sc_classes_sales #bootcamp .bootcamp-content,
.single-sc_workshops #bootcamp .bootcamp-content {
    padding-left: 235px;
}
#bootcamp .bootcamp-content h3 {
    margin-bottom: 20px;
}
#bootcamp .mc-field-group input {
    float: left;
}
#bootcamp #mc-embedded-subscribe {
    background-color: #DF5555;
    text-transform: uppercase;
    padding: 13px 33px 14px;
    height: 46px;
    width: 39%;
}
#bootcamp #mce-EMAIL {
    height: 46px;
    margin-right: 10px;
    width: 300px;
    width: 53.1%;
    margin-right: 1.75%;
}



/* Form style  */

input[type="text"], input[type="password"] {
    border: 1px solid #D6D6D6;
    border-radius: 0 0 0 0;
    box-shadow: none;
    color: #666666;
    font-size: 16px;
    height: 42px;
    padding: 5px 10px;
}

input[type="submit"] {
  display:block;
  color: white;
  font-size:16px;
    padding:10px 34px;
  margin-right:10px;
}

/* End Form style  */

.success {
  display:none;
  margin-top: -50px;
}

/*========================================================================================================================
Modal Styles
=========================================================================================================================*/
.modal-background {
  background:black;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999999;
}

.sk-modal {
    background: none repeat scroll 0 0 #D8E9EB;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin-left: -460px;
    margin-top: 0;
    padding: 40px 0;
    position: fixed;
    top: 10%;
    width: 920px;
}

#modal-close {
    color: #ADADAD;
    position: absolute;
    right: 9px;
    top: 2px;
}

#modal-close:hover {
  cursor:pointer;
}

.modal header#login-modal-header {
  border-bottom:1px solid #c6d5d7;
  padding-bottom:30px;
}

.modal header {
    border-bottom: 1px solid #C6D5D7;
    margin-bottom: 40px;
    padding-bottom: 30px;
}

.modal header#login-modal-header h1 {
    color: #53B793;
    float: none;
    font-family: 'bad script';
    font-size: 44px;
    font-weight: normal;
    text-align: center;
}

.modal h2 {
  text-align:center;
}

.page-template-page-templatestemplate-mp-thankyou-php #logged-in-top-nav-container,
.page-template-page-templatestemplate-mp-thankyou-php .menu {
  display: none;
}
.page-template-page-templatestemplate-mp-thankyou-php .sub-footer p, 
.page-template-page-templatestemplate-mp-thankyou-php .sub-footer a, 
.page-template-page-templatestemplate-mp-thankyou-php .sub-footer a:link, 
.page-template-page-templatestemplate-mp-thankyou-php .sub-footer a:visited {
  color: #D5514A;
  text-decoration: none;
}

.page-id-3291 .class-page-dashboard,
.page-id-3287 .class-page-dashboard {
  display: none;
}
.terms-page {
  margin-top: 55px;
}
.terms-page h1 {
  font: bold 56px/60px 'Montserrat', sans-serif;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.terms-page h2 {
  font: 18px/23px 'Montserrat', sans-serif;
  text-transform: uppercase;
  margin: 0 0 8px;
}
.terms-page h3 {
  font: 24px/29.5px 'Montserrat', sans-serif;
  margin: 50px 0 20px;
}
.terms-page p {
  font: 16.5px/24.5px 'open sans', sans-serif;
  margin-bottom: 20px;
}
.terms-page .lead {
  font: 14px/24.5px 'open sans', sans-serif;
  max-width: 1000px;
}
.terms-page .columns {
  margin: 55px -20px;
  overflow: hidden;
}
.terms-page .columns:before {
  content: '';
  display: block;
  width: 168px;
  border-top: 2px solid #fa7b75;
  margin: 0 20px 5px;
}
.terms-page .col {
  width: 33.33%;
  float: left;
  padding: 0 20px;
}

/** Acquisition Channel pages **/
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-homepage-php .main-container {
    background: url("../img/homepage/homepage-back-a.jpg") no-repeat scroll 70% 0 / cover #DDDDDD;
}
.single-sc_acquisitions #logged-in-top-nav-container,
.single-sc_acquisitions #signed-out-navigation {
  display: none;
}
.single-sc_acquisitions #container {
  padding-top: 50px;
}
.single-sc_acquisitions #container.user-notloggedin {
  padding-top: 0;
}
.single-sc_acquisitions .class-sales-page-section header h1 {
    float: none;
    font-family: 'Montserrat';
    font-size: 41px;
    font-weight: bold;
}
.single-sc_acquisitions #skillcrush-bootcamp-sales-hero header h2 {
    color: #999999;
    font-family: 'open sans';
    font-size: 24px;
    font-weight: normal;
    margin-top: 10px;
    text-transform: none;
}
.single-sc_acquisitions #skillcrush-bootcamp-sales-hero h3 {
    color: #3b3b3b;
    font: 18px/16px 'Montserrat', sans-serif;
    margin-bottom: 10px;
    margin-top: 0;
    text-align: center;
    text-transform: uppercase;
}
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php .bootcamp-subscribe .error-container {
    margin: 0;
}
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php .bootcamp-subscribe #mc_embed_signup .success h4 {
  margin: 20px 0 14px;
}
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php #mc_embed_signup form {
  min-height: 180px;
}
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php .mc-field-group input[type="text"] {
    border: 2px solid #D1D1D1;
    box-shadow: none;
    clear: both;
    display: block;
    padding: 10px 20px;
    height: 65px;
    max-width: 100% !important;
    min-width: 260px !important;
    width: 100%;
    float: none;
    background: #fff;
    font: 18px/43px 'open sans', sans-serif;
    margin-bottom: 20px;
}
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php .mc-field-group input[type="submit"] {
    background: #f15959;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    color: #FFFFFF;
    display: block;
    font-size: 16px;
    height: 54px;
    margin-right: 10px;
    padding: 14px 44px 14px 26px;
    text-transform: uppercase;
}

.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php {
  color: #3B3B3B;
}

.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php #testimonials {
    margin-top: 70px;
}
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php #testimonials h4 {
    font-size: 16px;
}
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php #testimonials h3 {
    font: 32px/29.5px 'Montserrat', sans-serif;
    margin-bottom: 60px;
}
.single-sc_acquisitions.post-template-page-templates\/template-acquisitions-bootcamp-php #testimonials div.quote h3 {
    font: 18px/20px 'montserrat', sans-serif;
    color: #f89f73;
    margin-bottom: 5px;
    text-transform: uppercase;
}


/* Edit Profile Button */
nav#signed-in-profile-nav {
  position:absolute;
  z-index: 89;
  display:block;
  margin-top:70px;
  width:100%;
}

.single-user_projects .user-notloggedin nav#signed-in-profile-nav {
  margin-top:10px;
}

nav#signed-in-profile-nav > div {
    background: none repeat scroll 0 0 #e8eaed;
    border: 1px solid #CCCED1;
    border-radius: 3px 3px 3px 3px;
    color: #A2A2A7;
    float: left;
    font-family: 'din-bold',arial;
    font-size: 16px;
    margin-left: 10px;
    padding: 10px 20px;
    text-align: center;
}

nav#signed-in-profile-nav div:hover {
  cursor:pointer;
}

nav#signed-in-profile-nav div#return-tutorial-button {
  margin-left:20px;
    background: url("../img/icons/icon_left_arrow_grey.png") no-repeat scroll 10px 9px #E8EAED;
    padding: 10px 16px 10px 29px;
}

nav#signed-in-profile-nav div#return-tutorial-button a {
  color:#a2a2a7;
}

nav#signed-in-profile-nav > div#skillcrush-notloggedin {
  background: url("../img/icons/icon_heart.png") no-repeat scroll 8px 8px #BDBCBB;
    border: medium none;
    border-radius: 50px 50px 50px 50px;
    height: 29px;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 10px;
    width: 29px;
    text-indent: -10000px;
}

nav#signed-in-profile-nav > div#skillcrush-notloggedin > p {
  text-indent:-10000px;
}

nav#signed-in-profile-nav > div#skillcrush-notloggedin #skillcrush-popup {
    background: white;
    border: 1px solid #CBCBC9;
    border-radius: 3px;
    box-shadow: 0 0 3px 1px #CACAC8;
    font-family: 'Montserrat';
    padding: 10px;
    position: absolute;
    right: 20px;
    text-indent: 0;
    top: 20px;
    width: 250px;
    display:none;
}

nav#signed-in-profile-nav > div#skillcrush-notloggedin #skillcrush-popup p {
    font: 15px/24px 'Montserrat';
    text-align: left;
    color:#aaabb0;
}

nav#signed-in-profile-nav > div#skillcrush-notloggedin.open #skillcrush-popup {
    display:block;
}

/* Share Profile Button */
nav#signed-in-profile-nav div#share-project-button {
    float: right;
    width:240px;
    padding: 6px 20px;
    margin-right: 10px;
}

nav#signed-in-profile-nav > div p {
  font-family:'din-bold';
}

nav#signed-in-profile-nav > div#share-project-button p {
  text-align:left;
  float:left;
  margin-right:10px;
}

#sharing-links li.twitter {
    float: left;
    margin-right: 10px;
    width: 80px;
  margin-top:3px;
}
/*========================================================================================================================
Hero Styles
=========================================================================================================================*/

.hero {
  background:#e8f5fb;
  padding:20px 0px;
  border-bottom:none;
  text-align:center;
}

.hero-content {
   padding: 20px 0 10px;
}

#home-hero .main {
    width: 1144px;
}

#home-hero .scallop-edge, #hero-404 .scallop-edge {
    height: 15px;
}

/* PURCASHE */
#payment-form input,
#payment-form select {
  height: 42px;
  line-height: 32px !important;
}

/** Email before download box on blog pages **/
.single .pdf-downloads {
  border-radius: 0;
  border: none;
  width: 100%;
  max-width: 800px;
  min-height: 414px;
  overflow: hidden;
  padding: 30px;
  position: relative;
  background: #EEE;
  margin: 1em 0;
}
.single .pdf-downloads .content,
.single .pdf-downloads .alerts,
.single .pdf-downloads footer {
  float: right;
  padding-left: 20px;
  width: 65%;
  position: relative;
  z-index: 1;
}
.single .pdf-downloads .alerts .success {
  margin-top: 0;
}
.single .individual-content  .entry-content .pdf-downloads img {
  float: left;
  width: auto;
  position: absolute;
  z-index: 0;
}
.single .pdf-downloads .content h3 {
  text-transform: none;
  font: 400 26px/35px 'Montserrat';
  color: #3b3b3b;
}
.single .pdf-downloads .content h3 span {
  text-transform: uppercase;
  font-weight: 700;
}
.single .pdf-downloads .content p,
.single .pdf-downloads .alerts p {
  margin: 0 0 30px 0;
  font: 400 16px/28px 'Open Sans';
}
.single .pdf-downloads .alerts {
  margin-top: 10px;
  min-height: 62px;
  position: relative;
}
.single .pdf-downloads .error-container {
    bottom: 0;
}
.single .pdf-downloads .alerts .error-container {
  margin-top: 0;
}
.single .pdf-downloads .alerts .error-container p {
  background: url("../img/global/alert.png") no-repeat scroll 0 1px transparent;
  color: #f16059;
  padding: 0 0 0 30px;
  margin: 0 0 5px 0;
  display: inline-block;
  line-height: 1.4em;
}
.single .pdf-downloads footer {
  margin: 20px 0 0 0;
}
.single .pdf-downloads footer p {
  font: 400 13px/21px 'Open Sans';
  color: #b5b1b1;
  text-transform: none;
  margin: 0;
}
.single .pdf-downloads .content form input[name="email"] {
  box-shadow: none;
  border: 1px solid #d6d6d6;
  float: left;
  margin-right: 1%;
  padding: 0 5px;
  width: 65%;
}
.single .pdf-downloads .content form input[name="email"].email-error {
  border: 1px solid #f16059;
}
.single .pdf-downloads .content form input[type="submit"] {
  float: left;
  background: none repeat scroll 0 0 #f16059;
  margin: 0;
  height: 42px;
  text-transform: uppercase;
  width: 34%;
}
.single .pdf-downloads form {
  overflow: hidden;
}
.single .pdf-downloads .content form input[type="submit"].have-address {
  width: 100%;
}
.single .pdf-downloads .content .btn-ss-downloads {
  padding: 0;
  height: auto;
  /*min-height: auto;*/
  background: none;
}
.single .pdf-downloads .content .btn-ss-downloads a {
  background-image: none;
  padding: 0;
}
.single .pdf-downloads.download-sent .buttons p {
  margin: 10px 0 0 0;
}
.single .pdf-downloads.download-sent .buttons .button {
  margin: 0;
  text-transform: uppercase;
  color: #FFFFFF;
  width: 100%;
}

/** Workshops **/
.single-sc_workshops .site-header {
  position: absolute;
  width: 100%;
  z-index: 999;
  top: 0;
}
.single-sc_workshops .site-logo a {
  background: url("../img/logo/white-logo.png") no-repeat center;
}
.single-sc_workshops .site-header #signed-out-navigation ul li a {
  color: #FFFFFF;
}
.single-sc_workshops .site-header #signed-out-navigation ul li.log-out-link {
  /*border: 2px solid #FFFFFF;*/
}
.single-sc_workshops #sales-hero {
  height: 700px;
  padding: 148px 0 60px 0;
}
.single-sc_workshops #sales-hero.sales-hero-started-responsive-design {
  background: url("../img/workshops/responsive-design-bkgd.png") repeat scroll center 100% / cover;
}
.single-sc_workshops #sales-hero.sales-hero-started-responsive-design header h4 {
  text-align: center;
  text-transform: uppercase;
  color: #c93535;
  font: 700 19px 'Open Sans';
  margin: 0 0 10px 0;
}
.single-sc_workshops #sales-hero header h1 {
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  font: 50px 'Montserrat';
  margin: 0 0 30px 0;
}
.single-sc_workshops #sales-hero .sales-hero-main {
  max-width: 800px;
  margin: auto;
}
.single-sc_workshops #sales-hero .sales-hero-main p {
  font: 19px/32px normal 'Open Sans';
  color: #FFFFFF;
  text-align: center;
}
.single-sc_workshops #workshop-date {
  padding: 85px 0 60px 0;
}
.single-sc_workshops #workshop-date .workshop-date-main {
  max-width: 875px;
  margin: auto;
  overflow: hidden;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-main footer {
  padding: 45px 0;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-main footer p {
  text-align: center;
  font: 13px 'Open Sans';
  color: #3b3b3b;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-main footer p a {
  color: #3b3b3b;
  border-bottom: 1px dotted;
}
.single-sc_workshops #workshop-date .workshop-date-main figure {
  float: left;
  width: 30%;
  padding: 0 25px 0 0;
  margin: 15px 0 0 0;
}
.single-sc_workshops #workshop-date.workshop-date-started-responsive-design .workshop-date-main figure .day-month {
  background: #f16059;
  padding: 8px;
}
.single-sc_workshops #workshop-date.workshop-date-started-responsive-design .workshop-date-main figure .day-month h6 {
  text-align: center;
  text-transform: capitalize;
  color: #FFFFFF;
  font: 14px 'Open Sans';
  margin: 0;
}
.single-sc_workshops #workshop-date.workshop-date-started-responsive-design .workshop-date-main figure .day-month h5 {
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  font: 30px 'Montserrat';
}
.single-sc_workshops #workshop-date.workshop-date-started-responsive-design .workshop-date-main figure .date {
  border: 1px solid #ececec;
  margin-top: -1px;
  height: 170px;
  padding: 16px;
}
.single-sc_workshops #workshop-date.workshop-date-started-responsive-design .workshop-date-main figure .date h1 {
  text-align: center;
  font: 112px/112% 'Montserrat';
}
.single-sc_workshops #workshop-date .workshop-date-main .workshop-date-content {
  float: right;
  width: 70%;
  padding-left: 35px;
}
.single-sc_workshops #workshop-date .workshop-date-main .workshop-date-content p,
.single-sc_workshops #workshop-date .workshop-date-main .workshop-date-content h2 {
  color: #3b3b3b;
}
.single-sc_workshops #workshop-date .workshop-date-main .workshop-date-content h2 {
  font: 33px 'Montserrat';
  margin-bottom: 15px;
}
.single-sc_workshops #workshop-date .workshop-date-main .workshop-date-content p {
  font: 19px/30px normal 'Open Sans';
}
.single-sc_workshops #workshop-date .workshop-date-main .workshop-date-content button {
  margin: 20px 0;
  background-color: #f16059;
  padding: 20px 58px;
  color: #FFFFFF;
  text-transform: uppercase;
  font: 20px 'Montserrat';
}
.single-sc_workshops #workshop-breakdown {
  padding: 35px 0;
}
.single-sc_workshops #workshop-breakdown header h1,
.single-sc_workshops #instructors header h1 {
  font: 33px 'Montserrat';
  margin-bottom: 20px;
}
.single-sc_workshops #instructors header h1 {
  padding-left: 20px;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-content {
  max-width: 780px;
  margin: auto;
  padding: 30px 0 0 0;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-content .module {
  padding: 30px 0 10px 0;
  border-bottom: 2px dotted #DEDDDD;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-content .module.last {
  border-bottom: none;
  padding-bottom: 15px;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-content .module figure {
  background: url("../img/workshops/red-circle.png") no-repeat;
  background-size: 100%;
  width: 70px;
  height: 70px;
  font: 30px 'Montserrat';
  color: #FFFFFF;
  text-align: center;
  float: left;
  margin: 0 40px;
  line-height: 70px;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-content .module-content {
  padding: 0 48px 0 0;
  clear: none;
  margin-top: -1px;
  margin-left: 150px;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-content .module-content h3 {
  font: 20px 'Montserrat';
  text-transform: uppercase;
  margin-bottom: 10px;
}
.single-sc_workshops #workshop-breakdown .workshop-breakdown-content h2 {
  background: #f9f7f7;
  border-top: 2px dotted #DEDDDD;
  border-bottom: 2px dotted #DEDDDD;
  text-align: center;
  font: 20px 'Montserrat';
  text-transform: uppercase;
  padding: 8px 0;
}
.single-sc_workshops #instructors {
  padding: 23px 0 120px;
}
.single-sc_workshops .instructors-content {
  max-width: 1268px;
  margin-left: -32px;
}
.single-sc_workshops .instructor {
  width: 50%;
  float: left;
  height: 400px;
  position: relative;
  min-width: 500px;
  margin-top: 30px;
}
.single-sc_workshops .instructor img {
  float: left;
  vertical-align: bottom;
  border: 0;
  max-height: 350px;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
.single-sc_workshops .instructor .bio {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
  float: right;
  height: 400px;
  margin-left: -140px;
  padding: 30px;
  width: 72.5%;
  max-width: 400px;
  margin-top: 50px;
  font: 16px/24.5px 'Open Sans', sans-serif;
}
.single-sc_workshops .instructor .bio .sub-bio {
  display: none;
}
.single-sc_workshops .instructor .bio h4 {
  font: 24px 'Montserrat';
  text-transform: uppercase;
  margin-bottom: 20px;
}
.single-sc_workshops #purchase {
  padding: 48px 0 65px;
  background: #f9f7f7;
}
.single-sc_workshops #purchase .main {
  max-width: 800px;
  margin: auto;
}
.single-sc_workshops #purchase header h1 {
  font: 32px 'Montserrat';
  text-align: center;
  margin-bottom: 20px;
}
.single-sc_workshops #purchase header p {
  font: 19px/32px normal 'Open Sans';
  text-align: center;
  margin: 0;
}
.single-sc_workshops #purchase .purchase-content {
  max-width: 570px;
  margin: 60px auto;
  padding: 52px;
  background-color: #f16059;
}
.single-sc_workshops #purchase .purchase-content h4 {
  text-align: center;
  text-transform: uppercase;
  color: #c93535;
  font: 18px 'Montserrat';
  margin: 0 0 10px 0;
}
.single-sc_workshops #purchase .purchase-content h2 {
  text-align: center;
  color: #FFFFFF;
  font: 32px 'Montserrat';
  margin-bottom: 60px;
}
.single-sc_workshops #purchase .purchase-content h5 {
  text-align: center;
  color: #FFFFFF;
  font: 16px 'Montserrat';
  text-transform: uppercase;
  margin-bottom: 10px;
}
.single-sc_workshops #purchase .purchase-content h1 {
  text-align: center;
  color: #FFFFFF;
  font: 700 63px 'Montserrat';
  margin-bottom: 53px;
}
.single-sc_workshops #purchase .purchase-content button {
  margin: auto;
  max-width: 439px;
  background-color: #c93535;
  padding: 24px 55px;
  display: block;
  color: #FFFFFF;
  text-transform: uppercase;
  font: 700 20px 'Montserrat';
}
.single-sc_workshops #purchase footer h4 {
  text-align: center;
  font: 19px 'Open Sans';
  margin-bottom: 20px;
  color: #c0bebe;
}
.single-sc_workshops #purchase footer img {
  display: block;
  width: 283px;
  margin: auto;
}
.single-sc_workshops .diagonal-borders {
  margin-top: -7px;
}
.single-sc_workshops #faq {
  padding: 93px 0;
}
.single-sc_workshops #faq header h1 {
  font: 33px 'Montserrat';
  margin-bottom: -15px;
}
.single-sc_workshops .faq-main h4 {
  font: 700 16px 'Montserrat';
  text-transform: uppercase;
  margin-bottom: 25px;
}
.single-sc_workshops .faq-main #faq_s2 > div {
  margin-top: 0;
}
.single-sc_workshops .faq-main #faq_s2 h5 {
  font: 600 13.5px 'Open Sans';
  text-transform: uppercase;
  margin-bottom: 20px;
}
.single-sc_workshops .faq-main #faq_s2 ul li {
  font: 13.5px 'Open Sans';
  padding-bottom: 5px;
  background: url("../img/blueprints/green-check.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
}
.single-sc_workshops .faq-main #faq_s2_rightcol ul li {
  background: url("../img/global/red-x.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0);
}
.single-sc_workshops .faq-main #faq_s1,
.single-sc_workshops .faq-main #faq_s2,
.single-sc_workshops .faq-main #faq_s3 {
  overflow: hidden;
}
.single-sc_workshops .faq-main #faq_s2 {
  padding-top: 90px;
}
.single-sc_workshops .faq-main #faq_s3 {
  padding-top: 70px;
}
.single-sc_workshops #faq_s2 h4 {
  margin-bottom: 35px;
}

.bootcamp-big figure,
#bootcamp.bootcamp-big figure {
  margin-right: 0;
  padding-right: 5.65%;
  margin-top: -10px;
}
.bootcamp-big h1,
#bootcamp.bootcamp-big h1 {
  font: 32px 'Montserrat';
  margin-bottom: 20px;
}
.bootcamp-big p,
#bootcamp.bootcamp-big p {
  font: 19px/28px 'Open Sans';
  margin-bottom: 40px;
}
.bootcamp-big #mce-EMAIL,
#bootcamp.bootcamp-big #mce-EMAIL {
  border: 3px solid #c6c5c5;
  height: 63px;
  width: 390px;
}
.bootcamp-big #mc-embedded-subscribe,
#bootcamp.bootcamp-big #mc-embedded-subscribe {
  height: 63px;
}

/* alerts */
.alert {
  display: none;
  background: #f4f4f4;
  border: solid #e5e3e3;
  border-width: 1px 0px;
  border-radius: 0;
  color: #000;
  font: 400 1em/1.85em 'Open Sans', Arial, sans-serif;
  letter-spacing: 0.05em;
  padding: 30px 0;
  text-align: center;
  text-shadow: none;
  width: 100%;
  position: relative;
  z-index: 100;
  margin-bottom: 0;
  margin-top: 0;
}
.blog-alert.alert,
.dashboard-alert.alert {
  z-index: 1;
}
.alert p {
  line-height: 1;
  margin: 0 auto 7px;
  display: none;
  max-width: 1200px;
}
.alert.active, 
.alert p.active {
  display: block;
}
.alert p span {
  font-weight:bold;
  text-transform:uppercase;
}
.alert p code {
  background:#ffffff;
  border:1px solid #e5e3e3;
  padding:0 5px;
}
.alert.success { /* green */
  background-color: #dff0d8;
}
.alert.info { /* blue */
  background: #E9F6FE;
}
.alert.warning,
.alert.warning .main { /* red */
  background-color: #fa8983;
  color: #fff;
}
.blog-alert .active a {
  float: none;
  margin: 0;
}
.red-boot .success,
.red-boot .success a,
.blog-landing #newsletter-signup .success,
.blog-landing #newsletter-signup .success a,
.red-boot .error-container label {
  color: #fff;
}
.red-boot .error-container label {
  background-image: url(../img/blueprints/icon-error-white.png);
}

/* Retina icons */
@media 
(min--moz-device-pixel-ratio: 2),
(-o-min-device-pixel-ratio: 2/1),
(-webkit-min-device-pixel-ratio: 2),
(min-device-pixel-ratio: 2) {
  /* logo */
  .page .site-logo a {
    background: url('../img/retina-icons/Skillcrush_Logo@2x.png') no-repeat center;
    background-size: 100% auto;
  }
  #top-primary-content #footer-logo a,
  ..page-template-template-mp-signin .site-logo a {
    background: url('../img/retina-icons/White_Skillcrush_Logo@2x.png') no-repeat center;
    background-size: 100% auto;
  }

}

/* hide admin panel for test */
#wpadminbar {
  display: none !important;
}
html.js {
  margin-top: 0 !important;
}

/* Comments */
#comments .commentlist,
#comments .comment-respond,
#comments-title {
  max-width: 750px;
  margin: 0 auto;
}
#comments-title {
  background: url(../img/icons/comment-icon_red.png) no-repeat 0 center;
  font: 400 1.1875em/normal 'Montserrat', sans-serif;
  padding-left: 40px;
  margin-bottom: 2.5em;
}
#comments-title span {
  border-bottom: 1px solid #f05f58;
  display: block;
  padding-bottom: 4px;
}
#comments .comment-respond {
  margin-bottom: 4.7em;
}
#comments .commentlist .comment-respond {
  margin-bottom: 0;
}
#comments .comment .comment-respond {
  background: #f8f8f8;
  margin-left: 19.35%;
  padding: 2.5em 5.5%;
  position: relative;
}
#comments #commentform .form-submit {
  margin-bottom: 0;
}
#comments .comment {
  clear: both;
}
#comments .commentlist > li {
  margin-bottom: 2.6em;
}
#comments .avatar {
  border-radius: 50%;
  float: left;
  height: auto;
  width: 14.15%;
}
#comments .comment-wrap {
  background: #eee;
  box-shadow: 0 2px 5px #f9f9f9;
  color: #565656;
  margin-left: 19.35%;
  padding: 1.8em 5.5%;
  position: relative;
}
#comments .comment-wrap:after {
  content: '';
  position: absolute;
  top: 0;
  left: -14px;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid #eee;
  z-index: 1;
}
#comments .comment-content {
  font: 400 0.94em/1.33 'Open Sans', sans-serif;
}
#comments .comment-user-date {
  display: block;
  font: 800 1em/1.5em "Open Sans",sans-serif;
  margin-bottom: 14px;
}
#comments .comment-user-date a {
  color: inherit;
}
#comments .reply a {
  color: #f16059;
  font-size: 0.89em;
  font-weight: 800;
  text-decoration: underline;
}
#comments .reply a:hover,
#comments .reply a:focus {
  color: #f16059;
  text-decoration: none;
}
.commentlist>li>.children {
  background: #f8f8f8;
  margin-left: 19.35%;
}
#comments .children article.comment {
  border-top: 1px solid #ededed;
  padding: 2.5em 5.5%;
  white-space: pre-wrap;      /* CSS3 */   
  white-space: -moz-pre-wrap; /* Firefox */    
  white-space: -pre-wrap;     /* Opera <7 */   
  white-space: -o-pre-wrap;   /* Opera 7 */    
  word-wrap: break-word;      /* IE */
}
.commentlist>li>.children:first-child>li.comment:first-child article.comment {
  border-top: 0;
}
#comments .children .comment-wrap {
  background: transparent;
  padding: 0 1%;
  box-shadow: none;
}
#comments .children .comment-wrap:after,
#comments .children .comment-form-comment:after {
  display: none;
}
#comments .children .comment p {
  margin-bottom: 1em;
}
#comments .children .comment .comment-respond {
  border-top: 1px solid #ededed;
  margin-left: 0;
  margin-bottom: 0;
}
#comments .children .reply a {
  font-size: 0.75em;
}
#comments .children .comment-user-date {
  font-size: 0.94em;
}
#comments .children .comment-content {
  font-size: 0.88em;
}
#comments #commentform {
  width: 100%;
}
#comments .comment-reply-title {
  position: absolute;
  right: 160px;
  bottom: 2.5em;
}
#comments .comment-reply-title small {
  font-size: inherit;
}
#comments #cancel-comment-reply-link { 
  display: block;
  border: 1px solid;
  font: 400 0.6875em/normal 'Montserrat', sans-serif;
  margin: 0;
  padding: 0.6em 2em;
  text-transform: uppercase;
}
#comments .comment-respond .comment-notes {
  display: none;
  font: 400 0.8em/normal 'Open Sans', sans-serif;
}
#comments .comment-input {
  float: left;
  width: 49%;
}
#comments .comment-input.comment-email {
  margin-left: 2%;
}
#comments .comment-input input {
  width: 100%;
}
#comments .comment-respond label {
  width: 100px;
  display: inline-block;
  margin-right: -4px;
  line-height: 42px;
  vertical-align: top;
  white-space: normal;
}
#comments .form-allowed-tags {
  display: none;
}
#comments input[type="submit"] {
  background-color: #f16059;
  display: inline-block;
  font-size: 0.6875em;
  margin: 0;
  padding: 0.75em 2.37em;
  text-transform: uppercase;
}
#comments input[type="submit"]:hover {
  background-color: #666;
}
#comments .form-submit {
  text-align: right;
}
#comments .comment-respond textarea {
  border: 1px solid #f0f0f0;
  border-radius: 0;
  box-shadow: none;
  color: #666666;
  font: 400 0.93em/normal 'Open Sans', sans-serif;
  height: 7.2em;
  padding: 1em 1.5em;
  width: 100%;
  outline: none;
  white-space: normal;
}
#comments .comment .comment-respond textarea {
  border: 0;
}
#comments .comment .comment-form-comment:before {
  display: none;
}
.loggedin-form .logged-in-as,
#comments .comment-form-comment{
  padding-left: 14px;
  margin-left: 17.6%;
  position: relative;
}
#comments .logged-in-as {
  color: #9b9b9b;
  font: 400 0.75em/normal 'Montserrat', sans-serif;
  margin-bottom: 0.6em;
}
#comments .logged-in-as a {
  color: #f16059;
}
#comments .logged-in-as a:hover {
  color: #f16059;
  text-decoration: underline;
}
#comments .comment-form-comment {
  margin-bottom: 0.7em;
}
#comments .logged-in-as .comment-logout-link {
  margin-left: 5em;
  text-decoration: underline;
}
#comments .logged-in-as .comment-logout-link:hover {
  text-decoration: none;
}
#comments .comment-form-comment:after {
  content: '';
  position: absolute;
  top: 0;
  left: -1px;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 15px solid #f0f0f0;
  z-index: 1;
}
#comments .commentlist .comment-form-comment:after {
  border-right-color: #fff;
}
#comments .comment-form-comment:before {
  content: '';
  position: absolute;
  top: 1px;
  left: 1px;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid #fff;
  z-index: 2;
}
.comment-form .avatar {
  float: left;
  margin-top: -1.5em;
}
#comments .edit-link {
  float: right;
  padding-top: 3px;
  font-size: 0.89em;
}
.user-challenge-comments {
  margin-top: 40px;
}
.user-challenge-comments #comments .commentlist, 
.user-challenge-comments #comments .comment-respond {
  padding-left: 0;
}
.user-challenge-comments .logged-in-as {
  visibility: hidden;
}
.user-challenge-comments #comments-title {
  float: none;
  margin-bottom: 30px;
}

.fa {
  margin-right: 10px;
}

input[type=text]::-ms-clear{
  display: none;
}

input[type=password]::-ms-reveal{
  display: none;
}

#archive li {
    display: none;
}