/*
Theme Name: WSJU
Theme URI: http://omnikreation.com/themes/
Author: James Sol
Author URI: http://omnikreation.com/
Description: Custom theme for WSJU website.
License: Private
License URI: http://omnikreation.com/themes/license/
Tags: WSJU, WSJ UNIVERSITY, The Wall Street Journal
Text Domain: WSJU

*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 *   4.1 - Site Header
 *   4.2 - Navigation
 * 5.0 - Content
 *   5.1 - Entry Header
 *   5.2 - Entry Meta
 *   5.3 - Entry Content
 *   5.4 - Galleries
 *   5.5 - Post Formats
 *   5.6 - Attachments
 *   5.7 - Post/Paging Navigation
 *   5.8 - Author Bio
 *   5.9 - Archives
 *   5.10 - Search Results/No posts
 *   5.11 - 404
 *   5.12 - Comments
 *   5.13 - Multisite
 * 6.0 - Sidebar
 *   6.1 - Widgets
 * 7.0 - Footer
 * 8.0 - Media Queries
 * 9.0 - Print
 * ----------------------------------------------------------------------------
 */

@font-face {
    font-family: 'FlamaCndL';
    src: url('css/fonts/FlamaCondensed-Light.eot');
    src: url('css/fonts/FlamaCondensed-Light.eot?#iefix') format('embedded-opentype'),
       url('css/fonts/FlamaCondensed-Light.woff') format('woff');
}

@font-face {
    font-family: 'FlamaCndL-Medium';
    src: url('css/fonts/FlamaCondensed-Medium.eot');
    src: url('css/fonts/FlamaCondensed-Medium.eot?#iefix') format('embedded-opentype'),
       url('css/fonts/FlamaCondensed-Medium.woff') format('woff');    
}

* {
    padding: 0;
    margin: 0;
}

a {
    border: medium none;
    color: #2196C2;
    cursor: pointer;
    outline: 0;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:focus {
    outline: 1px dotted #9A9A9A;
}

h1 {
    font-size: 3em;
    line-height: 1em;
    letter-spacing: 1pt;
    font-weight: 400;
}

h2 {
    font-size: 2.5em;
    line-height: 1.75em;
    letter-spacing: .5pt;
    font-weight: 400;
}

h3 {
    font-size: 1.3em;
    line-height: 1.5em;
    letter-spacing: .65pt;
    font-weight: 200;
    overflow: hidden;
}

p {
    margin: 0;
    font-size: .9em;
    line-height: 1.8em;
    letter-spacing: .5pt;
    font-weight: 400;
}

h1,
h2,
h3 {
    font-family: 'FlamaCndL', Helvetica, Arial, sans-serif;
    font-style: normal;
}
.ie-legacy h1,
.ie-legacy h2,
.ie-legacy h3 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal
}
h4,
h5,
h6 {
    font-family: 'FlamaCndL', Helvetica, Arial, sans-serif;
    font-style: normal;
}
.ie-legacy h4,
.ie-legacy h5,
.ie-legacy h6 {
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal
}

body {
    font-size: 14px;
    font-family: 'FlamaCndL', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 400;
    background: #f4f3f1;
    height: 100%;
    overflow-x: hidden;
}
.ie-legacy body {
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal;
}
.breakpoint-desktop body,
.ie-legacy body {
    padding-top: 0;
}

body.navigation-open {
    position: relative;
    overflow: hidden !important;
}

body.navigation-open #header,
body.navigation-open #header.strip {
    overflow: hidden;
    height: 100%;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -kthtml-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

body video,
body iframe {
    max-width: 100%
}

.wrapper {
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: auto;
}
.wrapper.full-width {
    padding: 0
}
.breakpoint-tablet .wrapper.full-width {
    padding: 0 10px
}
.breakpoint-small-tablet .wrapper {
    width: 460px !important;
}
.breakpoint-phone .wrapper {
    width: 90% !important;
    padding: 0;
}
.breakpoint-tablet .wrapper {
    max-width: 620px;
}
#content .body-content .sect .wrapper.integrate-1,
.breakpoint-desktop .wrapper {
    width: 940px;
}

.breakpoint-widescreen .wrapper,
.ie-legacy .wrapper {
    width: 1024px;
}
#header .mobile {
    display: block !important;
}
.breakpoint-phone #top.home #header {
    border-bottom: 1px solid #000;
}
.breakpoint-desktop #header .mobile,
.ie-legacy #header .mobile {
    display: none !important;
}
#header .desktop {
    display: none !important;
}
.breakpoint-desktop #header .desktop,
.ie-legacy #header .desktop {
    display: block !important;
}
#header {
    width: 100%;
    height: 60px;
    background: #f4f3f1;
    position: fixed;
    top: 0;
    z-index: 250;

    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -kthtml-transition: all .25s ease-out;
    transition: all .25s ease-out;
}

#header .masthead {
    position: relative;
    height: 60px;
}
#header .masthead.wrapper,
.breakpoint-desktop #header .masthead.wrapper,
.breakpoint-tablet #header .masthead.wrapper,
.breakpoint-small-tablet #header .masthead.wrapper,
.breakpoint-phone .header .masthead.wrapper {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 !important;
}
.breakpoint-desktop #header,
.ie-legacy #header {
    height: 130px;
}
.breakpoint-desktop .home #header,
.ie-legacy .home #header,
.breakpoint-desktop .home #header.strip,
.ie-legacy .home #header.strip {
    height: 80px;
    position: fixed;
}
.breakpoint-desktop #header.strip,
.ie-legacy #header.strip {
    position: fixed;
    height: 53px;
    -webkit-transition: none;
    -o-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -kthtml-transition: none;
    transition: none;
}
.breakpoint-desktop #header .masthead,
.ie-legacy #header .masthead {
    height: 80px;
}
.breakpoint-desktop #header.strip .masthead,
.breakpoint-desktop #header.strip .masthead.professors,
.breakpoint-desktop #header.strip .masthead.students,
.ie-legacy #header.strip .masthead {
    height: 0;
}
.breakpoint-desktop #header.strip .masthead h1,
.ie-legacy #header.strip .masthead h1,
.breakpoint-desktop #header.strip .masthead h2,
.ie-legacy #header.strip .masthead h2 {
    display: none;
}
body.navigation-open #header.strip .masthead,
.breakpoint-desktop body.navigation-open #header.strip .masthead.professors,
.breakpoint-desktop body.navigation-open #header.strip .masthead.students,
.ie-legacy body.navigation-open #header.strip .masthead {
    height: 70px;
}
body.navigation-open #header.strip .masthead h1,
.breakpoint-desktop body.navigation-open #header.strip .masthead.professors h1,
.breakpoint-desktop body.navigation-open #header.strip .masthead.students h1,
.ie-legacy body.navigation-open #header.strip .masthead h1 {
    display: block;
}
.breakpoint-desktop body.navigation-open #header.strip .masthead h1 a,
.breakpoint-desktop body.navigation-open #header.strip .masthead.professors h1 a,
.breakpoint-desktop body.navigation-open #header.strip .masthead.students h1 a,
.ie-legacy body.navigation-open #header.strip .masthead h1 a {
    top: 12px;
}
.breakpoint-desktop #header .masthead.professors,
.breakpoint-desktop #header .masthead.students,
.ie-legacy #header .masthead {
    height: 90px;
}

#header .masthead h1,
#header .masthead h2 {
    height: 60px;
    margin: 0 auto;
    text-align: center;
}
#header .masthead h1 a,
#header .masthead h2 a {
    position: absolute;
    display: block;
    width: 198px;
    height: 24px;
    background: url("images/sprite.svg") no-repeat 0 -510px;
    font: 0/0 a;
    color: #222222;
    text-transform: uppercase;
    outline: 0;
    left: 50%;
    margin-left: -99px;
    top: 18px;
}
#header .masthead h1 a:hover,
#header .masthead h2 a:hover {
    text-decoration: none;
}
.no-svg #header .masthead h1 a,
.no-svg #header .masthead h2 a {
    background: url("images/sprite.png") no-repeat 0 -510px;
}
.breakpoint-tablet #header .masthead h1 a,
.breakpoint-tablet #header .masthead h2 a {
    background-position: 0 -550px;
    width: 215px;
    height: 26px;
    top: 17px;
    margin-left: -108px;
}
.breakpoint-desktop #header .masthead h1 a,
.breakpoint-desktop #header .masthead h2 a {
    background-position: 0 -450px;
    width: 292px;
    height: 35px;
    top: 32px;
    margin-left: -146px;
}
.breakpoint-desktop #header .masthead.professors h1 a,
.breakpoint-desktop #header .masthead.professors h2 a {
    background-position: 0 -600px;
    width: 216px;
    height: 50px;
    top: 27px;
    margin-left: -108px;
}
.breakpoint-desktop #header .masthead.students h1 a,
.breakpoint-desktop #header .masthead.students h2 a {
    background-position: 0 -670px;
    width: 216px;
    height: 50px;
    top: 27px;
    margin-left: -108px;
}
.breakpoint-desktop .home #header .masthead h1 a,
.breakpoint-desktop .home #header .masthead h2 a {
    top: 22px;
}

#header .masthead .button {
    top: 15px;
    background: #FFF;
    color: #bcd0d8;
    padding: 8px 11px;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    position: absolute;
    display: none;
    z-index: 1000;
}
#header .masthead.professors .button#ordering-info {
    background: #002C40;
    color: #fff;
    display: inline;
    padding: 0;
}
.breakpoint-small-tablet #header .masthead.professors .button#ordering-info,
.breakpoint-phone #header .masthead.professors .button#ordering-info {
    display: none;
}
#header .masthead.professors .button#ordering-info div {
    display: inline-block;
}
#header .masthead.professors .button#ordering-info:hover .line {
    background: transparent;
}
#header .masthead.professors .button#ordering-info .cta-1,
#header .masthead.professors .button#ordering-info .cta-2 {
    padding: 10px 12px;
}
#header .masthead .button#ordering-info .cta-1.mobile-show,
#header .masthead .button#ordering-info .cta-2.mobile-show {
    display: none;
}
.breakpoint-tablet #header .masthead.professors .button#ordering-info .cta-1,
.breakpoint-tablet #header .masthead.professors .button#ordering-info .cta-2 {
    display: none;
}
.breakpoint-tablet #header .masthead.professors .button#ordering-info .cta-1.mobile-show,
.breakpoint-tablet #header .masthead.professors .button#ordering-info .cta-2.mobile-show {
    display: inline-block;
}
#header .masthead.students .button#ordering-info:hover,
#header .masthead.professors .button#ordering-info .cta-1:hover,
#header .masthead.professors .button#ordering-info .cta-2:hover {
    cursor: pointer;
    background: #fff !important;
    color: #000;
}
#header .masthead.professors .button#ordering-info .line {
    position: relative;
    top: 3px;    
    width: 1px;
    height: 15px;
    background-color: #fff;
}
#header .masthead.students .button#ordering-info {
    background: #B2D235;
    color: #fff;
}
.breakpoint-tablet #header .masthead .button,
.breakpoint-desktop #header .masthead .button {
    display: block;
}
.breakpoint-desktop #header .masthead .button {
    top: 46px;
    padding: 11px 14px;
    font-size: 12px;
}
.breakpoint-desktop #header.strip .masthead .button {
    top: 11px;
    padding: 8px 14px;
    font-size: 12px;
}
#header .masthead .button:hover {
    background: #bcd0d8;
    color: #ffffff;
    text-decoration: none;
}
#header .masthead #wsj-dotcom {
    left: 10px;
}
#header .masthead #ordering-info {
    right: 10px;
    color: #fff;
}
.breakpoint-widescreen #header .masthead #wsj-dotcom {
    left: 35px;
}
.breakpoint-widescreen #header .masthead #ordering-info {
    right: 35px;
}

#header .masthead #nav-toggle {
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    width: 38px;
    height: 38px;
    display: block;
    background: url("images/sprite.svg") no-repeat -61px -139px;
    position: absolute;
    outline: none;
    top: 11px;
    left: 10px;
    right: auto;
    z-index: 800;
}
.no-svg #header .masthead #nav-toggle {
    background: url("images/sprite.png") no-repeat -61px -139px;
}
.breakpoint-desktop #header .masthead #nav-toggle {
    width: 38px;
    height: 38px;
    background-position: -71px -189px;
    top: 46px;
    left: auto;
    right: 145px;
}
.breakpoint-desktop #header .masthead.professors #nav-toggle {
    right: 260px;
}
.breakpoint-tablet #header .masthead.professors #nav-toggle {
    right: 260px;
}
.breakpoint-desktop #header.strip .masthead #nav-toggle {
    top: 8px;
}
.breakpoint-widescreen #header .masthead.professors #nav-toggle {
    right: 300px;
}
.breakpoint-desktop #header .masthead.students #nav-toggle {
    right: 115px;
}
.breakpoint-widescreen #header .masthead.students #nav-toggle {
    right: 140px;
}
.breakpoint-desktop #header .masthead #nav-toggle:hover {
    background-position: -71px -239px;
}
#header .masthead #nav-toggle.open {
    background-position: -24px -139px
}
.breakpoint-desktop #header .masthead #nav-toggle.open {
    background-position: -24px -189px;
}
.breakpoint-desktop #header .masthead #nav-toggle.open:hover {
    background-position: -24px -239px;
}
#header .navigation,
#header .sitemap {
    display: none !important;
    position: relative;
}
#header .navigation ul {
    padding: 0;
    margin: 0
}
#header .navigation ul li {
    margin: 0 8px;
    font-size: 13px;
    font-weight: 400;
    list-style: none;
    overflow: hidden;
}
.ie-legacy #header .navigation ul li {
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal
}
#header .sitemap {
    padding: 0;
    margin: 50px auto;
    text-align: center;
}
#header .sitemap ul > li {
    width: 33%;
    float: left;
}
#header .sitemap ul.bottom-links {
    width: 100%;
    text-align: center;
}
#header .sitemap li.bottom-link {
    width: initial;
    display: inline-block;
    float: none;
}
#header .sitemap li.bottom-link a {
    color: black !important;
}
#header .sitemap li.bottom-link:after {
    content: '|';
    padding: 10px;
}
#header .sitemap li.bottom-link:nth-last-child(1):after {
    content: '';
}
#header .navigation ul li a {
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-style: normal;
    text-decoration: none;
    color: #afafaf;
    padding: 12px 0;
    border-bottom: 1px solid #e0e0e0;
    display: block;
    outline: 0;
}
#header .navigation ul li a:hover {
    color: #bdbdbd;
    text-decoration: none;
}
#header .navigation ul li a.selected {
    font-weight: 600 !important;
}
.breakpoint-desktop #header .navigation ul li a.prod-home {
    display: none;
}
.breakpoint-desktop #header.strip .navigation ul li a.prod-home {
    display: inline;
}
.breakpoint-desktop #header .navigation ul li.student-main {
    margin-left: 10px;
    border-left: 1px solid #afafaf;
    padding-left: 20px;
    font-weight: 600;
}
.breakpoint-desktop #header .navigation ul li.student-main a {
    color: #000000;
}
.breakpoint-desktop #header .navigation,
.ie-legacy #header .navigation {
    background: none;
    display: block !important;
    height: 100%;
    z-index: 10;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
}
#header .navigation.open {
    visibility: visible;
    opacity: 1;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-backface-visibility: hidden;
}
.navigation-open #header .navigation {
    display: block !important;
    margin-top: 15px;
}
.navigation-open #header .navigation.wrapper,
.breakpoint-desktop .navigation-open #header .navigation.wrapper,
.breakpoint-tablet .navigation-open #header .navigation.wrapper,
.breakpoint-small-tablet .navigation-open #header .navigation.wrapper,
.breakpoint-phone .navigation-open #header .navigation.wrapper {
    max-width: 100% !important;
    width: 100% !important;
}
.navigation-open #header .sitemap {
    display: none !important;
}

.breakpoint-desktop .navigation-open #header .navigation,
.ie-legacy .navigation-open #header .navigation {
    display: none !important;
}
.breakpoint-desktop .navigation-open #header .sitemap,
.ie-legacy .navigation-open #header .sitemap {
    display: block !important;
}
.breakpoint-desktop #header .navigation ul,
.ie-legacy #header .navigation ul {
    position: relative;
    padding: 0;
    padding-right: 20px;
    line-height: 30px;
    text-align: center;
    list-style: none;
}
.breakpoint-desktop #header.strip .navigation ul,
.ie-legacy #header.strip .navigation ul {
    line-height: 52px;
}
.breakpoint-desktop #header .navigation ul li,
.ie-legacy #header .navigation ul li {
    display: inline;
    margin: 0 10px;
}
.breakpoint-desktop #header .navigation ul li a,
.ie-legacy #header .navigation ul li a {
    display: inline-block;
    letter-spacing: .25pt;
    padding: 1px 0;
    border: none;
}
.breakpoint-desktop .navigation-open #header .sitemap ul,
.ie-legacy .navigation-open #header .sitemap ul {
    margin-bottom: 30px;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
}
.breakpoint-desktop .navigation-open #header .sitemap ul a,
.ie-legacy .navigation-open #header .sitemap ul a {
    color: #3C3C3C;
}
.breakpoint-desktop .navigation-open #header .sitemap ul li div,
.ie-legacy .navigation-open #header .sitemap ul li div {
    margin-bottom: 15px;
}
.breakpoint-desktop .navigation-open #header .sitemap ul .sitemap-nav {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 1.3em;
}
.breakpoint-desktop .navigation-open #header .sitemap hr {
    height: 1px;
    width: 90%;
    margin: 0 auto;
    background: #e0e0e0;
}
.breakpoint-desktop .navigation-open #header .sitemap .share {
    display: inline-block;
    text-align: center;
    margin: 15px auto;
}
.breakpoint-desktop .navigation-open #header .sitemap .share a {
    float: left;
    margin: 0 5px;
    width: 20px;
    height: 20px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: block;
}
.breakpoint-desktop .navigation-open #header .sitemap .share a.facebook {
    background: url("images/sprite.svg") no-repeat -135px -200px;
}
.no-svg .navigation-open #header .sitemap .share a.facebook {
    background: url("images/sprite.png") no-repeat -135px -200px;
}
.breakpoint-desktop .navigation-open #header .sitemap .share a.twitter {
    background: url("images/sprite.svg") no-repeat -166px -200px;
}
.no-svg .navigation-open #header .sitemap .share a.twitter {
    background: url("images/sprite.png") no-repeat -166px -200px;
}
.breakpoint-desktop .navigation-open #header .sitemap .share a.linkedin {
    background: url("images/sprite.svg") no-repeat -196px -200px;
}
.no-svg .navigation-open #header .sitemap .share a.linkedin {
    background: url("images/sprite.png") no-repeat -196px -200px;
}
.breakpoint-desktop .navigation-open #header .sitemap .share a.youtube {
    background: url("images/sprite.svg") no-repeat -227px -200px;
}
.no-svg .navigation-open #header .sitemap .share a.youtube {
    background: url("images/sprite.png") no-repeat -227px -200px;
}






