/*@fontface stuff*/
html {
    font-size: 100%;
}

@font-face {
    font-family: 'AauxPro';
    src: url('/SBH/BigHistoryCourse/css/fonts/aaux_pro_rg-webfont.eot');
    src: local('☺'), url('/SBH/BigHistoryCourse/css/fonts/aaux_pro_rg-webfont.ttf') format('truetype'), url('/SBH/BigHistoryCourse/css/fonts/aaux_pro_rg-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AauxProThin';
    src: url('/SBH/BigHistoryCourse/css/fonts/aaux_pro_th-webfont.eot');
    src: local('☺'), url('/SBH/BigHistoryCourse/css/fonts/aaux_pro_th-webfont.ttf') format('truetype'), url('/SBH/BigHistoryCourse/css/fonts/aaux_pro_th-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AauxProLight';
    src: url('/SBH/BigHistoryCourse/css/fonts/AauxPro-Light.eot');
    src: local('☺'), url('/SBH/BigHistoryCourse/css/fonts/AauxPro-Light.ttf') format('truetype'), url('/SBH/BigHistoryCourse/css/fonts/AauxPro-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AauxProBold';
    src: url('/SBH/BigHistoryCourse/css/fonts/AauxPro-Bold.eot');
    src: local('☺'), url('/SBH/BigHistoryCourse/css/fonts/AauxPro-Bold.ttf') format('truetype'), url('/SBH/BigHistoryCourse/css/fonts/AauxPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    outline: none;
}

html {
    -webkit-overflow-scrolling: touch;
}

body {
    margin: 0;
    font-family: "Muli", sans-serif;
    font-size: 0.875rem;
    line-height: 1;
    color: #333333;
    background-color: white;
    -webkit-overflow-scrolling: touch;
}

a {
    text-decoration: none;
    outline: none;
}

h1, h2, h3, h4 {
    margin: 0;
    font-family: "Josefin Sans", sans-serif;
    line-height: 1;
    text-transform: none;
}

h1 {
    margin: 0 0 20px;
    font-size: 5rem;
    font-weight: 300;
    text-transform: none;
}

h2 {
    margin: 0 0 16px;
    font-size: 3rem;
    font-weight: 300;
    text-transform: uppercase;
}

h3 {
    margin: 0 0 16px;
    font-size: 1.8rem;
    font-weight: 300;
}

h4 {
    margin: 0 0 14px;
    font-size: 1.3rem;
    text-transform: none;
}

    h4:first-child {
        margin-top: 0;
    }

h5 {
    font-size: 16px;
    margin: 1.5em 0 1em 0;
    text-transform: uppercase;
}

h6 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
}

p {
    font-size: 15px;
    line-height: 160%;
}

a:link, a:visited, a:hover, a:active {
    color: #20a1ce;
}

q, .quotes span {
    display: block;
    font-size: 16px;
    line-height: 1.7em;
    display: block;
    margin-bottom: 10px;
}

.quotes span {
    font-size: 14px;
    text-align: left;
}

small {
    line-height: 1.25em;
}

.bhpLiveTop-pad {
    padding-top: 40px;
}

.pad-bottom {
    padding-bottom: 30px;
}

.bhpLiveTopnav {
    height: 45px;
    z-index: 100;
    position: absolute;
    width: 100%;
    background-color: rgba(1, 38, 51, 0.4);
}

    .bhpLiveTopnav .bhpLiveLogo {
        height: 14px;
        width: 230px;
        margin: 15px 0 0 20px;
        display: block;
        background: url('../../bhplive/img/logo.png') no-repeat 0 0;
        text-indent: 100%;
        overflow: hidden;
    }

    .bhpLiveTopnav .bhpLiveSignin {
        background: none;
        margin-right: 10px;
        position: absolute;
        top: 8px;
        right: 2%;
        font-size: 15px;
        color: #fff;
    }

        .bhpLiveTopnav .bhpLiveSignin:hover {
            background: #aaa;
        }

    .bhpLiveTopnav a:link, .bhpLiveTopnav a:visited, .bhpLiveTopnav a:hover, .bhpLiveTopnav a:active {
        color: #fff;
    }

.bhpLiveBtn {
    padding: 10px 18px;
    font-size: 8px;
    text-transform: uppercase;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    margin: 0 5px 0 0;
    line-height: 10px;
    position: inherit;
    top: 10px;
    right: 0%;
    cursor: pointer;
    -webkit-font-smoothing: subpixel-antialiased;
}

.btn--solid {
    padding: 10px 18px !important;
    font-size: 8px !important;
    text-transform: uppercase !important;
    background: #55af24 !important;
    color: #fff !important;
    margin: 0 5px 0 0 !important;
    line-height: 10px !important;
    position: inherit !important;
    top: 10px !important;
    right: 0% !important;
    cursor: pointer !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}

/*.btn--solid:hover {
    background-color: #fff0f5 !important;
}*/

    .bhpLiveBtn:hover {
        background: rgba(0, 0, 0, 0.75) !important;
        color: #fff !important;
    }

    .bhpLiveBtn.bhpLiveLarge, .btn--solid {
        width: auto !important;
        min-width: 150px !important;
        height: 45px !important;
        padding: 0 15px !important;
        border: 1px solid #fff;
        display: inline-block !important;
        margin: 0 10px 0 0;
        line-height: 45px !important;
        text-decoration: none !important;
        text-align: center !important;
        font-size: 0.875rem !important;
        color: #fff !important;
    }

.firstCol {
    width: 300px;
    float: left;
    position: relative;
}

.nextCol {
    float: left;
    width: 300px;
    padding-left: 20px;
    position: relative;
}

.bhpLiveMain {
    padding-top: 45px;
}

img {
    text-decoration: none;
    border: none;
    max-width: 100%;
}

.playbig img {
    box-shadow: 0 0 2px #333;
}

#bhpLiveIntroHeader {
    width: 100%;
    min-height: 400px;
    padding: 40px 0 40px 0;
    margin-top: -45px;
    position: relative;
    color: #fff;
    background: url('../img/hero-school-desktop.jpg') no-repeat 40% center #111;
    background-size: cover;
}


.HeroImage {
    background: none !important;
}

#bhpLiveIntroHeader .HeroContainer {
    padding: 0;
}

#bhpLiveIntroHeader .bhpLiveRow {
    max-width: 1020px;
    margin: 0 auto;
    display: block;
}