#back-to-top {
    background: url("images/sprite.svg") no-repeat -30px -90px;
    width: 30px;
    height: 30px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: none;
    position: absolute;
    outline: none;
    right: 15px;
    top: 15px;
}
.no-svg #back-to-top {
    background: url("images/sprite.png") no-repeat -30px -90px;
}
.breakpoint-phone #back-to-top,
.breakpoint-small-tablet #back-to-top {
    display: block;
}

a.social {
    width: 38px;
    height: 38px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: block;
    position: absolute;
    z-index: 900;
}
a.social#facebook {
    background: url("images/sprite.svg") no-repeat -120px -90px;
    left: 5px;
}
.no-svg a.social#facebook {
    background: url("images/sprite.png") no-repeat -120px -90px;
}
a.social#twitter {
    background: url("images/sprite.svg") no-repeat -170px -90px;
    left: 53px;
}
.no-svg a.social#twitter {
    background: url("images/sprite.png") no-repeat -170px -90px;
}
a.social#linkedin {
    background: url("images/sprite.svg") no-repeat -220px -90px;
    left: 101px;
}
.no-svg a.social#linkedin {
    background: url("images/sprite.png") no-repeat -220px -90px;
}
a.social#youtube {
    background: url("images/sprite.svg") no-repeat -270px -90px;
    left: 149px;
}
.no-svg a.social#youtube {
    background: url("images/sprite.png") no-repeat -270px -90px;
}

.mobile-share {
    position: relative;
    display: inline-block;
}
.breakpoint-desktop .mobile-share,
.ie-legacy .mobile-share {
    display: none;
}


.hidden {
    display: none !important;
}

















.alignNone {
    float: none;
    width: 100% !important;
    text-align: center !important;
}
.clearBoth {
    clear: both;
}
.alignR {
    float: right;
}
.alignL {
    float: left;
}
.alignC {
    text-align: center;
}
#hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .headline, 
#hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .hero-cta {
    width: 62%;
}
.breakpoint-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .headline,
.breakpoint-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .hero-cta {
    width: 45%;
    margin-right: 16%;
}
.breakpoint-tablet .main-wrapper.professors #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .headline {
    width: 46%;
    margin-right: 15%;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content,
.breakpoint-phone #hero-wrapper.lp .hero-content {
    padding: 20px 10px 0;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content img.alignR,
.breakpoint-phone #hero-wrapper.lp .hero-content img.alignR {
    float: none;
}
.breakpoint-small-tablet #hero-wrapper h2.offer-wrapper,
.breakpoint-phone #hero-wrapper h2.offer-wrapper {
    margin: 0 !important;
}
#hero-wrapper .offer {
    position: absolute;
    width: 115px;
    top: -35px;
    right: -8px;
    height: auto;
}
.breakpoint-tablet #hero-wrapper .offer {
    width: 110px;
    top: 75px;
    right: 20px;
}
.breakpoint-small-tablet #hero-wrapper .offer,
.breakpoint-phone #hero-wrapper .offer {
    position: absolute;
    top: 50px;
    right: 20px;
    width: 102px;
}
.main-wrapper.about-wsj .offer {
    padding-left: 50px;
}
.breakpoint-small-tablet .main-wrapper.about-wsj .offer,
.breakpoint-phone .main-wrapper.about-wsj .offer {
    padding-left: 0;
}
#hero-wrapper .offer:hover {
    cursor: pointer;
}
#content {
    position: relative;
    width: 100%;
    padding-top: 60px;
}
.breakpoint-desktop #content.landing {
    padding-top: 48px;
}
.breakpoint-desktop #content {
    padding-top: 98px;
}
.breakpoint-tablet #content,
.breakpoint-small-tablet #content,
.breakpoint-phone #content {
    padding-top: 0;
}
#content .body-content {
    position: relative;
    height: auto;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: 600;
    padding: 0;
    color: #3C3C3C;
    background: #ffffff;
}

#content.landing .body-content {
    background: #e5e2dd;
}
#content .body-content .temp {
    height: 3640px;
}
#content.landing .body-content .temp {
    height: 100%;
}
#content hr {
    height: 1px;
}
#content.landing hr {
    background-color: #000;
}
#content #hero-wrapper.lp hr {
    background-color: #fff;
}
.breakpoint-desktop #content #hero-wrapper.lp:not(.students) hr,
.breakpoint-tablet #content #hero-wrapper.lp:not(.students) hr,
.breakpoint-desktop #content #hero-wrapper.lp:not(.professors) hr,
.breakpoint-tablet #content #hero-wrapper.lp:not(.professors) hr {
    display: none;
}
.breakpoint-desktop #content #hero-wrapper.lp.students hr,
.breakpoint-tablet #content #hero-wrapper.lp.students hr,
.breakpoint-desktop #content #hero-wrapper.lp.professors hr,
.breakpoint-tablet #content #hero-wrapper.lp.professors hr {
    display: block;
}
#hero-wrapper.lp .hero-content .hero-slide {
    padding-bottom: 30px;
}
.breakpoint-tablet #hero-wrapper.lp .hero-content .hero-slide {
    padding-bottom: 60px;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide,
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide {
    padding-bottom: 0;
}
#hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter {
    max-width: 1024px;
    margin: 0 auto;
    padding: 0;
}
.breakpoint-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter {
    padding-top: 30px;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter,
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter {
    padding: 35px 0;
    float: none;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter {
    width: 460px !important;
}
#hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter h1,
#hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter h2 {
    display: block;
    font-family: 'FlamaCndL', Helvetica, Arial, sans-serif;
    margin: 30px 5px;
    font-size: 3em;
    line-height: 1em;
    color: #ffffff;
    font-weight: 200;
    letter-spacing: 0;
    text-align: left;
}
#content.students .hero-content h2,
.main-wrapper.students .hero-content h2 {
    width: 80%;
}
#hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .headline {
    display: block;
    font-size: 1em;
    margin: 85px 0 0;
    color: #fff;    
}
.breakpoint-desktop #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .headline {
    position: relative;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .headline,
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .headline {
    width: 100%;
    margin: 0;
}
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .headline {
    padding-top: 0;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter h2 {
    margin: 20px 5px;
    font-size: 3em;
    line-height: 1em;
}
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter h2 {
    font-size: 2.3em;
    margin: 20px 5px;
}
.breakpoint-phone #hero-wrapper.lp.professors .hero-content .hero-slide .heroBg .itemCenter h2,
.breakpoint-phone #hero-wrapper.lp.students .hero-content .hero-slide .heroBg .itemCenter h2 {
    font-size: 2.3em;
    margin: 15px 5px;
}
#hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img {
    position: relative;
    left: 8%;
    width: auto;
    max-width: 27%;
    height: 100%;
    margin: 7% 3% 0 0;    
}
#hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img {
    width: 100%;
}
.breakpoint-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img,
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img,
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img {
    width: 100%;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img,
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img {
    bottom: -40px;
}
.breakpoint-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img {
    position: absolute;
    top: 18%;
    left: auto;
    right: 64%;
    width: 300px;
    max-width: 100%;
    height: 334px;
}
.breakpoint-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img {
    margin: 25px 0 0 3%;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img,
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img {
    left: auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    float: none;
    padding-top: 20px;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img,
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img {
    height: 135px;
    max-width: 195px;
}
 .breakpoint-phone #hero-wrapper.lp.students .hero-content .hero-slide .heroBg .itemCenter .img {
    max-width: 170px;
 }
.breakpoint-small-tablet #hero-wrapper.lp.about-wsj .hero-content .hero-slide .heroBg .itemCenter .img,
.breakpoint-phone #hero-wrapper.lp.about-wsj .hero-content .hero-slide .heroBg .itemCenter .img {
    max-width: 135px;
}
.breakpoint-phone #hero-wrapper.lp.manage .hero-content .hero-slide .heroBg .itemCenter .img {
    max-width: 265px;
}
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img {
    padding-top: 20px;
    padding-bottom: 10px;
}
.breakpoint-phone #content.students #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img {
    max-width: 155px;
}
.breakpoint-phone #hero-wrapper.lp.students .hero-content .hero-slide .heroBg .itemCenter .img {
    padding-bottom: 0;
}
.breakpoint-small-tablet .main-wrapper.students #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img,
.breakpoint-phone .main-wrapper.students #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img {
    max-height: none;
    height: 100%;
}
.breakpoint-small-tablet #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img,
.breakpoint-phone #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.breakpoint-small-tablet .main-wrapper.social #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img,
.breakpoint-phone .main-wrapper.social #hero-wrapper.lp .hero-content .hero-slide .heroBg .itemCenter .img img {
    width: 100%;
}
#content .body-content .legal-text {
    padding: 50px 0;
    font-size: 0.9em;
    font-weight: 400;
}
.breakpoint-small-tablet #content .body-content .legal-text,
.breakpoint-phone #content .body-content .legal-text {
    padding: 0 0 40px;
}
#content .sect {
    position: relative;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 40px 0 50px;
}
#content .body-content .sect h2 {
    font-size: 3em;
}
.breakpoint-phone #content .body-content .sect h2 {
    font-size: 2em;
    padding: 0 0 20px;
    max-width: 80%;
    margin: 0 auto;
    display: block;
}
.breakpoint-tablet #content .body-content .sect {
    padding: 40px 0;
}
.breakpoint-phone #content .body-content .sect {
    padding: 20px 0;
}
#content .body-content .sect.section-light {
    background: #ffffff;
    color: #3C3C3C;
}
#content .sect.section-medium {
    background: #f4f3f1;
    color: #3C3C3C;
}
#content .body-content .sect.section-dark {
    background: #e9eff1;
    color: #fff;
}

#content .body-content .sect h3 {
    width: auto;
    font-size: 1.7em;
    line-height: 1em;
    margin: 2px 40px 0;
    font-weight: 600;
    color: #22688e;
    background: #cccccc;
    display: inline-block;
    padding: 0px 10px;
}
.breakpoint-tablet #content .body-content .sect h3,
.breakpoint-desktop #content .body-content .sect h3 {
    font-size: 2.1em;
    margin: 2px 0 0;
    padding: 0px 15px;
}
#content .body-content .sect h4 {
    width: auto;
    font-size: 1.25em;
    line-height: 1em;
    color: #22688e;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 400;
}
.breakpoint-tablet #content .body-content .sect h4,
.breakpoint-desktop #content .body-content .sect h4 {
    font-size: 1.5em;
}
#content .body-content .section-light h3,
#content .body-content .section-light h4 {
    background: #ffffff;
}
#content .body-content .section-medium h3,
#content .body-content .section-medium h4 {
    background: #f5f8fa;
}
#content .body-content .section-dark h3,
#content .body-content .section-dark h4 {
    background: #e9eff1;
}   
#content .body-content .sect span.thin {
    font-weight: 200;
}
.h3-wrapper {
    display: block;
    text-align: center;
    background: url("images/h3bg_3x3.gif") repeat-x left center;
    padding: 0;
    margin: 20px 10% 40px;
}
.breakpoint-tablet .h3-wrapper,
.breakpoint-desktop .h3-wrapper {
    margin: 30px 20% 50px;
}

#content .body-content .sect p {
    font-size: 1em;
    line-height: 1.6em;
    letter-spacing: .5pt;
    font-weight: 400;
}
.breakpoint-tablet #content .body-content .sect p,
.breakpoint-small-tablet #content .body-content .sect p,
.breakpoint-phone #content .body-content .sect p {
    font-size: 1em;
    line-height: 2em;
}
.breakpoint-tablet #content .body-content .sect p.sm-text,
.breakpoint-desktop #content .body-content .sect p.sm-text {
    font-size: .8em;
}

#content .body-content .sect a.tealBoxBtn {
    display: inline-block;
    outline: 0;
    min-width: 140px;
}

.pixel-liner {
    display: block;
    text-align: center;
    background: url("images/h3bg_1x1.gif") repeat-x left center;
    margin: 0 5px;
}
.breakpoint-tablet .pixel-liner,
.breakpoint-desktop .pixel-liner {
    margin: 0 10%;
}

#content .body-content .sect .thumb-container {
    max-width: 100%;
    margin: 0 auto 20px;
}

.breakpoint-tablet #content .body-content .sect .thumb-container,
.breakpoint-desktop #content .body-content .sect .thumb-container {
    max-width: 80%;
    margin-bottom: 30px;
}





#content .body-content .sect a.mapBtn {
    min-width: 70px;
    margin-top: 20px;
    margin-bottom: 10px;
}
#gmap-content h2#firstHeading {
    display: block;
    background: url("images/wsjdlive-pin.png") no-repeat 0 0;
    width: 166px;
    height: 38px;
    font: 0/0 a;
    margin: 0;
    overflow: hidden;
}












#content .footer-content {
    width: auto;
    padding: 30px 0 35px;
    text-align: center;
    background: #f4f3f1;
}
#content.landing .footer-content {
    border-top: 1px solid rgb(77,77,77);
}
.breakpoint-tablet #content .footer-content,
.breakpoint-desktop #content .footer-content {
    padding: 15px 0 20px;
}
#content .footer-content .wrapper {
    position: relative;
}
#content .footer-content .footer-copy {
    display: inline-block;
    float: none;
    margin-top: 10px;
    margin-left: 0;
    text-align: center;
}
#content .footer-content .footer-social {
    position: absolute;
    display: block;
    float: none;
    top: 10px;
    right: 30%;
    margin-right: -140px;
}
.breakpoint-phone #content .footer-content .footer-social,
.breakpoint-small-tablet #content .footer-content .footer-social,
.breakpoint-tablet #content .footer-content .footer-social {
    display: none;
}
.breakpoint-desktop #content .footer-content .footer-social {
    right: 18%;
    top: 12px;
    margin-right: -140px;
}

#content .footer-content .footer-social li {
    display: block;
    float: left;
    margin: 0 5px;
}

#content .footer-content .footer-social li a {
    float: left;
    width: 20px;
    height: 20px;
    font: 0/0 a;
    text-shadow: none;
    color: transparent;
    display: block;
}
#content .footer-content .footer-social li a.facebook {
    background: url("images/sprite.svg") no-repeat -135px -200px;
}
#content .footer-content .footer-social li a.facebook {
    background: url("images/sprite.png") no-repeat -135px -200px;
}
#content .footer-content .footer-social li a.twitter {
    background: url("images/sprite.svg") no-repeat -166px -200px;
}
#content .footer-content .footer-social li a.twitter {
    background: url("images/sprite.png") no-repeat -166px -200px;
}
#content .footer-content .footer-social li a.linkedin {
    background: url("images/sprite.svg") no-repeat -196px -200px;
}
#content .footer-content .footer-social li a.linkedin {
    background: url("images/sprite.png") no-repeat -196px -200px;
}
#content .footer-content .footer-social li a.youtube {
    background: url("images/sprite.svg") no-repeat -227px -200px;
}
#content .footer-content .footer-social li a.youtube {
    background: url("images/sprite.png") no-repeat -227px -200px;
}

#content .footer-copy {
    margin: 0;
    padding: 0px;
    color: #58585b;
    line-height: 14px;
}
#content .footer-copy a {
    text-decoration: none;
}
#content .footer-copy a:hover {
    text-decoration: none;
    color: #22b9cd;
}
#content .footer-copy p {
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: .8em;
    font-weight: 200;
    line-height: 1.5em;
    margin: 0;
}
.breakpoint-tablet #content .footer-copy p,
.breakpoint-desktop #content .footer-copy p {
    font-size: .75em;
    margin-right: 30px;
}

#main-wrapper {
    height: 100%;
}
#hero-wrapper {
    height: 100%;
    max-height: 440px;
}
.breakpoint-tablet #hero-wrapper,
.breakpoint-small-tablet #hero-wrapper,
.breakpoint-phone #hero-wrapper {
    max-height: 640px;
}
a.dark {
    color: #3C3C3C;
    text-decoration: none;
}
a.light {
    color: #fff;
    text-decoration: none;    
}
a.greyBtn,
a.greyBtn:active,
a.greyBtn:visited {
    color: #3C3C3C;
    text-decoration: none;
}

a.greyBtn:hover {
    color: #222222;
}

a.blueBtn,
a.blueBtn:active,
a.blueBtn:visited {
    color: #0098D5;
    text-decoration: none;
}

a.blueBtn:hover {
    color: #006699;
}
.blueBoxBtn,
.blueBoxBtn:active,
.blueBoxBtn:visited {
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    background-color: #0088c7;
    text-transform: uppercase;
    padding: 15px 30px;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 0.1em;        
}
a.blueBoxBtn:hover {
    color: #ffffff;
    background-color: rgb(63,169,245);        
}

a.tealBoxBtn,
a.tealBoxBtn:active,
a.tealBoxBtn:visited {
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-size: 1em;
    color: #FFFFFF;
    background-color: #35adbc;
    text-transform: uppercase;
    padding: 14px 24px;
    text-decoration: none;
    font-weight: 400;
    letter-spacing: 0.1em;        
}
a.tealBoxBtn:hover {
    color: #ffffff;
    background-color: #16333a;        
}