#bhpLiveIntroHeader h1 {
    margin: 0 0 20px;
    font-size: 3.5rem;
    text-transform: none;
    color: #012633;
    font-weight: 500;
}

#bhpLiveIntroHeader .nav-tabs {
    height: 61px;
    border-bottom: 0;
}

    #bhpLiveIntroHeader .nav-tabs > li {
        width: 50%;
        height: 100%;
        border-top: 1px solid transparent;
        border-bottom: 1px solid #fff;
        margin: 0;
        display: block;
        background: rgba(1, 38, 51, 0.4);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        position: relative;
    }

        #bhpLiveIntroHeader .nav-tabs > li:hover {
            background: #fff;
            -webkit-background-clip: padding-box;
            -moz-background-clip: padding-box;
            background-clip: padding-box;
            color: rgba(1, 38, 51, 0.8);
        }

        #bhpLiveIntroHeader .nav-tabs > li.bhpLiveActive {
            border-top-color: #fff;
            border-right: 1px solid #fff;
            border-bottom: none;
            border-left: 1px solid #fff;
            background: rgba(1, 38, 51, 0.8);
        }

        #bhpLiveIntroHeader .nav-tabs > li > a {
            height: 100%;
            padding: 10px;
            margin-right: 0;
            border: none;
            border-radius: 0;
            display: block;
            text-align: center;
            text-transform: uppercase;
            line-height: 1.2;
            font-size: 16px;
            vertical-align: middle;
            color: #fff;
        }

            #bhpLiveIntroHeader .nav-tabs > li > a:hover {
                background: none;
                color: inherit;
            }

        #bhpLiveIntroHeader .nav-tabs > li.bhpLiveActive > a {
            background: none;
            color: #fff;
        }

        #bhpLiveIntroHeader .nav-tabs > li > a:before {
            content: '';
            height: 100%;
            vertical-align: middle;
            display: inline-block;
            width: 0;
        }

        #bhpLiveIntroHeader .nav-tabs > li > a span {
            display: inline-block;
            vertical-align: middle;
        }


#bhpLiveIntroHeader .bhpLiveOther-options .bhpLiveOther-content {
    padding: 25px 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    background: rgba(1, 38, 51, 0.8);
}

    #bhpLiveIntroHeader .bhpLiveOther-options .bhpLiveOther-content .seo {
        border-top: 1px solid #fff;
    }


#bhpLiveIntroHeader .bhpLiveOther-options p {
    margin: 0.25em 0 1em;
}

#bhpLiveIntroHeader .bhpLiveOther-options .bhpLiveBtn {
    width: 195px;
    border: none;
    margin: 0 auto 15px;
    display: block;
    background: #008db8;
}

    #bhpLiveIntroHeader .bhpLiveOther-options .bhpLiveBtn:hover {
        color: #008db8;
        background: #fff;
    }

.hero-content {
    background: #F5F5F5;
    border: 1px solid #ffffff;
    padding: 25px 15px;
    opacity: 0.7;
    color: #000000 !important;
    font-weight: bold;
    position: relative;
}

.heroHeader {
    color: #ffffff !important;
}

#bhpLiveIntroHeader .bhpLiveOther-options .bhpLiveAccount {
    margin: 0;
    text-align: center;
}

    #bhpLiveIntroHeader .bhpLiveOther-options .bhpLiveAccount a {
        text-transform: uppercase;
        text-decoration: underline;
        white-space: nowrap;
        color: #fff;
        padding-top: 10px;
    }

#bhpLiveIntroHeader p {
    margin: 1em 0;
    font-size: 15px;
    line-height: 1.5;
}

#playButton {
    width: 8px;
    height: 7px;
    margin-left: 8px;
}

.bhpLiveAreStudent {
    margin: 0;
    font-size: 26px !important;
    color: #fff;
    text-align: center;
}

    .bhpLiveAreStudent a {
        position: relative;
        font-size: 19px;
        text-decoration: underline;
        color: #fff;
    }

        .bhpLiveAreStudent a:after {
            content: '';
            width: 0;
            height: 0;
            border-left: 7px solid #fff;
            border-top: 7px solid transparent;
            border-bottom: 7px solid transparent;
            margin: -7px -14px 0 0;
            position: absolute;
            top: 50%;
            right: 0;
        }

#bhpLiveIntroHeader .bhpLiveAreStudent {
    margin-bottom: 20px;
    text-align: left;
}

.learnMore {
    cursor: pointer;
}

#introInformation .pointHolder {
    margin-top: 40px;
}

#introInformation .point, #joiningOurCommunity .point {
    border: 16px solid white;
    z-index: 1;
}

#introInformation h3 {
    margin-bottom: 36px;
    margin-top: 0.5em;
}

#introInformation p {
    font-size: 19px;
}

.bhpLiveContainer {
    padding-bottom: 30px;
    padding-top: 30px;
}

.container {
    padding-bottom: 30px;
    padding-top: 30px;
}

.orangebg {
    background: #d96627;
    color: #fff;
}

.graybg {
    background: #f2f2f2;
}

.bhpLiveDarkbg {
    background: #2d2d2d;
}

.bhpLiveBlackbg {
    background: #000;
}

.whatisbh li {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.2;
}

.callout p {
    font-size: 22px;
    margin: 25px 0;
    line-height: 1.3em;
}

.callout {
    margin-bottom: 30px;
}

.graybg .point {
    bottom: -55px;
    z-index: 10;
    border: 16px solid #f2f2f2;
}

.orangebg .point {
    bottom: -55px;
    z-index: 10;
    border: 16px solid #d96627;
}

hr {
    margin: 30px 0 40px;
}

.link {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px black dotted;
}

.whiteLink, a.whiteLink:link, a.whiteLink:visited, a.whiteLink:hover, a.whiteLink:active {
    text-decoration: underline;
    color: #fff;
}