a.greyBoxBtn,
a.greyBoxBtn:active,
a.greyBoxBtn:visited,
div.greyBoxBtn,
div.greyBoxBtn:active,
div.greyBoxBtn:visited {
    display: inline;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #4d4d4d;
    background-color: #f4f3f1;
    text-transform: uppercase;
    text-align: center;
    width: 150px;
    padding: 15px 30px;
    text-decoration: none;    
}
a.greyBoxBtn:hover,
div.greyBoxBtn:hover {
    cursor: pointer;
    color: #ffffff;
    background-color: #d0d0d0;
    text-decoration: none;        
}
a.darkGreyBoxBtn,
a.darkGreyBoxBtn:active,
a.darkGreyBoxBtn:visited {
    position: inherit;
    padding: 15px 30px;
    color: #fff;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;   
    text-decoration: none;
    text-transform: uppercase;
    background-color: rgb(77,77,77);
}
a.darkGreyBoxBtn:hover,
div.darkGreyBoxBtn:hover {
    cursor: pointer;
    background-color: #3C3C3C;
    text-decoration: none;        
}
a.darkGreyBoxBtn:hover,
div.darkGreyBoxBtn:hover,
a.greyBoxBtn:hover,
div.greyBoxbtn:hover {
    text-decoration: none;
}
.darkGreyBoxBtn.large,
.darkGreyBoxBtn.large:active,
.darkGreyBoxBtn.large:visited {
    padding: 8px 17px;
    width: auto;
    font-size: 1.5em;
    min-width: 80px;
}
.breakpoint-phone .darkGreyBoxBtn {
    width: 80%;
}
.breakpoint-phone a.darkGreyBoxBtn.large,
.breakpoint-phone a.darkGreyBoxBtn.large:active,
.breakpoint-phone a.darkGreyBoxBtn.large:visited {
    font-size: 1em;
}
div.darkGreyBoxBtn,
div.darkGreyBoxBtn:active,
div.darkGreyBoxBtn:visited  {
    display: inline;
    width: 150px;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #fff;
    background-color: rgb(77,77,77);
    text-align: center;
    text-transform: uppercase;
    padding: 15px 30px;
    text-decoration: none;       
}
#content.landing div.darkGreyBoxBtn,
#content.landing div.darkGreyBoxBtn:active,
#content.landing div.darkGreyBoxBtn:visited {
    display: inline-block;
}
.social-2 div.darkGreyBoxBtn,
.social-3 div.darkGreyBoxBtn {
    width: auto;
}
.breakpoint-phone .social-2 div.darkGreyBoxBtn, 
.breakpoint-phone .social-3 div.darkGreyBoxBtn {
    display: inline-block;
}
.breakpoint-phone .wrapper div.darkGreyBoxBtn,
.breakpoint-phone .wrapper div.darkGreyBoxBtn:active,
.breakpoint-phone .wrapper div.darkGreyBoxBtn:visited {
    margin: 0 auto 10px;
}
.darkGreyBoxBtn.wide,
.darkGreyBoxBtn.wide:active,
.darkGreyBoxBtn.wide:visited  {
    width: 250px;
}
.breakpoint-phone .darkGreyBoxBtn.wide,
.breakpoint-phone .darkGreyBoxBtn.wide:active,
.breakpoint-phone .darkGreyBoxBtn.wide:visited  {
    width: auto;
}
.wrapper .cta-wrapper a {
    text-decoration: none;
}
.wrapper .cta-wrapper a:hover,
.wrapper .btnWrapper a:hover {
    text-decoration: none;
}
.wrapper div.darkGreyBoxBtn:hover {
    background-color: #3C3C3C;
    text-decoration: none;        
}
a.darkBoxBtn,
a.darkBoxBtn:active,
a.darkBoxBtn:visited {
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
    color: #FFFFFF;
    background-color: #22b9cd;
    text-transform: uppercase;
    padding: 23px 85px;
    text-decoration: none;
    font-weight: 500;
    letter-spacing: .1em;
}
a.darkBoxBtn:hover {
    color: #ffffff;
    background-color: #16333a;        
}

a.videoBtnBox,
a.videoBtnBox:active,
a.videoBtnBox:visited {
    display: inline-block;
    position: relative;
    color: #dfdfdf;
    background: #35adbc;
    width: 160px;
    height: 100px;
    margin: 4px 2px;
    text-decoration: none;
    outline: none;
}
a.videoBtnBox .playIcon {
    background: transparent url("images/sprite.svg") no-repeat -380px 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    z-index: 200;
}
.no-svg a.videoBtnBox .playIcon {
    background: url("images/sprite.png") no-repeat -380px 0;
}
a.videoBtnBox:hover .playIcon {
    background-position: -380px -100px;
}
.breakpoint-phone a.videoBtnBox,
.breakpoint-phone a.videoBtnBox:active,
.breakpoint-phone a.videoBtnBox:visited {
    width: 140px;
    height: 88px;
}
.breakpoint-phone a.videoBtnBox .playIcon {
    background-position: -390px -6px;
}
.breakpoint-phone a.videoBtnBox:hover .playIcon {
    background-position: -390px -106px;
}
.breakpoint-phone a.videoBtnBox img {
    width: 100%;
}

a.photoBtnBox img {
    width: 100%;
}
a.photoBtnBox {
    position: relative;
    width: 100%;
    height: auto;
}
.breakpoint-desktop a.photoBtnBox,
.breakpoint-desktop a.photoBtnBox:active,
.breakpoint-desktop a.photoBtnBox:visited {
    display: inline-block;
    color: #eaeaea;
    background: #dbdbdb;
    width: 160px;
    height: 100px;
    margin: 4px 2px;
    text-decoration: none;
    outline: none;
}
a.photoBtnBox .cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background: #35adbc;
    opacity: .65;
    display: none;
    z-index: 200;
}
.breakpoint-phone a.photoBtnBox .cover {
    display: none;
}

a.closeBtn {
    background: transparent url("images/sprite.svg") -30px -35px no-repeat;
    width: 30px;
    height: 30px;
    padding: 0;
    margin: 0;
    font: 0/0 a;
    text-shadow: none;
    cursor: pointer;
}
.no-svg a.closeBtn {
    background: transparent url("images/sprite.png") -30px -35px no-repeat;
}
a.closeBtn:hover {
    background-position: -70px -35px;
}
a.closeBtn.dark {
    background-position: -110px -35px;
}
a.closeBtn.dark:hover {
    background-position: -150px -35px;
}

.greyBox {
    width: 100%;
    height: 100%;
    background: #eaeaea;
}

.addTopSpacing {
    margin-top: 70px !important;
}

.noBotSpacing {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.data {
    display: none;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.nowrap {
    white-space: nowrap;
}

.clearBoth {
    clear: both;
}


/* WSJU Styles */

#content .cta-wrapper {
    margin-top: 30px;
}
#content .body-content .section-2 .text-wrapper p.engage-2,
#content .body-content .section-3 .text-wrapper p.engage-3,
#content.professors .body-content .section-1 .text-wrapper p.manage-1,
#content.professors .body-content .sect .text-wrapper p.manage-3,
#content .body-content .sect .text-wrapper p.integrate-1,
#content .body-content .sect .text-wrapper p.integrate-4,
#content .body-content .sect .text-wrapper p.about-wsj-1,
.breakpoint-small-tablet #content .body-content .sect .wrapper.integrate-3 .cta-wrapper, {
    margin: 0 !important;
}
.breakpoint-phone #content .features.features-2,
.breakpoint-tablet #content .features.features-2 {
    height: 100%;
}
#content .features.features-2 .feature .image img,
.breakpoint-widescreen #content.professors .body-content .sect p.manage-1
.breakpoint-desktop #content.professors .body-content .sect p.manage-1,
.breakpoint-tablet #content.professors .main-wrapper.manage .feature .text-wrapper,
.breakpoint-tablet #content .body-content .sect p.engage-1,
.breakpoint-tablet #content .body-content .subpage-section,
.breakpoint-tablet #content .body-content .subpage-wrapper,
.breakpoint-tablet #content .body-content .subpage-image img,
.breakpoint-tablet #content.landing .body-content .cta-section,
.breakpoint-tablet #content .body-content .sect .text-wrapper.engage-2,
.breakpoint-tablet #content .body-content .text-wrapper.about-wsj-1,
.breakpoint-tablet #content .body-content .text-wrapper.social-3,
.breakpoint-tablet #content .body-content .sect p.manage-1,
.breakpoint-tablet #content .sect.digital-print .wrapper.digital .text-wrapper,
.breakpoint-small-tablet #content .body-content .sect p.engage-1,
.breakpoint-small-tablet #content .body-content .sect .text-wrapper.engage-2,
.breakpoint-small-tablet #content .body-content .subpage-section,
.breakpoint-small-tablet #content .body-content .subpage-wrapper,
.breakpoint-small-tablet #content .body-content .subpage-image img,
.breakpoint-small-tablet #content .wrapper.integrate-3 .cta-wrapper,
.breakpoint-small-tablet #content.landing .body-content .cta-section,
.breakpoint-small-tablet #content .body-content .text-wrapper.about-wsj-1,
.breakpoint-small-tablet #content.students .body-content .text-wrapper.manage-1,
.breakpoint-small-tablet #content .body-content .sect p.manage-1,
.breakpoint-small-tablet #content .body-content .text-wrapper.social-3,
.breakpoint-phone #content .wrapper .cta-wrapper,
.breakpoint-phone #content .body-content .sect p.engage-1,
.breakpoint-phone #content.landing .body-content .cta-section,
.breakpoint-phone #content .body-content .text-wrapper.about-wsj-1,
.breakpoint-phone #content.students .body-content .text-wrapper.manage-1,
.breakpoint-phone #content.professors .section-1 p.manage-1,
.breakpoint-phone #content .body-content .text-wrapper.social-3,
.breakpoint-phone #content .body-content .sect .text-wrapper.engage-1{
    width: 100%;
}

#content .body-content .subpage-image,
#content .body-content .text-wrapper.integrate-2,
#content .body-content .sect h2.integrate-4,
#content .body-content .sect h2.engage-3,
#content .body-content .sect .wrapper.engage-3,
#content.professors .body-content .wrapper.manage-4,
#content .sect p.integrate-4,
#content .body-content .sect .text-wrapper.about-wsj-1,
#content .body-content .sect .text-wrapper.about-wsj-2,
#content .body-content .text-wrapper.social-3,
#content.professors .body-content .sect .wrapper.manage-2,
#content.students .text-wrapper.manage-2,
#content.students .text-wrapper.manage-3,
.breakpoint-tablet #content .body-content .sect .text-wrapper.engage-1,
.breakpoint-tablet #content.professors .wrapper.manage-1 .cta-wrapper,
.breakpoint-tablet #content .body-content .sect .text-wrapper.engage-2,
.breakpoint-tablet #content .body-content .wrapper.about-wsj-1,
.breakpoint-tablet #content .body-content .wrapper.social-3,
.breakpoint-tablet #content.professors .body-content .sect .wrapper.manage-1,
.breakpoint-tablet #content .sect.digital-print .wrapper.digital h2,
.breakpoint-small-tablet #content .features .feature .headline,
.breakpoint-small-tablet #content .body-content .sect h2.integrate-3,
.breakpoint-small-tablet #content .body-content .sect .text-wrapper.integrate-3,
.breakpoint-small-tablet #content .body-content .sect .text-wrapper.engage-1,
.breakpoint-small-tablet #content .body-content .sect .text-wrapper.engage-2,
.breakpoint-small-tablet #content.professors .wrapper.manage-1 .cta-wrapper,
.breakpoint-small-tablet #content.students .body-content .text-wrapper.manage-1,
.breakpoint-small-tablet #content.students .wrapper.manage-1 .cta-wrapper,
.breakpoint-small-tablet #content .body-content .wrapper.about-wsj-1,
.breakpoint-small-tablet #content .body-content .wrapper.about-wsj-4,
.breakpoint-small-tablet #content .body-content .wrapper.social-3,
.breakpoint-phone #content .sect.digital-print .wrapper.digital h2,
.breakpoint-phone #content .body-content .sect h2.integrate-3,
.breakpoint-phone #content.professors .wrapper.manage-1 .cta-wrapper,
.breakpoint-phone #content .wrapper.integrate-1 p.quote,
.breakpoint-phone #content .wrapper.integrate-1 p.quote-source,
.breakpoint-phone #content .sect.below-hero,
.breakpoint-phone #content .body-content .sect .text-wrapper.engage-1,
.breakpoint-phone #content .body-content .sect .text-wrapper.engage-2,
.breakpoint-phone #content .main-wrapper.engage .section-4 .text-wrapper,
.breakpoint-phone #content .body-content .wrapper.about-wsj-1,
.breakpoint-phone #content.students .body-content .text-wrapper.manage-1,
.breakpoint-phone #content.students .wrapper.manage-1 .cta-wrapper,
.breakpoint-phone #content .body-content .wrapper.social-3 {
    text-align: center;
}