#connect {
    padding-top: 75px;
    background-color: #2d2d2d;
    min-width: 980px;
    width: 100%;
}

    #connect h2 {
        color: white;
        margin-bottom: 75px;
    }

#bhpLiveRegisterFormWrapper {
    background-color: #f2f2f2;
    margin: 0;
    padding-top: 20px;
    margin-bottom: -5px;
}

    #bhpLiveRegisterFormWrapper .bhpLiveTitle {
        background-color: black;
        color: #CCCCCC;
        padding: 10px 20px;
        font-size: 17px;
    }

    #bhpLiveRegisterFormWrapper .columns {
        padding-top: 0px;
        min-height: 385px;
        width: inherit;
    }

    #bhpLiveRegisterFormWrapper .leftCol {
        left: 0px;
        width: 260px;
        padding: 0px 55px 0 40px;
        border: none;
        text-align: left;
    }

    #bhpLiveRegisterFormWrapper .rightCol {
        left: 0px;
        width: 540px;
        padding: 0px 55px 0px 0px;
        border: none;
        text-align: left;
        margin: 0px;
    }

#instructions {
    margin: 10px 0px;
    text-align: left;
}

#bhpLiveRegisterFormWrapper #bhpLiveSuccess {
    padding: 13px 0 30px 0;
    text-align: left;
    margin: 0 auto;
    color: #333;
    background-color: #f2f2f2;
}

#bhpLiveRegisterFormWrapper .bhpLiveErr {
    display: none;
}

#bhpLiveRegisterFormWrapper .has-error .bhpLiveErr {
    display: inline-block;
    font-size: 85%;
    font-weight: 400;
}

#bhpLiveRegisterFormWrapper .bhpLiveErr.pass1error {
    color: #333333;
    display: block;
    font-size: 85%;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
    margin: 5px 0;
}

#bhpLiveRegisterFormWrapper .has-error .bhpLiveErr.pass1error {
    color: #a94442;
}

#bhpLiveRegisterFormWrapper li {
    font-size: 15px;
    width: 80%;
    margin-bottom: 15px;
}

#bhpLiveBtnSubmit img {
    margin-left: 15px;
    display: none;
}

hr {
    border-top: 1px solid #d6d6d6;
    height: 0px;
    background: none;
}

.bhpLiveClear {
    clear: both;
}

.form {
    width: 260px;
    margin: 0 15px 15px 0;
    padding: 8px 18px;
    font-size: 19px;
    color: gray;
    border: none;
}

#interested {
    margin: 10px 0px;
    text-align: left;
}

#whyInterested {
    height: 244px;
    width: 500px;
    resize: none;
}

@media screen and (min-width: 768px) {
    #bhpLiveRegisterFormWrapper .bhpLiveButtons {
        text-align: right;
        float: right;
    }
}

@media screen and (min-width: 768px) {
    #bhpLiveRegisterFormWrapper .bhpLiveLegal {
        float: left;
        margin-top: 15px;
        width: 45%;
    }
}

#bhpLiveRegisterFormWrapper .bhpLiveLegal p {
    margin-bottom: 0;
}

@media screen and (min-width: 768px) {
    #bhpLiveRegisterFormWrapper .bhpLiveLegal p {
        margin-top: 30px;
    }
}

#bhpLiveRegisterFormWrapper .bhpLiveBtn {
    margin-right: 0;
    margin-top: 20px;
}

.bhpLiveGreatSchoolsCredit {
    display: inline-block;
    color: #fff;
    text-align: right;
    width: 100%;
    font-size: 11px;
    margin-bottom: -15px;
    background-color: #2D2D2D;
    padding-top: 5px;
    padding-bottom: 5px;
}

    .bhpLiveGreatSchoolsCredit a {
        color: #99D9EA;
    }

.social a, .social a:link, .social a:visited, .social a:hover, .social a:active {
    color: #fff;
}

#connect .social {
    min-height: 255px;
}

.social img {
    display: inline-block;
    margin-bottom: 20px;
}

#bhpLiveRegister {
    margin-bottom: -20px;
}

    #bhpLiveRegister h4 {
        color: #fff;
        margin: 0;
        padding: 20px 0;
        text-transform: uppercase;
    }

    #bhpLiveRegister input, #bhpLiveRegister select {
        border-radius: 0;
    }

.bhpLiveFooter {
    background: #333;
    color: #fff;
    min-height: 244px;
    margin-bottom: -15px;
}

    .bhpLiveFooter .bhpLiveRow .col-md-4 {
        margin-bottom: 20px;
    }

    .bhpLiveFooter h3 {
        margin-bottom: 30px;
        font-size: 1.125rem;
    }

    .bhpLiveFooter a {
        color: #fff;
        text-decoration: none;
    }

    .bhpLiveFooter .bhpLiveFacebook-label,
    .bhpLiveFooter .bhpLiveTwitter-label {
        display: inline-block;
        text-transform: uppercase;
        background-position: 0 0;
        background-repeat: no-repeat;
        padding: 4px 0 8px 30px;
    }

    .bhpLiveFooter .bhpLiveFacebook-label {
        background-image: url(/SBH/bhplive/img/facebook-icon-light.png);
    }

    .bhpLiveFooter .bhpLiveTwitter-label {
        background-image: url(/SBH/bhplive/img/twitter-icon-light.png);
    }

    .bhpLiveFooter .bhpLiveBlurb {
        max-width: 80%;
        padding-left: 30px;
        line-height: 1.3;
    }

    .bhpLiveFooter .bhpLiveFooterlinks a {
        margin-right: 30px;
        line-height: 1.3;
    }

.bhpLiveOther-options .bhpLiveOuter-box a {
    font-size: 14px;
}

@media only screen and (max-width: 485px) {
    .bhpLiveTopnav .bhpLiveLogo {
        width: 50px;
        background-image: url('/SBH/bhplive/img/logo-condensed.png');
    }
}

@media only screen and (max-width: 640px) {
    #bhpLiveIntroHeader p {
        font-size: 18px;
    }

    #bhpLiveIntroHeader h3 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    #bhpLiveIntroHeader .bhpLiveVideo-thumbnail {
        margin-bottom: 15px;
    }

    #bhpLiveIntroHeader .nav-tabs {
        height: 81px;
    }

        #bhpLiveIntroHeader .nav-tabs > li > a {
            padding: 20px 10px;
        }
}

@media only screen and (max-width: 991px) {

    .bhpLiveHeadline h1 {
        font-size: 36px !important;
    }

    #bhpLiveIntroHeader h3 {
        font-size: 13px;
    }

    .bhpLiveOther-options {
        padding: 0;
    }

        .bhpLiveOther-options .bhpLiveOuter-box {
            padding: 6px;
        }

            .bhpLiveOther-options .bhpLiveOuter-box a {
                font-size: 14px;
            }
}

@media only screen and (min-width: 768px) {
    #bhpLiveIntroHeader .bhpLiveVideo-thumbnail {
        height: 540px;
        padding: 0;
    }
}

@media screen and ( max-width: 767px ) {

    #bhpLiveIntroHeader .bhpLivePlay-video,
    #bhpLiveIntroHeader .bhpLivePlay-video-ios {
        background: url('img/play_white.png') no-repeat center center rgba(255, 255, 255, 0.1);
        background-size: 15%;
    }

    .bhpLiveOther-options .bhpLiveOuter-box {
        border-bottom: 0;
        border-left: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }

        .bhpLiveOther-options .bhpLiveOuter-box a {
            font-size: 14px;
        }

    .bhpLiveOther-options .second_box {
        padding-right: 0;
    }
}

@media only screen and (min-width: 1200px) {
    #bhpLiveIntroHeader .bhpLiveVideo-thumbnail {
        padding: 0 15px;
    }

    #bhpLiveIntroHeader .bhpLiveOther-options {
        padding: 0;
    }
}

.gradient-bottom {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5));
    bottom: 0;
    height: 33%;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
}

/*Video styling*/