.breakpoint-desktop #content .body-content.strip,
.breakpoint-tablet #content .body-content.strip {
    padding-top: 40px;
}
#content.professors .body-content .sect img.manage-3,
#content .wrapper.faqs-2 img {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: tranlateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.breakpoint-phone #content .wrapper.faqs-2 .cta-wrapper .greyBoxBtn {
    padding: 15px;
}
.breakpoint-desktop:not(.breakpoint-widescreen) #content .body-content .sect img.engage-2 {
    top: 32px;
}
.breakpoint-tablet #content .body-content .sect img.engage-2 {
    position: absolute;
    bottom: -90px;
    width: 45%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;    
}
.breakpoint-small-tablet #content .body-content .sect img.engage-2,
.breakpoint-phone #content .body-content .sect img.engage-2 {
    position: relative;
    bottom: -25px;
    display: block;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.breakpoint-phone #content .body-content .sect img.engage-2 {
   bottom: -25px;
   width: 80%;
}
.breakpoint-tablet #content.professors .body-content .sect .wrapper.manage-1 {
    padding-bottom: 250px;
}
.breakpoint-small-tablet #content.professors .body-content .sect .wrapper.manage-1 {
    padding-bottom: 200px;
}
.breakpoint-desktop #content.professors .body-content .sect .wrapper.manage-4,
.breakpoint-tablet #content.professors .body-content .sect .wrapper.manage-4 {
    padding: 30px 0 60px;
}
#content .body-content .sect .wrapper.engage-1 {
    padding: 40px 0 100px;
}
#content .body-content .sect .wrapper.engage-1 {
    height: 100%;
}
.breakpoint-tablet #content .body-content .sect .wrapper.engage-1 {
    height: 100%;
    padding-bottom: 370px;    
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.engage-1,
.breakpoint-phone #content .body-content .sect .wrapper.engage-1 {
    height: 100%;
    padding-top: 0;
    padding-bottom: 60%;
}
.breakpoint-phone #content .body-content .sect .wrapper.engage-1 {
    padding: 0;
}
.breakpoint-phone #content .body-content .wrapper.about-wsj-1 {
    margin-top: 30px;
    padding-bottom: 40px;
}
.breakpoint-phone #content .body-content .wrapper.about-wsj-2 {
    padding-top: 30px;
}
.breakpoint-phone #content.professors .body-content .sect .wrapper.manage-1 {
    padding-bottom: 160px;
}
.breakpoint-tablet #content.students .text-wrapper.manage-2 {
    width: 60%;
    margin: 0 auto;
}
.breakpoint-small-tablet #content.students .wrapper.manage-1,
.breakpoint-phone #content.students .wrapper.manage-1 {
    height: 495px;
    margin-bottom: 30px;
}
#content .video-section {
    padding: 40px 0;
    width: 895px;
    margin: 0 auto;
}
.breakpoint-tablet #content .video-section,
.breakpoint-small-tablet #content .video-section,
.breakpoint-phone #content .video-section {
    padding-top: 0;
    width: 100%;
}
.breakpoint-small-tablet #content .video-section,
.breakpoint-phone #content .video-section {
    padding-top: 0;
    padding-bottom: 0;
}
#content .play-btn {
    position: absolute;
    left: 47%;
    bottom: 110px;
    height: 50px;
    width: 50px;
    background-position: 0px 0px;
}
.breakpoint-small-tablet #content .play-btn {
    left: 44%;
}
.breakpoint-phone #content .play-btn {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#content .youtube-container .play-btn {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    bottom: auto;
    top: 50%;
    -webkit-transform: tranlateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#content .youtube-container .play-btn:hover {
    cursor: pointer;
}
#content a:hover .play-btn,
#content .youtube-container:hover .play-btn {
    background-position: 0px 50px;
    cursor: pointer;
}
#content .video-section .video-wrapper {
    position: relative;
    width: 100%;
    min-height: 350px;
}
.breakpoint-tablet #content .video-section .video-wrapper {
    padding-top: 40px;
}
.breakpoint-small-tablet #content .video-section .video-wrapper,
.breakpoint-phone #content .video-section .video-wrapper {
    padding-bottom: 20px;
}
.breakpoint-phone #content .video-section .video-wrapper {
    width: 100%;
    margin: 0 auto;
}
#content .video-section .video-wrapper .video-embed.desktop {
    width: 50%;
}
#content .video-section .video-wrapper .video-embed.mobile {
    display: none;
}
.breakpoint-tablet #content .video-section .video-wrapper .video-embed,
.breakpoint-small-tablet #content .video-section .video-wrapper .video-embed,
.breakpoint-phone #content .video-section .video-wrapper .video-embed {
    display: none;
}
.breakpoint-tablet #content .video-section .video-wrapper .video-embed.mobile,
.breakpoint-small-tablet #content .video-section .video-wrapper .video-embed.mobile,
.breakpoint-phone #content .video-section .video-wrapper .video-embed.mobile {
    width: 100%;
    display: block;
}
.breakpoint-tablet #content .video-section .video-wrapper .video-embed.mobile,
.breakpoint-small-tablet #content .video-section .video-wrapper .video-embed.mobile,
.breakpoint-phone #content .video-section .video-wrapper .video-embed.mobile {
    float: none;
}
#content .video-section .video-wrapper .video-text {
    width: 47%;
}
.breakpoint-tablet #content .video-section .video-wrapper .video-text,
.breakpoint-small-tablet #content .video-section .video-wrapper .video-text,
.breakpoint-phone #content .video-section .video-wrapper .video-text {
    width: 100%;
    padding-right: 0;
    padding-bottom: 20px;
}
.breakpoint-tablet #content .video-section .video-wrapper .video-text,
.breakpoint-small-tablet #content .video-section .video-wrapper .video-text,
.breakpoint-phone #content .video-section .video-wrapper .video-text {
    float: none;
}
#content .video-section .video-wrapper .video-text .video-title {
    padding-bottom: 10px;
}
.breakpoint-tablet #content .video-section .video-wrapper .video-text .video-title,
.breakpoint-small-tablet #content .video-section .video-wrapper .video-text .video-title,
.breakpoint-phone #content .video-section .video-wrapper .video-text .video-title {
    padding-bottom: 20px;
}
#content .video-section .video-wrapper .video-text .video-description {
    font-weight: 400;
    line-height: 1.5em;
}
.breakpoint-tablet #content .video-section .video-wrapper .video-text .video-description,
.breakpoint-small-tablet #content .video-section .video-wrapper .video-text .video-description,
.breakpoint-phone #content .video-section .video-wrapper .video-text .video-description {
    padding-top: 10px;
}
#content .section-3 .text-wrapper.integrate-3 {
    width: 60%;
    margin: 0 !important;
}
.breakpoint-tablet #content .section-3 .text-wrapper.integrate-3,
.breakpoint-small-tablet #content .section-3 .text-wrapper.integrate-3 {
    width: 100%;
    text-align: center;
}
.breakpoint-phone #content .section-3 .text-wrapper.integrate-3 {
    width: 100%;
}
.breakpoint-small-tablet #content .section-3 p.integrate-3,
.breakpoint-phone #content .sect p.integrate-1,
.breakpoint-phone #content .section-3 p.integrate-3 {
    width: auto;
    text-align: center;
}
.breakpoint-phone #content .sect p.integrate-1 { 
    padding-bottom: 0;
}
#content .body-content .wrapper.integrate-3 ul.assessment-tool {
    list-style: disc;
    list-style-position: inside;
    padding: 25px 0 25px; 
}
.breakpoint-phone #content .body-content .wrapper.integrate-3 ul.assessment-tool {
    padding: 25px 20px;
}
#content .body-content .wrapper.integrate-3 ul.assessment-tool strong {
    font-weight: 600;
}
#content .wrapper.integrate-1 .text-wrapper p.integrate-1 {
    margin-top: 15px;
}
#content .wrapper .cta-wrapper {
    width: 375px;
    margin: 30px auto 60px;
}
.breakpoint-small-tablet #content .wrapper.integrate-2 .cta-wrapper,
.breakpoint-phone #content .wrapper.integrate-2 .cta-wrapper {
    margin-bottom: 0;
}
#content .wrapper.engage-2 .cta-wrapper {
    margin: 30px 0;
    width: auto;
}
.breakpoint-phone #content .wrapper.about-wsj-4 .cta-wrapper{
    margin-bottom: 0;
}
#content .wrapper.integrate-1 .cta-wrapper {
    position: absolute;
    top: 0;
    right: 20px;
    width: 30%;
    margin-top: 0;
    display: inline-block;
}
.breakpoint-tablet #content .wrapper.integrate-1 .cta-wrapper {
    width: 100%;
    margin: 0 auto;
    position: static;
    display: block;
    text-align: center;
}
.breakpoint-small-tablet #content .wrapper.integrate-1 .cta-wrapper {
    width: 80%;
    margin: 0 auto;
    position: static;
    display: block;
    text-align: center;    
}
.breakpoint-phone #content .wrapper.integrate-1 .cta-wrapper {
    width: 90%;
    margin: 0 auto;
    position: static;
    display: block;
    text-align: center;   
}
#content .wrapper.integrate-1 .cta-wrapper a {
    display: block;
}
.breakpoint-tablet #content .wrapper.integrate-1 .cta-wrapper a {
    display: inline-block;
}
#content .wrapper.integrate-1 .cta-wrapper .icon-button-wrapper {
    display: block;
    height: 112px;
    position: relative;    
}
.breakpoint-tablet #content .wrapper.integrate-1 .cta-wrapper .icon-button-wrapper {
    position: relative;    
    display: block;
    height: 225px;
    width: 170px;
    margin: 0 15px;
}
.breakpoint-small-tablet #content .wrapper.integrate-1 .cta-wrapper .icon-button-wrapper,
.breakpoint-phone #content .wrapper.integrate-1 .cta-wrapper .icon-button-wrapper {
    margin: 20px 0 30px;
}
#content .wrapper.integrate-1 .cta-wrapper .icon-button-wrapper img {
    width: 32%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: tranlateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);    
}
.breakpoint-tablet #content .wrapper.integrate-1 .cta-wrapper .icon-button-wrapper img {
    position: absolute;
    top: auto;
    bottom: 85px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;    
    width: 65%;
    display: block;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    transform: none;    
}
#content .wrapper.integrate-1 .cta-wrapper .darkGreyBoxBtn {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: tranlateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 150px;
    padding: 10px;
}
.breakpoint-tablet #content .wrapper.integrate-1 .cta-wrapper .darkGreyBoxBtn {
    position: absolute;
    top: auto;
    bottom: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;    
    transform: none;
    display: block;
}
.breakpoint-small-tablet #content .wrapper.integrate-1 .cta-wrapper .darkGreyBoxBtn {
    padding: 15px;
}
.breakpoint-phone #content .wrapper.integrate-1 .cta-wrapper .darkGreyBoxBtn {
    padding: 15px 5px;
}
#content .body-content .sect img.about-wsj-4,
#content.students .body-content img.manage-2
 {
    margin: 30px auto;
}
.breakpoint-phone #content .body-content .sect img.about-wsj-4 {
    margin: 60px auto;
}
#content.professors .main-wrapper.manage .wrapper .cta-wrapper {
    margin: 50px 0;
}
.breakpoint-tablet #content.professors .main-wrapper.manage .wrapper .cta-wrapper {
    margin: 30px auto;
}
.breakpoint-phone #content .wrapper.social-1 .cta-wrapper {
    margin: 0 0 40px;
}
.breakpoint-phone #content .wrapper.social-2 .cta-wrapper {
    margin: 40px 0 30px;
}
.breakpoint-phone #content .body-content .sect img.about-wsj-4 {
    width: 80%;
}
.breakpoint-desktop #content .body-content .wrapper.social-3 {
    padding: 40px 0;
}
.breakpoint-phone #content .body-content .wrapper.social-3 {
    padding-top: 30px;
}
#content .body-content .wrapper.social-5 {
    padding: 40px 0;
}
#content .body-content .text-wrapper.social-5 {
    color: #fff;
}
#content .body-content .wrapper.social-6 {
    width: 895px;
    min-height: 215px;
}
#content .body-content .text-wrapper.social-6 {
    position: absolute;
    left: 0;
    width: 50%;
}
.breakpoint-tablet #content .body-content .wrapper.social-6,
.breakpoint-small-tablet #content .body-content .wrapper.social-6,
.breakpoint-phone #content .body-content .wrapper.social-6 {
    text-align: center;
}
.breakpoint-small-tablet #content .body-content .wrapper.social-5,
.breakpoint-phone #content .body-content .wrapper.social-5 {
    min-height: 450px;
}
.breakpoint-tablet #content .body-content .wrapper.social-6,
.breakpoint-tablet #content .body-content .wrapper.social-5 {
    padding: 30px 0;
}
.breakpoint-phone #content .body-content .wrapper.social-6,
.breakpoint-phone #content .body-content .wrapper.social-5 {
    padding: 30px 0;
}
#content .body-content .wrapper.social-3 .cta-wrapper {
    text-align: center;
    margin: 0 auto;
}
.breakpoint-small-tablet #content .body-content .wrapper.social-3 .cta-wrapper {
    margin-top: 25px;
}
.breakpoint-phone #content .body-content .wrapper.social-3 .cta-wrapper {
    margin: 30px auto;
}
#content .body-content .social-4 .cta-wrapper {
    margin-left: 0;
}
#content .body-content .social-4 img.social-4 {
    width: 300px;
}
.breakpoint-small-tablet #content .body-content .social-4 img.social-4 {
    width: 80%;
    margin: 0 auto;
} 
.breakpoint-phone #content .body-content .social-4 img.social-4 {
    width: 50%;
    margin: 0 auto;
}
.breakpoint-tablet #content .body-content .wrapper.social-4 .cta-wrapper ,
.breakpoint-small-tablet #content .body-content .wrapper.social-4 .cta-wrapper ,
.breakpoint-phone #content .body-content .wrapper.social-4 .cta-wrapper  {
    margin: 30px auto;
}
.breakpoint-tablet #content .body-content .wrapper.social-4 ,
.breakpoint-small-tablet #content .body-content .wrapper.social-4 ,
.breakpoint-phone #content .body-content .wrapper.social-4  {
    text-align: center;
}
#content .body-content .social-4 .text-wrapper {
    width: 52%;
    float: right;
    text-align: left;
}
.breakpoint-tablet #content .body-content .social-4 .text-wrapper,
.breakpoint-small-tablet #content .body-content .social-4 .text-wrapper,
.breakpoint-phone #content .body-content .social-4 .text-wrapper {
    width: 100%;
    float: none;
    text-align: center;
    padding-bottom: 30px;
}
#content .body-content .wrapper.social-6 h2,
#content .body-content .wrapper.social-6 p {
    color: #3C3C3C;
}
#content .body-content .wrapper.social-6 img {
    float: right;
}
.breakpoint-tablet #content .body-content .wrapper.social-6 img,
.breakpoint-small-tablet #content .body-content .wrapper.social-6 img {
    position: static;
    padding-top: 30px;
    float: none;
}
.breakpoint-small-tablet #content .body-content .wrapper.social-6 img {
    padding-top: 0;
}
.breakpoint-phone #content .body-content .wrapper.social-6 img {
    position: static;
    padding-top: 0;
    float: none;
}
#content .body-content .wrapper.social-6 .text-wrapper {
    position: relative;
    width: 100%;
    text-align: center;
}
.breakpoint-small-tablet #content .body-content .wrapper.social-5 .text-wrapper,
.breakpoint-phone #content .body-content .wrapper.social-5 .text-wrapper {
    position: static;
    padding-top: 20px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
.breakpoint-tablet #content .body-content .wrapper.social-6 .text-wrapper,
.breakpoint-small-tablet #content .body-content .wrapper.social-6 .text-wrapper,
.breakpoint-phone #content .body-content .wrapper.social-6 .text-wrapper {
    position: static;
    text-align: center;
    transform: none;
}
.breakpoint-phone #content .body-content .wrapper.social-6 .text-wrapper {
    padding-bottom: 0;
}
#content .body-content .wrapper.social-5 .text-wrapper {
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
#content.professors .main-wrapper.manage .wrapper .text-wrapper .cta-wrapper,
#content .wrapper.social-3 .cta-wrapper,
#content.students .body-content .wrapper.manage-1 .cta-wrapper,
#content .main-wrapper .wrapper.faqs-2 .text-wrapper .cta-wrapper  {
    margin: 30px 0;
}
#content.professors .main-wrapper .wrapper.manage-2 .text-wrapper .cta-wrapper {
    margin: 30px auto;
}
.breakpoint-small-tablet #content.professors .main-wrapper.manage .wrapper .cta-wrapper,
.breakpoint-small-tablet #content .wrapper.faqs-2 .cta-wrapper {
    width: 100%;
    margin: 20px auto 40px;
}
#content.students .wrapper.manage-2 img {
    position: absolute;
    left: 0;
    top: -39px;
}
.breakpoint-tablet #content.students .wrapper.manage-2 img {
    top: 21px;
}
.breakpoint-small-tablet #content.students .wrapper.manage-2 img,
.breakpoint-phone #content.students .wrapper.manage-2 img {
    top: auto;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 95px;
}
.breakpoint-phone #content.students .wrapper.manage-2 img {
    bottom: -60px;
}
#content .wrapper .cta-wrapper hr {
    margin: 30px 0 60px;
}
#content .wrapper.engage-1 .cta-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
}
.breakpoint-tablet #content .wrapper.engage-1 .cta-wrapper,
.breakpoint-small-tablet #content .wrapper.engage-1 .cta-wrapper,
.breakpoint-phone #content .wrapper.engage-1 .cta-wrapper  {
    position: relative;
    text-align: center;
}
#content .body-content .sect .wrapper.integrate-3 .cta-wrapper {
    margin: 40px 0 0;
}
.breakpoint-tablet #content .body-content .sect .wrapper.integrate-3 .cta-wrapper,
.breakpoint-small-tablet #content .body-content .sect .wrapper.integrate-3 .cta-wrapper {
    position: relative;
    text-align: center;
    margin: 40px auto 0;
}
#content .body-content .wrapper.about-wsj-1 .cta-wrapper {
    margin: 30px 0;
}
#content .wrapper.about-wsj-1 .video-embed {
    margin: 40px auto;
    text-align: center;
}
#content .wrapper .quote-wrapper {
    padding-top: 60px;
}
.breakpoint-small-tablet #content .wrapper .quote-wrapper,
.breakpoint-phone #content .wrapper .quote-wrapper {
    width: 90%;
    margin: 0 auto;
    padding-top: 0;
}
#content .wrapper p.quote {
    margin: 30px 0 0 !important;
    text-align: left;
    font-size: 1.3em !important;
    line-height: 1.5em !important;
    font-weight: 500 !important;
}
.breakpoint-phone #content .wrapper p.quote {
    font-size: 1em !important;
}
#content .wrapper p.quote-source {
    margin: 5px 0 30px !important;
    font-size: 0.9em !important;
    text-align: left;
}
#content .wrapper.integrate-1 p.weekly-header {
    margin: 60px 0 5px !important;
    font-size: 1.5em !important;
    font-weight: 500;
}
.breakpoint-phone #content .wrapper.integrate-1 p.weekly-header {
    text-align: center;
}
#content .wrapper.integrate-1 ul {
    list-style: initial;
    list-style-position: inside;
    padding-top: 20px;
}
.breakpoint-phone #content .wrapper.integrate-1 ul {
    width: 80%;
    margin: 0 auto;
}
#content .section-1 table.weekly-items,
#content .section-4 table.accordian {
    width: 100%;
    margin-top: 20px;
    font-size: 0.8em;
    display: table;
}
#content .section-4 table.accordian a {
    color: #000;
}
#content .table-wrapper {
    background-color: #f4f3f1;
    color: #3C3C3C;
    padding: 20px;
    margin-top: 30px;
}
.breakpoint-phone #content .table-wrapper {
    margin: 30px;
}
#content .table-wrapper hr {
    margin-bottom: 10px;
}
#content .table-wrapper p.table-header {
    margin: 0 0 10px !important;
    font-size: 0.8em;
}
.breakpoint-small-tablet #content .table-wrapper p.table-header,
.breakpoint-phone #content .table-wrapper p.table-header {
    font-size: 1.1em !important;
    text-align: center;
}
#content .table-wrapper p {
    font-weight: 500 !important;
}
.breakpoint-small-tablet table, 
.breakpoint-small-tablet tbody, 
.breakpoint-small-tablet th, 
.breakpoint-small-tablet td, 
.breakpoint-small-tablet tr,
.breakpoint-phone table, 
.breakpoint-phone tbody,
.breakpoint-phone th, 
.breakpoint-phone td, 
.breakpoint-phone tr  {
    display: block;
    font-size: 1.1em;
}
.breakpoint-small-tablet td,
.breakpoint-phone td {
    position: relative;
    padding: 0 !important;
    width: 200px !important;
}
.breakpoint-small-tablet td {
    margin: 20px 0 !important;
}
.breakpoint-phone td {
    margin: 20px auto !important;
    text-align: center;
}
.breakpoint-phone #content .section-1 table.weekly-items td a, 
.breakpoint-phone #content .section-4 table.accordian td {
    width: 100% !important;
}
.breakpoint-small-tablet #content .section-1 table.weekly-items td a, 
.breakpoint-phone #content .section-1 table.weekly-items td a {
    right: 0;
}
.breakpoint-small-tablet #content .section-4 table.accordian td a,
.breakpoint-phone #content .section-4 table.accordian td a {
    position: relative;
    top: auto;
    right: auto;
}
.breakpoint-tablet #content .section-4 table.accordian td {
    padding: 10px 35px;
    font-size: 1.2em;
}
#content .section-1 table.weekly-items td,
#content .section-4 table.accordian td {
    width: 90px;
    position: relative;
    margin-right: 10px;
    padding-bottom: 20px;
    font-weight: 500 !important;
}
#content .section-1 table.weekly-items td {
    height: 35px;
    padding: 15px;
    background-color: #f4f3f1;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
#content .section-1 table.weekly-items td:nth-child(4n){
    border-right: 0;
}
.breakpoint-desktop #content .body-content .wrapper.integrate-4 table.accordian,
.breakpoint-desktop #content .body-content .wrapper.integrate-4 table.accordian.active {
    width: 90%;
    margin: 0 auto;
}
.breakpoint-small-tablet #content .body-content .wrapper.integrate-4 table.accordian,
.breakpoint-small-tablet #content .body-content .wrapper.integrate-4 table.accordian.active {
    padding: 15px 45px;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s; 
    -ms-transition: all ease-in-out 0.1s; 
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;        
}

#content .body-content .wrapper.integrate-4 table.accordian,
#content .body-content .accordian-wrapper .answer,
#content .body-content .reps .rep-info  {
    display: block;
    height: 0;
    transform-origin: top;
    overflow: hidden;
    font-weight: 400;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s; 
    -ms-transition: all ease-in-out 0.1s; 
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;    
}
.breakpoint-phone #content .body-content .accordian-wrapper .answer {
    width: 80%;
    margin: 0 auto;
}
#content .body-content .reps p.no-reps {
    padding-top: 10px;
}
#content .body-content .engage-1 .accordian-wrapper .answer {
    width: 38%;
}
.breakpoint-tablet #content .body-content .engage-1 .accordian-wrapper .answer,
.breakpoint-small-tablet #content .body-content .engage-1 .accordian-wrapper .answer,
.breakpoint-phone #content .body-content .engage-1 .accordian-wrapper .answer {
    margin: 0 auto;
    width: 100%;
}
#content .body-content .wrapper.integrate-4 table.accordian.active,
#content .body-content .accordian-wrapper .answer.active {
    height: 100%;
    padding: 15px 0;
    overflow: visible;
    transform-origin: top;
    -webkit-transition: all ease-in-out 0.1s;
    -moz-transition: all ease-in-out 0.1s; 
    -ms-transition: all ease-in-out 0.1s; 
    -o-transition: all ease-in-out 0.1s;
    transition: all ease-in-out 0.1s;    
}
.breakpoint-phone #content .body-content .accordian-wrapper .answer {
    width: 100%;
}
#content .section-4 table.accordian td  {
    padding: 10px 50px;
}
.breakpoint-small-tablet #content .section-4 table.accordian td {
    height: 30px;
    display: inline-block;
}
.breakpoint-small-tablet #content .section-1 table.weekly-items td {
    height: 45px;
}
.breakpoint-phone #content .section-1 table.weekly-items td {
    width: 100% !important;
    height: 25px;
    padding: 15px 0 !important;
    margin: 2px 0 0 !important;
    border: 0;
}
.breakpoint-small-tablet #content .section-1 table.weekly-items td {
    margin: 0 !important;
    padding: 15px 20px !important;
    border-right: 0;
    width: 189px !important;
}
.breakpoint-small-tablet #content .section-1 table.weekly-items td:nth-child(odd) {
    float: left;
}
.breakpoint-small-tablet #content .section-4 table.accordian td:nth-child(odd) {
    padding-left: 45px;
}
.breakpoint-small-tablet #content .section-1 table.weekly-items td:nth-child(even),
.breakpoint-small-tablet #content .section-4 table.accordian td:nth-child(even) {
    float: right;
}
#content .section-4 table.accordian td img {
    position: absolute;
    top: 13px;
}
.breakpoint-small-tablet #content .section-4 table.accordian td img {
    position: relative;
    top: 0;
    right: auto;
    left: 30px;
}
#content .section-1 table.weekly-items td img {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: tranlateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
#content .section-4 table.accordian td img {
    right: 15%;
}
#content .section-4 table.accordian td img {
    top: 10px;
}
#content table.weekly-items .weekly-item-name {
    position: relative;
    top: 50%;
    -webkit-transform: tranlateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.breakpoint-desktop:not(.breakpoint-widescreen) #content table.weekly-items .weekly-item-name,