#bhpLiveIntroHeader .bhpLivePlay-video,
#bhpLiveIntroHeader .bhpLivePlay-video-ios {
    background: url('/SBH/bhplive/img/play_button.png') no-repeat center center rgba(255, 255, 255, 0.1);
    border: 0;
    box-shadow: 1px 0 27px 1px rgba(0,0,0, 0.3);
    width: 100%;
    outline: none;
    display: block;
    position: relative;
    overflow: hidden;
    text-indent: 100%;
    text-decoration: none;
    white-space: nowrap;
    padding-top: 56.25%;
}


/*Button Wrappers*/

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.bhpLiveOuter-box {
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    width: 100%;
    padding: 20px;
    position: relative;
    margin-top: 40px;
}

.bhpLiveModule {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
}

.bhpLiveModule__content {
    padding: 10px 5px;
    color: #FFF;
    position: relative;
    display: inline-block;
}

    .bhpLiveModule__content::before,
    .bhpLiveModule__content::after {
        height: 0;
    }

    .bhpLiveModule__content h3::before,
    .bhpLiveModule__content h3::after {
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        height: 1px;
        width: 400%;
    }

    .bhpLiveModule__content h3::before {
        left: -400%;
        background-color: #FFF;
    }

    .bhpLiveModule__content h3::after {
        right: -400%;
        background-color: #FFF;
    }

/*Buttons*/

#bhpLiveIntroHeader .bhpLiveOther-options .bhpBtn.bhpLiveRegisterButton, #bhpLiveIntroHeader .bhpLiveOther-options .bhpBtn.bhpLiveJoinClass {
    background: #55af24;
    width: 100%;
}

#bhpLiveIntroHeader .bhpLiveOther-options .bhpBtn.bhpLiveExplore {
    width: 100%;
}

#bhpLiveIntroHeader .bhpLiveOther-options .bhpBtn.bhpLiveRegisterButton:hover, #bhpLiveIntroHeader .bhpLiveOther-options .bhpBtn.bhpLiveJoinClass:hover {
    background: #FFF;
    color: #55af24;
}



.bhpLivepromoBanner {
    padding: 5px 25px;
    background: #ede4b4;
    display: none;
    position: relative;
    right: 0;
    left: 0;
    font-family: "Muli", sans-serif;
    font-size: 16px;
    line-height: 25px;
    color: #000;
    text-align: center;
}

#bhpLiveIntroHeader .bhpLivepromoBanner {
    z-index: 1;
    margin-top: -40px;
    margin-bottom: 15px;
}

.bhpLivepromoBanner p {
    display: inline;
}

.bhpLivepromoBanner b, .bhpLivepromoBanner strong {
    font-family: "Muli", sans-serif;
    font-weight: bold;
}

.bhpLivepromoBanner.active {
    display: block;
}

.bhpLivepromoBanner.disabled {
    display: none;
}

.bhpLivepromoBanner .bhpLivepromoClose {
    cursor: pointer;
    float: right;
    margin-top: -10px;
}

.bhpLivepromoBanner a {
    text-decoration: underline;
    color: #000;
}

    .bhpLivepromoBanner a[target="_blank"]:not(.image):after {
        content: '';
    }

.bhpLiveHeadline {
    display: inline-block;
    width: 100%;
    max-width: 1280px;
    position: relative;
    z-index: 1;
}

    .bhpLiveHeadline h1 {
        font-size: 48px !important;
        color: #FFF !important;
        font-weight: normal !important;
    }

#bhpLiveIntroHeader h3 {
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
}

/* Sub Navigation */
.bhpLiveSub-nav {
    padding-top: 15px;
    padding-bottom: 15px;
    background: #2d2d2d;
    margin-bottom: 20px;
}

    .bhpLiveSub-nav .sub-navContent {
        display: inline-block;
        width: 100%;
        max-width: 1280px;
        position: relative;
        text-align: left;
    }

        .bhpLiveSub-nav .sub-navContent .row {
            padding: 0;
        }

    .bhpLiveSub-nav .container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .bhpLiveSub-nav p {
        color: #FFF;
        font-size: 16px;
        line-height: 22px;
        margin: 0px;
    }

    .bhpLiveSub-nav a {
        color: #fff;
        text-decoration: underline;
        font-size: 16px;
        vertical-align: center;
    }

    .bhpLiveSub-nav div.bhpLivedivider {
        border-right: 1px solid #575757;
        padding: 10px 0;
    }

    .bhpLiveSub-nav div.bhpLiveno-divider {
        padding: 10px 0;
    }

@media screen and (max-width: 1200px) {
    .bhpLiveSub-nav .col-lg-3 div.bhpLivedivider {
        border-right: 0;
    }
}

@media screen and (max-width: 991px) {

    .bhpLiveSub-nav .col-lg-4 div.bhpLivedivider {
        border-right: 1px solid #575757;
    }

    .bhpLiveSub-nav .col-lg-3 div.bhpLivedivider {
        padding-bottom: 15px;
        border-right: 0 !important;
    }

    #bhpLiveIntroHeader h3 {
        font-size: 15px;
    }

    .bhpLiveOuter-box .bhpBtn {
        font-size: 14px;
    }

    .bhpLivemodule {
        top: -17px;
    }
}

@media screen and (min-width: 768px) {

    #bhpLiveIntroHeader .bhpLiveVideo-thumbnail {
        height: 540px;
        padding: 0;
    }
}

@media only screen and (min-width: 768px) {
    #bhpLiveIntroHeader .bhpLivePlay-video,
    #bhpLiveIntroHeader .bhpLivePlay-video-ios {
        height: 100%;
        padding-top: 0;
    }
}


@media screen and (max-width: 767px) {

    .bhpLiveHeadline h1 {
        font-size: 30px !important;
    }

    #bhpLiveIntroHeader .bhpLiveOther-options .bhpBtn.bhpLivejoinClass {
        font-size: 13px;
    }

    .bhpLiveSub-nav .col-lg-4 div.bhpLivedivider {
        border-right: 0;
    }

    .bhpLiveOuter-box {
        border-right: 0 !important;
        border-left: 0;
        border-bottom: 0;
        padding: 20px 0;
    }

    .bhpLivebutton-wrapper {
        padding: 0 20%;
    }


    .bhpLiveSub-nav div.bhpLiveno-divider {
        padding: 0;
    }

    .bhpLiveOther-options .bhpLiveOuter-box a {
        font-size: 14px;
    }
}

/* Namespace fixes */
.row.bhpLiveHeadline {
    padding-left: 15px;
    padding-right: 15px;
}

.bhpLiveOther-options .row {
    padding: 0;
    margin: 0;
}

.bhpLiveOther-options .first_box {
    padding-left: 0;
}

.bhpLiveOther-options .third_box {
    padding-right: 0;
}

.bhpBtn.bhpLarge {
    height: 45px;
    line-height: 45px;
    width: 130px;
    padding: 0;
    font-size: 12px;
    text-transform: uppercase;
    background: #626262;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

.bhpBtn.bhpPrimary {
    background: #969696;
}

#bhpLiveIntroHeader .bhpLiveOther-options .bhpBtn {
    width: 195px;
    border: none;
    margin: 0 auto;
    display: block;
    background: #008db8;
}

.row.rowfix {
    padding-left: 15px;
    padding-right: 15px;
}


.ple-container {
    display: inline-block;
    width: 100%;
    max-width: 1280px;
    text-align: left;
    margin: 0 auto;
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 14px;
}

.form-group {
    text-align: left;
}

.bhpLiveTitle {
    padding: 0;
}


#bhpLiveIntroHeader .section {
    background: none;
}

.embedVideo__iosForceDownload.is-visible {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 999;
}

.register-with-clever {
    background-image: url('../img/clever-register.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    border: none;
    display: inline-block;
    font-size: 0;
    height: 39px;
    width: 203px;
}

.bhpLiveRegisterButton {
    margin-right: 15px;
}

.bhplive-legal-buttons {
    clear: both;
    padding: 15px;
}

.bhplive-legal-buttons:after {
    clear: both;
    content: '';
    display: table;
}