.breakpoint-tablet #content table.weekly-items .weekly-item-name,
.breakpoint-small-tablet #content table.weekly-items .weekly-item-name {
    width: 85%;
}
.breakpoint-small-tablet #content table.weekly-items .weekly-item-name {
    font-size: .8em
}
#content .section-3 img.integrate-3 {
    position: absolute;
    bottom: -102px;
    right: 20px;
}
.breakpoint-tablet #content .section-3 img.integrate-3 {
    bottom: -71px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.breakpoint-small-tablet #content .section-3 img.integrate-3,
.breakpoint-phone #content .section-3 img.integrate-3 {
    width: 151px;
    top: auto;
    left: 0;
    right: 0;
    bottom: -88px;
    margin-left: auto;
    margin-right: auto;
}
#content .section-3 p.engage-3 {
    width: 90%;
    margin: 0 auto !important;
}
#content .text-wrapper.integrate-1 {
    width: 50%;
    display: inline-block;
}
.breakpoint-tablet #content .text-wrapper.integrate-1,
.breakpoint-small-tablet #content .text-wrapper.integrate-1 {
    width: 100%;
    padding-bottom: 20px;
}
.breakpoint-phone #content .text-wrapper.integrate-1,
.breakpoint-phone #content .text-wrapper.integrate-1 h2 {
    text-align: center;
}
.breakpoint-phone #content .text-wrapper {
    margin: 0 auto !important;
    width: 100%;    
}
.breakpoint-phone #content .text-wrapper.engage-1 {
    padding-bottom: 50px;
}
#content.professors .section-1 p.manage-1 {
    width: 50%;
}
.breakpoint-small-tablet #content.professors .section-1 p.manage-1,
.breakpoint-small-tablet #content.professors .section-3 p.manage-3 {
    margin: 10px 0 35px !important;
}
.breakpoint-phone #content .body-content .sect .text-wrapper.engage-2 {
    width: 100%;
}
#content .body-content .sect .text-wrapper.engage-2 {
    width: 50%;
    float: right;
    text-align: right;
}
#content .text-wrapper.engage-3 {
    padding-bottom: 80px;
}
.breakpoint-phone #content .text-wrapper.engage-3 {
    padding-bottom: 0;
}
#content.professors .body-content .text-wrapper.manage-3,
#content.students .body-content .text-wrapper.manage-1,
#content .wrapper.faqs-2 .text-wrapper {
    width: 50%;
}
#content.professors .body-content .text-wrapper.manage-3,
#content .wrapper.faqs-2 .text-wrapper {
    margin: 0;
}
.breakpoint-tablet #content.students .body-content .text-wrapper.manage-1 {
    width: 60%;
}
.breakpoint-phone #content.professors .body-content .sect .text-wrapper.manage-3,
#content .wrapper.faqs-2 .text-wrapper {
    min-height: 270px;
}
.breakpoint-small-tablet #content.professors .main-wrapper.manage .text-wrapper,
.breakpoint-phone #content.professors .main-wrapper.manage .text-wrapper,
.breakpoint-small-tablet #content .wrapper.faqs-2 .text-wrapper,
.breakpoint-phone #content .wrapper.faqs-2 .text-wrapper {
    text-align: center;
    width: 100%;
    position: static;
}
.breakpoint-phone #content.professors .main-wrapper.manage .text-wrapper {
    width: auto;
}
#content .body-content .sect .text-wrapper p {
    margin-top: 10px;
}
.breakpoint-small-tablet #content .body-content .sect .text-wrapper p {
    width: 100%;
    margin: 20px auto;
}
.breakpoint-small-tablet #content .body-content .sect .text-wrapper p.engage-1 {
    width: 80%;
    margin: 0 auto;
    padding: 10px 0;
}
.breakpoint-phone #content .body-content .sect .text-wrapper p {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 10px 0;
}
.breakpoint-phone #content .body-content .sect .wrapper.print p:nth-child(n+3) {
    margin: 0 auto !important;
}
.breakpoint-phone #content .body-content .sect .text-wrapper p.manage-1 {
    padding: 0;
}
.breakpoint-small-tablet #content .body-content .sect .text-wrapper p {
    margin: 10px 0;
}
.breakpoint-tablet #content .body-content .sect .text-wrapper p.social-5 {
    margin-top: 30px;
}
#content .body-content .sect p.engage-1,
#content.professors .body-content .sect p.manage-2 {
    margin: 0;
}
#content.professors .body-content .sect p.manage-2,
.breakpoint-tablet #content .body-content .sect p.engage-1 {
    padding: 10px 0;
}
.breakpoint-tablet #content.professors .body-content .sect p.manage-2 {
    margin-top: 20px;
}
.breakpoint-phone #content.professors .body-content .sect p.manage-2 {
    margin: 20px auto !important;
}
.breakpoint-tablet #content.professors .body-content .sect p.manage-2,
.breakpoint-small-tablet #content.professors .body-content .sect p.manage-2,
.breakpoint-phone #content.professors .body-content .sect p.manage-2 {
    float: none;
}
#content .body-content .sect p.engage-1 {
    width: 35%;
}
#content .body-content .sect p.engage-3 {
    margin: 0 auto !important;
}
.breakpoint-tablet #content .body-content .sect p.engage-3 {
    margin-top: 30px !important;
}
.breakpoint-widescreen #content .body-content .sect p.engage-3 {
    width: 65%;
}
.breakpoint-desktop #content .body-content .sect p.engage-3 {
    width: 50%;
}
#content .body-content .sect img.engage-1,
#content .body-content .sect img.about-wsj-1,
#content.students .body-content .sect img.manage-1 {
    position: absolute;
}
#content .body-content .sect img.about-wsj-1 {
    left: 0;
    right: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
#content .body-content .sect img.engage-1 {
    width: 443px;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#content .sect.home {
    color: #fff;
    padding: 45px 0 25px;
}
.breakpoint-tablet #content .sect.home,
.breakpoint-small-tablet #content .sect.home {
    padding-top: 90px;
}
.breakpoint-phone #content .sect.home {
    display: none;
}
.breakpoint-tablet #content .sect.home img,
.breakpoint-small-tablet #content .sect.home img {
    width: 80%;
    position: relative;
    top: -2px;
}
.breakpoint-small-tablet #content .sect.home img {
    top: -4px;
}
#content .sect.home h2 {
    padding: 30px 0;    
    font-size: 3.5em;
    line-height: 1em;
}
.breakpoint-tablet #content .sect.home h2 {
    font-size: 3em;
}
.breakpoint-phone #content .sect.home h2 {
    font-size: 2.3em;
}
#content .sect.home hr {
    background-color: #fff;
}
#content .sect.home hr.top {
    margin-top: -11px;
}
#content .sect.home .sub-headline {
    display: block;
    padding: 20px 0;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-size: 1.38em;
    letter-spacing: normal;
    font-weight: 400;
}
.breakpoint-phone #content .sect.home .disclaimer,
.breakpoint-phone #content .sect.home .sub-headline {
    display: none;
}
#content .sect.home .disclaimer {
    margin: 5px 0;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-size: 0.95em;
    color: #000;
    letter-spacing: 0;
}
.breakpoint-phone #content .sect.home img {
    display: none;
}
.breakpoint-tablet #content h2,
.breakpoint-small-tablet #content h2,
.breakpoint-phone #content h2{
    line-height: 1.2em;
}
.breakpoint-tablet #content .sect.contact h2,
.breakpoint-small-tablet #content .sect.contact h2,
.breakpoint-phone #content .sect.contact h2 {
    padding-top: 20px;
}
.breakpoint-phone #content .sect.contact h2 {
    padding-bottom: 20px;
    max-width: 80%;
    margin: 0 auto;
}
.breakpoint-widescreen #content .body-content .sect img.about-wsj-1 {
    bottom: 0;
}
.breakpoint-desktop:not(.breakpoint-widescreen) #content .body-content .sect img.about-wsj-1 {
    bottom: 0;
}
#content .body-content .wrapper.subscribe {
    padding: 40px 0;
}
.breakpoint-phone #content .body-content .wrapper.subscribe {
    padding: 20px 0;
}
#content .body-content .sect .wrapper.about-wsj-4 .text-wrapper {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 40%;
    text-align: right;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);    
}
.breakpoint-tablet #content .body-content .sect .wrapper.about-wsj-4 .text-wrapper {
    width: 40%;
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.about-wsj-4 .text-wrapper,
.breakpoint-phone #content .body-content .sect .wrapper.about-wsj-4 .text-wrapper {
    position: static;
    width: 100%;
    text-align: center;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;    
}
.breakpoint-tablet #content .body-content .sect .wrapper.about-wsj-4 .text-wrapper p {
    text-align: right;
}
#content .body-content .sect .wrapper.about-wsj-4 .cta-wrapper {
    width: 100%;
}
.breakpoint-tablet #content .body-content .sect .wrapper.about-wsj-4 img {
    width: 50%;
}
#content.students .body-content .sect img.manage-1 {
    bottom: 0;
    right: 15%;
}
.breakpoint-tablet #content.students .body-content .sect img.manage-1 {
    top: 0;
    right: 0;
}
.breakpoint-small-tablet #content.students .sect img.manage-1,
.breakpoint-phone #content.students .sect img.manage-1 {
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}
.breakpoint-small-tablet #content.students .sect img.manage-1 {
    bottom: -50px;
}
.breakpoint-phone #content.students .sect img.manage-1 {
    bottom: -25px;
}
.breakpoint-tablet #content .body-content .sect img.engage-1,
.breakpoint-small-tablet #content .body-content .sect img.engage-1,
.breakpoint-tablet #content .body-content .sect img.about-wsj-1,
.breakpoint-small-tablet #content .body-content .sect img.about-wsj-1 {
    top: auto;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
.breakpoint-tablet #content .body-content .sect img.engage-1 {
    bottom: -10%;
}
.breakpoint-small-tablet #content .body-content .sect img.about-wsj-1 {
    width: 100%;
}
.breakpoint-small-tablet #content .body-content .sect img.engage-1,
.breakpoint-phone #content .body-content .sect img.engage-1 {
    width: 80%;
    bottom: -80px;
}
.breakpoint-phone #content .body-content .sect img.engage-1 {
    position: relative;
    margin: 0 auto;
    display: block;
}
.breakpoint-phone #content .body-content .sect img.about-wsj-1 {
    width: 100%;
    top: auto;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}
.breakpoint-phone #content .body-content .sect img.about-wsj-1  {
    bottom: 0;
    width: 80%;
}
.breakpoint-tablet #content .body-content .sect img.about-wsj-1,
.breakpoint-small-tablet #content .body-content .sect img.about-wsj-1 {
    bottom: 0;
}
#content .body-content .wrapper .accordian-header {
    font-weight: 600 !important;
    padding: 10px 0;
}
.breakpoint-desktop #content .body-content .wrapper.digital .digital-bullets {
    padding-bottom: 10px;
}
#content .body-content .wrapper.digital .digital-bullets p.accordian-header {
    padding: 0;
}
#content .body-content .wrapper .accordian-header:hover {
    cursor: pointer;
}
.breakpoint-phone #content .body-content .wrapper .accordian-wrapper {
    width: 100%;
    margin: 0 auto;
}
#content .body-content .wrapper .accordian-wrapper h3.accordian-header {
    margin: 10px 0 0 0;
    padding: 10px 0;
    height: auto;
    background: none;
    color: #000;
    font-weight: 600 !important;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    font-style: normal;
    line-height: 1.5em;
}
#content .body-content .wrapper.digital .digital-bullets .answer {
    color: #3C3C3C;
    font-size: 1em;
    line-height: 1.6em;
    letter-spacing: .5pt;
    font-weight: 400;
}
.breakpoint-desktop #content .body-content .sect .wrapper.engage-1,
#content .body-content .sect .wrapper.engage-2,
#content .body-content .sect .wrapper.integrate-3,
#content .body-content .sect .wrapper.integrate-4,
#content.professors .body-content .sect .wrapper.manage-1,
#content.professors .body-content .sect .wrapper.manage-2,
#content.professors .body-content .sect .wrapper.manage-3,
#content .wrapper.about-wsj-2,
#content .wrapper.about-wsj-4,
#content.students .wrapper.manage-2,
#content .wrapper.digital,
#content .wrapper.print,
#content .wrapper.social-1,
#content .wrapper.social-2,
.breakpoint-desktop #content .wrapper.social-4,
#content .wrapper.faqs-2
 {
    width: 895px;
}
#content .wrapper.social-1 {
    padding-top: 40px;
    text-align: center;
}
.breakpoint-small-tablet #content .wrapper.social-1 {
    padding-top: 0;
    text-align: center;
}
.breakpoint-phone #content .wrapper.social-1 {
    padding-top: 20px;
    text-align: center;
}
.breakpoint-tablet #content .wrapper.social-2 {
    width: auto;
}
#content .body-content .sect .wrapper.faqs-1 {
    width: 895px;
}
.breakpoint-tablet #content .body-content .sect .wrapper.faqs-1 {
    padding-bottom: 30px;
}
.breakpoint-small-tablet #content .body-content .wrapper.faqs-1 h2 {
    padding: 0 44px;
}
.breakpoint-phone #content .body-content .wrapper.faqs-1 h2 {
    padding: 0 37px;
}
#content .body-content .sect .wrapper.faqs-1 strong {
    font-weight: 600;
}
#content .body-content .sect .wrapper.faqs-1 .faq-section {
    padding: 15px 0;
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.faqs-1 .faq-section,
.breakpoint-phone #content .body-content .sect .wrapper.faqs-1 .faq-section {
    padding: 0;
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.faqs-1 .text-wrapper,
.breakpoint-phone #content .body-content .sect .wrapper.faqs-1 .text-wrapper {
    text-align: center;
}
#content .body-content .faq-contact p {
    color: inherit !important;
}
#content.students .wrapper.manage-2 {
    padding-top: 0;
    margin-top: 50px;
}
.breakpoint-tablet #content.students .wrapper.manage-2 {
    padding-bottom: 59px;
}
.breakpoint-small-tablet #content.students .wrapper.manage-2 {
    height: 314px;
}
.breakpoint-phone #content.students .wrapper.manage-2 {
    height: 375px;
}
.breakpoint-desktop #content .wrapper.about-wsj-2 {
    padding-bottom: 20px;
}
.breakpoint-tablet #content .wrapper.about-wsj-2 {
    padding: 30px 0 60px;
}
.breakpoint-small-tablet #content .wrapper.about-wsj-2 {
    padding-top: 0;
}
.breakpoint-desktop #content .wrapper.about-wsj-4,
.breakpoint-tablet #content .wrapper.about-wsj-4 {
    padding-bottom: 50px;
}
.breakpoint-phone #content .wrapper.about-wsj-4 {
    padding-top: 10px;
    text-align: center;
}
.breakpoint-tablet #content .main-wrapper.about-wsj #section-2 .cta-wrapper {
    padding: 15px 0 30px;
}
#content .wrapper.social-6 .cta-wrapper {
    margin: 40px auto 0;
}
.breakpoint-tablet #content .wrapper.social-6 .cta-wrapper,
.breakpoint-small-tablet #content .wrapper.social-6 .cta-wrapper,
.breakpoint-phone #content .wrapper.social-6 .cta-wrapper {
    margin-left: auto;
}
.breakpoint-tablet #content .wrapper.social-6 .cta-wrapper {
    margin: 40px auto 25px;
}
.breakpoint-tablet #content.professors .body-content .sect .wrapper.manage-2 {
    padding-bottom: 60px;
}
.breakpoint-tablet #content .body-content .sect .wrapper.integrate-3 {
    padding-bottom: 365px;
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.integrate-3,
.breakpoint-phone #content .body-content .sect .wrapper.integrate-3 {
    padding-bottom: 260px;
}
.breakpoint-tablet #content .body-content .sect .wrapper.integrate-4 {
    padding-bottom: 60px;
}
.breakpoint-phone #content .body-content .sect .wrapper.integrate-3 a {
    width: 170px;
    display: block;
    margin: 0 auto;
}
#content .body-content .sect .wrapper.integrate-1 {
    padding-bottom: 125px;
}
#content .body-content .sect .wrapper.integrate-1 {
    padding-bottom: 30px;
}
.breakpoint-phone #content .wrapper.integrate-2 {
    padding: 15px 0 35px;
}
#content .wrapper.integrate-2 ul {
    padding-top: 20px;
    font-weight: 400;
    list-style-position: inside;
}
.breakpoint-phone #content .wrapper.integrate-2 ul {
    width: 80%;
    margin: 0 auto;
}
#content .wrapper.integrate-2 ul li {
    list-style-type: disc;
}
#content .body-content .sect .wrapper.engage-2 {
    padding: 50px 0;
}
.breakpoint-tablet #content .body-content .sect .wrapper.engage-2 {
    height: 375px;
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.engage-2 {
    height: 470px;
    padding-bottom: 0;
}
#content.professors .body-content .sect .wrapper.manage-3,
#content .wrapper.faqs-2 {
    padding: 100px 0 125px;
}

.breakpoint-phone #content.professors .body-content .sect .wrapper.manage-3 {
    padding: 20px 0 80%;
}
.breakpoint-phone #content.professors .body-content .sect .wrapper.manage-3 .greyBoxBtn {
    padding: 15px 12px;
}
.breakpoint-phone #content .wrapper.faqs-2 {
    padding: 20px 0 200px;
}
#content .body-content .sect .wrapper.engage-3 {
    padding: 50px 0 310px;
}
.breakpoint-tablet #content .body-content .sect .wrapper.engage-3 {
    padding-bottom: 370px;
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.engage-3 {
    padding: 50px 0 0;
}
.breakpoint-phone #content .body-content .sect .wrapper.engage-3 {
    padding: 0 0 30px;
}
.breakpoint-desktop #content .body-content .sect .wrapper.engage-2 {
    padding: 20px 0 30px;
    height: 210px;
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.engage-2 {
    padding-top: 0;
}
.breakpoint-phone #content .body-content .sect .wrapper.engage-2  {
    padding: 0;
    height: 525px;
}
.breakpoint-tablet #content .body-content .sect .wrapper.engage-3  {
    height: 150px;
}
.breakpoint-small-tablet #content .body-content .sect .wrapper.engage-3,
.breakpoint-phone #content .body-content .sect .wrapper.engage-3 {
    height: 100%;
}
.breakpoint-tablet #content.professors .body-content .sect .wrapper.manage-3,
.breakpoint-phone #content .body-content .sect .wrapper.integrate-4 {
    padding-bottom: 60px;
}
#content.professors .body-content .sect .wrapper.manage-1 {
    padding: 50px 0;
}
.breakpoint-tablet #content.professors .body-content .sect .wrapper.manage-1,
.breakpoint-small-tablet #content.professors .body-content .sect .wrapper.manage-1,
.breakpoint-phone #content.professors .body-content .sect .wrapper.manage-1 {
    padding-top: 0;
}
#content .body-content .sect img.engage-3 {
    position: absolute;
    bottom: -100px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
.breakpoint-small-tablet #content .body-content .sect img.engage-3,
.breakpoint-phone #content .body-content .sect img.engage-3 {
    position: relative;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    width: 85%;
    margin-left: auto;
    margin-right: auto;    
}
.breakpoint-phone #content .body-content .sect img.engage-3 {
    width: 85%;
    bottom: -20px;
}
.breakpoint-tablet #content .body-content .sect img.engage-3 {
    top: auto;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;      
}
.breakpoint-small-tablet #content.professors .main-wrapper.manage .wrapper img,
.breakpoint-phone #content.professors .main-wrapper.manage .wrapper img,
.breakpoint-small-tablet #content .wrapper.faqs-2 img,
.breakpoint-phone #content .wrapper.faqs-2 img {
    width: 50%;
    position: absolute;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
.breakpoint-phone #content.professors .main-wrapper.manage .wrapper img,
.breakpoint-phone #content .wrapper.faqs-2 img {
    width: 180px;
}
.breakpoint-small-tablet #content .wrapper.faqs-2 img {
    bottom: -20px;
}
.breakpoint-phone #content .wrapper.faqs-2 img {
    top: auto;
    bottom: -80px;
}
.breakpoint-small-tablet #content.professors .main-wrapper.manage .wrapper img {
    top: 250px;
}
.breakpoint-phone #content.professors .main-wrapper.manage .wrapper img {
    top: 445px;
}
#content.professors .body-content .sect img.manage-1 {
    position: absolute;
    right: 0px;
    bottom: -75px;
}
.breakpoint-tablet #content.professors .body-content .sect img.manage-1,
.breakpoint-small-tablet #content.professors .body-content .sect img.manage-1,
.breakpoint-phone #content.professors .body-content .sect img.manage-1 {
    left: 0;
    right: 0;
    margin: 0 auto;    
}
.breakpoint-phone #content.professors .body-content .sect img.manage-1 {
    top: auto;
    width: 175px;
    bottom: -25px;
}
.breakpoint-small-tablet #content.professors .body-content .sect img.manage-1,
.breakpoint-small-tablet #content.professors .body-content .sect img.manage-2,
.breakpoint-small-tablet #content.professors .body-content .sect img.manage-3,
.breakpoint-small-tablet #content .wrapper.faqs-2 img {
    top: auto;
}
.breakpoint-small-tablet #content.professors .body-content .sect img.manage-3 {
    bottom: -15px;
}
.breakpoint-tablet .sect.digital-print,
.breakpoint-small-tablet .sect.digital-print {
    padding-bottom: 0 !important;
}
#content .sect.digital-print .wrapper.digital {
    height: 100%;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.digital,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital {
    text-align: center;
}
.breakpoint-phone #content .sect.digital-print .wrapper.digital {
    padding-top: 0;
    padding-bottom: 50px;
    text-align: center;
}
#content .sect.digital-print .wrapper.digital h2 {
    text-align: right;
}
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital h2 {
    text-align: center;
}
#content .sect.digital-print .wrapper.digital img {
    position: absolute;
    top: 60px;
    left: 0;
}
.breakpoint-phone #content .sect.digital-print .wrapper.digital img {
    position: static;
    width: 80%;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.digital img,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital img {
    position: static;
    margin: 20px auto 40px;
}
.breakpoint-small-tablet #content .sect.digital-print {
    width: 100%;
}
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital img {
    width: 100%;
}
#content .sect.digital-print .wrapper.digital p {
    padding-left: 65%;
    text-align: right;
}
.breakpoint-tablet #content .sect.digital-print .digital-bullets,
.breakpoint-small-tablet #content .sect.digital-print .digital-bullets,
.breakpoint-phone #content .sect.digital-print .digital-bullets {
    padding-left: 0;
    text-align: center;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.digital p,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital p,
.breakpoint-phone #content .sect.digital-print .wrapper.digital p {
    width: 100%;
    padding-left: 0;
    text-align: center;
}
#content .sect.digital-print .wrapper.digital hr {
    position: absolute;
    bottom: 0;
}
#content .sect.digital-print .digital-bullets {
    font-weight: 600; 
    text-align: right;
    padding-left: 60%;
    padding-bottom: 40px;
}
#content .sect.digital-print .wrapper.digital ul {
    padding: 20px 0;
    font-weight: 600;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.digital ul li,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital ul li,
.breakpoint-phone #content .sect.digital-print .wrapper.digital ul li {
    text-align: center;
}
#content .sect.digital-print .wrapper.digital .cta {
    position: absolute;
    right: 0;
    bottom: 40px;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.digital .cta,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital .cta,
.breakpoint-phone #content .sect.digital-print .wrapper.digital .cta {
    position: static;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.digital .btn-wrapper,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital .btn-wrapper,
.breakpoint-phone #content .sect.digital-print .wrapper.digital .btn-wrapper {
    width: 100%;
    text-align: center;
    padding-bottom: 20px;
}
#content .sect.digital-print .wrapper.digital .text-wrapper {
    position: relative;
    right: 0;
    width: 100%;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.digital .text-wrapper,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.digital .text-wrapper ,
.breakpoint-phone #content .sect.digital-print .wrapper.digital .text-wrapper {
    position: relative;
    width: 100%;
}
#content .sect.digital-print .wrapper.print {
    min-height: 775px;
    padding-top: 20px;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.print,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.print,
.breakpoint-phone #content .sect.digital-print .wrapper.print {
    text-align: center;
    padding-top: 40px;
    overflow: hidden;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.print {
    padding-bottom: 265px;
}
.breakpoint-small-tablet #content .sect.digital-print .wrapper.print {
    padding-bottom: 300px;
}
.breakpoint-phone #content .sect.digital-print .wrapper.print {
    padding-bottom: 315px;
}
#content .sect.digital-print .wrapper.print img {
    position: absolute;
    right: 0;
    top: 80px;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.print img,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.print img,
.breakpoint-phone #content .sect.digital-print .wrapper.print img {
    position: absolute;
    top: auto;
    bottom: -155px;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
}
.breakpoint-phone #content .sect.digital-print .wrapper.print img {
    bottom: 20px;
    width: 75%;
}
#content .sect.digital-print .wrapper.print .cta {
    position: absolute;
    left: 0;
    bottom: 0;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.print .cta,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.print .cta,
.breakpoint-phone #content .sect.digital-print .wrapper.print .cta {
    position: static;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.print .btn-wrapper,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.print .btn-wrapper,
.breakpoint-phone #content .sect.digital-print .wrapper.print .btn-wrapper {
    width: 100%;
    padding: 20px 0;
    text-align: center;
}
#content .sect.digital-print .wrapper.print .text-wrapper {
    position: absolute;
    left: 0;
    width: 45%;
}
.breakpoint-tablet #content .sect.digital-print .wrapper.print .text-wrapper,
.breakpoint-small-tablet #content .sect.digital-print .wrapper.print .text-wrapper,
.breakpoint-phone #content .sect.digital-print .wrapper.print .text-wrapper {
    position: static;
    width: 100%;
    text-align: center;
}
#content .page-nav {
    position: relative;
    z-index: 200;
    width: 100%;
    max-height: 50px;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    box-shadow: 0px 11px 20px -4px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0px 11px 20px -4px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 11px 20px -4px rgba(0, 0, 0, 0.15);
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s; 
    -ms-transition: max-height 0.3s; 
    -o-transition: max-height 0.3s;
    transition: max-height 0.3s;    
}

.breakpoint-tablet #content .page-nav {
    max-height: 70px;
}
#content .page-nav.strip {
    position: fixed;
    top: 40px;
    z-index: 200;
    max-height: 40px;    
    -webkit-transition: max-height 0.3s;
    -moz-transition: max-height 0.3s; 
    -ms-transition: max-height 0.3s; 
    -o-transition: max-height 0.3s;
    transition: max-height 0.3s;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;    
}
.breakpoint-tablet #content .page-nav.strip {
    top: 48px;
}
.breakpoint-tablet #content .main-wrapper.social .page-nav.strip {
    top: 52px;
    max-height: 60px;
}
.breakpoint-small-tablet #content .page-nav,
.breakpoint-phone #content .page-nav {
    display: none;
}
#content .page-nav ul {
    text-align: center;
    position: relative;
}
.breakpoint-tablet #content .main-wrapper.social .page-nav ul {
    font-size: 0.8em;
}
#content .page-nav ul li {
    position: relative;    
    display: inline-block;
    padding: 18px 20px;
    font-weight: 500;
}
#content .page-nav ul li:nth-last-child(1){
    content: 'WWWEEEE';
}
.breakpoint-tablet #content .main-wrapper.social .page-nav ul li {
    padding: 10px;
    width: 80px;
    height: 50px;
}
#content .page-nav ul li a,
#content .page-nav ul li a:hover,
#content .page-nav ul li a:visited {
    color: white;
    font-weight: 400;  
}
.breakpoint-tablet #content .main-wrapper.social .page-nav ul li a,
.breakpoint-tablet #content .main-wrapper.social .page-nav ul li a:hover,
.breakpoint-tablet #content .main-wrapper.social .page-nav ul li a:visited {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
#content .page-nav ul .divider.vertical {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);    
    right: 0;
    display: inline-block;
    height: 15px;
    border-left: 1px solid white;
}
.breakpoint-tablet #content .page-nav ul .divider.vertical {
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#content .sect.below-hero {
    padding: 0 !important;
    height: 100%;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
}
#content .text-wrapper {
    margin: 0 auto;
    font-weight: 300;
    line-height: 2em;
}
#content .below-hero .text-wrapper {
    padding: 20px 0 30px;
}
.breakpoint-phone #content .sect3 .feature {
    padding-top: 20px;
}
#content .sect3 .text-wrapper {
    padding: 20px 0 30px;
}
.breakpoint-phone #content .sect3 .text-wrapper {
    padding: 0;
}
#content .body-content .wrapper.social-5 .text-wrapper,
#content.students .wrapper.manage-3 .text-wrapper {
    width: 75%;
    text-align: center;
    margin: 0 auto;
}
#content .body-content .wrapper.social-1 .text-wrapper {
    width: 35%;
    margin: 0;
    text-align: left;
    float: left;
}
#content .body-content .wrapper.social-1 .text-wrapper .cta-wrapper{
    position: absolute;
    left: 20px;
    width: 215px;
    margin: 30px 0;
    z-index: 100;
}
.breakpoint-phone #content .body-content .wrapper.social-1 .text-wrapper .cta-wrapper {
    position: relative;
    left: auto;
    margin: 40px auto;
    width: 80%;
}
.breakpoint-tablet #content .body-content .wrapper.social-1 .text-wrapper,
.breakpoint-small-tablet #content .body-content .wrapper.social-1 .text-wrapper,
.breakpoint-phone #content .body-content .wrapper.social-1 .text-wrapper {
    width: 100%;
    text-align: center;
    float: none;
}
.breakpoint-tablet #content .body-content .wrapper.social-5 h2,
.breakpoint-small-tablet #content .body-content .wrapper.social-5 h2,
.breakpoint-phone #content .body-content .wrapper.social-5 h2 {
    line-height: 1.2em;
}
.breakpoint-small-tablet #content .body-content .wrapper.social-5 h2,
.breakpoint-phone #content .body-content .wrapper.social-5 h2 {
    padding-bottom: 20px;
}
.breakpoint-tablet #content .body-content .wrapper.social-1 .cta-wrapper,
.breakpoint-small-tablet #content .body-content .wrapper.social-1 .cta-wrapper {
    position: relative;
    left: auto;
    margin: 30px auto;    
    text-align: center;
}
#content .body-content .wrapper.social-2 .text-wrapper {
    width: 35%;
    float: right;
}
.breakpoint-tablet #content .body-content .wrapper.social-2 .text-wrapper,
.breakpoint-small-tablet #content .body-content .wrapper.social-2 .text-wrapper,
.breakpoint-phone #content .body-content .wrapper.social-2 .text-wrapper {
    width: 100%;
    text-align: center;
    float: none;
}
#content .main-wrapper.social .feed-wrapper {
    position: relative;
}
.breakpoint-phone #content .main-wrapper.social .feed-wrapper {
    width: 100%;
    margin: 0 auto;
}
#content .body-content .wrapper.social-1 .social-wrapper.facebook,
#content .body-content .wrapper.social-2 .social-wrapper.twitter {
    width: 415px;
    height: 375px;
    margin: 40px auto;
    padding: 20px;
    font-weight: 400;
    text-align: left;
    border: 1px solid rgba(184,184,184,.3);
    overflow: scroll;
}
.breakpoint-tablet #content .body-content .wrapper.social-2 .social-wrapper.twitter,
.breakpoint-small-tablet #content .body-content .wrapper.social-2 .social-wrapper.twitter {
    margin: 40px auto;
    padding: 10px;
    float: none;
}
.breakpoint-tablet #content .body-content .wrapper.social-1 .social-wrapper.facebook,
.breakpoint-tablet #content .body-content .wrapper.social-2 .social-wrapper.twitter,
.breakpoint-small-tablet #content .body-content .wrapper.social-1 .social-wrapper.facebook,
.breakpoint-small-tablet #content .body-content .wrapper.social-2 .social-wrapper.twitter {
    width: 70%;
}
.breakpoint-phone #content .body-content .wrapper.social-1 .social-wrapper.facebook,
.breakpoint-phone #content .body-content .wrapper.social-2 .social-wrapper.twitter {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: visible;
}
.breakpoint-small-tablet #content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-fb-group-display,
.breakpoint-small-tablet #content .body-content .wrapper.social-2 .social-wrapper.twitter .fts-twitter-div,
.breakpoint-phone #content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-fb-group-display,
.breakpoint-phone #content .body-content .wrapper.social-2 .social-wrapper.twitter .fts-twitter-div {
    padding: 10px;
}
#content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-fb-user-name,
#content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-fb-name,
#content .body-content .wrapper.social-2 .social-wrapper.twitter .uppercase {
    font-weight: 600 !important;
}
.breakpoint-phone .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-fb-post-time {
    line-height: 1.2em;
}
#content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-fb-description-wrap {
    max-width: 450px;
}
.breakpoint-phone #content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-single-fb-post:nth-child(n+4),
.breakpoint-phone #content .body-content .wrapper.social-2 .social-wrapper.twitter .fts-tweeter-wrap:nth-child(n+4){
    display: none !important;
}
.breakpoint-phone #content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-single-fb-post:nth-child(3),
.breakpoint-phone #content .body-content .wrapper.social-2 .social-wrapper.twitter .fts-tweeter-wrap:nth-child(3) .tweeter-info {
    border-bottom: none !important;
}
#content .body-content .wrapper.social-2 .social-wrapper.twitter {
    position: relative;
    margin: 0;
    margin-left: 55px;
    margin-right: 0;
    float: left;
    background-color: #fff;
}
#content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-powered-by-text,
#content .body-content .wrapper.social-2 .social-wrapper.twitter .fts-powered-by-text {
    display: none !important;
}
#content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-single-fb-post:nth-child(5),
#content .body-content .wrapper.social-2 .social-wrapper.twitter .fts-tweeter-wrap:nth-child(5) .tweeter-info {
    border-bottom: none !important;
}
#content .body-content .wrapper.social-1 .social-wrapper.facebook h1 {
    display: none;
}
#content .body-content .wrapper.social-1 .social-wrapper.facebook .fts-jal-fb-group-header-desc {
    display: none;
}
.breakpoint-tablet #content .body-content .wrapper.social-1 .twitter-wrapper,
.breakpoint-small-tablet #content .body-content .wrapper.social-1 .twitter-wrapper,
.breakpoint-phone #content .body-content .wrapper.social-1 .twitter-wrapper {
    position: static;
    width: 100%;
    padding: 20px 0 10px;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;    
}
.breakpoint-tablet #content .body-content .wrapper.social-1 .twitter-wrapper iframe {
    margin: 0 auto;
}
#content .body-content .wrapper.social-1 .arrow-up.facebook {
    position: absolute;
    top: 50px;
    right: 0;
    width: 30px;
}
#content .body-content .wrapper.social-1 .arrow-down.facebook {
    position: absolute;
    right: 0px;
    bottom: 50px;
    width: 30px;
}
.breakpoint-desktop:not(.breakpoint-widescreen) #content .body-content .wrapper.social-1 .arrow-up.facebook,
.breakpoint-desktop:not(.breakpoint-widescreen) #content .body-content .wrapper.social-1 .arrow-down.facebook {
    right: 0px;
}
.breakpoint-tablet #content .body-content .wrapper.social-1 .arrow-up.facebook,
.breakpoint-tablet #content .body-content .wrapper.social-1 .arrow-down.facebook,
.breakpoint-tablet #content .body-content .wrapper.social-2 .arrow-up.twitter,
.breakpoint-tablet #content .body-content .wrapper.social-2 .arrow-down.twitter {
    left: 0;
}
.breakpoint-small-tablet #content .body-content .wrapper.social-1 .arrow-up.facebook,
.breakpoint-small-tablet #content .body-content .wrapper.social-1 .arrow-down.facebook,
.breakpoint-small-tablet #content .body-content .wrapper.social-2 .arrow-up.twitter,
.breakpoint-small-tablet #content .body-content .wrapper.social-2 .arrow-down.twitter {
    left: 0px;
}
.breakpoint-phone #content .body-content .wrapper.social-1 .arrow-up.facebook,
.breakpoint-phone #content .body-content .wrapper.social-1 .arrow-down.facebook,
.breakpoint-phone #content .body-content .wrapper.social-2 .arrow-up.twitter,
.breakpoint-phone #content .body-content .wrapper.social-2 .arrow-down.twitter {
    display: none;
}
.breakpoint-tablet #content .body-content .wrapper.social-1 .arrow-up.facebook,
.breakpoint-small-tablet #content .body-content .wrapper.social-1 .arrow-up.facebook,
.breakpoint-phone #content .body-content .wrapper.social-1 .arrow-up.facebook {
    top: 50px;
}
#content .body-content .wrapper.social-2 .arrow-up.twitter {
    position: absolute;
    left: 0;
    top: 50px;
    width: 30px;
}
#content .body-content .wrapper.social-2 .arrow-down.twitter {
    position: absolute;
    left: 0;
    top: 345px;
    width: 30px;
}
.breakpoint-tablet #content .body-content .wrapper.social-2 .arrow-up.twitter,
.breakpoint-small-tablet #content .body-content .wrapper.social-2 .arrow-up.twitter,
.breakpoint-phone #content .body-content .wrapper.social-2 .arrow-up.twitter {
    top: 50px;
}
.breakpoint-tablet #content .body-content .wrapper.social-2 .arrow-down.twitter,
.breakpoint-small-tablet #content .body-content .wrapper.social-2 .arrow-down.twitter,
.breakpoint-phone #content .body-content .wrapper.social-2 .arrow-down.twitter {
    bottom: 0;
}
#content .body-content .wrapper.social-1 .arrow-up.facebook:hover,
#content .body-content .wrapper.social-1 .arrow-down.facebook:hover,
#content .body-content .wrapper.social-2 .arrow-up.twitter:hover,
#content .body-content .wrapper.social-2 .arrow-down.twitter:hover {
    cursor: pointer;
}
#content .body-content .wrapper.social-1 .arrow-up img,
#content .body-content .wrapper.social-1 .arrow-down img,
#content .body-content .wrapper.social-2 .arrow-up img,
#content .body-content .wrapper.social-2 .arrow-down img {
    width: 100%;
}
.breakpoint-desktop #content .body-content .text-wrapper.slim {
    width: 75%;
    margin: 0 auto;
}
.breakpoint-phone #content .body-content .wrapper.social-1 .text-wrapper,
.breakpoint-tablet #content .body-content .wrapper.social-6 .text-wrapper,
.breakpoint-tablet #content .body-content .wrapper.social-5 .text-wrapper,
.breakpoint-tablet #content.students .wrapper.manage-3 .text-wrapper,
.breakpoint-small-tablet #content .body-content .wrapper.social-6 .text-wrapper,
.breakpoint-small-tablet #content .body-content .wrapper.social-5 .text-wrapper,
.breakpoint-small-tablet #content.students .wrapper.manage-3 .text-wrapper,
.breakpoint-phone #content .body-content .wrapper.social-6 .text-wrapper,
.breakpoint-phone #content .body-content .wrapper.social-5 .text-wrapper,
.breakpoint-phone #content.students .wrapper.manage-3 .text-wrapper  {
    width: 100%;
}
#content.students .wrapper.manage-3 .text-wrapper {
    margin: 60px auto;
}
#content .circle {
    position: absolute;
    bottom: -18px;
    left: 0;
    right: 0;
    z-index: 100;
    margin-left: auto;
    margin-right: auto;
    width: 50px;
    height: 50px;
    border-radius: 25px;
}
#content .circle img {
    position: absolute;
    bottom: 8px;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
#content .body-content .feature-1 {
    width: 876px;
}
#content .body-content .wrapper.disclaimer {
    width: 895px;
    padding-bottom: 30px;
    font-size: 0.9em;
    font-weight: 300;
    line-height: 2em;
}
.breakpoint-phone #content .body-content .wrapper.disclaimer {
    /*padding: 0 30px 30px;*/
    text-align: center;
}
#content .body-content .body-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
}
.breakpoint-tablet #content .body-content .body-wrapper {
    float: none;
    position: relative;
    width: 80%;
    margin: 0 auto;
}
.breakpoint-small-tablet #content .body-content .body-wrapper,
.breakpoint-phone #content .body-content .body-wrapper {
    position: relative;
    top: 0;
    width: 100%;
    margin-bottom: 60px;
    text-align: center;
}
.breakpoint-phone #content .body-content .body-wrapper {
    margin-bottom: 15px;
}
.breakpoint-tablet #content .body-content .subpages {
    width: 623px;
    margin: 0 auto;
}
.breakpoint-small-tablet #content .body-content .subpages {
    width: 470px;
    margin: 0 auto;
}
.breakpoint-phone #content .body-content .subpages {
    display: inline-block;
}
#content .body-content .subpage-link {
    color: #3C3C3C;
}
#content .body-content .subpage-link:hover {
    text-decoration: none !important;
    border: none;
}
.breakpoint-desktop #content .body-content .wrapper.sp {
    padding-bottom: 60px;
}
#content .body-content .subpage-wrapper {
    position: relative;
    display: inline-block;
    min-height: 285px;
    height: 100%;
}
#content .main-wrapper.professors .body-content .subpage-wrapper.wrapper-1.hover .subpage-title {
    color: rgb(33,118,147) !important;    
}
#content .main-wrapper.professors .body-content .subpage-wrapper.wrapper-2.hover .subpage-title {
    color: rgb(63,168,245) !important;    
}
#content .main-wrapper.professors .body-content .subpage-wrapper.wrapper-3.hover .subpage-title {
    color: rgb(100,12,15) !important;    
}
#content .main-wrapper.students .body-content .subpage-wrapper.hover .subpage-title.about-wsj {
    color: #fbb03b !important;
}
#content .main-wrapper.students .body-content .subpage-wrapper.hover .subpage-cta.about-wsj {
    background: #fbb03b !important;  
}
#content .main-wrapper.students .body-content .subpage-wrapper.hover .subpage-title.social {
    color: #1b9b7e !important;
}
#content .main-wrapper.students .body-content .subpage-wrapper.hover .subpage-cta.social {
    background: #1b9b7e !important;  
}
#content .main-wrapper.students .body-content .subpage-wrapper.hover .subpage-title.faqs {
    color: #f6696c !important;
}
#content .main-wrapper.students .body-content .subpage-wrapper.hover .subpage-cta.faqs {
    background: #f6696c !important;
}
.breakpoint-desktop #content .body-content .subpage-wrapper {
    width: 30%;
    margin: 10px;
}
.breakpoint-widescreen #content .body-content .subpage-wrapper {
    width: 31%;
    margin: 10px;
}
.breakpoint-widescreen #content .body-content .subpage-wrapper.wrapper-1 {
    margin-left: 0;
}
.breakpoint-widescreen #content .body-content .subpage-wrapper.wrapper-2 {
    margin: 10px 22px;
}
.breakpoint-widescreen #content .body-content .subpage-wrapper.wrapper-3 {
    margin-right: 0;
}
.breakpoint-tablet #content .body-content .subpage-wrapper {
    padding-bottom: 12%;
    min-height: 0;
}
#content .main-wrapper.students .body-content .subpage-wrapper {
    min-height: 280px;
}
.breakpoint-tablet #content .main-wrapper.students .body-content .subpage-wrapper {
    width: 100%;
    min-height: 0;
}
.breakpoint-small-tablet #content .main-wrapper.students .body-content .subpage-wrapper {
    min-height: 0;
}
.breakpoint-phone #content .main-wrapper.students .body-content .subpage-wrapper {
    min-height: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
.breakpoint-small-tablet #content .main-wrapper.students .body-content .subpage-wrapper:nth-child(1)
{
    padding-top: 0;
}
.breakpoint-phone #content .main-wrapper.students .body-content .subpage-wrapper:nth-child(3){
    margin-bottom: 40px;
}
.breakpoint-tablet #content .body-content .subpage-wrapper.wrapper-1,
.breakpoint-tablet #content .body-content .subpage-wrapper.wrapper-2,
.breakpoint-tablet #content .body-content .subpage-wrapper.wrapper-3 {
    margin-bottom: 20px;
    text-align: center;
}
.breakpoint-small-tablet #content .body-content .subpage-wrapper,
.breakpoint-phone #content .body-content .subpage-wrapper {
    width: auto;
    float: none;
    min-height: 100%;
    text-align: center;
}
.breakpoint-phone #content .body-content .subpage-wrapper {
    width: auto;
    float: none;
    width: 100%;
    text-align: center;
    display: block;
    margin: 0 auto;   
}
.breakpoint-phone #content .body-content .subpage-wrapper:nth-child(1) {
    padding-top: 0;
}
.breakpoint-phone #content .body-content .subpage-wrapper:nth-child(3) {
    margin-bottom: 20px;
}
.breakpoint-desktop #content .subpages.professors .subpage-image.image-2,
.breakpoint-desktop #content .subpage-image.image-3 {
    padding-top: 30px;
}
.breakpoint-small-tablet #content .body-content .subpage-image.image-2,
.breakpoint-small-tablet #content .body-content .subpage-image.image-3,
.breakpoint-phone #content .body-content .subpage-image.image-2,
.breakpoint-phone #content .body-content .subpage-image.image-3  {
    padding-top: 0;
    margin: 0 auto;
}
.breakpoint-desktop #content .main-wrapper.students .body-content .subpage-image.image-3 {
    padding-top: 30px;
}
.breakpoint-tablet #content .body-content .subpage-image {
    float: left;
    text-align: left;
}
.breakpoint-small-tablet #content .body-content .subpage-image,
.breakpoint-phone #content .body-content .subpage-image {
    width: 100%;
    float: none;
    text-align: center;
}
#content .main-wrapper.professors .section-1 {
    padding: 50px 0 0;
}
.breakpoint-tablet #content .main-wrapper.professors .section-1,
.breakpoint-small-tablet #content .main-wrapper.professors .section-1 {
    padding: 45px 0;
}
.breakpoint-phone #content .main-wrapper.professors .section-1 {
    padding: 25px 0;
}
.breakpoint-small-tablet #content .main-wrapper.professors .body-content .subpage-image.image-1,
.breakpoint-phone #content .main-wrapper.professors .body-content .subpage-image.image-1 {
    width: 126px;
    margin: 0 auto;
}
.breakpoint-small-tablet #content .main-wrapper.students .body-content .subpage-image.image-1,
.breakpoint-phone #content .main-wrapper.students .body-content .subpage-image.image-1 {
    width: 100px;
    margin: 0 auto;
}
.breakpoint-small-tablet #content .main-wrapper.professors .body-content .subpage-image.image-2,
.breakpoint-small-tablet #content .main-wrapper.professors .body-content .subpage-image.image-3,
.breakpoint-phone #content .main-wrapper.professors .body-content .subpage-image.image-2,
.breakpoint-phone #content .main-wrapper.professors .body-content .subpage-image.image-3  {
    width: 178px;
}
.breakpoint-small-tablet #content .main-wrapper.students .body-content .subpage-image.image-2,
.breakpoint-small-tablet #content .main-wrapper.students .body-content .subpage-image.image-3,
.breakpoint-phone #content .main-wrapper.students .body-content .subpage-image.image-2,
.breakpoint-phone #content .main-wrapper.students .body-content .subpage-image.image-3 {
    width: 83px;
}
.breakpoint-tablet #content .main-wrapper.professors .body-content .subpage-image {
    width: 150px;
}
#content .body-content .subpage-wrapper .subpage-title {
    padding-top: 20px;
    font-family: 'FlamaCndL', Helvetica, Arial, sans-serif;
    font-size: 3em;
    text-transform: uppercase;
}
.breakpoint-tablet #content .body-content .subpage-wrapper.wrapper-1 .subpage-title,
.breakpoint-small-tablet #content .body-content .subpage-wrapper.wrapper-1 .subpage-title,
.breakpoint-phone #content .body-content .subpage-wrapper.wrapper-1 .subpage-title {
    padding-top: 0;
}
.breakpoint-phone #content .body-content .subpage-wrapper .subpage-title {
    font-size: 2em;
}
.breakpoint-phone #content .body-content .subpage-wrapper {
    padding-top: 40px;
}
.breakpoint-tablet #content .body-content .subpage-wrapper .subpage-title,
.breakpoint-phone #content .body-content .subpage-wrapper .subpage-title {
    padding-top: 0;
}
.breakpoint-desktop #content .main-wrapper.engage .section-4 .wrapper {
    padding: 80px 0;
}
#content .main-wrapper.engage .section-4 img {
    position: absolute;
    top: 0;
    right: -50px;
}
.breakpoint-tablet #content .main-wrapper.engage .section-4 img,
.breakpoint-small-tablet #content .main-wrapper.engage .section-4 img,
.breakpoint-phone #content .main-wrapper.engage .section-4 img {
    display: none;
}
#content .body-content .subpage-wrapper .subpage-text {
    padding-top: 1em;
    font-size: 1em;
    line-height: 2em;
    font-weight: 400;
}
.breakpoint-small-tablet #content .body-content .subpage-wrapper .subpage-text {
    padding-bottom: 20px;
}
#content .body-content .subpage-wrapper .subpage-cta,
#content .body-content .subpage-wrapper .subpage-cta:active,
#content .body-content .subpage-wrapper .subpage-cta:visited {
    position: absolute;
    bottom: 0px;
    padding: 10px 0;
    margin-bottom: 4%;
    width: 33%;
    color: white;
    font-size: 1em;
    font-weight: 400;
    text-align: center;
    text-decoration: none; 
}

.breakpoint-tablet #content .body-content .subpage-wrapper .subpage-cta,
.breakpoint-tablet #content .body-content .subpage-wrapper .subpage-cta:active,
.breakpoint-tablet #content .body-content .subpage-wrapper .subpage-cta:visited,
.breakpoint-small-tablet #content .body-content .subpage-wrapper .subpage-cta,
.breakpoint-small-tablet #content .body-content .subpage-wrapper .subpage-cta:active,
.breakpoint-small-tablet #content .body-content .subpage-wrapper .subpage-cta:visited {
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    width: 30%;
    text-align: center;
}
.breakpoint-phone #content .body-content .subpage-wrapper .subpage-cta,
.breakpoint-phone #content .body-content .subpage-wrapper .subpage-cta:active,
.breakpoint-phone #content .body-content .subpage-wrapper .subpage-cta:visited {
    position: relative;
    right: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
    width: 50%;
    text-align: center;
}
#content .features .feature {
    width: 47%;
    height: 100%;
}
#content .body-content .divider.vertical {
    position: absolute;
    left: 50%;
    width: 1px;
    height: 77%;
    border-left: 1px solid rgb(77,77,77);
    border-bottom: 0;    
}
.breakpoint-tablet #content .body-content .divider.vertical {
    height: 85%;
}
.breakpoint-small-tablet #content .body-content .divider.vertical,
.breakpoint-phone #content .body-content .divider.vertical {
    display: none;
}
#content.landing .body-content .headline {
    padding: 80px 0 40px;
}
.breakpoint-tablet #content.landing .body-content .headline,
.breakpoint-small-tablet #content50pxlanding .body-content .headline {
    padding: 60px 0 50px;
}
#content .body-content .headline-text {
    padding: 25px 0;
    color: #222222;
    font-family: 'FlamaCndL', Helvetica, Arial, sans-serif;
    font-size: 3.5em;
    font-weight: 300;
    line-height: 0.9em;
}
#content .sect.cta-section {
    min-height: 275px;
}
.breakpoint-tablet #content .sect.cta-section {
    padding: 30px 0;
}
.breakpoint-small-tablet #content.landing .body-content .cta-section,
.breakpoint-phone #content.landing .body-content .cta-section {
    height: 100% !important;
}
.breakpoint-phone #content.landing .body-content .cta-section {
    width: 100%;
    margin: 0 auto;
    padding: 90px 0px 45px;
    display: block;
}
#content.landing .body-content .cta-section .section {
    position: absolute;
    width: 43%;
    height: 75%;  
}
#content.landing .body-content .cta-section .section.hover .headline-text.professors {
    color: #bdbdbd !important;
}
#content.landing .body-content .cta-section .section.hover .headline-text.students {
    color: #bdbdbd !important;
}
#content.landing .body-content .cta-section .section.hover .darkGreyBoxBtn {
    background-color: #3C3C3C;
}
.breakpoint-tablet #content.landing .body-content .cta-section .section.professors,
.breakpoint-tablet #content.landing .body-content .cta-section .section.students {
    height: 90%;
}
#content.landing .body-content .cta-section .section.professors {
    left: 0;
}
#content.landing .body-content .cta-section .section.students {
    right: 0;
}
.breakpoint-tablet #content.landing .body-content .cta-section .section.professors,
.breakpoint-tablet #content.landing .body-content .cta-section .section.students {
    width: 280px;
}
.breakpoint-small-tablet #content.landing .body-content .cta-section .section.professors,
.breakpoint-small-tablet #content.landing .body-content .cta-section .section.students {
    position: relative;
    width: 100%;
}
.breakpoint-phone #content.landing .body-content .cta-section .section.professors,
 .breakpoint-phone #content.landing .body-content .cta-section .section.students {
    position: relative;
    width: 100%;
 }
#content.landing .body-content .cta-section .btn-wrapper {
    position: absolute;
    bottom: 20px;
    min-height: 44px;
}
.breakpoint-small-tablet #content.landing .body-content .cta-section .btn-wrapper,
.breakpoint-phone #content.landing .body-content .cta-section .btn-wrapper {
    position: relative;
    padding: 30px 0;
}
#content .body-content .headline-text.professors,
#content .body-content .headline-text.students {
    padding-top: 0;
    font-family: 'FlamaCndL-Medium', Helvetica, Arial, sans-serif;
    font-size: 4.3em;
    font-weight: 400;
}
.breakpoint-tablet #content .body-content .headline-text,
.breakpoint-small-tablet #content .body-content .headline-text {
    font-size: 3em;
}
.breakpoint-phone #content .body-content .headline-text {
    font-size: 2em;
}
#content .sub-text {
    display: block;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    margin: 28px 5px 32px;
    font-size: 1.2em;
    line-height: 1.5em;
    color: #fff;
    font-weight: 100;
    letter-spacing: .25pt;
    text-align: left;
}
.breakpoint-small-tablet #content .sub-text {
    margin: 25px 0;
}
.breakpoint-phone #content .sub-text {
    font-size: 1em;
}
.breakpoint-phone #content .body-content .sub-text { 
    font-size: 1em;
}
.breakpoint-tablet #content.landing .body-content .subhead-text,
.breakpoint-small-tablet #content.landing .body-content .subhead-text {
    font-size: 1.4em;
}
.breakpoint-phone #content .body-content .subhead-text {
    padding: 25px 0;
    font-size: 1em;
}
#content.landing .body-content .bg-image {
    width: 135%;
    background-repeat: no-repeat;
    background-position: 820px 10px;
    background-size: 50%;
}
.breakpoint-tablet #content.landing .body-content .bg-image,
.breakpoint-small-tablet #content.landing .body-content .bg-image,
.breakpoint-phone #content.landing .body-content .bg-image {
    background-image: none !important;
    width: 100%;
}
#content .body-content .description {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.8em;
}
.breakpoint-phone #content .body-content .description {
    font-size: 1em;
}
#content .features {
    min-height: 345px;
    margin-top: 25px;
}
.breakpoint-desktop:not(.breakpoint-widescreen) #content .features {
    height: 375px;
}
.breakpoint-tablet #content .features.features-3 {
    height: 100%;
    margin-top: 0;
    text-align: center;
}
#content .features.features-2 {
    padding-bottom: 80px;
}
.breakpoint-small-tablet #content .features.features-2,
.breakpoint-phone #content .features.features-2 {
    padding-bottom: 0;
}
#content .features.features-2 .feature.half {
    width: 28%;
    position: absolute;
    padding: 0 20px;
}
.breakpoint-tablet #content .features.features-2 .feature.half {
    width: 40%;
}
.breakpoint-small-tablet #content .features.features-2 .feature.half {
    padding: 0;
}
#content .features.features-2 .feature.half.hover .btn {
    background-color: #3C3C3C !important;    
}
#content .features.features-3 .feature.third {
    position: relative;
    width: 29%;
    min-height: 275px;
    float: left;
    padding: 20px;        
}
#content .features.features-2 .feature.half .btn {
    position: absolute;
    bottom: 0;
    padding: 10px;
}
#content .features.features-2 .feature.half.feature-1 .btn {
    right: 0;
}
#content .features.features-2 .feature.half.feature-2 .btn {
    left: 0;
}
.breakpoint-desktop:not(.breakpoint-widescreen) #content .features.features-3 .feature.third {
    height: 235px;
    min-height: 0;
}
.breakpoint-tablet #content .features.features-2 .feature.half .btn,
.breakpoint-small-tablet #content .features.features-2 .feature.half .btn,
.breakpoint-phone #content .features.features-2 .feature.half .btn {
    position: relative;
    top: 30px;
}
.breakpoint-tablet #content .features.features-3 .feature.third,
.breakpoint-small-tablet #content .features.features-3 .feature.third {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0;
    padding: 30px 0;
    margin: 0;
    text-align: center;
}
.breakpoint-tablet #content .features.features-3 .feature.third {
    padding-bottom: 35px;
}
.breakpoint-phone #content .features.features-3 .feature.third {
    width: 100%;
    height: 100%;
    min-height: 100%;
    display: inline-block;
    padding: 0;
    margin: 0 0 50px;
    text-align: center;
}
.breakpoint-desktop #content .features.features-3 .feature.third:nth-child(1) .greyBoxBtn,
.breakpoint-desktop #content .features.features-3 .feature.third:nth-child(3) .darkGreyBoxBtn
 {
    width: 87%;
    max-width: 296px;
}
.breakpoint-tablet #content .features.features-3 .feature.third:nth-child(1) .greyBoxBtn,
.breakpoint-tablet #content .features.features-3 .feature.third:nth-child(3) .darkGreyBoxBtn {
    width: 40%;
}
.breakpoint-tablet #content .features.features-3 .feature.third:nth-child(3) .darkGreyBoxBtn,
.breakpoint-small-tablet #content .features.features-3 .feature.third:nth-child(3) .darkGreyBoxBtn,
.breakpoint-phone #content .features.features-3 .feature.third:nth-child(3) .darkGreyBoxBtn {
    width: 40%;
}
#content .features .feature.third:nth-child(1){
    margin-left: 0;
}
#content .features .feature.third:nth-child(3){
    margin-right: 0;
}
.breakpoint-tablet #content .features .feature.third:nth-child(3) {
    margin-bottom: 20px;
}
#content .features.features-2 .feature.feature-1 {
    left: 17%;
}
.breakpoint-tablet #content .features.features-2 .feature.feature-1,
.breakpoint-small-tablet #content .features.features-2 .feature.feature-1 {
    left: 0;
}
.breakpoint-phone #content .features.features-2 .feature {
    position: relative;
    left: auto;
    min-height: 310px;
    width: 80%;
    padding-bottom: 0;
    margin: 0 auto;
}
.breakpoint-small-tablet #content .features.features-2 {
    height: 100%;
}
.breakpoint-small-tablet #content .features.features-2 .feature {
    min-height: 275px;
    width: 100%;
    position: relative;
}
#content .features.features-2 .feature.feature-2 {
    right: 17%;
}
.breakpoint-tablet #content .features.features-2 .feature.feature-2,
.breakpoint-small-tablet #content .features.features-2 .feature.feature-2,
.breakpoint-phone #content .features.features-2 .feature.feature-2 {
    right: 0;
    min-height: 125px;
}
#content .features.features-2 .text-wrapper {
    padding-top: 0;
}
#content .features.features-2 .feature .image {
    position: absolute;
    top: 0;
    width: 210px;
    padding-bottom: 30px;
}
.breakpoint-tablet #content .features.features-2 .feature .image {
    position: relative;
    padding-bottom: 0;
    margin: 0 auto;
    float: none;
}
.breakpoint-small-tablet #content .features.features-2 .feature .image {
    position: absolute;
    padding: 0;
    float: none;    
}
#content .features.features-3 .feature.third a:hover {
    text-decoration: none;
}
#content .features.features-3 .feature.third:nth-child(1) a {
    color: #fff;
    text-decoration: underline;
}
#content .features.features-3 .feature.third:nth-child(1) a:hover {
    color: #d0d0d0;
}
#content .features.features-2 .feature .image-1 {
    width: 230px;
    padding: 0 20px;
    right: 0px;
    top: 20px;
}
.breakpoint-tablet #content .features.features-2 .feature .image-1,
.breakpoint-small-tablet #content .features.features-2 .feature .image-1,
.breakpoint-phone #content .features.features-2 .feature .image-1 {
    top: 0;
    right: 0;
}
#content .features.features-2 .feature .image-2 {
    padding-top: 25px;
    width: 210px;
    height: 132px;
    float: left;
}
.breakpoint-tablet #content .features.features-2 .feature .image-2 {
    padding-top: 0px;
}
.breakpoint-small-tablet #content .features.features-2 .feature .image-1,
.breakpoint-small-tablet #content .features.features-2 .feature .image-2 {
    width: 60%;
    height: auto;
}
#content .features.features-2 .feature .image-1 img {
    width: 100%;
    height: auto;
}
#content .features.features-2 .feature .image-2 img {
    width: 100%;
    height: 100%;
}
.breakpoint-small-tablet #content .features.features-2 .feature .image-1 {
    float: none;
    left: 0;
}
.breakpoint-phone #content .features.features-2 .feature .image-1,
.breakpoint-phone #content .features.features-2 .feature .image-2 {
    float: none;
    position: relative;
    margin: 0 auto;
}
.breakpoint-small-tablet #content .features.features-2 .feature .image-2  {
    float: none;
    right: 0;
}
.breakpoint-tablet #content .features.features-2 .feature .image {
    height: 125px;
}
.breakpoint-small-tablet #content .features.features-2 .feature .image,
.breakpoint-phone #content .features.features-2 .feature .image {
    position: relative;
    margin: 0 auto;
}
#content .features.features-2 .feature .text-wrapper {
    position: relative;
    top: 180px;
    width: 100%;
    min-height: 240px;
    padding-top: 15px;
}
#content .features.features-2 .feature.feature-1 .text-wrapper {
    right: 0;  
    text-align: right;
    margin: 0;
}
#content .features.features-2 .feature.feature-2 .text-wrapper {
    left: 0;
    margin: 0;
}
#content .body-content .features.features-2 .divider.vertical {
    height: 82%;
}
.breakpoint-tablet #content .features.features-2 .feature .text-wrapper {
    width: 100%;
}
.breakpoint-tablet #content .feature.half .text-wrapper {
    width: 100%;
}
.breakpoint-tablet #content .features.features-2 .feature .text-wrapper,
.breakpoint-small-tablet #content .features.features-2 .feature .text-wrapper ,
.breakpoint-phone #content .features.features-2 .feature .text-wrapper {
    position: relative;
    left: 0;
    top: 10px;
    width: 100%;
    margin: 0;
    padding-top: 30px;
    float: none;
    text-align: center;
}
.breakpoint-small-tablet #content .features.features-2 .feature .text-wrapper {
    min-height: 100%;
    padding-bottom: 30px;
}
.breakpoint-phone #content .features.features-2 .feature.feature-1 .text-wrapper,
.breakpoint-phone #content .features.features-2 .feature.feature-2 .text-wrapper {
    width: 100%;
    text-align: center;
    padding: 0;
    min-height: 0;
}
.breakpoint-phone #content .features.features-3 {
    height: auto;
}
#content .body-content .features.features-2 .darkGreyBoxBtn {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
}
.breakpoint-small-tablet #content .body-content .features.features-2 .darkGreyBoxBtn,
.breakpoint-phone #content .body-content .features.features-2 .darkGreyBoxBtn {
    position: relative;
    margin: 15px auto;
    display: block;
    width: 50%;
}
.breakpoint-phone #content .body-content .features.features-2 .darkGreyBoxBtn {
    margin: 60px auto 15px;
}
#content .feature .headline {
   padding-bottom: 15px;
   font-weight: 300;
   font-size: 1.3em;
}
#content .features .feature .text-wrapper {
    font-weight: 400;
    line-height: 2em;
    font-size: 1em;
}
.breakpoint-tablet #content .features .feature .text-wrapper {
    padding-bottom: 20px;
}

#content .features .feature.third .text {
    width: 100%;
}
.breakpoint-small-tablet #content .features .feature.third .text {
    padding-bottom: 10px;
}
.breakpoint-phone #content .features .feature.third .text {
    width: 80%;
    margin: 0 auto;
}
.breakpoint-tablet #content.professors .main-wrapper.manage .sect img {
    width: 45%;
}
.breakpoint-small-tablet #content.students .body-content,
.breakpoint-phone #content.students .body-content {
    padding-bottom: 0;
}
#content .main-wrapper.about-wsj #section-1 {
    padding-bottom: 0;
}
#content .wrapper.about-wsj-1 {
    height: 330px;
    padding-bottom: 20px;
}

.breakpoint-phone #content .wrapper.about-wsj-1 {
    height: 155px;
}
.breakpoint-small-tablet #content.professors .main-wrapper.manage #section-3 .wrapper,
.breakpoint-small-tablet #content .wrapper.faqs-2 {
    height: 510px;
}
.breakpoint-phone #content.professors .main-wrapper.manage #section-2 .wrapper {
    height: 100%;
}
.breakpoint-desktop #content .features.features-3 div.bottom {
    position: absolute;
    top: 100%;   
    min-width: 135px;
    padding: 10px 0;
    text-align: center;    
}
.breakpoint-desktop #content .features.features-3 .feature .btnWrapper .btn.second {
    width: 145px;
}
.breakpoint-phone #content .features.features-3 .feature .btnWrapper .btn.second {
    display: block;
    margin: 0 auto 10px;
    width: 50%;
}
.breakpoint-desktop #content .features.features-3 .feature .btnWrapper p {
    font-size: 1.3em;
    font-weight: 400;
}
.breakpoint-phone #content .features.features-3 .feature .btnWrapper.btnWrapper1 {
    margin-top: 45px;
}
.breakpoint-phone #content .features.features-3 div.bottom {
    position: static;
    width: auto;
}
#content .features .feature.third .bottom.button-3 {
    width: 87%;
}
.breakpoint-phone #content .features .feature.third .bottom.button-3 {
    display: block;
    margin: 0 auto;
    width: 50%;
}
.breakpoint-phone #content .features .feature.third.third-2 {
    margin-bottom: 120px;
}
.breakpoint-tablet #content .features .feature.third .bottom.button-3,
.breakpoint-small-tablet #content .features .feature.third .bottom.button-3 {
    width: 40%;
}
#content .features.features-3 div.bottom.right {
    left: 152px;
}
.breakpoint-tablet #content .features.features-3 div.bottom,
.breakpoint-small-tablet #content .features.features-3 div.bottom {
    width: 40%;
    display: block;
    margin: 5px auto 0;
    position: static;
}
#content .features.features-3 .btnWrapper {
    position: absolute;
    bottom: -20px;    
    height: 15px;
}
.breakpoint-desktop #content .features.features-3 .btnWrapper {
    width: 100%;
}
.breakpoint-widescreen #content .features.features-3 .btnWrapper {
    width: 100%;
    bottom: 60px;
    left: 20px;
}
.breakpoint-tablet #content .features.features-3 .btnWrapper {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 10px; 
}
.breakpoint-small-tablet #content .features.features-3 .btnWrapper {
    position: relative;
    margin: 0 auto;
    width: auto;
    height: auto;
    text-align: center;
}
.breakpoint-phone #content .features.features-3 .btnWrapper {
    position: static;
    width: 100%;
    margin-top: 30px;
}
#content .main-wrapper.engage .section-4 .btnWrapper {
    text-align: center;
    padding-top: 20px;
}
#content .main-wrapper.professors.manage .section-4 .btnWrapper {
    margin-top: 40px;
}
.breakpoint-phone #content .main-wrapper.professors.manage .section-4 .btnWrapper {
    margin: 40px 0;
}
#content .main-wrapper.students hr {
    background-color: rgb(102,102,102);
}
#content .main-wrapper.students hr.subpages-divider {
    margin: 60px auto 0;    
}
.breakpoint-desktop:not(.breakpoint-widescreen) #content .main-wrapper.students hr.subpages-divider,
.breakpoint-tablet #content .main-wrapper.students hr.subpages-divider,
.breakpoint-small-tablet #content .main-wrapper.students hr.subpages-divider {
    width: 75%;  
}
.breakpoint-widescreen #content .main-wrapper.students hr.subpages-divider {
    width: 1153px;  
}
.breakpoint-phone #content .main-wrapper.students hr.subpages-divider {
    width: 85%;
    margin-top: 10px;
}
#content .feature .form {
    padding-top: 20px;
    width: 325px;
    margin: 0 auto;
    text-align: center; 
}
#content .feature .form a:hover {
    text-decoration: none;
}
.breakpoint-tablet #content .feature .form,
.breakpoint-small-tablet #content .feature .form,
.breakpoint-phone #content .feature .form {
    width: 100%;
    padding-bottom: 40px;
}
#content .feature .form input.zipcode,
#content .feature .form input.zipcode:active {
    width: 198px;
    padding: 15px;
    font-size: .9em;
    text-align: center;
    background-color: #F4F3F1;
    border: none;
    font-family: 'Whitney SSm', Helvetica, Arial, sans-serif;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;    
}
.breakpoint-phone #content .feature .form input.zipcode,
.breakpoint-phone #content .feature .form input.zipcode:active {
    width: 50%;
}
#content .feature .form input.zipcode:focus {
    box-shadow: 0 0 5px #b5b5b5;
    outline: none;
     transition: all 0.3s ease-in-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
}
#content .feature .form hr {
    margin-top: 12px;
    background-color: #3C3C3C;
}
.breakpoint-tablet #content .feature .form hr,
.breakpoint-small-tablet #content .feature .form hr {
    margin-top: 50px;
}
.breakpoint-phone #content .feature .form hr {
    display: none;
}
#content .feature .form #error {
    color: red;
    padding-top: 10px;
}
#content #scrim-overlay {
    position: fixed;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: url('images/transparent.png') repeat;    
    z-index: 400;
}
#content #scrim-overlay.active {
    display: block;
}
#content .scrim {
    background-color: #fff;
    padding: 20px;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    height: 75%;
    z-index: -100;
    opacity: 0;    
    transform: scale(.8,.8);
     transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;    
}
#content .scrim#student-sub {
    position: absolute;
    top: -10%;
    height: 400px;
}
#content .scrim#student-sub.large {
    height: 100%;
    overflow: scroll;
}
#content .scrim.active {
    display: block;
    opacity: 1;
    z-index: 500;
    transform: scale(1,1);
     transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;        
}
.breakpoint-tablet #content .scrim.active,
.breakpoint-small-tablet #content .scrim.active,
.breakpoint-phone #content .scrim.active {
    width: 80% !important;
}
#content .scrim#contact-your-rep {
    width: 35%;
    text-align: center;
    overflow: scroll;
}
.breakpoint-tablet #content .scrim#contact-your-rep,
.breakpoint-small-tablet #content .scrim#contact-your-rep,
.breakpoint-phone #content .scrim#contact-your-rep {
    width: 80% !important;
}
#content .scrim#contact-your-rep .rep {
    padding: 20px;
    font-weight: 400;
}
#content .scrim#contact-your-rep .school-name {
    font-weight: 600;
    color: #002c40;
}
#content .scrim#contact-your-rep .school-name:hover {
    cursor: pointer;
    text-decoration: underline;
}
#content .close-scrim {
    display: none;
    position: fixed;
    z-index: 2000;
    background: transparent url("images/sprite.svg") -70px -35px no-repeat;
    width: 30px;
    height: 30px;
    font: 0/0 a;
    right: 20px;
    top: 20px;
    cursor: pointer;
}
.no-svg #content .close-scrim {
    background: transparent url("images/sprite.png") -70px -35px no-repeat;    
}
#content .close-scrim.active {
    display: block;
}
#content .close-scrim a {
    color: #002C40;
}
#content .scrim#engage-video {
    background-color: transparent;
    height: 55%;
}
#content .scrim#engage-video #close-scrim a {
    color: #fff;
}
#content .scrim#engage-video iframe {
    display: block;
    margin: 0 auto;
    padding-top: 10%;
}
#content .scrim#engage-video iframe html {
    overflow: scroll;
}
.breakpoint-tablet #content .scrim#engage-video iframe,
.breakpoint-small-tablet #content .scrim#engage-video iframe,
.breakpoint-phone #content .scrim#engage-video iframe {
    width: 100% !important;
}
#content .scrim#bookstore {
    overflow: scroll;
}
#content .scrim#bookstore .bookstore-content {
    width: 80%;
    margin: 0 auto;
    text-align: center;
}
#content .scrim#bookstore .bookstore-content p {
    padding: 10px 0;
}
#content .scrim#bookstore .bookstore-content img {
    padding: 10px 0;
}
.slick-list {
    overflow: visible !important;
}

.youtube-container { 
    display: block;
    margin: 0;
    width: 100%;
    max-width: 430px;
    float: left;
}
.youtube-container:hover {
    cursor: pointer !important;
}
.breakpoint-tablet .youtube-container,
.breakpoint-small-tablet .youtube-container,
.breakpoint-phone .youtube-container {
    float: none;
    margin: 0 auto;
}
.youtube-player { 
    display: block; 
    width: 100%; /* assuming that the video has a 16:9 ratio */ 
    padding-bottom: 56.25%; 
    overflow: hidden; 
    position: relative; 
    width: 100%; 
    height: 100%; 
    cursor: hand; 
    cursor: pointer; 
    display: block; 
}
.youtube-player:hover {
    cursor: pointer;
}
img.youtube-thumb { 
    bottom: 0; 
    display: block; 
    left: 0; margin: auto; 
    max-width: 100%; 
    width: 100%; 
    position: absolute; 
    right: 0; 
    top: 0; 
    cursor: pointer;
    height: auto 
}
img.youtube-thumb:hover {
    cursor: pointer;
}
div.play-button { 
    height: 72px; 
    width: 72px; 
    left: 50%; 
    top: 50%; 
    margin-left: -36px; 
    margin-top: -36px; 
    position: absolute; 
}
.play-button:hover {
    cursor: pointer;
}
#youtube-iframe { 
    width: 100%; 
    height: 100%; 
    position: absolute; 
    top: 0; 
    left: 0; 
}